@charset "UTF-8";
/* HELPERS */
/* VIDEO BOOSTER DIFICULTY COLORS */
/* FONT COLORS */
/* @MAIN COLORS !!!! */
/* Assessment level of english colors 8787D1 */
/* Borders for assessment level of english */
/* VIDEO BOOSTER */
/* PHOTO VOCAB */
/* RESPONSIVE */
/* GENERIC COLOR NAMES LIST */
/*blue*/
/*orange*/
/*gray*/
/*red*/
/* HELPERS */
.mt-0 {
  margin-top: 0px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.mr-25 {
  margin-right: 25px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.ml-25 {
  margin-left: 25px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.mt-35 {
  margin-top: 35px !important;
}

.mr-35 {
  margin-right: 35px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

.ml-35 {
  margin-left: 35px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.ml-40 {
  margin-left: 40px !important;
}

.mt-45 {
  margin-top: 45px !important;
}

.mr-45 {
  margin-right: 45px !important;
}

.mb-45 {
  margin-bottom: 45px !important;
}

.ml-45 {
  margin-left: 45px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mr-50 {
  margin-right: 50px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.ml-50 {
  margin-left: 50px !important;
}

.mt-55 {
  margin-top: 55px !important;
}

.mr-55 {
  margin-right: 55px !important;
}

.mb-55 {
  margin-bottom: 55px !important;
}

.ml-55 {
  margin-left: 55px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mr-60 {
  margin-right: 60px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.ml-60 {
  margin-left: 60px !important;
}

.mt-65 {
  margin-top: 65px !important;
}

.mr-65 {
  margin-right: 65px !important;
}

.mb-65 {
  margin-bottom: 65px !important;
}

.ml-65 {
  margin-left: 65px !important;
}

.mt-70 {
  margin-top: 70px !important;
}

.mr-70 {
  margin-right: 70px !important;
}

.mb-70 {
  margin-bottom: 70px !important;
}

.ml-70 {
  margin-left: 70px !important;
}

.mt-75 {
  margin-top: 75px !important;
}

.mr-75 {
  margin-right: 75px !important;
}

.mb-75 {
  margin-bottom: 75px !important;
}

.ml-75 {
  margin-left: 75px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mr-80 {
  margin-right: 80px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.ml-80 {
  margin-left: 80px !important;
}

.mt-85 {
  margin-top: 85px !important;
}

.mr-85 {
  margin-right: 85px !important;
}

.mb-85 {
  margin-bottom: 85px !important;
}

.ml-85 {
  margin-left: 85px !important;
}

.mt-90 {
  margin-top: 90px !important;
}

.mr-90 {
  margin-right: 90px !important;
}

.mb-90 {
  margin-bottom: 90px !important;
}

.ml-90 {
  margin-left: 90px !important;
}

.mt-95 {
  margin-top: 95px !important;
}

.mr-95 {
  margin-right: 95px !important;
}

.mb-95 {
  margin-bottom: 95px !important;
}

.ml-95 {
  margin-left: 95px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.mr-100 {
  margin-right: 100px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.ml-100 {
  margin-left: 100px !important;
}

/* Padding helpers */
.pt-0 {
  padding-top: 0px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.pt-25 {
  padding-top: 25px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

.pr-25 {
  padding-right: 25px !important;
}

.pl-25 {
  padding-left: 25px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.pt-35 {
  padding-top: 35px !important;
}

.pb-35 {
  padding-bottom: 35px !important;
}

.pr-35 {
  padding-right: 35px !important;
}

.pl-35 {
  padding-left: 35px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pr-40 {
  padding-right: 40px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.pt-45 {
  padding-top: 45px !important;
}

.pb-45 {
  padding-bottom: 45px !important;
}

.pr-45 {
  padding-right: 45px !important;
}

.pl-45 {
  padding-left: 45px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.pr-50 {
  padding-right: 50px !important;
}

.pl-50 {
  padding-left: 50px !important;
}

.pt-55 {
  padding-top: 55px !important;
}

.pb-55 {
  padding-bottom: 55px !important;
}

.pr-55 {
  padding-right: 55px !important;
}

.pl-55 {
  padding-left: 55px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.pr-60 {
  padding-right: 60px !important;
}

.pl-60 {
  padding-left: 60px !important;
}

.pt-65 {
  padding-top: 65px !important;
}

.pb-65 {
  padding-bottom: 65px !important;
}

.pr-65 {
  padding-right: 65px !important;
}

.pl-65 {
  padding-left: 65px !important;
}

.pt-70 {
  padding-top: 70px !important;
}

.pb-70 {
  padding-bottom: 70px !important;
}

.pr-70 {
  padding-right: 70px !important;
}

.pl-70 {
  padding-left: 70px !important;
}

.pt-75 {
  padding-top: 75px !important;
}

.pb-75 {
  padding-bottom: 75px !important;
}

.pr-75 {
  padding-right: 75px !important;
}

.pl-75 {
  padding-left: 75px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

.pr-80 {
  padding-right: 80px !important;
}

.pl-80 {
  padding-left: 80px !important;
}

.pt-85 {
  padding-top: 85px !important;
}

.pb-85 {
  padding-bottom: 85px !important;
}

.pr-85 {
  padding-right: 85px !important;
}

.pl-85 {
  padding-left: 85px !important;
}

.pt-90 {
  padding-top: 90px !important;
}

.pb-90 {
  padding-bottom: 90px !important;
}

.pr-90 {
  padding-right: 90px !important;
}

.pl-90 {
  padding-left: 90px !important;
}

.pt-95 {
  padding-top: 95px !important;
}

.pb-95 {
  padding-bottom: 95px !important;
}

.pr-95 {
  padding-right: 95px !important;
}

.pl-95 {
  padding-left: 95px !important;
}

.pt-100 {
  padding-top: 100px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

.pr-100 {
  padding-right: 100px !important;
}

.pl-100 {
  padding-left: 100px !important;
}

/* FONTS HELPERS */
.fw-100 {
  font-weight: 100;
}

.fw-200 {
  font-weight: 200;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.fw-800 {
  font-weight: 800;
}

.hide-me {
  display: none;
}

.hide-element {
  cursor: inherit !important;
  -webkit-transition: all 0s ease-in !important;
  transition: all 0s ease-in !important;
  -webkit-transition-delay: 0s !important;
          transition-delay: 0s !important;
  opacity: 0 !important;
}

.show-element {
  opacity: 1 !important;
}

.text__link--red {
  text-decoration: underline;
  color: #E76B6B;
}

.text__link--red:hover {
  color: #E76B6B;
}

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

.display-table {
  display: table;
  width: 100%;
}

.display-cell {
  display: table-cell;
  vertical-align: middle;
}

.display-block {
  display: block;
}

.display-inline {
  display: inline !important;
}

.text-xs-left {
  text-align: left;
}

.text-xs-right {
  text-align: right;
}

.text-xs-center {
  text-align: center;
}

.text-xs-justify {
  text-align: justify;
}

@media (min-width: 767px) {
  .text-sm-left {
    text-align: left;
  }
  .text-sm-right {
    text-align: right;
  }
  .text-sm-center {
    text-align: center;
  }
  .text-sm-justify {
    text-align: justify;
  }
}
@media (min-width: 991px) {
  .text-md-left {
    text-align: left;
  }
  .text-md-right {
    text-align: right;
  }
  .text-md-center {
    text-align: center;
  }
  .text-md-justify {
    text-align: justify;
  }
}
/* ---------------------- //
// ---- Borders helpers-- //
// ---------------------- */
.no-borders {
  border: none !important;
}

/* COLOR HELPERS */
.u-blue-color {
  color: #5CB4C7 !important;
}

.u-color-red {
  color: #DE7376 !important;
}

.u-white-color {
  color: #FFFFFF !important;
}

.u-text-color-lightblue {
  color: #A9CCD3 !important;
}

/* background colors */
.background--blue {
  background-color: #5CB4C7;
}

/* Font weight helpers */
.u-font-weight-1 {
  font-weight: 100 !important;
}

.u-font-weight-2 {
  font-weight: 200 !important;
}

.u-font-weight-3 {
  font-weight: 300 !important;
}

.u-font-weight-4 {
  font-weight: 400 !important;
}

.u-font-weight-5 {
  font-weight: 500 !important;
}

.u-font-weight-6 {
  font-weight: 600 !important;
}

.u-font-weight-7 {
  font-weight: 700 !important;
}

@media screen and (max-width: 991px) {
  /* Font size helpers - mobile */
  .u-font-size-10--mobile {
    font-size: 10px !important;
  }
  .u-font-size-11--mobile {
    font-size: 11px !important;
  }
  .u-font-size-12--mobile {
    font-size: 12px !important;
  }
  .u-font-size-13--mobile {
    font-size: 13px !important;
  }
  .u-font-size-14--mobile {
    font-size: 14px !important;
  }
  .u-font-size-15--mobile {
    font-size: 15px !important;
  }
  .u-font-size-16--mobile {
    font-size: 16px !important;
  }
  .u-font-size-17--mobile {
    font-size: 17px !important;
  }
  .u-font-size-18--mobile {
    font-size: 18px !important;
  }
  .u-font-size-19--mobile {
    font-size: 19px !important;
  }
  .u-font-size-20--mobile {
    font-size: 20px !important;
  }
  /* margin helpers - mobile */
  .mt-0--mobile {
    margin-top: 0px !important;
  }
  .mr-0--mobile {
    margin-right: 0px !important;
  }
  .mb-0--mobile {
    margin-bottom: 0px !important;
  }
  .ml-0--mobile {
    margin-left: 0px !important;
  }
  .mt-5--mobile {
    margin-top: 5px !important;
  }
  .mr-5--mobile {
    margin-right: 5px !important;
  }
  .mb-5--mobile {
    margin-bottom: 5px !important;
  }
  .ml-5--mobile {
    margin-left: 5px !important;
  }
  .mt-10--mobile {
    margin-top: 10px !important;
  }
  .mr-10--mobile {
    margin-right: 10px !important;
  }
  .mb-10--mobile {
    margin-bottom: 10px !important;
  }
  .ml-10--mobile {
    margin-left: 10px !important;
  }
  .mt-15--mobile {
    margin-top: 15px !important;
  }
  .mr-15--mobile {
    margin-right: 15px !important;
  }
  .mb-15--mobile {
    margin-bottom: 15px !important;
  }
  .ml-15--mobile {
    margin-left: 15px !important;
  }
  .mt-20--mobile {
    margin-top: 20px !important;
  }
  .mr-20--mobile {
    margin-right: 20px !important;
  }
  .mb-20--mobile {
    margin-bottom: 20px !important;
  }
  .ml-20--mobile {
    margin-left: 20px !important;
  }
  .mt-25--mobile {
    margin-top: 25px !important;
  }
  .mr-25--mobile {
    margin-right: 25px !important;
  }
  .mb-25--mobile {
    margin-bottom: 25px !important;
  }
  .ml-25--mobile {
    margin-left: 25px !important;
  }
  .mt-30--mobile {
    margin-top: 30px !important;
  }
  .mr-30--mobile {
    margin-right: 30px !important;
  }
  .mb-30--mobile {
    margin-bottom: 30px !important;
  }
  .ml-30--mobile {
    margin-left: 30px !important;
  }
  .mt-35--mobile {
    margin-top: 35px !important;
  }
  .mr-35--mobile {
    margin-right: 35px !important;
  }
  .mb-35--mobile {
    margin-bottom: 35px !important;
  }
  .ml-35--mobile {
    margin-left: 35px !important;
  }
  .mt-40--mobile {
    margin-top: 40px !important;
  }
  .mr-40--mobile {
    margin-right: 40px !important;
  }
  .mb-40--mobile {
    margin-bottom: 40px !important;
  }
  .ml-40--mobile {
    margin-left: 40px !important;
  }
  .mt-45--mobile {
    margin-top: 45px !important;
  }
  .mr-45--mobile {
    margin-right: 45px !important;
  }
  .mb-45--mobile {
    margin-bottom: 45px !important;
  }
  .ml-45--mobile {
    margin-left: 45px !important;
  }
  .mt-50--mobile {
    margin-top: 50px !important;
  }
  .mr-50--mobile {
    margin-right: 50px !important;
  }
  .mb-50--mobile {
    margin-bottom: 50px !important;
  }
  .ml-50--mobile {
    margin-left: 50px !important;
  }
  .mt-55--mobile {
    margin-top: 55px !important;
  }
  .mr-55--mobile {
    margin-right: 55px !important;
  }
  .mb-55--mobile {
    margin-bottom: 55px !important;
  }
  .ml-55--mobile {
    margin-left: 55px !important;
  }
  .mt-60--mobile {
    margin-top: 60px !important;
  }
  .mr-60--mobile {
    margin-right: 60px !important;
  }
  .mb-60--mobile {
    margin-bottom: 60px !important;
  }
  .ml-60--mobile {
    margin-left: 60px !important;
  }
  .mt-65--mobile {
    margin-top: 65px !important;
  }
  .mr-65--mobile {
    margin-right: 65px !important;
  }
  .mb-65--mobile {
    margin-bottom: 65px !important;
  }
  .ml-65--mobile {
    margin-left: 65px !important;
  }
  .mt-70--mobile {
    margin-top: 70px !important;
  }
  .mr-70--mobile {
    margin-right: 70px !important;
  }
  .mb-70--mobile {
    margin-bottom: 70px !important;
  }
  .ml-70--mobile {
    margin-left: 70px !important;
  }
  .mt-75--mobile {
    margin-top: 75px !important;
  }
  .mr-75--mobile {
    margin-right: 75px !important;
  }
  .mb-75--mobile {
    margin-bottom: 75px !important;
  }
  .ml-75--mobile {
    margin-left: 75px !important;
  }
  .mt-80--mobile {
    margin-top: 80px !important;
  }
  .mr-80--mobile {
    margin-right: 80px !important;
  }
  .mb-80--mobile {
    margin-bottom: 80px !important;
  }
  .ml-80--mobile {
    margin-left: 80px !important;
  }
  .mt-85--mobile {
    margin-top: 85px !important;
  }
  .mr-85--mobile {
    margin-right: 85px !important;
  }
  .mb-85--mobile {
    margin-bottom: 85px !important;
  }
  .ml-85--mobile {
    margin-left: 85px !important;
  }
  .mt-90--mobile {
    margin-top: 90px !important;
  }
  .mr-90--mobile {
    margin-right: 90px !important;
  }
  .mb-90--mobile {
    margin-bottom: 90px !important;
  }
  .ml-90--mobile {
    margin-left: 90px !important;
  }
  .mt-95--mobile {
    margin-top: 95px !important;
  }
  .mr-95--mobile {
    margin-right: 95px !important;
  }
  .mb-95--mobile {
    margin-bottom: 95px !important;
  }
  .ml-95--mobile {
    margin-left: 95px !important;
  }
  .mt-100--mobile {
    margin-top: 100px !important;
  }
  .mr-100--mobile {
    margin-right: 100px !important;
  }
  .mb-100--mobile {
    margin-bottom: 100px !important;
  }
  .ml-100--mobile {
    margin-left: 100px !important;
  }
  .pt-0--mobile {
    padding-top: 0px !important;
  }
  .pr-0--mobile {
    padding-right: 0px !important;
  }
  .pb-0--mobile {
    padding-bottom: 0px !important;
  }
  .pl-0--mobile {
    padding-left: 0px !important;
  }
  .pt-5--mobile {
    padding-top: 5px !important;
  }
  .pr-5--mobile {
    padding-right: 5px !important;
  }
  .pb-5--mobile {
    padding-bottom: 5px !important;
  }
  .pl-5--mobile {
    padding-left: 5px !important;
  }
  .pt-10--mobile {
    padding-top: 10px !important;
  }
  .pr-10--mobile {
    padding-right: 10px !important;
  }
  .pb-10--mobile {
    padding-bottom: 10px !important;
  }
  .pl-10--mobile {
    padding-left: 10px !important;
  }
  .pt-15--mobile {
    padding-top: 15px !important;
  }
  .pr-15--mobile {
    padding-right: 15px !important;
  }
  .pb-15--mobile {
    padding-bottom: 15px !important;
  }
  .pl-15--mobile {
    padding-left: 15px !important;
  }
  .pt-20--mobile {
    padding-top: 20px !important;
  }
  .pr-20--mobile {
    padding-right: 20px !important;
  }
  .pb-20--mobile {
    padding-bottom: 20px !important;
  }
  .pl-20--mobile {
    padding-left: 20px !important;
  }
  .pt-25--mobile {
    padding-top: 25px !important;
  }
  .pr-25--mobile {
    padding-right: 25px !important;
  }
  .pb-25--mobile {
    padding-bottom: 25px !important;
  }
  .pl-25--mobile {
    padding-left: 25px !important;
  }
  .pt-30--mobile {
    padding-top: 30px !important;
  }
  .pr-30--mobile {
    padding-right: 30px !important;
  }
  .pb-30--mobile {
    padding-bottom: 30px !important;
  }
  .pl-30--mobile {
    padding-left: 30px !important;
  }
  .pt-35--mobile {
    padding-top: 35px !important;
  }
  .pr-35--mobile {
    padding-right: 35px !important;
  }
  .pb-35--mobile {
    padding-bottom: 35px !important;
  }
  .pl-35--mobile {
    padding-left: 35px !important;
  }
  .pt-40--mobile {
    padding-top: 40px !important;
  }
  .pr-40--mobile {
    padding-right: 40px !important;
  }
  .pb-40--mobile {
    padding-bottom: 40px !important;
  }
  .pl-40--mobile {
    padding-left: 40px !important;
  }
  .pt-45--mobile {
    padding-top: 45px !important;
  }
  .pr-45--mobile {
    padding-right: 45px !important;
  }
  .pb-45--mobile {
    padding-bottom: 45px !important;
  }
  .pl-45--mobile {
    padding-left: 45px !important;
  }
  .pt-50--mobile {
    padding-top: 50px !important;
  }
  .pr-50--mobile {
    padding-right: 50px !important;
  }
  .pb-50--mobile {
    padding-bottom: 50px !important;
  }
  .pl-50--mobile {
    padding-left: 50px !important;
  }
  .pt-55--mobile {
    padding-top: 55px !important;
  }
  .pr-55--mobile {
    padding-right: 55px !important;
  }
  .pb-55--mobile {
    padding-bottom: 55px !important;
  }
  .pl-55--mobile {
    padding-left: 55px !important;
  }
  .pt-60--mobile {
    padding-top: 60px !important;
  }
  .pr-60--mobile {
    padding-right: 60px !important;
  }
  .pb-60--mobile {
    padding-bottom: 60px !important;
  }
  .pl-60--mobile {
    padding-left: 60px !important;
  }
  .pt-65--mobile {
    padding-top: 65px !important;
  }
  .pr-65--mobile {
    padding-right: 65px !important;
  }
  .pb-65--mobile {
    padding-bottom: 65px !important;
  }
  .pl-65--mobile {
    padding-left: 65px !important;
  }
  .pt-70--mobile {
    padding-top: 70px !important;
  }
  .pr-70--mobile {
    padding-right: 70px !important;
  }
  .pb-70--mobile {
    padding-bottom: 70px !important;
  }
  .pl-70--mobile {
    padding-left: 70px !important;
  }
  .pt-75--mobile {
    padding-top: 75px !important;
  }
  .pr-75--mobile {
    padding-right: 75px !important;
  }
  .pb-75--mobile {
    padding-bottom: 75px !important;
  }
  .pl-75--mobile {
    padding-left: 75px !important;
  }
  .pt-80--mobile {
    padding-top: 80px !important;
  }
  .pr-80--mobile {
    padding-right: 80px !important;
  }
  .pb-80--mobile {
    padding-bottom: 80px !important;
  }
  .pl-80--mobile {
    padding-left: 80px !important;
  }
  .pt-85--mobile {
    padding-top: 85px !important;
  }
  .pr-85--mobile {
    padding-right: 85px !important;
  }
  .pb-85--mobile {
    padding-bottom: 85px !important;
  }
  .pl-85--mobile {
    padding-left: 85px !important;
  }
  .pt-90--mobile {
    padding-top: 90px !important;
  }
  .pr-90--mobile {
    padding-right: 90px !important;
  }
  .pb-90--mobile {
    padding-bottom: 90px !important;
  }
  .pl-90--mobile {
    padding-left: 90px !important;
  }
  .pt-95--mobile {
    padding-top: 95px !important;
  }
  .pr-95--mobile {
    padding-right: 95px !important;
  }
  .pb-95--mobile {
    padding-bottom: 95px !important;
  }
  .pl-95--mobile {
    padding-left: 95px !important;
  }
  .pt-100--mobile {
    padding-top: 100px !important;
  }
  .pr-100--mobile {
    padding-right: 100px !important;
  }
  .pb-100--mobile {
    padding-bottom: 100px !important;
  }
  .pl-100--mobile {
    padding-left: 100px !important;
  }
  .u-no-padding--mobile {
    padding: 0 !important;
  }
}
/* Reset properties */
.no-decoration {
  text-decoration: none !important;
}

.u-no-padding {
  padding: 0 !important;
}

.u-list-no-type {
  list-style-type: none !important;
}

.c-justify-space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes wobble {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes wobble {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.wobble {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

@-webkit-keyframes bounceIn {
  from, 4%, 8%, 12%, 16%, 20%, 24%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 0.315, 710, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 0.315, 710, 1);
  }
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  4% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  8% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  12% {
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }
  16% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97);
  }
  20% {
    -webkit-transform: scale3d(1.02, 1.02, 1.02);
            transform: scale3d(1.02, 1.02, 1.02);
  }
  24% {
    -webkit-transform: scale3d(0.98, 0.98, 0.98);
            transform: scale3d(0.98, 0.98, 0.98);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 4%, 8%, 12%, 16%, 20%, 24%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 0.315, 710, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 0.315, 710, 1);
  }
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  4% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  8% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  12% {
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }
  16% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97);
  }
  20% {
    -webkit-transform: scale3d(1.02, 1.02, 1.02);
            transform: scale3d(1.02, 1.02, 1.02);
  }
  24% {
    -webkit-transform: scale3d(0.98, 0.98, 0.98);
            transform: scale3d(0.98, 0.98, 0.98);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
.shake-animation {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-animation: shakeAnimation linear 1.5s;
          animation: shakeAnimation linear 1.5s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}

@-webkit-keyframes shakeAnimation {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  10% {
    -webkit-transform: translate(-1px, 0px) rotate(0deg);
            transform: translate(-1px, 0px) rotate(0deg);
  }
  20% {
    -webkit-transform: translate(1px, 0px) rotate(0deg);
            transform: translate(1px, 0px) rotate(0deg);
  }
  30% {
    -webkit-transform: translate(-1px, 0px) rotate(0deg);
            transform: translate(-1px, 0px) rotate(0deg);
  }
  40% {
    -webkit-transform: translate(1px, 0px) rotate(0deg);
            transform: translate(1px, 0px) rotate(0deg);
  }
  50% {
    -webkit-transform: translate(-1px, 0px) rotate(0deg);
            transform: translate(-1px, 0px) rotate(0deg);
  }
  60% {
    -webkit-transform: translate(1px, 0px) rotate(0deg);
            transform: translate(1px, 0px) rotate(0deg);
  }
  70% {
    -webkit-transform: translate(-1px, 0px) rotate(0deg);
            transform: translate(-1px, 0px) rotate(0deg);
  }
  80% {
    -webkit-transform: translate(1px, 0px) rotate(0deg);
            transform: translate(1px, 0px) rotate(0deg);
  }
  90% {
    -webkit-transform: translate(-1px, 0px) rotate(0deg);
            transform: translate(-1px, 0px) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
}

@keyframes shakeAnimation {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  10% {
    -webkit-transform: translate(-1px, 0px) rotate(0deg);
            transform: translate(-1px, 0px) rotate(0deg);
  }
  20% {
    -webkit-transform: translate(1px, 0px) rotate(0deg);
            transform: translate(1px, 0px) rotate(0deg);
  }
  30% {
    -webkit-transform: translate(-1px, 0px) rotate(0deg);
            transform: translate(-1px, 0px) rotate(0deg);
  }
  40% {
    -webkit-transform: translate(1px, 0px) rotate(0deg);
            transform: translate(1px, 0px) rotate(0deg);
  }
  50% {
    -webkit-transform: translate(-1px, 0px) rotate(0deg);
            transform: translate(-1px, 0px) rotate(0deg);
  }
  60% {
    -webkit-transform: translate(1px, 0px) rotate(0deg);
            transform: translate(1px, 0px) rotate(0deg);
  }
  70% {
    -webkit-transform: translate(-1px, 0px) rotate(0deg);
            transform: translate(-1px, 0px) rotate(0deg);
  }
  80% {
    -webkit-transform: translate(1px, 0px) rotate(0deg);
            transform: translate(1px, 0px) rotate(0deg);
  }
  90% {
    -webkit-transform: translate(-1px, 0px) rotate(0deg);
            transform: translate(-1px, 0px) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
/* BASE */
/* HELPERS */
.icon {
  font-family: "ea-icon-font";
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  speak: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.user-profile-picture__placeholder:before {
  margin-right: 0 !important;
}

.icon-ea_user_neg:before {
  content: "\e902";
}

.icon-ea_user_pos:before {
  content: "\e903";
}

.icon-user:before {
  content: "\e900";
}

.icon-world:before {
  content: "\e901";
}

/* svg icons */
.ea-icon,
.ea-icon-vb {
  display: inline-block;
  width: 75px;
  height: 75px;
}

.ea-icon--big {
  display: inlinevalent-block;
  width: 105px;
  height: 105px;
}

.ea-icon.icon-default {
  width: 95px;
  height: 95px;
  border-radius: 50%;
  background-color: #DEDEdE;
}

.ea-icon.icon1.active {
  background-image: url("/images/icons/video-booster/icon1--active.png");
}

.ea-icon.icon1.inactive {
  background-image: url("/images/icons/video-booster/icon1--inactive.png");
}

/* 95x95 Icons*/
.ea-icon.dim-95-95 {
  width: 95px;
  height: 95px;
}

.logo-VB.dim-95-95 {
  background-image: url("../images/icons/95x95/logo-VB.svg");
}

.logo-PV.dim-95-95 {
  background-image: url("../images/icons/95x95/logo-PV.svg");
}

.icon-exercise-title.dim-95-95 {
  width: 95px !important;
  height: 95px !important;
}

/* EXERCISE ICONS */
.icon-exercise-title {
  width: 105px;
  height: 105px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: 50%;
}

.icon-exercise-title--vb {
  background-color: #5BB4C7;
  background-image: url("../images/all-icons/VB-logo.svg");
  background-position: 50% 35%;
  background-size: 65% 65%;
}

.icon-exercise-title--pv {
  background-color: #FA9F70;
  background-image: url("../images/all-icons/PV-logo.svg");
  background-size: 62% 68%;
  float: left;
}

.icon-exercise-title--vd {
  background-color: transparent;
  background-image: url("../images/verbdash/logo-small.svg");
  background-size: 100% 100%;
}

.exercise__icon {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}

.exercise__icon--pv {
  background-color: #FA9F70;
}

.exercise__icon--vb {
  background-color: #5CB4C7;
}

.icon-comprehension {
  background-image: url("../images/all-icons/comprehension-logo.svg");
}

.icon-quickvocab {
  background-image: url("../images/all-icons/quickvocab-logo.svg");
  background-position: 55% 50%;
}

.icon-video {
  background-image: url("../images/all-icons/video.svg");
  background-position: 50% 57%;
}

.icon-listening_lab {
  background-image: url("../images/all-icons/listeninglab-logo.svg");
  background-position: 50% 45%;
}

.icon-advanced_comprehension {
  background-image: url("../images/all-icons/advanced_comprehension-logo.svg");
}

.icon-vocab_academy {
  background-image: url("../images/all-icons/vocab-academy-logo.svg");
  background-position: 52% 50%;
}

.icon-grammar {
  background-image: url("../images/all-icons/grammar-logo.svg");
}

.icon-swap-mania {
  background-image: url("../images/all-icons/swap-mania_logo.svg");
  background-size: 75%;
  background-position: 13px 32px;
  -ms-background-position-y: 20px;
}

.icon-word-rescue {
  background-image: url("../images/all-icons/word-rescue_logo.svg");
  background-position: 50% 50%;
  background-size: 60%;
}

.card__flag {
  display: inline-block;
  height: 93px;
  width: 96px;
  position: absolute;
  right: -16px;
  top: -22px;
}
.card__flag--most-popular {
  background-image: url("../images/all-icons/most-popular.svg");
}
.card__flag--valentine {
  background-image: url("../images/all-icons/valentines-day.svg");
}
.card__flag--summer-offer {
  background-image: url("../images/all-icons/summer-offer-glasses.png");
  right: 0px;
  top: 0px;
  height: 52px;
  width: 57px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background-repeat: no-repeat;
  background-size: contain;
}

/* Hearts icons for St. Valentine's offer - #7580 */
.hearts-top {
  background-image: url("../images/all-icons/hearts-top.svg");
  height: 26px;
  width: 32px;
  position: absolute;
  left: 18px;
}

.hearts-bottom {
  background-image: url("../images/all-icons/hearts-bottom.svg");
  height: 27px;
  width: 27px;
  position: absolute;
  right: 18px;
}

/* Arrows from collapsable menus */
.icon--arrow__container {
  height: 31px;
  width: 31px;
  border-radius: 50%;
  position: absolute;
  right: 12px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.icon--arrow__container.background--white {
  background: #FFFFFF;
}

.icon__arrow {
  display: inline-block;
  border-radius: 1px;
  width: 11px;
  height: 11px;
  position: absolute;
  top: 0;
  right: 0px;
  bottom: 0px;
  left: 0;
  margin: auto;
}

.icon__arrow--thick {
  border-left: 1px solid;
  border-bottom: 1px solid;
}

.icon__arrow--medium {
  border-left: 3px solid;
  border-bottom: 3px solid;
}

.icon__arrow--down {
  -webkit-transform: rotate(-48deg) !important;
          transform: rotate(-48deg) !important;
}

.icon__arrow--up {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.icon__arrow--left {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.icon__arrow--right {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.arrow--blue {
  border-color: #5CB4C7;
  border-color: #5CB4C7;
}

.arrow--orange {
  border-color: #FA9F70;
  border-color: #FA9F70;
}

/* Fix the size of the Word rescue logo for IE11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .icon-word-rescue {
    background-size: 75%;
  }
  .icon-word_rescue-blue {
    background-size: 75% !important;
  }
}
.icon-say-what {
  background-image: url("../images/all-icons/vinyle.svg");
  background-position: 50%;
  background-size: cover;
}

.icon-album {
  background-image: url("../images/all-icons/album.svg");
  background-position: 50% 48%;
  background-size: 65% 70%;
}

.icon-speed-pix {
  background-image: url("../images/all-icons/speed-pix-new-logo.svg");
  background-size: 75%;
}

.icon-speedpix-black {
  background-image: url("../images/all-icons/speed-pix-new-logo-black.svg");
  background-size: 75%;
}

.icon-quickvocab {
  background-image: url("../images/icons/100x100/icon-quickvocab.svg");
}

.icon-video {
  background-image: url("../images/icons/100x100/icon-video.svg");
}

.icon-comprehension {
  background-image: url("../images/icons/100x100/icon-comprehension.svg");
}

.icon-listening_lab {
  background-image: url("../images/icons/100x100/icon-listening_lab.svg");
}

.icon-advanced_comprehension {
  background-image: url("../images/icons/100x100/icon-advanced_comprehension.svg");
}

.icon-vocab_academy {
  background-image: url("../images/icons/100x100/icon-vocab_academy.svg");
}

.icon-grammar {
  background-image: url("../images/icons/100x100/icon-grammar.svg");
}

.icon-pronunciation {
  background-image: url("../images/icons/100x100/icon-pronunciation.svg");
}

.icon-discussion {
  background-image: url("../images/icons/100x100/icon-discussion.svg");
}

.icon-swap_mania-blue {
  background-image: url("../images/all-icons/swap-mania_logo.svg");
  background-color: #5CB4C7;
  background-size: 75%;
  background-position: 10px 24px;
  -ms-background-position-y: 15px;
}

.icon-word_rescue-blue {
  background-image: url("../images/all-icons/word-rescue_logo.svg");
  background-color: #5CB4C7;
  background-size: 65%;
}

.icon-duplicate-assignments,
.icon-duplicate-assessments,
.icon-list-assignments,
.icon-resend-invitation,
.icon-teacher-zone,
.icon-golden-star,
.icon-white-star,
.icon-student,
.icon-view-test {
  width: 25px;
  height: 25px;
  background-size: contain;
  background-position: center bottom;
}

.icon-duplicate-assignments,
.icon-duplicate-assessments {
  background-image: url("../images/school/duplicate.svg");
}
.icon-duplicate-assignments:hover,
.icon-duplicate-assessments:hover {
  background-image: url("../images/school/duplicate-hover.svg");
}

.icon-view-test {
  background-image: url("../images/school/eye.svg");
}

.icon-list-assignments {
  background-image: url("../images/school/list.svg");
}

.icon-resend-invitation {
  background-image: url("../images/school/resend.svg");
}

.icon-teacher-zone {
  background-image: url("../images/school/teacher-zone.svg");
}

.icon-favorite {
  width: 30px;
  height: 30px;
  margin-left: -7px;
  margin-top: -6px;
  background-image: url("../images/school/white-star.svg");
}

.icon-student {
  background-image: url("../images/school/student.svg");
}

/* Locked icons */
.step-locked .exercise__icon {
  opacity: 1;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  /* Firefox 10+, Firefox on Android */
  filter: grayscale(100%);
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.step-locked .exercise__icon:after {
  position: absolute;
  z-index: 99;
  bottom: -5px;
  left: 3px;
  display: block;
  width: 25px;
  height: 25px;
  content: "";
  background-image: url("../images/all-icons/lock.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.step-locked .icon-comprehension {
  background-image: url("../images/all-icons/vb-locked/icon-comprehension.svg");
}
.step-locked .icon-listening_lab {
  background-image: url("../images/all-icons/vb-locked/icon-listening_lab.svg");
}
.step-locked .icon-advanced_comprehension {
  background-image: url("../images/all-icons/vb-locked/icon-comprehension.svg");
}
.step-locked .icon-vocab_academy {
  background-image: url("../images/all-icons/vb-locked/icon-vocab_academy.svg");
}
.step-locked .icon-grammar {
  background-image: url("../images/all-icons/vb-locked/icon-grammar.svg");
}
.step-locked .icon-swap_mania-blue {
  background-size: 100%;
  background-position: 0 0;
  background-image: url("../images/all-icons/vb-locked/swapmania.png");
}
.step-locked .icon-word_rescue-blue {
  background-size: 100%;
  background-image: url("../images/all-icons/vb-locked/Word-rescue-blue.png");
}

.step-locked .exercise__icon--pv:after {
  bottom: 3px;
}

/* Assessment test steps checked */
.step-checked .exercise__icon:after {
  position: absolute;
  z-index: 99;
  bottom: 0px;
  right: 3px;
  display: block;
  width: 20px;
  height: 20px;
  content: "";
  background-color: #9EC39F;
  border-radius: 50%;
}
.step-checked .exercise__icon:before {
  position: absolute;
  z-index: 999;
  bottom: 6px;
  right: 6px;
  display: block;
  width: 6px;
  height: 11px;
  content: "";
  border-bottom: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/* photo vocab advanced */
.icon-album-red {
  background-image: url("../images/icons/100x100/icon-album-red.svg");
}

.icon-swap_mania-red {
  background-image: url("../images/icons/100x100/icon-swap_mania-red.svg");
}

.icon-speedpix-red {
  background-image: url("../images/icons/100x100/icon-speedpix-red.svg");
}

.icon-word_rescue-red {
  background-image: url("../images/icons/100x100/icon-word_rescue-red.svg");
}

.icon-rocket2 {
  background-image: url("../images/icons/rocket.svg");
}

.icon-check2 {
  background-image: url("../images/icons/check2.svg");
}

.icon-game {
  margin-top: 5px;
  margin-bottom: 15px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}

.icon-swap-mania.icon-game {
  width: 130px;
  height: 84px;
}

.icon-speedpix-black.icon-game {
  width: 130px;
  height: 84px;
}

.icon-word-rescue.icon-game {
  position: relative;
  top: 10px;
  width: 65px;
  height: 65px;
}

/* videbooster ressource tabs*/
.dim-50-50 {
  display: inline-block;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: contain;
}

.ressource-tab-vocab {
  background-image: url("../images/icons/ressource-tab-vocab.svg");
}

.ressource-tab-video {
  background-image: url("../images/icons/ressource-tab-video.svg");
}

.ressource-tab-transcript {
  background-image: url("../images/icons/ressource-tab-transcript.svg");
}

.icon {
  display: inline-block;
  background-repeat: no-repeat;
}

.css-icon-assignment {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 50px;
  right: 8px;
  z-index: 99;
  background-color: #E76B6B;
  border-radius: 50%;
  cursor: pointer;
}
.css-icon-assignment:before {
  content: "+";
  text-align: center;
  color: #FFFFFF;
  font-size: 24px;
  font-weight: bold !important;
  line-height: 24px !important;
  display: block;
  padding-top: 4px;
}
.css-icon-assignment:hover {
  background-color: #D65A5A;
}

.page-exercises-photo-vocabs .css-icon-assignment,
.page-pv-list .css-icon-assignment {
  top: 60px;
  right: 20px;
}

.css-icon-exercise-title--add {
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 2px dashed #AAAAAA;
  border-radius: 50%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  cursor: pointer;
}
.css-icon-exercise-title--add:before {
  content: "+";
  text-align: center;
  line-height: 17px;
  font-size: 17px;
  font-weight: 400;
  padding-top: 4px;
  margin-left: 1px;
  color: #AAAAAA;
  display: block;
}

.icon-close {
  width: 40px;
  height: 40px;
  border: 1px solid #C0C0C0;
  border-radius: 50%;
  background-color: #FFFFFF;
  background-image: url("/sites/all/themes/lingua/assets/close-icon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px 25px;
}

.icon-tip {
  width: 66px;
  height: 54px;
  margin-right: 19px;
  vertical-align: middle;
  background-image: url("../images/all-icons/tip.svg");
}

.icon-score {
  width: 55px;
  height: 80px;
  background-image: url("../images/icons/score-icon.svg");
  background-size: contain;
}

.icon-stars {
  width: 60px;
  height: 49px;
  background-image: url("../images/icons/stars.svg");
  background-size: contain;
}

.icon-chrono {
  width: 65px;
  height: 65px;
  background-image: url("../images/icons/chrono.svg");
  background-size: contain;
}

.icon-thumb {
  width: 180px;
  height: 180px;
  background-image: url("../images/icons/thumb.svg");
  background-size: contain;
  left: 2px !important;
}

.icon-sky {
  position: relative;
  left: 7px;
  width: 200px;
  height: 180px;
  background-image: url("../images/icons/sky.svg");
  background-size: contain;
}

.icon-arrow-graph {
  position: relative;
  left: 5px;
  width: 200px;
  height: 180px;
  background-image: url("../images/icons/arrow-graph.svg");
  background-size: contain;
}

.flag-american,
.flag-british,
.male-gender,
.female-gender,
.neutral-gender {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: contain;
}

.flag-british {
  background-image: url("../images/all-icons/UK-flg.svg");
}

.flag-american {
  background-image: url("../images/all-icons/US-flg.svg");
}

.male-gender {
  background-image: url("../images/all-icons/male-gender.svg");
}

.female-gender {
  background-image: url("../images/all-icons/female-gender.svg");
}

.neutral-gender {
  background-image: url("../images/all-icons/neutral-gender.svg");
}

.close-popover {
  cursor: pointer;
}

/* icons that are made with :before or :after */
.icon-triangle-up {
  display: inline-block;
  width: 0;
  height: 0;
  margin: auto;
  content: "";
  vertical-align: top;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #5BB4C6;
  border-left: 10px solid transparent;
}

.icon-triangle-right {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 0;
  height: 0;
  margin: auto;
  content: "";
  vertical-align: top;
  border-top: 11px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 16px solid #5BB4C6;
}

.ea-icon--transition {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: Scale(1);
          transform: Scale(1);
}

.ea-icon--transition:hover {
  -webkit-transform: Scale(1.15);
          transform: Scale(1.15);
}

/* Loader icon */
.flag-throbber {
  position: absolute;
}

.views-throbbing,
.flag-waiting .flag-throbber {
  font-size: 20px;
  position: absolute;
  left: -45px;
  top: 0;
  display: block;
  margin: auto;
  padding: 0 !important;
  background-image: none !important;
}
.views-throbbing:before,
.flag-waiting .flag-throbber:before {
  font-family: "fontello";
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1em;
  display: inline-block;
  width: 1em;
  margin-right: 0.2em;
  margin-left: 0.2em;
  content: "\e801";
  -webkit-animation: spin 2s infinite linear;
          animation: spin 2s infinite linear;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.launch-icon {
  font-size: 20px;
  position: absolute;
  top: 10px;
  left: 15px;
}

.black-friday--logo {
  background-image: url("../images/all-icons/black-friday-title.svg");
  display: block;
  width: 100%;
  height: 65px;
  margin-left: -10px;
  background-repeat: no-repeat;
}

.flash-sale--logo {
  background-image: url("../images/all-icons/flash-sales-title.svg");
  display: block;
  width: 100%;
  height: 65px;
  background-repeat: no-repeat;
}

/* Icons from Assessment instructions block
   icon for video is taken from .ressource-tab-video */
.icon-clock {
  background-image: url("../images/all-icons/clock.svg");
}

.icon-diploma {
  background-image: url("../images/all-icons/diploma.svg");
}

/* Icon clepsydra use for time up notification - assessment */
.icon-clepsydra {
  display: inline-block;
  background-image: url("../images/all-icons/clepsydra.svg");
}

.icon-clepsydra--big {
  height: 125px;
  width: 125px;
  margin-top: 10px;
}

@media screen and (max-width: 991px) {
  .icon-swap-mania.icon-game {
    width: 65px;
    height: 50px;
    margin-top: 15px;
    margin-bottom: 0;
  }
  .icon-close {
    width: 20px;
    height: 20px;
    border: none;
    right: 10px;
    top: 10px;
    background-color: #FAFAFA;
  }
  .icon-speedpix-black.icon-game,
  .icon-word-rescue.icon-game {
    height: 42px;
    width: 66px;
    display: inline-block !important;
  }
  .icon-word-rescue.icon-game {
    top: 10px;
    height: 51px;
    width: 40px;
  }
  .pv-game-content .icon-tip,
  .pv-game-scores .icon-tip,
  .vb-game-score-footer .icon-tip {
    display: none !important;
  }
  .icon-score,
  .icon-chrono {
    width: 31px;
    height: 38px;
  }
  .pv-game-scores .bottom-sentence,
  .vb-game-score-footer .bottom-sentence {
    display: none;
  }
}
/* HELPERS */
@font-face {
  font-family: "fontello";
  src: url("../fonts/fontello.eot?37049072");
  src: url("../fonts/fontello.eot?37049072#iefix") format("embedded-opentype"), url("../fonts/fontello.woff?37049072") format("woff"), url("../fonts/fontello.ttf?37049072") format("truetype"), url("../fonts/fontello.svg?37049072#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?26326107#fontello') format('svg');
  }
}
*/
[class^=icon-]:before,
[class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-plus-circled:before {
  content: "\e800";
}

/* '' */
.icon-spin3:before {
  content: "\e801";
}

/* '' */
.icon-spin3.animated {
  -webkit-animation: spin 2s infinite linear;
          animation: spin 2s infinite linear;
}

body:not(.page-exercises) .icon-search:before {
  content: "\e802";
}

/* '' */
.icon-dot-3:before {
  content: "\e803";
}

/* '' */
.icon-rocket:before {
  content: "\e804";
}

/* '' */
.icon-cancel:before {
  content: "\e805";
}

/* '' */
.icon-info-circled:before {
  content: "\e806";
}

/* '' */
.icon-minus-circled:before {
  content: "\e807";
}

/* '' */
.icon-reply:before {
  content: "\e808";
}

/* '' */
.icon-right-open:before {
  content: "\e809";
}

/* '' */
.icon-left-open:before {
  content: "\e80a";
}

/* '' */
.icon-down-open:before {
  content: "\e80b";
}

/* '' */
.icon-up-open:before {
  content: "\e80c";
}

/* '' */
.icon-ea_user_neg:before {
  content: "\e80d";
}

/* '' */
.icon-world:before {
  content: "\e80e";
}

/* '' */
.icon-ea_user_pos:before {
  content: "\e80f";
}

/* '' */
.icon-link-ext:before {
  content: "\f08e";
}

/* '' */
.icon-print:before {
  content: "\e810";
}

/* ''' */
@media screen and (max-width: 991px) {
  .icon-dot-3:before {
    margin-right: 0;
  }
}
/* HELPERS */
/* Resets */
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  padding-right: 10px;
  padding-left: 10px;
}

.container-fluid > .navbar-collapse,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container > .navbar-header,
.row {
  margin-right: -10px;
  margin-left: -10px;
}

.progress-tracking--table .row {
  margin-right: 0;
  margin-left: 0;
}

.row-container {
  width: 100%;
  max-width: 100%;
  padding: 0 10px;
}

.container {
  width: 100%;
  max-width: 1160px;
  padding: 0 20px;
}

/* fast changes */
.translation-lang-select {
  overflow: auto;
  max-height: 300px;
}

.tooltip-inner {
  font-family: "Open Sans";
  font-weight: 600;
  padding: 5px 10px;
  color: #202020;
  border: 1px solid #D4D4D4;
  border-radius: 0;
  background-color: #FFFFFF;
}

.tooltip-arrow {
  border: none;
}

iframe {
  display: block;
  max-width: 100%;
  margin: 20px auto;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

@media screen and (max-width: 991px) {
  .row-container {
    font-size: 13px;
  }
}
@font-face {
  font-family: "ea-icon-font";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/ea-icon-font.eot?z5q4ip");
  src: url("../fonts/ea-icon-font.eot?z5q4ip#iefix") format("embedded-opentype"), url("../fonts/ea-icon-font.ttf?z5q4ip") format("truetype"), url("../fonts/ea-icon-font.woff?z5q4ip") format("woff"), url("../fonts/ea-icon-font.svg?z5q4ip#ea-icon-font") format("svg");
}
.page-header {
  border-bottom: none;
}

h2 {
  font-size: 30px;
  font-weight: 300;
}

h3 {
  font-size: 24px;
  font-weight: 300;
}

h4 {
  font-weight: 300;
  font-style: italic;
  color: #B9B9B9;
}

/* OBJECTS */
.o-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.o-flex--vertical-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* COMPONENTS */
.chartjs-tooltip {
  position: absolute;
  min-width: 120px;
  padding: 15px 10px;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  pointer-events: none;
  opacity: 0;
  color: #FFFFFF;
  border-radius: 5px;
  background-color: #E76B6B;
  font-size: 12px !important;
  text-align: center;
}
.chartjs-tooltip:before, .chartjs-tooltip:after {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  content: " ";
  pointer-events: none;
  border: solid transparent;
}
.chartjs-tooltip:after {
  margin-left: -5px;
  border-width: 5px;
  border-color: rgba(231, 107, 107, 0);
  border-top-color: #E76B6B;
}
.chartjs-tooltip:before {
  margin-left: -6px;
  border-width: 6px;
  border-color: rgba(231, 107, 107, 0);
  border-top-color: #E76B6B;
}
.chartjs-tooltip__text {
  line-height: 1.2;
  display: block;
}

/* HELPERS */
@media screen and (max-width: 991px) {
  /* Hide the popups from the organization form that appear on "submit" click */
  #popups #better-messages-wrapper {
    display: none !important;
  }
  /* Center the popups from login & register pages */
  #better-messages-wrapper {
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    width: 100% !important;
    height: 100vh !important;
  }
  #better-messages-wrapper #popups {
    position: relative !important;
    margin: 0 auto !important;
  }
  /* Allign elements from Contact form */
  #customer_widget_main .customer_inner_widget {
    max-width: 560px;
    width: 100%;
    padding: 0;
  }
  #customer_widget_main .customer_inner_widget .form_label {
    clear: both;
    float: none;
  }
  #customer_widget_main .customer_inner_widget input.default,
  #customer_widget_main .customer_inner_widget select.default {
    float: none;
    clear: both;
    display: block;
    margin: 0;
  }
  #customer_widget_main .customer_inner_widget textarea.default {
    display: block;
    float: none;
    margin: 0;
    height: 45px;
  }
  #customer_widget_main .customer_inner_widget .widget_button_extra_email {
    max-width: 150px;
    width: 100%;
    min-width: 0;
    margin: 11px auto 0;
    left: 0;
    right: 0;
  }
}
/* Popups from Student Management */
.popups--students-confirm {
  max-width: 647px !important;
  width: 100% !important;
}
.popups--students-confirm .popup--title {
  text-align: center;
  margin-top: 20px;
  padding: 0 75px;
}
.popups--students-confirm .btn {
  padding: 10px;
  margin-bottom: 35px;
  margin-top: 35px;
  max-width: 241px;
  width: 100%;
  margin-left: 0;
}
.popups--students-confirm .btn-default {
  border: 1px solid #5BB4B7;
  color: #5BB4C7;
  margin-right: 60px;
}
.popups--students-confirm .btn-default:hover {
  color: #5BB4C7;
}

.page-user-settings #popups #messages-inner .content {
  min-height: 10px;
}

/* Popup from print certificate */
.popup-certificate-form {
  max-width: 665px !important;
  margin: auto !important;
}
@media screen and (max-width: 991px) {
  .popup-certificate-form {
    top: 70px !important;
  }
}
@media screen and (max-width: 680px) {
  .popup-certificate-form {
    width: 95% !important;
  }
}

#print-cerficate-form {
  text-align: center;
  max-width: 665px;
}
#print-cerficate-form .form-item {
  position: relative;
}
#print-cerficate-form .form-item:first-child {
  font-weight: 400;
  text-align: center;
  font-size: 22px;
}
#print-cerficate-form .form-item:last-of-type a {
  text-decoration: none;
  color: #5CB4C7;
}
#print-cerficate-form .form-item label {
  width: 150px !important;
  text-align: left !important;
  float: none !important;
  position: absolute;
  bottom: 10px;
  left: 135px;
  font-size: 20px !important;
  color: #6C6C6C !important;
  font-weight: 400 !important;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 680px) {
  #print-cerficate-form .form-item label {
    left: 20px;
  }
}
#print-cerficate-form .form-item label.focused {
  font-size: 14px !important;
  bottom: 52px;
  left: 120px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 680px) {
  #print-cerficate-form .form-item label.focused {
    left: 0;
  }
}
#print-cerficate-form .form-item label .form-required {
  display: none !important;
}
#print-cerficate-form .form-text {
  height: 56px;
  border-radius: 5px;
  border: 1px solid #5CB4C7;
  background-color: #FAFAFA;
  float: none !important;
  padding-left: 20px;
  width: 65%;
}
#print-cerficate-form .btn--long {
  margin-top: 20px;
}

/* Reduce popup padding for mobile devices */
@media screen and (max-width: 767px) {
  #popups {
    padding: 30px 15px !important;
  }
  #popups-title #popups-close {
    margin-right: 0 !important;
  }
}
/* LA popup webview */
@media (max-width: 450px) {
  .is-lingua.page-account-register.not-logged-in:not(.page-user-login-register) #popups {
    margin-top: 0;
    padding-top: 5px !important;
  }
  .is-lingua.page-account-register.not-logged-in:not(.page-user-login-register) #popups #popups-title {
    padding: 10px 20px;
  }
  .is-lingua.page-account-register.not-logged-in:not(.page-user-login-register) #popups #popups-title #popups-close {
    -webkit-box-flex: 0.1;
        -ms-flex: 0.1;
            flex: 0.1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .is-lingua.page-account-register.not-logged-in:not(.page-user-login-register) #popups #popups-title h1.title {
    -webkit-box-flex: 0.9;
        -ms-flex: 0.9;
            flex: 0.9;
    padding-right: 20px;
  }
}
/* HELPERS */
.custom-form {
  width: 100%;
  max-width: 400px;
}
.custom-form legend {
  border: none;
}
.custom-form .form-item {
  margin: 0 0 28px 0;
}
.custom-form .form-item label {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 10px;
  color: #A2A2A2;
}
.custom-form .form-item select::-ms-expand {
  display: none;
}
.custom-form .form-item select,
.custom-form .form-item input {
  font-size: 14px;
  width: 100%;
  height: 32px;
  padding-right: 15px;
  padding-left: 15px;
  color: rgb(174.75, 174.75, 174.75);
  border: 1px solid #5CB4C7;
  border-radius: 5px;
  background-color: #FFFFFF;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.custom-form .form-item select:focus,
.custom-form .form-item input:focus {
  -webkit-box-shadow: 0 0 2px 1px #5CB4C7;
          box-shadow: 0 0 2px 1px #5CB4C7;
}
.custom-form .form-item textarea {
  font-size: 14px;
  padding-right: 5px;
  padding-left: 5px;
  color: rgb(174.75, 174.75, 174.75);
  border: 1px solid #5CB4C7;
  border-radius: 5px;
  background-color: #FFFFFF;
  outline: none;
}
.custom-form .form-item input.form-checkbox {
  width: auto;
  height: auto;
  margin: 0 10px 0 0;
  border: none;
}
.custom-form .form-item select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-padding-end: 40px;
  -moz-padding-end: 40px;
  -webkit-padding-start: 10px;
  -moz-padding-start: 10px;
  background-image: url("../images/all-icons/select-arrow.png");
  background-position: 100% center;
  background-repeat: no-repeat;
}
.custom-form .form-required {
  display: none;
}
.custom-form .container-inline-date .form-item .form-item {
  padding-right: 15px;
}
.custom-form .form-submit {
  font-size: 16px;
  min-width: 200px;
  height: 45px;
  margin-top: 30px;
  padding: 5px 15px;
  text-align: center;
  color: #FFFFFF;
  border: 1px solid #5BB4C7;
  border-radius: 10px;
  background-color: #5BB4C7;
}
.custom-form .form-submit:hover {
  background-color: rgb(167.0363636364, 214.7727272727, 224.9636363636);
}
.custom-form .form-submit:focus, .custom-form .form-submit:active {
  outline: 1px dashed #5BB4C7;
}
.custom-form {
  /* Subscription form */
}
.custom-form.custom-form--subscription select {
  max-width: 170px;
  width: 100%;
  margin-top: 15px;
  color: #77BFCF;
}
.custom-form.custom-form--subscription .form-submit {
  margin-top: 0;
}

.is-grandest .custom-form input#edit-field-ssocas-id,
.is-grandest .custom-form input#edit-name {
  border: 1px solid #dadada;
}
.is-grandest .custom-form input#edit-field-ssocas-id:focus,
.is-grandest .custom-form input#edit-name:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none !important;
}

/* HELPERS */
@media screen and (max-width: 767px) {
  #popups .form-input label,
  #popups .form-item label,
  .node-type-webform .form-input label,
  .node-type-webform .form-item label {
    float: none !important;
    width: 100% !important;
    text-align: left !important;
  }
  #popups .form-input .form-checkboxes,
  #popups .form-input input,
  #popups .form-input select,
  #popups .form-input textarea,
  #popups .form-item .form-checkboxes,
  #popups .form-item input,
  #popups .form-item select,
  #popups .form-item textarea,
  .node-type-webform .form-input .form-checkboxes,
  .node-type-webform .form-input input,
  .node-type-webform .form-input select,
  .node-type-webform .form-input textarea,
  .node-type-webform .form-item .form-checkboxes,
  .node-type-webform .form-item input,
  .node-type-webform .form-item select,
  .node-type-webform .form-item textarea {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
  }
}
/* HELPERS */
.daily-goal {
  font-size: 160px;
  position: relative;
  width: 1em;
  height: 1em;
  margin: 0 auto;
}

.daily-goal__info {
  font-size: 16px;
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
}

.daily-goal__info-container {
  display: table;
  width: 100%;
  height: 100%;
  padding: 5px;
  text-align: center;
}

.daily-goal__info-content {
  display: table-cell;
  vertical-align: middle;
}

.daily-goal__score {
  font-weight: 500;
  color: #979797;
}

.daily-goal__score-progress {
  font-size: 22px;
}
.daily-goal__score-progress.danger {
  color: #E76B6B;
}
.daily-goal__score-progress.warning {
  color: #FFC153;
}
.daily-goal__score-progress.success {
  color: #9DC49E;
}

.daily-goal__score-total {
  font-size: 12px;
  position: relative;
  left: -2px;
}

.daily-goal__text {
  font-size: 12px;
  max-width: 100px;
  margin: 0 auto;
  color: #979797;
}

.daily-goal__chart {
  display: block;
}

/* Daily progress bar */
.daily-goal-bar {
  width: 100%;
  max-width: 100%;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  padding: 0 !important;
  list-style: none;
}

.daily-goal-bar__item {
  float: left;
  width: 14.285%;
  padding-right: 0.5px;
  padding-left: 0.5px;
}
.daily-goal-bar__item + .popover p {
  font-size: 12px;
  margin-bottom: 0 !important;
}
.daily-goal-bar__item + .popover .day {
  font-size: 16px;
}
.daily-goal-bar__item + .popover .my-progress {
  font-size: 16px;
}
.daily-goal-bar__item + .popover .total {
  font-size: 12px;
}
.daily-goal-bar__item.danger + .popover .my-progress {
  color: #E76B6B;
}
.daily-goal-bar__item.warning + .popover .my-progress {
  color: #FFC153;
}
.daily-goal-bar__item.success + .popover .my-progress {
  color: #9DC49E;
}
.daily-goal-bar__item.first .daily-goal-bar__progress {
  border-radius: 10px 0 0 10px;
}
.daily-goal-bar__item.last .daily-goal-bar__progress {
  border-radius: 0 10px 10px 0;
}

.daily-goal-bar__progress {
  display: block;
  height: 30px;
  background-color: #F4F4F4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(200, 200, 200, 0)), color-stop(65%, rgba(200, 200, 200, 0)), color-stop(70%, rgba(50, 50, 50, 0.2)), to(rgba(50, 50, 50, 0.2)));
  background-image: linear-gradient(to bottom, rgba(200, 200, 200, 0) 0%, rgba(200, 200, 200, 0) 65%, rgba(50, 50, 50, 0.2) 70%, rgba(50, 50, 50, 0.2) 100%);
}

.danger .daily-goal-bar__progress {
  background-color: #E76B6B;
}

.warning .daily-goal-bar__progress {
  background-color: #FFC153;
}

.success .daily-goal-bar__progress {
  background-color: #9DC49E;
}

.daily-goal-bar__label {
  font-size: 12px;
  display: block;
  margin-top: 5px;
  text-align: center;
  color: #979797;
}

@media screen and (max-width: 413px) {
  .daily-goal--title {
    margin-bottom: 20px !important;
  }
}
@media screen and (max-width: 991px) {
  .page-user-settings #user-daily-goal-form {
    margin-right: 10px;
  }
  .page-user-settings .difficulty-scales__form .form-item {
    margin-top: 0;
  }
}
/* HELPERS */
/* Games panels */
.english-boosts-sentence {
  font-size: 26px;
  font-weight: 500;
  font-style: normal;
  max-width: 600px;
  margin-right: auto;
  margin-bottom: 22px;
  margin-left: auto;
  text-align: center;
  color: #262E31;
}

.pv-game-scores,
.vb-game-scores {
  max-width: 680px;
  margin: 0 auto;
}
.pv-game-scores .col-sm-6,
.vb-game-scores .col-sm-6 {
  padding-right: 7.5px;
  padding-left: 7.5px;
}

.pv-game-panel,
.vb-game-panel {
  font-weight: 400;
  display: table;
  width: 100%;
  min-width: 325px;
  padding: 20px;
  text-align: center;
  color: #FFFFFF;
  border-radius: 10px;
  background-color: #5CB4C7;
}

.pv-game-panel {
  background-color: #FA9F70;
}

.pv-game-panel__container,
.vb-game-panel__container {
  position: relative;
  display: table-cell;
  vertical-align: middle;
}

.pv-game-panel h4,
.vb-game-panel h4 {
  font-size: 21px;
  font-weight: 500;
  font-style: normal;
  display: inline-block;
  margin: 0;
  color: #FFFFFF;
}

.pv-game-panel.small,
.vb-game-panel.small {
  height: 120px;
  margin-bottom: 15px;
}

.pv-game-panel.big,
.vb-game-panel.big {
  height: 390px;
}

.pv-game-panel .icon.score,
.vb-game-panel .icon.score {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  margin-right: 15px;
}

.pv-game-panel.last h4,
.vb-game-panel.last h4 {
  font-size: 30px;
  margin-left: 25px;
}

.pv-game-panel .final-score,
.vb-game-panel .final-score {
  font-size: 20px;
  display: block;
  margin-top: 8px;
}

.pv-game-panel .my-score,
.vb-game-panel .my-score {
  font-size: 32px;
  line-height: 0.9;
  vertical-align: bottom;
}

.pv-game-panel__score,
.vb-game-panel__score {
  font-size: 30px;
  font-weight: 500;
  line-height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: inline-block;
  height: 40px;
  margin: auto;
  margin-left: 15px;
}

.pv-game-panel.big h4,
.vb-game-panel.big h4 {
  font-size: 28px;
  margin: 0;
}

.pv-game-panel .icon.final,
.vb-game-panel .icon.final {
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px;
  left: 0;
}

.pv-game-panel .icon-final,
.vb-game-panel .icon-final {
  font-size: 45px;
  font-weight: 900;
  line-height: 0.5;
  height: 28px;
}

.panel--photo-vocab .game-button.play {
  background-color: #FA9F70;
}
.panel--photo-vocab .game-button.play:hover {
  background-color: rgb(253.4459459459, 225.1621621622, 210.5540540541);
}

.game-button.help {
  position: relative;
  top: 85px;
  left: -66px;
  width: 90px;
  height: 90px;
  background-color: #A06D8B;
}

.game-button.help:hover {
  background-color: #966481;
}

.vb-game-score-footer .game-button.help .text {
  width: 50px;
  height: 45px;
}

.vb-game-score-footer .game-button.play .text {
  width: 100%;
  height: 48px;
}

@media screen and (max-width: 767px) {
  .game-buttons .text {
    padding: 0;
  }
  .game-buttons .game-button {
    height: 110px;
    width: 110px;
  }
  .game-buttons #btn-video-karaoke .game-button {
    height: 120px;
    width: 120px;
  }
  .game-button.help {
    top: 46px;
    left: -35px;
    width: 80px;
    height: 80px;
  }
  .game-buttons__div {
    position: relative;
    top: -35px;
  }
  .pv-game-content .game-button.help {
    top: 12px;
    left: 0;
    width: 40%;
    height: 47px;
    float: left;
    border-radius: 10px;
  }
  .pv-game-content .game-button.play {
    background-color: #FA9F70;
    border-radius: 10px;
    height: 47px;
    width: 100%;
    top: 30px;
    margin-bottom: 45px;
  }
  .pv-game-content .pv-game-scores .game-button.help {
    width: 100%;
  }
  .pv-game-content .game-buttons {
    float: left;
    width: 100%;
    margin-top: -35px;
  }
  .pv-game-panel,
  .vb-game-panel {
    min-width: 0;
  }
  .pv-game-panel.small,
  .vb-game-panel.small {
    max-height: 120px;
    height: 0;
  }
  .pv-game-panel.big,
  .vb-game-panel.big {
    padding-left: 0;
    padding-right: 0;
  }
  .pv-game-panel h4,
  .vb-game-panel h4 {
    font-size: 18px;
    padding-left: 35px;
  }
  .pv-game-panel__score,
  .vb-game-panel__score {
    font-size: 24px;
  }
  .pv-game-panel.last h4,
  .vb-game-panel.last h4 {
    font-size: 24px;
  }
  .pv-game-scores .pv-game-panel h4 {
    padding-left: 0;
  }
  .pv-game-panel__container h4,
  .vb-game-panel__container h4 {
    padding-left: 0;
  }
}
.active-flag {
  font-size: 11px;
  position: absolute;
  z-index: 5;
  top: -4px;
  right: 10%;
  padding: 10px 6px 6px;
  color: #FFFFFF;
  background-color: #5BB4C7;
}

.active-flag:before,
.active-flag:after {
  position: absolute;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  content: "";
  border-width: 10px 10px 0 0;
  border-style: solid;
  border-color: #5BB4C7 transparent transparent transparent;
}

.active-flag:before {
  right: 0;
  left: auto;
  border-width: 0 10px 10px 0;
  border-color: transparent #5BB4C7 transparent transparent;
}

.easy .active-flag,
.intermediate .active-flag,
.advanced .active-flag,
.beginner .active-flag {
  font-size: 11px;
  position: absolute;
  z-index: 5;
  top: -4px;
  right: 10%;
  padding: 10px 6px 6px;
  color: #FFFFFF;
  background-color: #5BB4C7;
}
.easy .active-flag:before, .easy .active-flag:after,
.intermediate .active-flag:before,
.intermediate .active-flag:after,
.advanced .active-flag:before,
.advanced .active-flag:after,
.beginner .active-flag:before,
.beginner .active-flag:after {
  position: absolute;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  content: "";
  border-width: 10px 10px 0 0;
  border-style: solid;
  border-color: #5BB4C7 transparent transparent transparent;
}
.easy .active-flag:before,
.intermediate .active-flag:before,
.advanced .active-flag:before,
.beginner .active-flag:before {
  right: 0;
  left: auto;
  border-width: 0 10px 10px 0;
  border-color: transparent #5BB4C7 transparent transparent;
}

/* HELPERS */
.switch__text {
  display: inline-block;
  margin-top: 25px;
  margin-right: 10px;
}

.switch {
  font-size: 35px;
  position: relative;
  display: block;
  overflow: hidden;
  width: 145px;
  height: 37px;
  padding: 1px;
  cursor: pointer;
  vertical-align: top;
  border: 1px solid #DEDDDD;
  border-radius: 3px;
  background-color: #ECEBED;
}

.switch__input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.switch__label {
  font-size: 10px;
  position: relative;
  display: block;
  display: table;
  width: 100%;
  height: 100%;
  text-transform: uppercase;
  border-radius: inherit;
  background-color: transparent;
}
.switch__label:before, .switch__label:after {
  line-height: 1.1;
  position: relative;
  z-index: 99;
  display: table-cell;
  width: 70px;
  -webkit-transition: color 0.4s ease;
  transition: color 0.4s ease;
  text-align: center;
  vertical-align: middle;
  color: #8A8A8A;
}
.switch__label:before {
  right: 0;
  content: attr(data-en);
  color: #FFFFFF;
}
.switch__label:after {
  left: 0;
  content: attr(data-locale);
}

.switch__handle {
  position: absolute;
  top: 1px;
  bottom: 1px;
  left: 1px;
  width: 70px;
  border-radius: inherit;
  background-color: #FA9F70;
}

.switch__input:checked ~ .switch__label:after {
  color: #FFFFFF;
}
.switch__input:checked ~ .switch__label:before {
  color: #8A8A8A;
}
.switch__input:checked ~ .switch__handle {
  left: 72px;
}

.switch__label,
.switch__handle {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.switch--search-language {
  display: inline-block;
  margin: 0;
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  .switch {
    height: 28px;
    float: right;
    background-color: #FFFFFF;
  }
  .switch__label {
    text-transform: none;
  }
  .switch__text {
    font-size: 11px;
  }
}
/* HELPERS */
.btn {
  font-size: 18px;
  padding: 20px;
  text-decoration: none;
  color: #FFFFFF;
  border: none;
  border-radius: 10px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn--small-radius {
  border-radius: 5px;
}

.btn--big {
  min-width: 306px;
  border-radius: 10px;
}

.btn--long {
  max-width: 350px !important;
  width: 100%;
}

.btn--medium {
  padding: 15px;
  max-width: 245px;
  width: 100%;
}

.btn-medium--height {
  height: 40px !important;
}

.btn-oval {
  border-radius: 50px;
  max-width: 360px;
  width: 100%;
  font-size: 30px;
}
@media screen and (max-width: 768px) {
  .btn-oval {
    padding: 8px;
    max-width: 165px;
  }
}

.btn-block-action {
  padding: 15px;
  font-size: 18px;
}

.btn-oval--red {
  background-color: #DE7376;
  -webkit-box-shadow: 0 1px 10px 0 rgba(186, 95, 97, 0.5), 0 0 13px 0 rgba(186, 95, 97, 0.3), 0 2px 9px 0 rgba(186, 95, 97, 0.1);
          box-shadow: 0 1px 10px 0 rgba(186, 95, 97, 0.5), 0 0 13px 0 rgba(186, 95, 97, 0.3), 0 2px 9px 0 rgba(186, 95, 97, 0.1);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.btn-oval--red:hover {
  background-color: rgb(234.6468208092, 168.6531791908, 170.5034682081);
  -webkit-box-shadow: 0 6px 16px 0 rgba(186, 95, 97, 0.5), 0 -4px 16px 0 rgba(186, 95, 97, 0.3), 0 6px 14px 0 rgba(186, 95, 97, 0.1);
          box-shadow: 0 6px 16px 0 rgba(186, 95, 97, 0.5), 0 -4px 16px 0 rgba(186, 95, 97, 0.3), 0 6px 14px 0 rgba(186, 95, 97, 0.1);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 99999;
}

.btn-oval--white {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 1px 10px 0 rgba(184, 94, 74, 0.5), 0 0 13px 0 rgba(184, 94, 74, 0.3), 0 2px 9px 0 rgba(184, 94, 74, 0.1);
          box-shadow: 0 1px 10px 0 rgba(184, 94, 74, 0.5), 0 0 13px 0 rgba(184, 94, 74, 0.3), 0 2px 9px 0 rgba(184, 94, 74, 0.1);
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.btn-oval--white:hover {
  background-color: #F1F1F1;
  -webkit-box-shadow: 0 6px 16px 0 rgba(184, 94, 74, 0.5), 0 -4px 16px 0 rgba(184, 94, 74, 0.3), 0 6px 14px 0 rgba(184, 94, 74, 0.7);
          box-shadow: 0 6px 16px 0 rgba(184, 94, 74, 0.5), 0 -4px 16px 0 rgba(184, 94, 74, 0.3), 0 6px 14px 0 rgba(184, 94, 74, 0.7);
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  z-index: 99999;
}

.wave {
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.wave.wave-darker {
  background: rgba(0, 0, 0, 0.15);
}

.animate-wave {
  -webkit-animation: ripple 0.5s linear;
  animation: ripple 0.5s linear;
}

@-webkit-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
  }
}
@keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
            transform: scale(2.5);
  }
}
.btn--small {
  padding: 10px;
  max-width: 122px;
  width: 100%;
}

.btn:hover,
.btn:active,
.btn:focus {
  text-decoration: none;
  color: #FFFFFF;
}

.btn--blue {
  background-color: #5BB4C7;
}
.btn--blue:hover, .btn--blue:active, .btn--blue:focus {
  background-color: #2D9FB7;
  -webkit-transition: all 0s ease-in;
  -webkit-transition: all 0s ease-in;
  -moz-transition: all 0s ease-in;
}

.btn-orange {
  background-color: #FFFFFF;
  color: #FA9F70;
  border-color: #FA9F70;
}
.btn-orange:hover, .btn-orange:active, .btn-orange:focus {
  background-color: #2D9FB7;
  -webkit-transition: all 0s ease-in;
  -webkit-transition: all 0s ease-in;
  -moz-transition: all 0s ease-in;
}
.btn-orange--background {
  background-color: #FA9F70;
  color: white;
}

.btn-green {
  background-color: #95BA96;
}

.btn-grey {
  background-color: #C7C7C7;
  border-color: #E3E3E3;
  cursor: default;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

/* Position buttons - valid only for desktop */
@media screen and (min-width: 991px) {
  .btn--absolute-center {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
}
.js-btn-blue {
  background-color: #5BB4C7 !important;
  cursor: pointer !important;
}
.js-btn-blue:hover, .js-btn-blue:active, .js-btn-blue:focus {
  -webkit-transition: all 0s ease-in;
  -webkit-transition: all 0s ease-in;
  -moz-transition: all 0s ease-in;
}

.js-btn-grey {
  background-color: #C7C7C7 !important;
  border-color: #E3E3E3 !important;
  cursor: default !important;
}

.btn-red {
  background-color: #E76B6B !important;
}

.btn-red--confirm {
  background: #E76B6B;
  padding: 10px 40px;
  font-size: 16px;
}
.btn-red--confirm.disabled {
  background: #C6C6C6;
  pointer-events: none;
}
.btn-red--confirm:hover, .btn-red--confirm:focus, .btn-red--confirm:active {
  background: #E45858;
}

.btn-red:hover,
.btn-red:active,
.btn-red:focus {
  background-color: #E45858 !important;
}

.btn-white {
  background-color: #FFFFFF !important;
}

/* Dropdown button */
.btn--dropdown .dropdown-menu {
  width: 100%;
  max-width: 306px;
}

.btn--dropdown__menu {
  z-index: 999;
  margin-top: 26px;
  text-align: center;
  border: 1px solid #EEEDED;
  background: #EEEDED;
}

.btn--dropdown__menu a {
  display: block;
  padding: 2px 10px;
  color: #333333;
}

.btn--dropdown__menu a:hover {
  text-decoration: none;
  background-color: transparent;
}

.dropdown-menu__container {
  display: block;
  overflow: auto;
  max-height: 270px;
}

.btn--dropdown__menu:after,
.btn--dropdown__menu:before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  content: " ";
  pointer-events: none;
  border: solid transparent;
}

.btn--dropdown__menu:after {
  margin-left: -13px;
  border-width: 13px;
  border-color: rgba(250, 250, 250, 0);
  border-bottom-color: #EEEDED;
}

.btn--dropdown__menu:before {
  margin-left: -14px;
  border-width: 14px;
  border-color: rgba(250, 250, 250, 0);
  border-bottom-color: #FAFAFA;
}

.scroll-top__wrapper {
  right: 20px;
  bottom: 45px;
  width: 71px;
  height: 71px;
  position: fixed;
  z-index: 9998;
}

.scroll-top {
  font-size: 45px;
  line-height: 100px;
  position: fixed;
  z-index: 9999;
  right: 0px;
  bottom: 0px;
  display: none;
  width: 91px;
  height: 93px;
  cursor: pointer;
  text-align: center;
  color: #5A5A5A;
  border: 0;
  background-image: url("/sites/all/themes/lingua/assets/right-bottom-blue-triangle.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  padding: 0;
}

.scroll-top.hide-element {
  opacity: 0;
}

.btn-feedback {
  position: fixed;
  top: 30%;
  left: 0;
  display: block;
  width: 32px;
  height: 135px;
  background: url("../images/all-icons/feedback.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

/* Dropdown button with multiline */
.dropdown--flex .dropdown-toggle {
  line-height: 1.1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 30px;
  padding-left: 25px;
  white-space: normal;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.dropdown--flex .dropdown-menu {
  max-width: 100%;
}
.dropdown--flex .caret {
  position: relative;
  top: 2px;
  margin-left: 25px;
}

.custom-form--subscription .form-submit {
  background-color: #B8B6B6 !important;
  color: #FFFFFF !important;
  padding: 0 !important;
}
.custom-form--subscription .form-submit.btn-update--subscription {
  background-color: #5BB4C7 !important;
  color: #FFFFFF !important;
}

/* Buttons from popup - Delete picture */
.btn-confirm {
  background-color: #5BB4C7;
  border: 1px solid #5BB4C7;
  color: #FFFFFF;
  min-width: 250px !important;
  padding: 14px;
  font-size: 18px !important;
  text-align: center;
  margin-left: 30px !important;
}
.btn-confirm:hover, .btn-confirm:active {
  outline: 0 !important;
  background-color: #5BB4C7;
  border: 1px solid #5BB4C7;
}
.btn-confirm.btn-only__confirm {
  margin-left: 0 !important;
  min-width: 95px !important;
}

.btn-cancel {
  background: 0 0 !important;
  border: 1px solid #5BB4C7 !important;
  color: #5BB4C7 !important;
  min-width: 250px !important;
  padding: 14px !important;
  font-size: 18px !important;
  text-align: center;
  margin-left: 0 !important;
}
.btn-cancel:hover, .btn-cancel:active {
  outline: 0 !important;
}

.popups-processed:hover {
  text-decoration: none;
}

/* Confirm button from not logged in pages */
.not-logged-in .btn-confirm {
  margin-left: 0 !important;
  min-width: 95px !important;
}

@media only screen and (max-width: 1000px) {
  .btn {
    font-size: 15px;
  }
  .btn--big {
    width: 100%;
    min-width: 235px;
    max-width: 350px;
    border-radius: 10px;
  }
  .btn--full-width,
  .btn--long {
    width: 100% !important;
    max-width: 500px;
  }
  .btn-advanced-comprehension-step,
  #btn-swap-mania,
  #btn-listening-step,
  #btn-vocab-academy-step,
  #btn-grammar-step {
    margin-top: 10px;
    margin-bottom: 30px;
  }
  /* Align buttons from final score VB */
  .vb-final-score__buttons .btn--big {
    margin-right: 0;
  }
}
.vb-final-score__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.vb-final-score__buttons .vb-final-score__button {
  margin-right: 0 !important;
  margin-left: 40px !important;
}
.vb-final-score__buttons .vb-final-score__button:last-of-type {
  background-color: #FFFFFF !important;
  color: #498FE0 !important;
  border: 1px solid #498FE0 !important;
}

@media screen and (max-width: 600px) {
  .vb-final-score__buttons {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .vb-final-score__buttons .vb-final-score__button {
    margin-left: 0 !important;
    margin-bottom: 10px !important;
  }
}
@media screen and (min-width: 1000px) {
  .btn--verb-dash {
    min-width: 250px;
  }
}
/* HELPERS */
/* --------------------------------------------------------------------------
  Content Split Styles
-------------------------------------------------------------------------- */
.landing__header--promo-only {
  margin: 0 !important;
}
.landing__header--promo-only .panel-landing__promo-code {
  bottom: -10px;
}

.content-split__cell {
  position: relative;
}

.content-split__cell--main {
  width: 100%;
  max-width: 840px;
  margin-right: 20px;
}
.content-split__cell--main.wider {
  max-width: 100%;
}

.content-split__cell--main > h3:first-child {
  margin-top: 5px;
}

.content-split__cell--aside {
  width: 100%;
  max-width: 264px;
}

@supports not (display: flex) {
  @media screen and (min-width: 900px) {
    .content-split {
      display: table;
      width: 100%;
    }
    .content-split__cell {
      display: table-cell;
      vertical-align: top;
    }
  }
}
@supports (display: flex) {
  .content-split {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  @media screen and (max-width: 750px) {
    .content-split__cell--main {
      margin-right: 0;
    }
    .content-split {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    .content-split__cell--main {
      max-width: 100%;
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
    }
    .content-split__cell--aside {
      max-width: 100%;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
    }
  }
  @media screen and (max-width: 1075px) {
    .node-type-video .content-split {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .page-buy-subscription #page-content > .container {
    padding-bottom: 20px;
  }
  .content-split {
    display: table;
    width: 100%;
  }
  .content-split__cell {
    display: table-cell;
    vertical-align: top;
  }
  .content-split__cell--main {
    width: 840px;
  }
  .page-buy-subscription .content-split__cell--main,
  .page-buy-gift .content-split__cell--main {
    width: 1200px;
  }
  .content-split:nth-child(2) .content-split__cell--main {
    padding: 0 20px 0 0;
  }
  .content-split__cell--aside {
    width: 264px;
  }
}
@media screen and (max-width: 991px) {
  .content-split__cell--main h3 {
    font-size: 16px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 5px;
  }
  .content-split__cell--main p:not(.node-number) {
    font-size: 14px;
    margin-bottom: 0;
  }
}
/* HELPERS */
.pv-gameplay-container,
.vb-gameplay-container {
  height: 650px;
}

/* Necessary for ticket #7570 */
#helpContainer {
  height: auto;
}

.exercise-component {
  position: relative;
  display: inline-block;
  width: 123px;
  height: 123px;
  margin: 20px 14px 50px 14px;
  cursor: default;
  vertical-align: middle;
  border-radius: 50%;
}
.exercise-component.current {
  font-size: 20px;
}
.exercise-component.current.active .icon-swap-mania.exercise__icon--pv {
  background-position: 18px 45px;
  -ms-background-position-y: 25px;
}
.exercise-component.current:before {
  position: absolute;
  top: -36px;
  right: 0;
  bottom: auto;
  left: 0;
  display: inline-block;
  width: 0;
  height: 0;
  margin: auto;
  content: "";
  vertical-align: top;
  border-right: 11px solid transparent;
  border-bottom: 15px solid #5BB4C6;
  border-left: 11px solid transparent;
}
.exercise-component.vocab-quickview.current:before, .exercise-component.video.current:before {
  top: -35px;
}
.exercise-component.current:hover, .exercise-component.active:hover {
  cursor: pointer;
}
.exercise-component.current:hover .exercise-component__value, .exercise-component.active:hover .exercise-component__value {
  opacity: 1;
}
.exercise-component.current .exercise-component__value-progress {
  font-size: 30px;
}
.exercise-component.vb-step.current .exercise-component__value {
  font-size: 14px;
  line-height: 3.5;
}
.exercise-component.vb-step.current .exercise-component__value-progress {
  font-size: 18px;
}

/* Size of Word rescue logo for IE11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .exercise-component.current.active .icon-word_rescue-blue {
    background-size: 75%;
  }
  .exercise-component.vb-say-what .exercise__icon {
    width: 105px !important;
    height: 104px !important;
  }
}
.exercise-component__canvas {
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  margin: auto;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  opacity: 0;
}

.exercise-category__label {
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  top: 0;
  bottom: auto;
  width: 110px;
  margin-left: 10px;
  padding: 0 5px;
  text-align: center;
  color: #FFFFFF;
}

.exercise-category--green {
  background-color: #9DC49E;
}

.exercise-category--red {
  background-color: #E76B6B;
}

.exercise__icon {
  position: absolute;
  z-index: 10;
  top: 13px;
  right: 0;
  bottom: auto;
  left: 0;
  margin: auto;
  opacity: 0.5;
}

.active .exercise__icon,
.exercise-component.active .exercise-component__canvas,
.exercise-component.current .exercise-component__canvas {
  opacity: 1;
}

.exercise-component__name {
  font-size: 14px;
  line-height: 1.3;
  position: absolute;
  top: 135px;
  right: 0;
  left: 0;
  display: block;
  text-align: center;
}

.exercise-component__value {
  font-size: 18px;
  font-weight: 400;
  line-height: 100px;
  position: absolute;
  z-index: 997;
  bottom: 0;
  display: block;
  width: 100px;
  height: 100px;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  text-align: center;
  opacity: 0;
  color: #FFFFFF;
  border-radius: 100%;
  background-color: #5CB4C7;
}

.basic .exercise-component__value {
  background-color: #9CC39D;
}

.advanced .exercise-component__value {
  background-color: #E26969;
}

.exercise-component__value-progress {
  font-size: 20px;
}

.exercise-component__value {
  width: 100%;
  height: 100%;
}

/* VIDEO BOOSTER */
.exercise-component.vb-step {
  width: 116px;
  height: 165px;
  margin: 0;
}

.vb-step .exercise__icon {
  top: 10px;
  width: 75px;
  height: 75px;
}

.vb-step .exercise-component__value {
  font-size: 14px;
  line-height: 65px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 65px;
  height: 65px;
  margin: auto;
}

.vb-step.current .exercise__icon,
.vb-step.current .exercise-component__canvas {
  cursor: pointer;
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
  opacity: 1;
}

.vb-step.current .exercise__icon.icon-quickvocab,
.vb-step.current .exercise__icon.icon-video {
  cursor: pointer;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  opacity: 1;
}

.vb-step .exercise-component__name {
  top: 110px;
}

.exercise-component--animated .exercise__icon {
  -webkit-animation: bounceIn 5s infinite;
          animation: bounceIn 5s infinite;
}

/* VIDEO KARAOKE ELEMENT */
.exercise-component.vb-say-what .exercise__icon {
  top: 8px;
  width: 106px;
  height: 105px;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  border-radius: 0;
  background-color: transparent;
}
.exercise-component.vb-say-what .exercise-component__value {
  top: 2px;
  right: 0;
  bottom: 0;
  left: 2px;
  width: 100px;
  height: 100px;
  margin: auto;
}
.exercise-component.vb-say-what:hover .exercise__icon {
  opacity: 0;
}
.exercise-component.vb-say-what .exercise-component__name {
  position: relative;
  top: 130px;
  padding: 14px 16px 8px 16px;
  -webkit-transform: skewX(-20deg);
          transform: skewX(-20deg);
  color: #FFFFFF;
  background: #A06D8B;
  -webkit-box-shadow: 4px 4px 0 0 #8E5E7E;
          box-shadow: 4px 4px 0 0 #8E5E7E;
  clip-path: polygon(0 15%, 99% 0, 100% 100%, 0 100%);
}
.exercise-component.vb-say-what .karaoke-name {
  display: block;
  -webkit-transform: skewX(20deg);
          transform: skewX(20deg);
}
.exercise-component.vb-say-what .karaoke-name .small {
  font-size: 11px;
}
.exercise-component.vb-say-what .karaoke-name span {
  display: block;
}

/* PHOTO VOCAB MODIFIER */
.exercise-component--pv {
  width: 140px;
  height: 180px;
  margin-bottom: 0;
}
.exercise-component--pv .exercise__icon {
  top: 13px;
  width: 104px;
  height: 104px;
  -webkit-transform: perspective(1px);
          transform: perspective(1px);
}
.exercise-component--pv .exercise-component__value {
  line-height: 4.4;
  background-color: #FA9F70;
}
.exercise-component--pv .exercise-component__value-progress {
  font-size: 24px;
}
.exercise-component--pv .exercise-component__name {
  top: 160px;
}
.exercise-component--pv.current:before {
  top: -46px;
}
.exercise-component--pv.current .exercise-component__canvas {
  -webkit-transform: perspective(1px) scale(1.3);
          transform: perspective(1px) scale(1.3);
}
.exercise-component--pv.current .exercise__icon {
  top: -2px;
  width: 134px;
  height: 134px;
}
.exercise-component--pv.current .exercise-component__value {
  line-height: 130px;
}

.panel--landing.photo-vocab .exercise-component__value {
  background-color: #FA9F70;
}

/* FINAL SCORE */
.panel__footer-column .exercise-component--pv {
  width: 103px;
}

.exercise-component--pv-final {
  height: 130px;
}
.exercise-component--pv-final .exercise__icon {
  top: 10px;
  width: 75px;
  height: 75px;
}
.exercise-component--pv-final .exercise-component__value {
  font-size: 14px;
  line-height: 75px;
}
.exercise-component--pv-final .exercise-component__value-progress {
  font-size: 18px;
}
.exercise-component--pv-final .exercise-component__name {
  top: 110px;
}

/* ------------------------------------
RESPONSIVE DESIGN
------------------------------------ */
@media screen and (max-width: 400px) {
  .exercise-component--pv .exercise-component__canvas {
    width: 120px !important;
    height: 120px !important;
  }
  .exercise-component--pv .exercise-component__value {
    line-height: 4;
  }
  .exercise-component--pv .exercise__icon {
    top: 12px;
    width: 96px;
    height: 96px;
  }
  .exercise-component--pv.current .exercise__icon {
    top: -1px;
    width: 122px;
    height: 122px;
  }
}
@media only screen and (max-width: 991px) {
  .exercise-component {
    margin: 20px 14px;
  }
  .exercise-component.vb-say-what .exercise-component__name {
    top: 110px;
  }
  .exercise-component--pv .exercise-component__name {
    top: 145px;
  }
  .panel-vb .exercise-component__name {
    top: 120px;
  }
  /* Final score games */
  .panel__footer-column .exercise-component--pv {
    width: 120px;
  }
  .panel__footer-column .exercise-category__label {
    margin-left: -15px;
  }
  .panel__footer-column .difficulty-splitter {
    display: none;
  }
  /* PV final score align icon name */
  .exercise-component--pv-final .exercise-component__name {
    top: 110px !important;
  }
  /*   // Video karaoke logo for responsive - All exercises page */
  .video-karaoke__logo {
    margin-top: 0;
  }
}
/* HELPERS */
html {
  height: 100%;
}

body {
  min-height: 100%;
}

body {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 300;
  background-color: #EDECEC;
}

.container-small {
  max-width: 920px;
  margin: 0 auto;
}

.container-padding {
  padding: 0 15px;
}

.page__container {
  max-width: 1200px;
  margin: 0 auto;
  padding-right: 15px;
  padding-left: 15px;
  background-color: #FAFAFA;
}

.node-type-photovocab #page-content > .container {
  padding-top: 36px;
  border: none;
  background-color: transparent;
}

.node-type-video #page-content > .container,
.page-live #page-content > .container {
  padding-top: 36px;
  padding-bottom: 36px;
  border: none;
  background-color: transparent;
}

.page__container.border {
  border: 1px solid #D3D2D2;
}

/* Page title */
.page__title--icon {
  font-size: 24px;
  margin-top: -8px;
  margin-bottom: 50px;
}

.page__title--icon__icon {
  position: relative;
  top: 35px;
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 7px;
  border-radius: 100%;
}

.registration-step-3 .page__title--icon__icon {
  float: none;
}
.registration-step-3 .page__title--icon {
  margin-top: -8px;
}

.page__title--icon__text {
  display: inline-block;
}

.page__title--icon__icon.vb {
  background-image: url("/images/icons/registration/icon-step1.png");
}

.page-my-subscription .main-navbar__logo {
  padding-left: 0;
}
.page-my-subscription #page-content {
  height: calc(100vh - 50px);
}
.page-my-subscription #page-content .container {
  background-color: #FAFAFA;
  min-height: 80% !important;
}
.page-my-subscription #page-content .panel {
  border-radius: 0;
  padding-left: 30px;
}

@media (max-width: 480px) {
  /* Make the main container smaller for pages where there are to many other paddings */
  /* .page-live */
  #page-content > .container {
    padding: 0 10px;
  }
}
@media screen and (max-width: 991px) {
  .node-type-photovocab #page-content > .container {
    padding-top: 0;
    margin-top: -15px;
  }
  .page-my-subscription .of-canvas-wrapper,
  .page-my-dashboard .of-canvas-wrapper {
    overflow: auto;
  }
  .page-my-subscription .bottom_info .panel,
  .page-my-dashboard .bottom_info .panel {
    padding-left: 30px !important;
    padding: 20px 30px;
  }
  .page-my-subscription #orderData .paySubmit,
  .page-my-dashboard #orderData .paySubmit {
    margin-bottom: 15px;
  }
  .page-my-subscription h3, .page-my-subscription h2,
  .page-my-dashboard h3,
  .page-my-dashboard h2 {
    font-size: 18px;
  }
  .page-my-subscription p,
  .page-my-dashboard p {
    font-size: 14px;
  }
  .bottom_info {
    padding: 0 !important;
  }
  #stageheader {
    margin-bottom: 15px !important;
    padding-top: 15px !important;
  }
}
/* ---------------------------------------------------------------------------
--------------------------------- Panel Styles -------------------------------
--------------------------------------------------------------------------- */
.panel {
  position: relative;
  padding: 25px 20px;
  border: 1px solid #D3D2D2;
  border-radius: 10px;
  background-color: #FFFFFF;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.panel-card {
  border: solid 2px #EEECEC;
  padding: 25px 30px 15px;
  border-radius: 30px;
  width: 275px;
}

.panel--gray {
  background-color: #F2F2F2;
}

.pnakle--no-padding {
  padding-right: 0;
  padding-left: 0;
}

.panel--no-padding {
  padding: 0 !important;
}

.panel-no-radius {
  border-radius: 0 !important;
}

.panel--small {
  padding: 17px;
}

/* Panel header */
.panel--title {
  font-size: 24px;
  margin-bottom: 30px;
  color: #1E1E1E;
}

.panel-text--small {
  font-size: 14px;
}

.panel-text--medium {
  font-size: 16px !important;
}

.panel-text--no-margin {
  margin: 0;
}

.panel--title--icon {
  margin-bottom: 60px;
}

.panel--medium-width {
  max-width: 500px;
  width: 100%;
}

.panel--title--image {
  width: 100%;
  height: 80px;
  margin-top: 30px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 200px 200px;
}
.panel--title--image.verb-dash {
  background-image: url("../images/verbdash/logo.svg");
  margin-bottom: 0;
}

.panel--title--icon:before {
  position: relative;
  top: 30px;
  display: inline-block;
  width: 90px;
  height: 90px;
  margin-right: 15px;
  content: "";
  border-radius: 100%;
  background-color: #CCCCCC;
}

.panel--web-dash {
  width: 100%;
  max-width: 382px;
  margin-bottom: 0;
  border: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* HELPERS */
/* Aside Styles */
.panel--aside {
  padding: 20px 15px;
  font-size: 14px;
  color: #0F0F0F;
}

.panel--aside__title {
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 15px;
  margin-top: 5px;
}

.panel--aside__subtitle {
  color: #9C9C9C;
  font-size: 14px;
  margin-top: 5px;
}

.panel--aside__learn-more {
  text-decoration: underline;
  color: #CDCDCD;
  font-style: italic;
}

.panel--aside__header {
  padding-bottom: 10px;
  border-bottom: 1px solid #E3E3E3;
  width: 100%;
  /* Vertical align the text */
  display: table;
}
.panel--aside__header .page__title--icon__icon {
  /* Vertical align the text */
  display: table-cell;
}
.panel--aside__header .panel--aside__title {
  font-size: 18px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.22;
  text-align: left;
  color: #000000;
  padding-left: 15px;
  /* Vertical align the text */
  display: table-cell;
  vertical-align: middle;
}

@media screen and (max-width: 991px) {
  .panel--aside {
    padding: 12px 15px 13px 15px !important;
  }
}
.thumb {
  display: inline-block;
  text-align: left;
}

.thumbnail--no-cursor {
  cursor: default !important;
}
.thumbnail--no-cursor img {
  cursor: default !important;
}

.thumbnail__info {
  font-size: 15px;
  position: absolute;
  right: 20px;
  bottom: 85px;
  left: auto;
  cursor: pointer;
  color: #C7C7C7;
}
.thumbnail__info:hover {
  color: #5BB4C7;
}
.thumbnail__info .icon-info-circled {
  position: relative;
  display: block;
  width: 1em;
  height: 1em;
}
.thumbnail__info .icon-info-circled:before {
  position: absolute;
  z-index: 20;
  margin: 0;
}
.thumbnail__info .icon-info-circled:after {
  position: absolute;
  z-index: 10;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  display: block;
  content: "";
  border-radius: 50%;
  background-color: #FFFFFF;
}

.thumbnail-info-popover {
  font-size: 11.5px;
  min-height: auto;
}
.thumbnail-info-popover p {
  line-height: 1.2;
  margin-bottom: 0;
}
.thumbnail-info-popover__content {
  min-height: auto !important;
  padding: 3px 15px !important;
  text-align: center;
  border: 1px solid #5BB4C7 !important;
  border-radius: 5px !important;
  max-width: 100% !important;
  min-width: 120px !important;
  background-color: #FFFFFF !important;
}
.thumbnail-info-popover__surtitle, .thumbnail-info-popover__subtitle {
  color: #CDCDCC;
}
.thumbnail-info-popover__title {
  color: #5BB4C7;
}

/* HELPERS */
/* -----------------------------------------------------------------------------
    Thumbnail Photo Styles
----------------------------------------------------------------------------- */
.thumbnail--photo {
  position: relative;
  display: inline-block;
  width: auto;
  max-width: 100%;
  margin: 0 auto 55px;
  padding: 0;
}
.thumbnail--photo.thumbnail--pv-item {
  margin: 15px auto 40px;
}

.thumbnail--photo .active-flag {
  background-color: #E76B6B;
}

.active-flag:before {
  border-color: transparent #E76B6B transparent transparent;
}
.active-flag:after {
  border-color: #E76B6B transparent transparent transparent;
}

.thumbnail--photo:before, .thumbnail--photo:after {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
  border: 1px solid transparent;
  border-radius: 10px;
  background-color: rgba(217, 216, 222, 0.7);
}

.thumbnail--photo:after {
  z-index: 1;
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
  background-color: #D3D3D3;
  opacity: 0.3;
}

.pv-of-the-week {
  font-size: 14px;
  font-weight: 500;
  position: absolute;
  z-index: 0;
  top: -43px;
  left: -1px;
  display: block;
  width: 100%;
  padding: 12px 0 50px;
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg);
  text-align: center;
  color: #FFFFFF;
  border-radius: 10px;
  background-color: #E76B6B;
}

.thumbnail--photo__item {
  position: relative;
  z-index: 3;
  display: inline-block;
  width: 100%;
  max-width: 266px;
  margin: 0 auto;
  padding: 15px 15px 10px 15px;
  border: 1px solid #D4D4D4;
  border-radius: 10px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}

.thumbnail--photo__item,
.thumbnail--photo__item:active,
.thumbnail--photo__item:hover,
.thumbnail--photo__item:focus {
  font-size: 11px;
  font-weight: 500;
  position: relative;
  display: block;
  cursor: pointer;
  text-decoration: none;
  color: #262E31;
}

.thumbnail--photo__image {
  -webkit-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
  opacity: 0.5;
}

.thumbnail--photo__details {
  min-height: 58px;
}

.thumbnail--photo__title {
  font-size: 18px;
  line-height: 1.3;
  display: block;
  overflow: hidden;
  margin: 0;
  margin-top: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.thumbnail--photo__subtitle {
  font-size: 12px;
  font-style: italic;
  display: block;
  overflow: hidden;
  margin-bottom: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #C0BFC2;
}

.thumbnail--photo__category {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.thumbnail--photo__category-item {
  display: inline-block;
}

.thumbnail--photo.active .thumbnail--photo__image {
  opacity: 1;
}

@media screen and (min-width: 991px) {
  .thumbnail--photo:hover .thumbnail--photo__image {
    opacity: 1;
  }
}

.thumbnail--photo__difficulty__container {
  position: absolute;
  opacity: 0;
  width: 235px;
  height: 240px;
  background: rgba(255, 255, 255, 0.5);
  z-index: 1;
  -webkit-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  overflow: hidden;
}
.thumbnail--photo__difficulty__container--visible {
  opacity: 1;
}
.thumbnail--photo__difficulty__container--visible .thumbnail--photo__difficulty__button--basic {
  margin-left: 25px;
}
.thumbnail--photo__difficulty__container--visible .thumbnail--photo__difficulty__button--advanced {
  margin-left: 25px;
}
.thumbnail--photo__difficulty__selector {
  position: absolute;
  top: 65px;
  bottom: 65px;
  left: 0;
  right: 0;
}
.thumbnail--photo__difficulty__button {
  display: block;
  position: relative;
  width: 180px;
  margin: 0;
  padding: 10px 5px 10px 40px;
  color: #FFFFFF;
  text-align: center;
  border-radius: 5px;
  font-size: 18px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #9CC69C), color-stop(50%, #94BD95));
  background: linear-gradient(#9CC69C 50%, #94BD95 50%);
  -webkit-transition: margin 0.7s ease-in-out;
  transition: margin 0.7s ease-in-out;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.thumbnail--photo__difficulty__button:before {
  content: " ";
  position: absolute;
  left: -1px;
  top: 0;
  bottom: 0;
  width: 45px;
  height: 45px;
}
.thumbnail--photo__difficulty__button--basic {
  margin-left: -500px;
}
.thumbnail--photo__difficulty__button--basic:before {
  background: url("../images/all-icons/pv-difficulty--basic.svg");
  background-size: cover;
}
.thumbnail--photo__difficulty__button--advanced {
  margin-top: 20px;
  margin-left: 500px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #E76B6B), color-stop(50%, #DE6363));
  background: linear-gradient(#E76B6B 50%, #DE6363 50%);
}
.thumbnail--photo__difficulty__button--advanced:before {
  background: url("../images/all-icons/pv-difficulty--advanced.svg");
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .view-exercises-video-boosters .catalog-panel .thumbnail--video {
    width: 100%;
    max-width: 500px;
    margin-bottom: 10px;
  }
  .view-exercises-video-boosters .catalog-panel .thumbnail--video img {
    width: 100%;
  }
}
/* HELPERS */
/* Video Thumbnail Styles */
.vb-of-the-week {
  font-size: 14px;
  font-style: italic;
  position: absolute;
  z-index: 10;
  top: 12px;
  left: -7px;
  padding: 7px;
  color: #FFFFFF;
  background-color: #5BB4C7;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}
.vb-of-the-week > span {
  position: relative;
  display: inline-block;
}
.vb-of-the-week:after, .vb-of-the-week:before {
  position: absolute;
  top: 0;
  left: 100%;
  width: 0;
  height: 0;
  content: "";
  border-width: 32px 8px 0 0;
  border-style: solid;
  border-color: #5BB4C7 transparent transparent transparent;
}
.vb-of-the-week:before {
  right: 100%;
  left: auto;
  border-width: 0 4px 32px 0;
  border-color: transparent #5BB4C7 transparent transparent;
}
.vb-of-the-week > span:before {
  position: absolute;
  top: -13px;
  right: 100%;
  width: 0;
  height: 0;
  content: "";
  border-width: 0 0 6px 10px;
  border-style: solid;
  border-color: transparent transparent #3F7E8C transparent;
}

.thumbnail--video:hover,
.thumbnail--video {
  font-size: 11px;
  font-weight: 500;
  position: relative;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  color: #262E31;
}

.thumbnail--video {
  width: 100%;
  max-width: 286px;
  margin: 0 auto 40px auto;
}
.thumbnail--video .active-flag {
  right: 10px;
}
.thumbnail--video .active-flag.active-flag--progress {
  font-size: 13px;
  font-weight: 600;
  top: 0;
  right: auto;
  left: 10px;
  padding: 15px 10px 10px;
}
.thumbnail--video .active-flag.active-flag--progress:before {
  border-width: 0 23px 15px 0;
}
.thumbnail--video .active-flag.active-flag--progress:after {
  border-width: 15px 23px 0 0;
}

.thumbnail--video:hover, .thumbnail--video:focus, .thumbnail--video:active {
  text-decoration: none;
  color: #262E31;
}
@media screen and (min-width: 991px) {
  .thumbnail--video:hover .thumbnail--video__image {
    opacity: 1;
  }
}
.thumbnail--video.active .thumbnail--video__image {
  opacity: 1;
}

.thumbnail___image,
.thumbnail--video__image {
  -webkit-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
  opacity: 0.5;
}

.thumbnail__details,
.thumbnail--video__details {
  padding: 10px;
  border: 1px solid #D4D4D4;
  background-color: #FFFFFF;
}

.thumbnail--video__details {
  height: 85px;
}

.thumbnail--video__difficulty-bar {
  display: block;
  height: 6px;
}

.beginner {
  /* .vb-of-the-week, */
}
.beginner .thumbnail--video__difficulty-bar {
  background-color: #BBE6B8;
}

.easy {
  /* .vb-of-the-week, */
}
.easy .thumbnail--video__difficulty-bar {
  background-color: #97CE68;
}

.intermediate {
  /* .vb-of-the-week, */
}
.intermediate .thumbnail--video__difficulty-bar {
  background-color: #FFC153;
}

.upper-intermediate {
  /* .vb-of-the-week, */
}
.upper-intermediate .thumbnail--video__difficulty-bar {
  background-color: #FF7055;
}

.advanced {
  /* .vb-of-the-week, */
}
.advanced .thumbnail--video__difficulty-bar {
  background-color: #E76B6B;
}

.thumbnail--video__difficulty {
  float: right;
  margin-top: -5px;
  padding-left: 1em;
  background-color: #FFFFFF;
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 10px;
  letter-spacing: -0.11px;
  line-height: 14px;
}

.thumbnail--video__movie-name {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 18px;
  letter-spacing: -0.19px;
  line-height: 24px;
  display: block;
  overflow: hidden;
  margin: 4px 0 0px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.thumbnail--video__movie-name--french {
  color: #BFBFBF;
  font-family: "Open Sans";
  font-size: 16px;
  letter-spacing: -0.17px;
  line-height: 22px;
  display: block;
  overflow: hidden;
  min-height: 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* de refacut peste tot */
.thumbnail--video__clip-duration {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 11px;
  letter-spacing: -0.12px;
  line-height: 15px;
  position: absolute;
  right: 10px;
  bottom: 10px;
}

/*de refacut peste */
.thumbnail--video__clip-name {
  font-size: 10px;
  display: block;
  color: #262E31;
}

.thumbnail--video .thumbnail__footer-details {
  position: relative;
  display: block;
  margin-top: 2px;
}
.thumbnail--video .thumbnail__clip-name {
  font-size: 10px;
  display: block;
  overflow: hidden;
  margin: auto;
  padding-right: 34px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #262E31;
}
.thumbnail--video .thumbnail__clip-duration {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  display: block;
  margin: auto;
}

@media screen and (max-width: 767px) {
  .thumbnail--video__details {
    height: 95px;
  }
  .thumbnail--video__details .thumbnail--video__movie-name {
    font-size: 18px;
  }
  .thumbnail--video__details .thumbnail__clip-name {
    font-size: 16px;
  }
  .thumbnail--video__details .thumbnail--video__movie-name--french {
    font-size: 16px !important;
  }
}
/* HELPERS */
#block-locale-0 .content {
  position: relative;
  display: block;
}

#block-locale-0 #language-native {
  font-size: 15px;
  font-weight: 300;
  min-width: 130px;
  margin: 0;
  padding: 28px 15px 0 15px;
  cursor: default;
  text-align: center;
  color: #FFFFFF;
}

#language-select-list {
  font-size: 14px;
  position: absolute;
  z-index: 1000;
  top: 100%;
  left: 0;
  display: none;
  float: left;
  min-width: 140px;
  max-height: 300px;
  margin: 2px 0 0;
  margin-top: 0;
  padding: 5px 0;
  list-style: none;
  text-align: center;
  border-radius: 0;
  background-color: #FFFFFF;
  border-radius: 10px;
  background-color: #EEEDED;
}
#language-select-list.test {
  display: block !important;
}

.logged-in div#language-select-list {
  left: -45px;
}

.logged-in.page-languages div#language-select-list {
  left: -65%;
}
@media (max-width: 1000px) {
  .logged-in.page-languages div#language-select-list {
    float: right;
  }
}

#language-select-list a {
  font-weight: 400;
  line-height: 1.42857143;
  display: block;
  clear: both;
  padding: 3px 20px;
  white-space: nowrap;
  color: #333333;
}

@media screen and (max-width: 991px) {
  #language-select-list {
    left: -45px;
  }
}
/* HELPERS */
.list--number,
.list {
  padding: 0;
  list-style-type: none;
}

.list--number {
  padding-left: 19px !important;
  list-style-type: decimal;
}

.list--number-list__item {
  margin-bottom: 20px;
}

/* Steps list used in games Help page */
.c-steps-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-steps-list--number-bullet {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background-color: #A87893;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.c-steps-list--number {
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 600;
  line-height: 52px;
  text-align: center;
  color: #FFFFFF;
}

@media screen and (max-width: 767px) {
  .c-steps-list__item {
    font-size: 16px !important;
  }
}
/* This product includes color specifications and designs developed by Cynthia Brewer (http://colorbrewer.org/). */
.YlGn .q0-3 {
  fill: rgb(247, 252, 185);
}

.YlGn .q1-3 {
  fill: rgb(173, 221, 142);
}

.YlGn .q2-3 {
  fill: rgb(49, 163, 84);
}

.YlGn .q0-4 {
  fill: rgb(255, 255, 204);
}

.YlGn .q1-4 {
  fill: rgb(194, 230, 153);
}

.YlGn .q2-4 {
  fill: rgb(120, 198, 121);
}

.YlGn .q3-4 {
  fill: rgb(35, 132, 67);
}

.YlGn .q0-5 {
  fill: rgb(255, 255, 204);
}

.YlGn .q1-5 {
  fill: rgb(194, 230, 153);
}

.YlGn .q2-5 {
  fill: rgb(120, 198, 121);
}

.YlGn .q3-5 {
  fill: rgb(49, 163, 84);
}

.YlGn .q4-5 {
  fill: rgb(0, 104, 55);
}

.YlGn .q0-6 {
  fill: rgb(255, 255, 204);
}

.YlGn .q1-6 {
  fill: rgb(217, 240, 163);
}

.YlGn .q2-6 {
  fill: rgb(173, 221, 142);
}

.YlGn .q3-6 {
  fill: rgb(120, 198, 121);
}

.YlGn .q4-6 {
  fill: rgb(49, 163, 84);
}

.YlGn .q5-6 {
  fill: rgb(0, 104, 55);
}

.YlGn .q0-7 {
  fill: rgb(255, 255, 204);
}

.YlGn .q1-7 {
  fill: rgb(217, 240, 163);
}

.YlGn .q2-7 {
  fill: rgb(173, 221, 142);
}

.YlGn .q3-7 {
  fill: rgb(120, 198, 121);
}

.YlGn .q4-7 {
  fill: rgb(65, 171, 93);
}

.YlGn .q5-7 {
  fill: rgb(35, 132, 67);
}

.YlGn .q6-7 {
  fill: rgb(0, 90, 50);
}

.YlGn .q0-8 {
  fill: rgb(255, 255, 229);
}

.YlGn .q1-8 {
  fill: rgb(247, 252, 185);
}

.YlGn .q2-8 {
  fill: rgb(217, 240, 163);
}

.YlGn .q3-8 {
  fill: rgb(173, 221, 142);
}

.YlGn .q4-8 {
  fill: rgb(120, 198, 121);
}

.YlGn .q5-8 {
  fill: rgb(65, 171, 93);
}

.YlGn .q6-8 {
  fill: rgb(35, 132, 67);
}

.YlGn .q7-8 {
  fill: rgb(0, 90, 50);
}

.YlGn .q0-9 {
  fill: rgb(255, 255, 229);
}

.YlGn .q1-9 {
  fill: rgb(247, 252, 185);
}

.YlGn .q2-9 {
  fill: rgb(217, 240, 163);
}

.YlGn .q3-9 {
  fill: rgb(173, 221, 142);
}

.YlGn .q4-9 {
  fill: rgb(120, 198, 121);
}

.YlGn .q5-9 {
  fill: rgb(65, 171, 93);
}

.YlGn .q6-9 {
  fill: rgb(35, 132, 67);
}

.YlGn .q7-9 {
  fill: rgb(0, 104, 55);
}

.YlGn .q8-9 {
  fill: rgb(0, 69, 41);
}

.YlGnBu .q0-3 {
  fill: rgb(237, 248, 177);
}

.YlGnBu .q1-3 {
  fill: rgb(127, 205, 187);
}

.YlGnBu .q2-3 {
  fill: rgb(44, 127, 184);
}

.YlGnBu .q0-4 {
  fill: rgb(255, 255, 204);
}

.YlGnBu .q1-4 {
  fill: rgb(161, 218, 180);
}

.YlGnBu .q2-4 {
  fill: rgb(65, 182, 196);
}

.YlGnBu .q3-4 {
  fill: rgb(34, 94, 168);
}

.YlGnBu .q0-5 {
  fill: rgb(255, 255, 204);
}

.YlGnBu .q1-5 {
  fill: rgb(161, 218, 180);
}

.YlGnBu .q2-5 {
  fill: rgb(65, 182, 196);
}

.YlGnBu .q3-5 {
  fill: rgb(44, 127, 184);
}

.YlGnBu .q4-5 {
  fill: rgb(37, 52, 148);
}

.YlGnBu .q0-6 {
  fill: rgb(255, 255, 204);
}

.YlGnBu .q1-6 {
  fill: rgb(199, 233, 180);
}

.YlGnBu .q2-6 {
  fill: rgb(127, 205, 187);
}

.YlGnBu .q3-6 {
  fill: rgb(65, 182, 196);
}

.YlGnBu .q4-6 {
  fill: rgb(44, 127, 184);
}

.YlGnBu .q5-6 {
  fill: rgb(37, 52, 148);
}

.YlGnBu .q0-7 {
  fill: rgb(255, 255, 204);
}

.YlGnBu .q1-7 {
  fill: rgb(199, 233, 180);
}

.YlGnBu .q2-7 {
  fill: rgb(127, 205, 187);
}

.YlGnBu .q3-7 {
  fill: rgb(65, 182, 196);
}

.YlGnBu .q4-7 {
  fill: rgb(29, 145, 192);
}

.YlGnBu .q5-7 {
  fill: rgb(34, 94, 168);
}

.YlGnBu .q6-7 {
  fill: rgb(12, 44, 132);
}

.YlGnBu .q0-8 {
  fill: rgb(255, 255, 217);
}

.YlGnBu .q1-8 {
  fill: rgb(237, 248, 177);
}

.YlGnBu .q2-8 {
  fill: rgb(199, 233, 180);
}

.YlGnBu .q3-8 {
  fill: rgb(127, 205, 187);
}

.YlGnBu .q4-8 {
  fill: rgb(65, 182, 196);
}

.YlGnBu .q5-8 {
  fill: rgb(29, 145, 192);
}

.YlGnBu .q6-8 {
  fill: rgb(34, 94, 168);
}

.YlGnBu .q7-8 {
  fill: rgb(12, 44, 132);
}

.YlGnBu .q0-9 {
  fill: rgb(255, 255, 217);
}

.YlGnBu .q1-9 {
  fill: rgb(237, 248, 177);
}

.YlGnBu .q2-9 {
  fill: rgb(199, 233, 180);
}

.YlGnBu .q3-9 {
  fill: rgb(127, 205, 187);
}

.YlGnBu .q4-9 {
  fill: rgb(65, 182, 196);
}

.YlGnBu .q5-9 {
  fill: rgb(29, 145, 192);
}

.YlGnBu .q6-9 {
  fill: rgb(34, 94, 168);
}

.YlGnBu .q7-9 {
  fill: rgb(37, 52, 148);
}

.YlGnBu .q8-9 {
  fill: rgb(8, 29, 88);
}

.GnBu .q0-3 {
  fill: rgb(224, 243, 219);
}

.GnBu .q1-3 {
  fill: rgb(168, 221, 181);
}

.GnBu .q2-3 {
  fill: rgb(67, 162, 202);
}

.GnBu .q0-4 {
  fill: rgb(240, 249, 232);
}

.GnBu .q1-4 {
  fill: rgb(186, 228, 188);
}

.GnBu .q2-4 {
  fill: rgb(123, 204, 196);
}

.GnBu .q3-4 {
  fill: rgb(43, 140, 190);
}

.GnBu .q0-5 {
  fill: rgb(240, 249, 232);
}

.GnBu .q1-5 {
  fill: rgb(186, 228, 188);
}

.GnBu .q2-5 {
  fill: rgb(123, 204, 196);
}

.GnBu .q3-5 {
  fill: rgb(67, 162, 202);
}

.GnBu .q4-5 {
  fill: rgb(8, 104, 172);
}

.GnBu .q0-6 {
  fill: rgb(240, 249, 232);
}

.GnBu .q1-6 {
  fill: rgb(204, 235, 197);
}

.GnBu .q2-6 {
  fill: rgb(168, 221, 181);
}

.GnBu .q3-6 {
  fill: rgb(123, 204, 196);
}

.GnBu .q4-6 {
  fill: rgb(67, 162, 202);
}

.GnBu .q5-6 {
  fill: rgb(8, 104, 172);
}

.GnBu .q0-7 {
  fill: rgb(240, 249, 232);
}

.GnBu .q1-7 {
  fill: rgb(204, 235, 197);
}

.GnBu .q2-7 {
  fill: rgb(168, 221, 181);
}

.GnBu .q3-7 {
  fill: rgb(123, 204, 196);
}

.GnBu .q4-7 {
  fill: rgb(78, 179, 211);
}

.GnBu .q5-7 {
  fill: rgb(43, 140, 190);
}

.GnBu .q6-7 {
  fill: rgb(8, 88, 158);
}

.GnBu .q0-8 {
  fill: rgb(247, 252, 240);
}

.GnBu .q1-8 {
  fill: rgb(224, 243, 219);
}

.GnBu .q2-8 {
  fill: rgb(204, 235, 197);
}

.GnBu .q3-8 {
  fill: rgb(168, 221, 181);
}

.GnBu .q4-8 {
  fill: rgb(123, 204, 196);
}

.GnBu .q5-8 {
  fill: rgb(78, 179, 211);
}

.GnBu .q6-8 {
  fill: rgb(43, 140, 190);
}

.GnBu .q7-8 {
  fill: rgb(8, 88, 158);
}

.GnBu .q0-9 {
  fill: rgb(247, 252, 240);
}

.GnBu .q1-9 {
  fill: rgb(224, 243, 219);
}

.GnBu .q2-9 {
  fill: rgb(204, 235, 197);
}

.GnBu .q3-9 {
  fill: rgb(168, 221, 181);
}

.GnBu .q4-9 {
  fill: rgb(123, 204, 196);
}

.GnBu .q5-9 {
  fill: rgb(78, 179, 211);
}

.GnBu .q6-9 {
  fill: rgb(43, 140, 190);
}

.GnBu .q7-9 {
  fill: rgb(8, 104, 172);
}

.GnBu .q8-9 {
  fill: rgb(8, 64, 129);
}

.BuGn .q0-3 {
  fill: rgb(229, 245, 249);
}

.BuGn .q1-3 {
  fill: rgb(153, 216, 201);
}

.BuGn .q2-3 {
  fill: rgb(44, 162, 95);
}

.BuGn .q0-4 {
  fill: rgb(237, 248, 251);
}

.BuGn .q1-4 {
  fill: rgb(178, 226, 226);
}

.BuGn .q2-4 {
  fill: rgb(102, 194, 164);
}

.BuGn .q3-4 {
  fill: rgb(35, 139, 69);
}

.BuGn .q0-5 {
  fill: rgb(237, 248, 251);
}

.BuGn .q1-5 {
  fill: rgb(178, 226, 226);
}

.BuGn .q2-5 {
  fill: rgb(102, 194, 164);
}

.BuGn .q3-5 {
  fill: rgb(44, 162, 95);
}

.BuGn .q4-5 {
  fill: rgb(0, 109, 44);
}

.BuGn .q0-6 {
  fill: rgb(237, 248, 251);
}

.BuGn .q1-6 {
  fill: rgb(204, 236, 230);
}

.BuGn .q2-6 {
  fill: rgb(153, 216, 201);
}

.BuGn .q3-6 {
  fill: rgb(102, 194, 164);
}

.BuGn .q4-6 {
  fill: rgb(44, 162, 95);
}

.BuGn .q5-6 {
  fill: rgb(0, 109, 44);
}

.BuGn .q0-7 {
  fill: rgb(237, 248, 251);
}

.BuGn .q1-7 {
  fill: rgb(204, 236, 230);
}

.BuGn .q2-7 {
  fill: rgb(153, 216, 201);
}

.BuGn .q3-7 {
  fill: rgb(102, 194, 164);
}

.BuGn .q4-7 {
  fill: rgb(65, 174, 118);
}

.BuGn .q5-7 {
  fill: rgb(35, 139, 69);
}

.BuGn .q6-7 {
  fill: rgb(0, 88, 36);
}

.BuGn .q0-8 {
  fill: rgb(247, 252, 253);
}

.BuGn .q1-8 {
  fill: rgb(229, 245, 249);
}

.BuGn .q2-8 {
  fill: rgb(204, 236, 230);
}

.BuGn .q3-8 {
  fill: rgb(153, 216, 201);
}

.BuGn .q4-8 {
  fill: rgb(102, 194, 164);
}

.BuGn .q5-8 {
  fill: rgb(65, 174, 118);
}

.BuGn .q6-8 {
  fill: rgb(35, 139, 69);
}

.BuGn .q7-8 {
  fill: rgb(0, 88, 36);
}

.BuGn .q0-9 {
  fill: rgb(247, 252, 253);
}

.BuGn .q1-9 {
  fill: rgb(229, 245, 249);
}

.BuGn .q2-9 {
  fill: rgb(204, 236, 230);
}

.BuGn .q3-9 {
  fill: rgb(153, 216, 201);
}

.BuGn .q4-9 {
  fill: rgb(102, 194, 164);
}

.BuGn .q5-9 {
  fill: rgb(65, 174, 118);
}

.BuGn .q6-9 {
  fill: rgb(35, 139, 69);
}

.BuGn .q7-9 {
  fill: rgb(0, 109, 44);
}

.BuGn .q8-9 {
  fill: rgb(0, 68, 27);
}

.PuBuGn .q0-3 {
  fill: rgb(236, 226, 240);
}

.PuBuGn .q1-3 {
  fill: rgb(166, 189, 219);
}

.PuBuGn .q2-3 {
  fill: rgb(28, 144, 153);
}

.PuBuGn .q0-4 {
  fill: rgb(246, 239, 247);
}

.PuBuGn .q1-4 {
  fill: rgb(189, 201, 225);
}

.PuBuGn .q2-4 {
  fill: rgb(103, 169, 207);
}

.PuBuGn .q3-4 {
  fill: rgb(2, 129, 138);
}

.PuBuGn .q0-5 {
  fill: rgb(246, 239, 247);
}

.PuBuGn .q1-5 {
  fill: rgb(189, 201, 225);
}

.PuBuGn .q2-5 {
  fill: rgb(103, 169, 207);
}

.PuBuGn .q3-5 {
  fill: rgb(28, 144, 153);
}

.PuBuGn .q4-5 {
  fill: rgb(1, 108, 89);
}

.PuBuGn .q0-6 {
  fill: rgb(246, 239, 247);
}

.PuBuGn .q1-6 {
  fill: rgb(208, 209, 230);
}

.PuBuGn .q2-6 {
  fill: rgb(166, 189, 219);
}

.PuBuGn .q3-6 {
  fill: rgb(103, 169, 207);
}

.PuBuGn .q4-6 {
  fill: rgb(28, 144, 153);
}

.PuBuGn .q5-6 {
  fill: rgb(1, 108, 89);
}

.PuBuGn .q0-7 {
  fill: rgb(246, 239, 247);
}

.PuBuGn .q1-7 {
  fill: rgb(208, 209, 230);
}

.PuBuGn .q2-7 {
  fill: rgb(166, 189, 219);
}

.PuBuGn .q3-7 {
  fill: rgb(103, 169, 207);
}

.PuBuGn .q4-7 {
  fill: rgb(54, 144, 192);
}

.PuBuGn .q5-7 {
  fill: rgb(2, 129, 138);
}

.PuBuGn .q6-7 {
  fill: rgb(1, 100, 80);
}

.PuBuGn .q0-8 {
  fill: rgb(255, 247, 251);
}

.PuBuGn .q1-8 {
  fill: rgb(236, 226, 240);
}

.PuBuGn .q2-8 {
  fill: rgb(208, 209, 230);
}

.PuBuGn .q3-8 {
  fill: rgb(166, 189, 219);
}

.PuBuGn .q4-8 {
  fill: rgb(103, 169, 207);
}

.PuBuGn .q5-8 {
  fill: rgb(54, 144, 192);
}

.PuBuGn .q6-8 {
  fill: rgb(2, 129, 138);
}

.PuBuGn .q7-8 {
  fill: rgb(1, 100, 80);
}

.PuBuGn .q0-9 {
  fill: rgb(255, 247, 251);
}

.PuBuGn .q1-9 {
  fill: rgb(236, 226, 240);
}

.PuBuGn .q2-9 {
  fill: rgb(208, 209, 230);
}

.PuBuGn .q3-9 {
  fill: rgb(166, 189, 219);
}

.PuBuGn .q4-9 {
  fill: rgb(103, 169, 207);
}

.PuBuGn .q5-9 {
  fill: rgb(54, 144, 192);
}

.PuBuGn .q6-9 {
  fill: rgb(2, 129, 138);
}

.PuBuGn .q7-9 {
  fill: rgb(1, 108, 89);
}

.PuBuGn .q8-9 {
  fill: rgb(1, 70, 54);
}

.PuBu .q0-3 {
  fill: rgb(236, 231, 242);
}

.PuBu .q1-3 {
  fill: rgb(166, 189, 219);
}

.PuBu .q2-3 {
  fill: rgb(43, 140, 190);
}

.PuBu .q0-4 {
  fill: rgb(241, 238, 246);
}

.PuBu .q1-4 {
  fill: rgb(189, 201, 225);
}

.PuBu .q2-4 {
  fill: rgb(116, 169, 207);
}

.PuBu .q3-4 {
  fill: rgb(5, 112, 176);
}

.PuBu .q0-5 {
  fill: rgb(241, 238, 246);
}

.PuBu .q1-5 {
  fill: rgb(189, 201, 225);
}

.PuBu .q2-5 {
  fill: rgb(116, 169, 207);
}

.PuBu .q3-5 {
  fill: rgb(43, 140, 190);
}

.PuBu .q4-5 {
  fill: rgb(4, 90, 141);
}

.PuBu .q0-6 {
  fill: rgb(241, 238, 246);
}

.PuBu .q1-6 {
  fill: rgb(208, 209, 230);
}

.PuBu .q2-6 {
  fill: rgb(166, 189, 219);
}

.PuBu .q3-6 {
  fill: rgb(116, 169, 207);
}

.PuBu .q4-6 {
  fill: rgb(43, 140, 190);
}

.PuBu .q5-6 {
  fill: rgb(4, 90, 141);
}

.PuBu .q0-7 {
  fill: rgb(241, 238, 246);
}

.PuBu .q1-7 {
  fill: rgb(208, 209, 230);
}

.PuBu .q2-7 {
  fill: rgb(166, 189, 219);
}

.PuBu .q3-7 {
  fill: rgb(116, 169, 207);
}

.PuBu .q4-7 {
  fill: rgb(54, 144, 192);
}

.PuBu .q5-7 {
  fill: rgb(5, 112, 176);
}

.PuBu .q6-7 {
  fill: rgb(3, 78, 123);
}

.PuBu .q0-8 {
  fill: rgb(255, 247, 251);
}

.PuBu .q1-8 {
  fill: rgb(236, 231, 242);
}

.PuBu .q2-8 {
  fill: rgb(208, 209, 230);
}

.PuBu .q3-8 {
  fill: rgb(166, 189, 219);
}

.PuBu .q4-8 {
  fill: rgb(116, 169, 207);
}

.PuBu .q5-8 {
  fill: rgb(54, 144, 192);
}

.PuBu .q6-8 {
  fill: rgb(5, 112, 176);
}

.PuBu .q7-8 {
  fill: rgb(3, 78, 123);
}

.PuBu .q0-9 {
  fill: rgb(255, 247, 251);
}

.PuBu .q1-9 {
  fill: rgb(236, 231, 242);
}

.PuBu .q2-9 {
  fill: rgb(208, 209, 230);
}

.PuBu .q3-9 {
  fill: rgb(166, 189, 219);
}

.PuBu .q4-9 {
  fill: rgb(116, 169, 207);
}

.PuBu .q5-9 {
  fill: rgb(54, 144, 192);
}

.PuBu .q6-9 {
  fill: rgb(5, 112, 176);
}

.PuBu .q7-9 {
  fill: rgb(4, 90, 141);
}

.PuBu .q8-9 {
  fill: rgb(2, 56, 88);
}

.BuPu .q0-3 {
  fill: rgb(224, 236, 244);
}

.BuPu .q1-3 {
  fill: rgb(158, 188, 218);
}

.BuPu .q2-3 {
  fill: rgb(136, 86, 167);
}

.BuPu .q0-4 {
  fill: rgb(237, 248, 251);
}

.BuPu .q1-4 {
  fill: rgb(179, 205, 227);
}

.BuPu .q2-4 {
  fill: rgb(140, 150, 198);
}

.BuPu .q3-4 {
  fill: rgb(136, 65, 157);
}

.BuPu .q0-5 {
  fill: rgb(237, 248, 251);
}

.BuPu .q1-5 {
  fill: rgb(179, 205, 227);
}

.BuPu .q2-5 {
  fill: rgb(140, 150, 198);
}

.BuPu .q3-5 {
  fill: rgb(136, 86, 167);
}

.BuPu .q4-5 {
  fill: rgb(129, 15, 124);
}

.BuPu .q0-6 {
  fill: rgb(237, 248, 251);
}

.BuPu .q1-6 {
  fill: rgb(191, 211, 230);
}

.BuPu .q2-6 {
  fill: rgb(158, 188, 218);
}

.BuPu .q3-6 {
  fill: rgb(140, 150, 198);
}

.BuPu .q4-6 {
  fill: rgb(136, 86, 167);
}

.BuPu .q5-6 {
  fill: rgb(129, 15, 124);
}

.BuPu .q0-7 {
  fill: rgb(237, 248, 251);
}

.BuPu .q1-7 {
  fill: rgb(191, 211, 230);
}

.BuPu .q2-7 {
  fill: rgb(158, 188, 218);
}

.BuPu .q3-7 {
  fill: rgb(140, 150, 198);
}

.BuPu .q4-7 {
  fill: rgb(140, 107, 177);
}

.BuPu .q5-7 {
  fill: rgb(136, 65, 157);
}

.BuPu .q6-7 {
  fill: rgb(110, 1, 107);
}

.BuPu .q0-8 {
  fill: rgb(247, 252, 253);
}

.BuPu .q1-8 {
  fill: rgb(224, 236, 244);
}

.BuPu .q2-8 {
  fill: rgb(191, 211, 230);
}

.BuPu .q3-8 {
  fill: rgb(158, 188, 218);
}

.BuPu .q4-8 {
  fill: rgb(140, 150, 198);
}

.BuPu .q5-8 {
  fill: rgb(140, 107, 177);
}

.BuPu .q6-8 {
  fill: rgb(136, 65, 157);
}

.BuPu .q7-8 {
  fill: rgb(110, 1, 107);
}

.BuPu .q0-9 {
  fill: rgb(247, 252, 253);
}

.BuPu .q1-9 {
  fill: rgb(224, 236, 244);
}

.BuPu .q2-9 {
  fill: rgb(191, 211, 230);
}

.BuPu .q3-9 {
  fill: rgb(158, 188, 218);
}

.BuPu .q4-9 {
  fill: rgb(140, 150, 198);
}

.BuPu .q5-9 {
  fill: rgb(140, 107, 177);
}

.BuPu .q6-9 {
  fill: rgb(136, 65, 157);
}

.BuPu .q7-9 {
  fill: rgb(129, 15, 124);
}

.BuPu .q8-9 {
  fill: rgb(77, 0, 75);
}

.RdPu .q0-3 {
  fill: rgb(253, 224, 221);
}

.RdPu .q1-3 {
  fill: rgb(250, 159, 181);
}

.RdPu .q2-3 {
  fill: rgb(197, 27, 138);
}

.RdPu .q0-4 {
  fill: rgb(254, 235, 226);
}

.RdPu .q1-4 {
  fill: rgb(251, 180, 185);
}

.RdPu .q2-4 {
  fill: rgb(247, 104, 161);
}

.RdPu .q3-4 {
  fill: rgb(174, 1, 126);
}

.RdPu .q0-5 {
  fill: rgb(254, 235, 226);
}

.RdPu .q1-5 {
  fill: rgb(251, 180, 185);
}

.RdPu .q2-5 {
  fill: rgb(247, 104, 161);
}

.RdPu .q3-5 {
  fill: rgb(197, 27, 138);
}

.RdPu .q4-5 {
  fill: rgb(122, 1, 119);
}

.RdPu .q0-6 {
  fill: rgb(254, 235, 226);
}

.RdPu .q1-6 {
  fill: rgb(252, 197, 192);
}

.RdPu .q2-6 {
  fill: rgb(250, 159, 181);
}

.RdPu .q3-6 {
  fill: rgb(247, 104, 161);
}

.RdPu .q4-6 {
  fill: rgb(197, 27, 138);
}

.RdPu .q5-6 {
  fill: rgb(122, 1, 119);
}

.RdPu .q0-7 {
  fill: rgb(254, 235, 226);
}

.RdPu .q1-7 {
  fill: rgb(252, 197, 192);
}

.RdPu .q2-7 {
  fill: rgb(250, 159, 181);
}

.RdPu .q3-7 {
  fill: rgb(247, 104, 161);
}

.RdPu .q4-7 {
  fill: rgb(221, 52, 151);
}

.RdPu .q5-7 {
  fill: rgb(174, 1, 126);
}

.RdPu .q6-7 {
  fill: rgb(122, 1, 119);
}

.RdPu .q0-8 {
  fill: rgb(255, 247, 243);
}

.RdPu .q1-8 {
  fill: rgb(253, 224, 221);
}

.RdPu .q2-8 {
  fill: rgb(252, 197, 192);
}

.RdPu .q3-8 {
  fill: rgb(250, 159, 181);
}

.RdPu .q4-8 {
  fill: rgb(247, 104, 161);
}

.RdPu .q5-8 {
  fill: rgb(221, 52, 151);
}

.RdPu .q6-8 {
  fill: rgb(174, 1, 126);
}

.RdPu .q7-8 {
  fill: rgb(122, 1, 119);
}

.RdPu .q0-9 {
  fill: rgb(255, 247, 243);
}

.RdPu .q1-9 {
  fill: rgb(253, 224, 221);
}

.RdPu .q2-9 {
  fill: rgb(252, 197, 192);
}

.RdPu .q3-9 {
  fill: rgb(250, 159, 181);
}

.RdPu .q4-9 {
  fill: rgb(247, 104, 161);
}

.RdPu .q5-9 {
  fill: rgb(221, 52, 151);
}

.RdPu .q6-9 {
  fill: rgb(174, 1, 126);
}

.RdPu .q7-9 {
  fill: rgb(122, 1, 119);
}

.RdPu .q8-9 {
  fill: rgb(73, 0, 106);
}

.PuRd .q0-3 {
  fill: rgb(231, 225, 239);
}

.PuRd .q1-3 {
  fill: rgb(201, 148, 199);
}

.PuRd .q2-3 {
  fill: rgb(221, 28, 119);
}

.PuRd .q0-4 {
  fill: rgb(241, 238, 246);
}

.PuRd .q1-4 {
  fill: rgb(215, 181, 216);
}

.PuRd .q2-4 {
  fill: rgb(223, 101, 176);
}

.PuRd .q3-4 {
  fill: rgb(206, 18, 86);
}

.PuRd .q0-5 {
  fill: rgb(241, 238, 246);
}

.PuRd .q1-5 {
  fill: rgb(215, 181, 216);
}

.PuRd .q2-5 {
  fill: rgb(223, 101, 176);
}

.PuRd .q3-5 {
  fill: rgb(221, 28, 119);
}

.PuRd .q4-5 {
  fill: rgb(152, 0, 67);
}

.PuRd .q0-6 {
  fill: rgb(241, 238, 246);
}

.PuRd .q1-6 {
  fill: rgb(212, 185, 218);
}

.PuRd .q2-6 {
  fill: rgb(201, 148, 199);
}

.PuRd .q3-6 {
  fill: rgb(223, 101, 176);
}

.PuRd .q4-6 {
  fill: rgb(221, 28, 119);
}

.PuRd .q5-6 {
  fill: rgb(152, 0, 67);
}

.PuRd .q0-7 {
  fill: rgb(241, 238, 246);
}

.PuRd .q1-7 {
  fill: rgb(212, 185, 218);
}

.PuRd .q2-7 {
  fill: rgb(201, 148, 199);
}

.PuRd .q3-7 {
  fill: rgb(223, 101, 176);
}

.PuRd .q4-7 {
  fill: rgb(231, 41, 138);
}

.PuRd .q5-7 {
  fill: rgb(206, 18, 86);
}

.PuRd .q6-7 {
  fill: rgb(145, 0, 63);
}

.PuRd .q0-8 {
  fill: rgb(247, 244, 249);
}

.PuRd .q1-8 {
  fill: rgb(231, 225, 239);
}

.PuRd .q2-8 {
  fill: rgb(212, 185, 218);
}

.PuRd .q3-8 {
  fill: rgb(201, 148, 199);
}

.PuRd .q4-8 {
  fill: rgb(223, 101, 176);
}

.PuRd .q5-8 {
  fill: rgb(231, 41, 138);
}

.PuRd .q6-8 {
  fill: rgb(206, 18, 86);
}

.PuRd .q7-8 {
  fill: rgb(145, 0, 63);
}

.PuRd .q0-9 {
  fill: rgb(247, 244, 249);
}

.PuRd .q1-9 {
  fill: rgb(231, 225, 239);
}

.PuRd .q2-9 {
  fill: rgb(212, 185, 218);
}

.PuRd .q3-9 {
  fill: rgb(201, 148, 199);
}

.PuRd .q4-9 {
  fill: rgb(223, 101, 176);
}

.PuRd .q5-9 {
  fill: rgb(231, 41, 138);
}

.PuRd .q6-9 {
  fill: rgb(206, 18, 86);
}

.PuRd .q7-9 {
  fill: rgb(152, 0, 67);
}

.PuRd .q8-9 {
  fill: rgb(103, 0, 31);
}

.OrRd .q0-3 {
  fill: rgb(254, 232, 200);
}

.OrRd .q1-3 {
  fill: rgb(253, 187, 132);
}

.OrRd .q2-3 {
  fill: rgb(227, 74, 51);
}

.OrRd .q0-4 {
  fill: rgb(254, 240, 217);
}

.OrRd .q1-4 {
  fill: rgb(253, 204, 138);
}

.OrRd .q2-4 {
  fill: rgb(252, 141, 89);
}

.OrRd .q3-4 {
  fill: rgb(215, 48, 31);
}

.OrRd .q0-5 {
  fill: rgb(254, 240, 217);
}

.OrRd .q1-5 {
  fill: rgb(253, 204, 138);
}

.OrRd .q2-5 {
  fill: rgb(252, 141, 89);
}

.OrRd .q3-5 {
  fill: rgb(227, 74, 51);
}

.OrRd .q4-5 {
  fill: rgb(179, 0, 0);
}

.OrRd .q0-6 {
  fill: rgb(254, 240, 217);
}

.OrRd .q1-6 {
  fill: rgb(253, 212, 158);
}

.OrRd .q2-6 {
  fill: rgb(253, 187, 132);
}

.OrRd .q3-6 {
  fill: rgb(252, 141, 89);
}

.OrRd .q4-6 {
  fill: rgb(227, 74, 51);
}

.OrRd .q5-6 {
  fill: rgb(179, 0, 0);
}

.OrRd .q0-7 {
  fill: rgb(254, 240, 217);
}

.OrRd .q1-7 {
  fill: rgb(253, 212, 158);
}

.OrRd .q2-7 {
  fill: rgb(253, 187, 132);
}

.OrRd .q3-7 {
  fill: rgb(252, 141, 89);
}

.OrRd .q4-7 {
  fill: rgb(239, 101, 72);
}

.OrRd .q5-7 {
  fill: rgb(215, 48, 31);
}

.OrRd .q6-7 {
  fill: rgb(153, 0, 0);
}

.OrRd .q0-8 {
  fill: rgb(255, 247, 236);
}

.OrRd .q1-8 {
  fill: rgb(254, 232, 200);
}

.OrRd .q2-8 {
  fill: rgb(253, 212, 158);
}

.OrRd .q3-8 {
  fill: rgb(253, 187, 132);
}

.OrRd .q4-8 {
  fill: rgb(252, 141, 89);
}

.OrRd .q5-8 {
  fill: rgb(239, 101, 72);
}

.OrRd .q6-8 {
  fill: rgb(215, 48, 31);
}

.OrRd .q7-8 {
  fill: rgb(153, 0, 0);
}

.OrRd .q0-9 {
  fill: rgb(255, 247, 236);
}

.OrRd .q1-9 {
  fill: rgb(254, 232, 200);
}

.OrRd .q2-9 {
  fill: rgb(253, 212, 158);
}

.OrRd .q3-9 {
  fill: rgb(253, 187, 132);
}

.OrRd .q4-9 {
  fill: rgb(252, 141, 89);
}

.OrRd .q5-9 {
  fill: rgb(239, 101, 72);
}

.OrRd .q6-9 {
  fill: rgb(215, 48, 31);
}

.OrRd .q7-9 {
  fill: rgb(179, 0, 0);
}

.OrRd .q8-9 {
  fill: rgb(127, 0, 0);
}

.YlOrRd .q0-3 {
  fill: rgb(255, 237, 160);
}

.YlOrRd .q1-3 {
  fill: rgb(254, 178, 76);
}

.YlOrRd .q2-3 {
  fill: rgb(240, 59, 32);
}

.YlOrRd .q0-4 {
  fill: rgb(255, 255, 178);
}

.YlOrRd .q1-4 {
  fill: rgb(254, 204, 92);
}

.YlOrRd .q2-4 {
  fill: rgb(253, 141, 60);
}

.YlOrRd .q3-4 {
  fill: rgb(227, 26, 28);
}

.YlOrRd .q0-5 {
  fill: rgb(255, 255, 178);
}

.YlOrRd .q1-5 {
  fill: rgb(254, 204, 92);
}

.YlOrRd .q2-5 {
  fill: rgb(253, 141, 60);
}

.YlOrRd .q3-5 {
  fill: rgb(240, 59, 32);
}

.YlOrRd .q4-5 {
  fill: rgb(189, 0, 38);
}

.YlOrRd .q0-6 {
  fill: rgb(255, 255, 178);
}

.YlOrRd .q1-6 {
  fill: rgb(254, 217, 118);
}

.YlOrRd .q2-6 {
  fill: rgb(254, 178, 76);
}

.YlOrRd .q3-6 {
  fill: rgb(253, 141, 60);
}

.YlOrRd .q4-6 {
  fill: rgb(240, 59, 32);
}

.YlOrRd .q5-6 {
  fill: rgb(189, 0, 38);
}

.YlOrRd .q0-7 {
  fill: rgb(255, 255, 178);
}

.YlOrRd .q1-7 {
  fill: rgb(254, 217, 118);
}

.YlOrRd .q2-7 {
  fill: rgb(254, 178, 76);
}

.YlOrRd .q3-7 {
  fill: rgb(253, 141, 60);
}

.YlOrRd .q4-7 {
  fill: rgb(252, 78, 42);
}

.YlOrRd .q5-7 {
  fill: rgb(227, 26, 28);
}

.YlOrRd .q6-7 {
  fill: rgb(177, 0, 38);
}

.YlOrRd .q0-8 {
  fill: rgb(255, 255, 204);
}

.YlOrRd .q1-8 {
  fill: rgb(255, 237, 160);
}

.YlOrRd .q2-8 {
  fill: rgb(254, 217, 118);
}

.YlOrRd .q3-8 {
  fill: rgb(254, 178, 76);
}

.YlOrRd .q4-8 {
  fill: rgb(253, 141, 60);
}

.YlOrRd .q5-8 {
  fill: rgb(252, 78, 42);
}

.YlOrRd .q6-8 {
  fill: rgb(227, 26, 28);
}

.YlOrRd .q7-8 {
  fill: rgb(177, 0, 38);
}

.YlOrRd .q0-9 {
  fill: rgb(255, 255, 204);
}

.YlOrRd .q1-9 {
  fill: rgb(255, 237, 160);
}

.YlOrRd .q2-9 {
  fill: rgb(254, 217, 118);
}

.YlOrRd .q3-9 {
  fill: rgb(254, 178, 76);
}

.YlOrRd .q4-9 {
  fill: rgb(253, 141, 60);
}

.YlOrRd .q5-9 {
  fill: rgb(252, 78, 42);
}

.YlOrRd .q6-9 {
  fill: rgb(227, 26, 28);
}

.YlOrRd .q7-9 {
  fill: rgb(189, 0, 38);
}

.YlOrRd .q8-9 {
  fill: rgb(128, 0, 38);
}

.YlOrBr .q0-3 {
  fill: rgb(255, 247, 188);
}

.YlOrBr .q1-3 {
  fill: rgb(254, 196, 79);
}

.YlOrBr .q2-3 {
  fill: rgb(217, 95, 14);
}

.YlOrBr .q0-4 {
  fill: rgb(255, 255, 212);
}

.YlOrBr .q1-4 {
  fill: rgb(254, 217, 142);
}

.YlOrBr .q2-4 {
  fill: rgb(254, 153, 41);
}

.YlOrBr .q3-4 {
  fill: rgb(204, 76, 2);
}

.YlOrBr .q0-5 {
  fill: rgb(255, 255, 212);
}

.YlOrBr .q1-5 {
  fill: rgb(254, 217, 142);
}

.YlOrBr .q2-5 {
  fill: rgb(254, 153, 41);
}

.YlOrBr .q3-5 {
  fill: rgb(217, 95, 14);
}

.YlOrBr .q4-5 {
  fill: rgb(153, 52, 4);
}

.YlOrBr .q0-6 {
  fill: rgb(255, 255, 212);
}

.YlOrBr .q1-6 {
  fill: rgb(254, 227, 145);
}

.YlOrBr .q2-6 {
  fill: rgb(254, 196, 79);
}

.YlOrBr .q3-6 {
  fill: rgb(254, 153, 41);
}

.YlOrBr .q4-6 {
  fill: rgb(217, 95, 14);
}

.YlOrBr .q5-6 {
  fill: rgb(153, 52, 4);
}

.YlOrBr .q0-7 {
  fill: rgb(255, 255, 212);
}

.YlOrBr .q1-7 {
  fill: rgb(254, 227, 145);
}

.YlOrBr .q2-7 {
  fill: rgb(254, 196, 79);
}

.YlOrBr .q3-7 {
  fill: rgb(254, 153, 41);
}

.YlOrBr .q4-7 {
  fill: rgb(236, 112, 20);
}

.YlOrBr .q5-7 {
  fill: rgb(204, 76, 2);
}

.YlOrBr .q6-7 {
  fill: rgb(140, 45, 4);
}

.YlOrBr .q0-8 {
  fill: rgb(255, 255, 229);
}

.YlOrBr .q1-8 {
  fill: rgb(255, 247, 188);
}

.YlOrBr .q2-8 {
  fill: rgb(254, 227, 145);
}

.YlOrBr .q3-8 {
  fill: rgb(254, 196, 79);
}

.YlOrBr .q4-8 {
  fill: rgb(254, 153, 41);
}

.YlOrBr .q5-8 {
  fill: rgb(236, 112, 20);
}

.YlOrBr .q6-8 {
  fill: rgb(204, 76, 2);
}

.YlOrBr .q7-8 {
  fill: rgb(140, 45, 4);
}

.YlOrBr .q0-9 {
  fill: rgb(255, 255, 229);
}

.YlOrBr .q1-9 {
  fill: rgb(255, 247, 188);
}

.YlOrBr .q2-9 {
  fill: rgb(254, 227, 145);
}

.YlOrBr .q3-9 {
  fill: rgb(254, 196, 79);
}

.YlOrBr .q4-9 {
  fill: rgb(254, 153, 41);
}

.YlOrBr .q5-9 {
  fill: rgb(236, 112, 20);
}

.YlOrBr .q6-9 {
  fill: rgb(204, 76, 2);
}

.YlOrBr .q7-9 {
  fill: rgb(153, 52, 4);
}

.YlOrBr .q8-9 {
  fill: rgb(102, 37, 6);
}

.Purples .q0-3 {
  fill: rgb(239, 237, 245);
}

.Purples .q1-3 {
  fill: rgb(188, 189, 220);
}

.Purples .q2-3 {
  fill: rgb(117, 107, 177);
}

.Purples .q0-4 {
  fill: rgb(242, 240, 247);
}

.Purples .q1-4 {
  fill: rgb(203, 201, 226);
}

.Purples .q2-4 {
  fill: rgb(158, 154, 200);
}

.Purples .q3-4 {
  fill: rgb(106, 81, 163);
}

.Purples .q0-5 {
  fill: rgb(242, 240, 247);
}

.Purples .q1-5 {
  fill: rgb(203, 201, 226);
}

.Purples .q2-5 {
  fill: rgb(158, 154, 200);
}

.Purples .q3-5 {
  fill: rgb(117, 107, 177);
}

.Purples .q4-5 {
  fill: rgb(84, 39, 143);
}

.Purples .q0-6 {
  fill: rgb(242, 240, 247);
}

.Purples .q1-6 {
  fill: rgb(218, 218, 235);
}

.Purples .q2-6 {
  fill: rgb(188, 189, 220);
}

.Purples .q3-6 {
  fill: rgb(158, 154, 200);
}

.Purples .q4-6 {
  fill: rgb(117, 107, 177);
}

.Purples .q5-6 {
  fill: rgb(84, 39, 143);
}

.Purples .q0-7 {
  fill: rgb(242, 240, 247);
}

.Purples .q1-7 {
  fill: rgb(218, 218, 235);
}

.Purples .q2-7 {
  fill: rgb(188, 189, 220);
}

.Purples .q3-7 {
  fill: rgb(158, 154, 200);
}

.Purples .q4-7 {
  fill: rgb(128, 125, 186);
}

.Purples .q5-7 {
  fill: rgb(106, 81, 163);
}

.Purples .q6-7 {
  fill: rgb(74, 20, 134);
}

.Purples .q0-8 {
  fill: rgb(252, 251, 253);
}

.Purples .q1-8 {
  fill: rgb(239, 237, 245);
}

.Purples .q2-8 {
  fill: rgb(218, 218, 235);
}

.Purples .q3-8 {
  fill: rgb(188, 189, 220);
}

.Purples .q4-8 {
  fill: rgb(158, 154, 200);
}

.Purples .q5-8 {
  fill: rgb(128, 125, 186);
}

.Purples .q6-8 {
  fill: rgb(106, 81, 163);
}

.Purples .q7-8 {
  fill: rgb(74, 20, 134);
}

.Purples .q0-9 {
  fill: rgb(252, 251, 253);
}

.Purples .q1-9 {
  fill: rgb(239, 237, 245);
}

.Purples .q2-9 {
  fill: rgb(218, 218, 235);
}

.Purples .q3-9 {
  fill: rgb(188, 189, 220);
}

.Purples .q4-9 {
  fill: rgb(158, 154, 200);
}

.Purples .q5-9 {
  fill: rgb(128, 125, 186);
}

.Purples .q6-9 {
  fill: rgb(106, 81, 163);
}

.Purples .q7-9 {
  fill: rgb(84, 39, 143);
}

.Purples .q8-9 {
  fill: rgb(63, 0, 125);
}

.Blues .q0-3 {
  fill: rgb(222, 235, 247);
}

.Blues .q1-3 {
  fill: rgb(158, 202, 225);
}

.Blues .q2-3 {
  fill: rgb(49, 130, 189);
}

.Blues .q0-4 {
  fill: rgb(239, 243, 255);
}

.Blues .q1-4 {
  fill: rgb(189, 215, 231);
}

.Blues .q2-4 {
  fill: rgb(107, 174, 214);
}

.Blues .q3-4 {
  fill: rgb(33, 113, 181);
}

.Blues .q0-5 {
  fill: rgb(239, 243, 255);
}

.Blues .q1-5 {
  fill: rgb(189, 215, 231);
}

.Blues .q2-5 {
  fill: rgb(107, 174, 214);
}

.Blues .q3-5 {
  fill: rgb(49, 130, 189);
}

.Blues .q4-5 {
  fill: rgb(8, 81, 156);
}

.Blues .q0-6 {
  fill: rgb(239, 243, 255);
}

.Blues .q1-6 {
  fill: rgb(198, 219, 239);
}

.Blues .q2-6 {
  fill: rgb(158, 202, 225);
}

.Blues .q3-6 {
  fill: rgb(107, 174, 214);
}

.Blues .q4-6 {
  fill: rgb(49, 130, 189);
}

.Blues .q5-6 {
  fill: rgb(8, 81, 156);
}

.Blues .q0-7 {
  fill: rgb(239, 243, 255);
}

.Blues .q1-7 {
  fill: rgb(198, 219, 239);
}

.Blues .q2-7 {
  fill: rgb(158, 202, 225);
}

.Blues .q3-7 {
  fill: rgb(107, 174, 214);
}

.Blues .q4-7 {
  fill: rgb(66, 146, 198);
}

.Blues .q5-7 {
  fill: rgb(33, 113, 181);
}

.Blues .q6-7 {
  fill: rgb(8, 69, 148);
}

.Blues .q0-8 {
  fill: rgb(247, 251, 255);
}

.Blues .q1-8 {
  fill: rgb(222, 235, 247);
}

.Blues .q2-8 {
  fill: rgb(198, 219, 239);
}

.Blues .q3-8 {
  fill: rgb(158, 202, 225);
}

.Blues .q4-8 {
  fill: rgb(107, 174, 214);
}

.Blues .q5-8 {
  fill: rgb(66, 146, 198);
}

.Blues .q6-8 {
  fill: rgb(33, 113, 181);
}

.Blues .q7-8 {
  fill: rgb(8, 69, 148);
}

.Blues .q0-9 {
  fill: rgb(221, 219, 219);
}

.Blues .q1-9 {
  fill: rgb(222, 235, 247);
}

.Blues .q2-9 {
  fill: rgb(198, 219, 239);
}

.Blues .q3-9 {
  fill: rgb(158, 202, 225);
}

.Blues .q4-9 {
  fill: rgb(107, 174, 214);
}

.Blues .q5-9 {
  fill: rgb(66, 146, 198);
}

.Blues .q6-9 {
  fill: rgb(33, 113, 181);
}

.Blues .q7-9 {
  fill: rgb(8, 81, 156);
}

.Blues .q8-9 {
  fill: rgb(92, 180, 198);
}

.Greens .q0-3 {
  fill: rgb(229, 245, 224);
}

.Greens .q1-3 {
  fill: rgb(161, 217, 155);
}

.Greens .q2-3 {
  fill: rgb(49, 163, 84);
}

.Greens .q0-4 {
  fill: rgb(237, 248, 233);
}

.Greens .q1-4 {
  fill: rgb(186, 228, 179);
}

.Greens .q2-4 {
  fill: rgb(116, 196, 118);
}

.Greens .q3-4 {
  fill: rgb(35, 139, 69);
}

.Greens .q0-5 {
  fill: rgb(237, 248, 233);
}

.Greens .q1-5 {
  fill: rgb(186, 228, 179);
}

.Greens .q2-5 {
  fill: rgb(116, 196, 118);
}

.Greens .q3-5 {
  fill: rgb(49, 163, 84);
}

.Greens .q4-5 {
  fill: rgb(0, 109, 44);
}

.Greens .q0-6 {
  fill: rgb(237, 248, 233);
}

.Greens .q1-6 {
  fill: rgb(199, 233, 192);
}

.Greens .q2-6 {
  fill: rgb(161, 217, 155);
}

.Greens .q3-6 {
  fill: rgb(116, 196, 118);
}

.Greens .q4-6 {
  fill: rgb(49, 163, 84);
}

.Greens .q5-6 {
  fill: rgb(0, 109, 44);
}

.Greens .q0-7 {
  fill: rgb(237, 248, 233);
}

.Greens .q1-7 {
  fill: rgb(199, 233, 192);
}

.Greens .q2-7 {
  fill: rgb(161, 217, 155);
}

.Greens .q3-7 {
  fill: rgb(116, 196, 118);
}

.Greens .q4-7 {
  fill: rgb(65, 171, 93);
}

.Greens .q5-7 {
  fill: rgb(35, 139, 69);
}

.Greens .q6-7 {
  fill: rgb(0, 90, 50);
}

.Greens .q0-8 {
  fill: rgb(247, 252, 245);
}

.Greens .q1-8 {
  fill: rgb(229, 245, 224);
}

.Greens .q2-8 {
  fill: rgb(199, 233, 192);
}

.Greens .q3-8 {
  fill: rgb(161, 217, 155);
}

.Greens .q4-8 {
  fill: rgb(116, 196, 118);
}

.Greens .q5-8 {
  fill: rgb(65, 171, 93);
}

.Greens .q6-8 {
  fill: rgb(35, 139, 69);
}

.Greens .q7-8 {
  fill: rgb(0, 90, 50);
}

.Greens .q0-9 {
  fill: rgb(247, 252, 245);
}

.Greens .q1-9 {
  fill: rgb(229, 245, 224);
}

.Greens .q2-9 {
  fill: rgb(199, 233, 192);
}

.Greens .q3-9 {
  fill: rgb(161, 217, 155);
}

.Greens .q4-9 {
  fill: rgb(116, 196, 118);
}

.Greens .q5-9 {
  fill: rgb(65, 171, 93);
}

.Greens .q6-9 {
  fill: rgb(35, 139, 69);
}

.Greens .q7-9 {
  fill: rgb(0, 109, 44);
}

.Greens .q8-9 {
  fill: rgb(0, 68, 27);
}

.Oranges .q0-3 {
  fill: rgb(254, 230, 206);
}

.Oranges .q1-3 {
  fill: rgb(253, 174, 107);
}

.Oranges .q2-3 {
  fill: rgb(230, 85, 13);
}

.Oranges .q0-4 {
  fill: rgb(254, 237, 222);
}

.Oranges .q1-4 {
  fill: rgb(253, 190, 133);
}

.Oranges .q2-4 {
  fill: rgb(253, 141, 60);
}

.Oranges .q3-4 {
  fill: rgb(217, 71, 1);
}

.Oranges .q0-5 {
  fill: rgb(254, 237, 222);
}

.Oranges .q1-5 {
  fill: rgb(253, 190, 133);
}

.Oranges .q2-5 {
  fill: rgb(253, 141, 60);
}

.Oranges .q3-5 {
  fill: rgb(230, 85, 13);
}

.Oranges .q4-5 {
  fill: rgb(166, 54, 3);
}

.Oranges .q0-6 {
  fill: rgb(254, 237, 222);
}

.Oranges .q1-6 {
  fill: rgb(253, 208, 162);
}

.Oranges .q2-6 {
  fill: rgb(253, 174, 107);
}

.Oranges .q3-6 {
  fill: rgb(253, 141, 60);
}

.Oranges .q4-6 {
  fill: rgb(230, 85, 13);
}

.Oranges .q5-6 {
  fill: rgb(166, 54, 3);
}

.Oranges .q0-7 {
  fill: rgb(254, 237, 222);
}

.Oranges .q1-7 {
  fill: rgb(253, 208, 162);
}

.Oranges .q2-7 {
  fill: rgb(253, 174, 107);
}

.Oranges .q3-7 {
  fill: rgb(253, 141, 60);
}

.Oranges .q4-7 {
  fill: rgb(241, 105, 19);
}

.Oranges .q5-7 {
  fill: rgb(217, 72, 1);
}

.Oranges .q6-7 {
  fill: rgb(140, 45, 4);
}

.Oranges .q0-8 {
  fill: rgb(255, 245, 235);
}

.Oranges .q1-8 {
  fill: rgb(254, 230, 206);
}

.Oranges .q2-8 {
  fill: rgb(253, 208, 162);
}

.Oranges .q3-8 {
  fill: rgb(253, 174, 107);
}

.Oranges .q4-8 {
  fill: rgb(253, 141, 60);
}

.Oranges .q5-8 {
  fill: rgb(241, 105, 19);
}

.Oranges .q6-8 {
  fill: rgb(217, 72, 1);
}

.Oranges .q7-8 {
  fill: rgb(140, 45, 4);
}

.Oranges .q0-9 {
  fill: rgb(255, 245, 235);
}

.Oranges .q1-9 {
  fill: rgb(254, 230, 206);
}

.Oranges .q2-9 {
  fill: rgb(253, 208, 162);
}

.Oranges .q3-9 {
  fill: rgb(253, 174, 107);
}

.Oranges .q4-9 {
  fill: rgb(253, 141, 60);
}

.Oranges .q5-9 {
  fill: rgb(241, 105, 19);
}

.Oranges .q6-9 {
  fill: rgb(217, 72, 1);
}

.Oranges .q7-9 {
  fill: rgb(166, 54, 3);
}

.Oranges .q8-9 {
  fill: rgb(127, 39, 4);
}

.Reds .q0-3 {
  fill: rgb(254, 224, 210);
}

.Reds .q1-3 {
  fill: rgb(252, 146, 114);
}

.Reds .q2-3 {
  fill: rgb(222, 45, 38);
}

.Reds .q0-4 {
  fill: rgb(254, 229, 217);
}

.Reds .q1-4 {
  fill: rgb(252, 174, 145);
}

.Reds .q2-4 {
  fill: rgb(251, 106, 74);
}

.Reds .q3-4 {
  fill: rgb(203, 24, 29);
}

.Reds .q0-5 {
  fill: rgb(254, 229, 217);
}

.Reds .q1-5 {
  fill: rgb(252, 174, 145);
}

.Reds .q2-5 {
  fill: rgb(251, 106, 74);
}

.Reds .q3-5 {
  fill: rgb(222, 45, 38);
}

.Reds .q4-5 {
  fill: rgb(165, 15, 21);
}

.Reds .q0-6 {
  fill: rgb(254, 229, 217);
}

.Reds .q1-6 {
  fill: rgb(252, 187, 161);
}

.Reds .q2-6 {
  fill: rgb(252, 146, 114);
}

.Reds .q3-6 {
  fill: rgb(251, 106, 74);
}

.Reds .q4-6 {
  fill: rgb(222, 45, 38);
}

.Reds .q5-6 {
  fill: rgb(165, 15, 21);
}

.Reds .q0-7 {
  fill: rgb(254, 229, 217);
}

.Reds .q1-7 {
  fill: rgb(252, 187, 161);
}

.Reds .q2-7 {
  fill: rgb(252, 146, 114);
}

.Reds .q3-7 {
  fill: rgb(251, 106, 74);
}

.Reds .q4-7 {
  fill: rgb(239, 59, 44);
}

.Reds .q5-7 {
  fill: rgb(203, 24, 29);
}

.Reds .q6-7 {
  fill: rgb(153, 0, 13);
}

.Reds .q0-8 {
  fill: rgb(255, 245, 240);
}

.Reds .q1-8 {
  fill: rgb(254, 224, 210);
}

.Reds .q2-8 {
  fill: rgb(252, 187, 161);
}

.Reds .q3-8 {
  fill: rgb(252, 146, 114);
}

.Reds .q4-8 {
  fill: rgb(251, 106, 74);
}

.Reds .q5-8 {
  fill: rgb(239, 59, 44);
}

.Reds .q6-8 {
  fill: rgb(203, 24, 29);
}

.Reds .q7-8 {
  fill: rgb(153, 0, 13);
}

.Reds .q0-9 {
  fill: rgb(255, 245, 240);
}

.Reds .q1-9 {
  fill: rgb(254, 224, 210);
}

.Reds .q2-9 {
  fill: rgb(252, 187, 161);
}

.Reds .q3-9 {
  fill: rgb(252, 146, 114);
}

.Reds .q4-9 {
  fill: rgb(251, 106, 74);
}

.Reds .q5-9 {
  fill: rgb(239, 59, 44);
}

.Reds .q6-9 {
  fill: rgb(203, 24, 29);
}

.Reds .q7-9 {
  fill: rgb(165, 15, 21);
}

.Reds .q8-9 {
  fill: rgb(103, 0, 13);
}

.Greys .q0-3 {
  fill: rgb(240, 240, 240);
}

.Greys .q1-3 {
  fill: rgb(189, 189, 189);
}

.Greys .q2-3 {
  fill: rgb(99, 99, 99);
}

.Greys .q0-4 {
  fill: rgb(247, 247, 247);
}

.Greys .q1-4 {
  fill: rgb(204, 204, 204);
}

.Greys .q2-4 {
  fill: rgb(150, 150, 150);
}

.Greys .q3-4 {
  fill: rgb(82, 82, 82);
}

.Greys .q0-5 {
  fill: rgb(247, 247, 247);
}

.Greys .q1-5 {
  fill: rgb(204, 204, 204);
}

.Greys .q2-5 {
  fill: rgb(150, 150, 150);
}

.Greys .q3-5 {
  fill: rgb(99, 99, 99);
}

.Greys .q4-5 {
  fill: rgb(37, 37, 37);
}

.Greys .q0-6 {
  fill: rgb(247, 247, 247);
}

.Greys .q1-6 {
  fill: rgb(217, 217, 217);
}

.Greys .q2-6 {
  fill: rgb(189, 189, 189);
}

.Greys .q3-6 {
  fill: rgb(150, 150, 150);
}

.Greys .q4-6 {
  fill: rgb(99, 99, 99);
}

.Greys .q5-6 {
  fill: rgb(37, 37, 37);
}

.Greys .q0-7 {
  fill: rgb(247, 247, 247);
}

.Greys .q1-7 {
  fill: rgb(217, 217, 217);
}

.Greys .q2-7 {
  fill: rgb(189, 189, 189);
}

.Greys .q3-7 {
  fill: rgb(150, 150, 150);
}

.Greys .q4-7 {
  fill: rgb(115, 115, 115);
}

.Greys .q5-7 {
  fill: rgb(82, 82, 82);
}

.Greys .q6-7 {
  fill: rgb(37, 37, 37);
}

.Greys .q0-8 {
  fill: rgb(255, 255, 255);
}

.Greys .q1-8 {
  fill: rgb(240, 240, 240);
}

.Greys .q2-8 {
  fill: rgb(217, 217, 217);
}

.Greys .q3-8 {
  fill: rgb(189, 189, 189);
}

.Greys .q4-8 {
  fill: rgb(150, 150, 150);
}

.Greys .q5-8 {
  fill: rgb(115, 115, 115);
}

.Greys .q6-8 {
  fill: rgb(82, 82, 82);
}

.Greys .q7-8 {
  fill: rgb(37, 37, 37);
}

.Greys .q0-9 {
  fill: rgb(255, 255, 255);
}

.Greys .q1-9 {
  fill: rgb(240, 240, 240);
}

.Greys .q2-9 {
  fill: rgb(217, 217, 217);
}

.Greys .q3-9 {
  fill: rgb(189, 189, 189);
}

.Greys .q4-9 {
  fill: rgb(150, 150, 150);
}

.Greys .q5-9 {
  fill: rgb(115, 115, 115);
}

.Greys .q6-9 {
  fill: rgb(82, 82, 82);
}

.Greys .q7-9 {
  fill: rgb(37, 37, 37);
}

.Greys .q8-9 {
  fill: rgb(0, 0, 0);
}

.PuOr .q0-3 {
  fill: rgb(241, 163, 64);
}

.PuOr .q1-3 {
  fill: rgb(247, 247, 247);
}

.PuOr .q2-3 {
  fill: rgb(153, 142, 195);
}

.PuOr .q0-4 {
  fill: rgb(230, 97, 1);
}

.PuOr .q1-4 {
  fill: rgb(253, 184, 99);
}

.PuOr .q2-4 {
  fill: rgb(178, 171, 210);
}

.PuOr .q3-4 {
  fill: rgb(94, 60, 153);
}

.PuOr .q0-5 {
  fill: rgb(230, 97, 1);
}

.PuOr .q1-5 {
  fill: rgb(253, 184, 99);
}

.PuOr .q2-5 {
  fill: rgb(247, 247, 247);
}

.PuOr .q3-5 {
  fill: rgb(178, 171, 210);
}

.PuOr .q4-5 {
  fill: rgb(94, 60, 153);
}

.PuOr .q0-6 {
  fill: rgb(179, 88, 6);
}

.PuOr .q1-6 {
  fill: rgb(241, 163, 64);
}

.PuOr .q2-6 {
  fill: rgb(254, 224, 182);
}

.PuOr .q3-6 {
  fill: rgb(216, 218, 235);
}

.PuOr .q4-6 {
  fill: rgb(153, 142, 195);
}

.PuOr .q5-6 {
  fill: rgb(84, 39, 136);
}

.PuOr .q0-7 {
  fill: rgb(179, 88, 6);
}

.PuOr .q1-7 {
  fill: rgb(241, 163, 64);
}

.PuOr .q2-7 {
  fill: rgb(254, 224, 182);
}

.PuOr .q3-7 {
  fill: rgb(247, 247, 247);
}

.PuOr .q4-7 {
  fill: rgb(216, 218, 235);
}

.PuOr .q5-7 {
  fill: rgb(153, 142, 195);
}

.PuOr .q6-7 {
  fill: rgb(84, 39, 136);
}

.PuOr .q0-8 {
  fill: rgb(179, 88, 6);
}

.PuOr .q1-8 {
  fill: rgb(224, 130, 20);
}

.PuOr .q2-8 {
  fill: rgb(253, 184, 99);
}

.PuOr .q3-8 {
  fill: rgb(254, 224, 182);
}

.PuOr .q4-8 {
  fill: rgb(216, 218, 235);
}

.PuOr .q5-8 {
  fill: rgb(178, 171, 210);
}

.PuOr .q6-8 {
  fill: rgb(128, 115, 172);
}

.PuOr .q7-8 {
  fill: rgb(84, 39, 136);
}

.PuOr .q0-9 {
  fill: rgb(179, 88, 6);
}

.PuOr .q1-9 {
  fill: rgb(224, 130, 20);
}

.PuOr .q2-9 {
  fill: rgb(253, 184, 99);
}

.PuOr .q3-9 {
  fill: rgb(254, 224, 182);
}

.PuOr .q4-9 {
  fill: rgb(247, 247, 247);
}

.PuOr .q5-9 {
  fill: rgb(216, 218, 235);
}

.PuOr .q6-9 {
  fill: rgb(178, 171, 210);
}

.PuOr .q7-9 {
  fill: rgb(128, 115, 172);
}

.PuOr .q8-9 {
  fill: rgb(84, 39, 136);
}

.PuOr .q0-10 {
  fill: rgb(127, 59, 8);
}

.PuOr .q1-10 {
  fill: rgb(179, 88, 6);
}

.PuOr .q2-10 {
  fill: rgb(224, 130, 20);
}

.PuOr .q3-10 {
  fill: rgb(253, 184, 99);
}

.PuOr .q4-10 {
  fill: rgb(254, 224, 182);
}

.PuOr .q5-10 {
  fill: rgb(216, 218, 235);
}

.PuOr .q6-10 {
  fill: rgb(178, 171, 210);
}

.PuOr .q7-10 {
  fill: rgb(128, 115, 172);
}

.PuOr .q8-10 {
  fill: rgb(84, 39, 136);
}

.PuOr .q9-10 {
  fill: rgb(45, 0, 75);
}

.PuOr .q0-11 {
  fill: rgb(127, 59, 8);
}

.PuOr .q1-11 {
  fill: rgb(179, 88, 6);
}

.PuOr .q2-11 {
  fill: rgb(224, 130, 20);
}

.PuOr .q3-11 {
  fill: rgb(253, 184, 99);
}

.PuOr .q4-11 {
  fill: rgb(254, 224, 182);
}

.PuOr .q5-11 {
  fill: rgb(247, 247, 247);
}

.PuOr .q6-11 {
  fill: rgb(216, 218, 235);
}

.PuOr .q7-11 {
  fill: rgb(178, 171, 210);
}

.PuOr .q8-11 {
  fill: rgb(128, 115, 172);
}

.PuOr .q9-11 {
  fill: rgb(84, 39, 136);
}

.PuOr .q10-11 {
  fill: rgb(45, 0, 75);
}

.BrBG .q0-3 {
  fill: rgb(216, 179, 101);
}

.BrBG .q1-3 {
  fill: rgb(245, 245, 245);
}

.BrBG .q2-3 {
  fill: rgb(90, 180, 172);
}

.BrBG .q0-4 {
  fill: rgb(166, 97, 26);
}

.BrBG .q1-4 {
  fill: rgb(223, 194, 125);
}

.BrBG .q2-4 {
  fill: rgb(128, 205, 193);
}

.BrBG .q3-4 {
  fill: rgb(1, 133, 113);
}

.BrBG .q0-5 {
  fill: rgb(166, 97, 26);
}

.BrBG .q1-5 {
  fill: rgb(223, 194, 125);
}

.BrBG .q2-5 {
  fill: rgb(245, 245, 245);
}

.BrBG .q3-5 {
  fill: rgb(128, 205, 193);
}

.BrBG .q4-5 {
  fill: rgb(1, 133, 113);
}

.BrBG .q0-6 {
  fill: rgb(140, 81, 10);
}

.BrBG .q1-6 {
  fill: rgb(216, 179, 101);
}

.BrBG .q2-6 {
  fill: rgb(246, 232, 195);
}

.BrBG .q3-6 {
  fill: rgb(199, 234, 229);
}

.BrBG .q4-6 {
  fill: rgb(90, 180, 172);
}

.BrBG .q5-6 {
  fill: rgb(1, 102, 94);
}

.BrBG .q0-7 {
  fill: rgb(140, 81, 10);
}

.BrBG .q1-7 {
  fill: rgb(216, 179, 101);
}

.BrBG .q2-7 {
  fill: rgb(246, 232, 195);
}

.BrBG .q3-7 {
  fill: rgb(245, 245, 245);
}

.BrBG .q4-7 {
  fill: rgb(199, 234, 229);
}

.BrBG .q5-7 {
  fill: rgb(90, 180, 172);
}

.BrBG .q6-7 {
  fill: rgb(1, 102, 94);
}

.BrBG .q0-8 {
  fill: rgb(140, 81, 10);
}

.BrBG .q1-8 {
  fill: rgb(191, 129, 45);
}

.BrBG .q2-8 {
  fill: rgb(223, 194, 125);
}

.BrBG .q3-8 {
  fill: rgb(246, 232, 195);
}

.BrBG .q4-8 {
  fill: rgb(199, 234, 229);
}

.BrBG .q5-8 {
  fill: rgb(128, 205, 193);
}

.BrBG .q6-8 {
  fill: rgb(53, 151, 143);
}

.BrBG .q7-8 {
  fill: rgb(1, 102, 94);
}

.BrBG .q0-9 {
  fill: rgb(140, 81, 10);
}

.BrBG .q1-9 {
  fill: rgb(191, 129, 45);
}

.BrBG .q2-9 {
  fill: rgb(223, 194, 125);
}

.BrBG .q3-9 {
  fill: rgb(246, 232, 195);
}

.BrBG .q4-9 {
  fill: rgb(245, 245, 245);
}

.BrBG .q5-9 {
  fill: rgb(199, 234, 229);
}

.BrBG .q6-9 {
  fill: rgb(128, 205, 193);
}

.BrBG .q7-9 {
  fill: rgb(53, 151, 143);
}

.BrBG .q8-9 {
  fill: rgb(1, 102, 94);
}

.BrBG .q0-10 {
  fill: rgb(84, 48, 5);
}

.BrBG .q1-10 {
  fill: rgb(140, 81, 10);
}

.BrBG .q2-10 {
  fill: rgb(191, 129, 45);
}

.BrBG .q3-10 {
  fill: rgb(223, 194, 125);
}

.BrBG .q4-10 {
  fill: rgb(246, 232, 195);
}

.BrBG .q5-10 {
  fill: rgb(199, 234, 229);
}

.BrBG .q6-10 {
  fill: rgb(128, 205, 193);
}

.BrBG .q7-10 {
  fill: rgb(53, 151, 143);
}

.BrBG .q8-10 {
  fill: rgb(1, 102, 94);
}

.BrBG .q9-10 {
  fill: rgb(0, 60, 48);
}

.BrBG .q0-11 {
  fill: rgb(84, 48, 5);
}

.BrBG .q1-11 {
  fill: rgb(140, 81, 10);
}

.BrBG .q2-11 {
  fill: rgb(191, 129, 45);
}

.BrBG .q3-11 {
  fill: rgb(223, 194, 125);
}

.BrBG .q4-11 {
  fill: rgb(246, 232, 195);
}

.BrBG .q5-11 {
  fill: rgb(245, 245, 245);
}

.BrBG .q6-11 {
  fill: rgb(199, 234, 229);
}

.BrBG .q7-11 {
  fill: rgb(128, 205, 193);
}

.BrBG .q8-11 {
  fill: rgb(53, 151, 143);
}

.BrBG .q9-11 {
  fill: rgb(1, 102, 94);
}

.BrBG .q10-11 {
  fill: rgb(0, 60, 48);
}

.PRGn .q0-3 {
  fill: rgb(175, 141, 195);
}

.PRGn .q1-3 {
  fill: rgb(247, 247, 247);
}

.PRGn .q2-3 {
  fill: rgb(127, 191, 123);
}

.PRGn .q0-4 {
  fill: rgb(123, 50, 148);
}

.PRGn .q1-4 {
  fill: rgb(194, 165, 207);
}

.PRGn .q2-4 {
  fill: rgb(166, 219, 160);
}

.PRGn .q3-4 {
  fill: rgb(0, 136, 55);
}

.PRGn .q0-5 {
  fill: rgb(123, 50, 148);
}

.PRGn .q1-5 {
  fill: rgb(194, 165, 207);
}

.PRGn .q2-5 {
  fill: rgb(247, 247, 247);
}

.PRGn .q3-5 {
  fill: rgb(166, 219, 160);
}

.PRGn .q4-5 {
  fill: rgb(0, 136, 55);
}

.PRGn .q0-6 {
  fill: rgb(118, 42, 131);
}

.PRGn .q1-6 {
  fill: rgb(175, 141, 195);
}

.PRGn .q2-6 {
  fill: rgb(231, 212, 232);
}

.PRGn .q3-6 {
  fill: rgb(217, 240, 211);
}

.PRGn .q4-6 {
  fill: rgb(127, 191, 123);
}

.PRGn .q5-6 {
  fill: rgb(27, 120, 55);
}

.PRGn .q0-7 {
  fill: rgb(118, 42, 131);
}

.PRGn .q1-7 {
  fill: rgb(175, 141, 195);
}

.PRGn .q2-7 {
  fill: rgb(231, 212, 232);
}

.PRGn .q3-7 {
  fill: rgb(247, 247, 247);
}

.PRGn .q4-7 {
  fill: rgb(217, 240, 211);
}

.PRGn .q5-7 {
  fill: rgb(127, 191, 123);
}

.PRGn .q6-7 {
  fill: rgb(27, 120, 55);
}

.PRGn .q0-8 {
  fill: rgb(118, 42, 131);
}

.PRGn .q1-8 {
  fill: rgb(153, 112, 171);
}

.PRGn .q2-8 {
  fill: rgb(194, 165, 207);
}

.PRGn .q3-8 {
  fill: rgb(231, 212, 232);
}

.PRGn .q4-8 {
  fill: rgb(217, 240, 211);
}

.PRGn .q5-8 {
  fill: rgb(166, 219, 160);
}

.PRGn .q6-8 {
  fill: rgb(90, 174, 97);
}

.PRGn .q7-8 {
  fill: rgb(27, 120, 55);
}

.PRGn .q0-9 {
  fill: rgb(118, 42, 131);
}

.PRGn .q1-9 {
  fill: rgb(153, 112, 171);
}

.PRGn .q2-9 {
  fill: rgb(194, 165, 207);
}

.PRGn .q3-9 {
  fill: rgb(231, 212, 232);
}

.PRGn .q4-9 {
  fill: rgb(247, 247, 247);
}

.PRGn .q5-9 {
  fill: rgb(217, 240, 211);
}

.PRGn .q6-9 {
  fill: rgb(166, 219, 160);
}

.PRGn .q7-9 {
  fill: rgb(90, 174, 97);
}

.PRGn .q8-9 {
  fill: rgb(27, 120, 55);
}

.PRGn .q0-10 {
  fill: rgb(64, 0, 75);
}

.PRGn .q1-10 {
  fill: rgb(118, 42, 131);
}

.PRGn .q2-10 {
  fill: rgb(153, 112, 171);
}

.PRGn .q3-10 {
  fill: rgb(194, 165, 207);
}

.PRGn .q4-10 {
  fill: rgb(231, 212, 232);
}

.PRGn .q5-10 {
  fill: rgb(217, 240, 211);
}

.PRGn .q6-10 {
  fill: rgb(166, 219, 160);
}

.PRGn .q7-10 {
  fill: rgb(90, 174, 97);
}

.PRGn .q8-10 {
  fill: rgb(27, 120, 55);
}

.PRGn .q9-10 {
  fill: rgb(0, 68, 27);
}

.PRGn .q0-11 {
  fill: rgb(64, 0, 75);
}

.PRGn .q1-11 {
  fill: rgb(118, 42, 131);
}

.PRGn .q2-11 {
  fill: rgb(153, 112, 171);
}

.PRGn .q3-11 {
  fill: rgb(194, 165, 207);
}

.PRGn .q4-11 {
  fill: rgb(231, 212, 232);
}

.PRGn .q5-11 {
  fill: rgb(247, 247, 247);
}

.PRGn .q6-11 {
  fill: rgb(217, 240, 211);
}

.PRGn .q7-11 {
  fill: rgb(166, 219, 160);
}

.PRGn .q8-11 {
  fill: rgb(90, 174, 97);
}

.PRGn .q9-11 {
  fill: rgb(27, 120, 55);
}

.PRGn .q10-11 {
  fill: rgb(0, 68, 27);
}

.PiYG .q0-3 {
  fill: rgb(233, 163, 201);
}

.PiYG .q1-3 {
  fill: rgb(247, 247, 247);
}

.PiYG .q2-3 {
  fill: rgb(161, 215, 106);
}

.PiYG .q0-4 {
  fill: rgb(208, 28, 139);
}

.PiYG .q1-4 {
  fill: rgb(241, 182, 218);
}

.PiYG .q2-4 {
  fill: rgb(184, 225, 134);
}

.PiYG .q3-4 {
  fill: rgb(77, 172, 38);
}

.PiYG .q0-5 {
  fill: rgb(208, 28, 139);
}

.PiYG .q1-5 {
  fill: rgb(241, 182, 218);
}

.PiYG .q2-5 {
  fill: rgb(247, 247, 247);
}

.PiYG .q3-5 {
  fill: rgb(184, 225, 134);
}

.PiYG .q4-5 {
  fill: rgb(77, 172, 38);
}

.PiYG .q0-6 {
  fill: rgb(197, 27, 125);
}

.PiYG .q1-6 {
  fill: rgb(233, 163, 201);
}

.PiYG .q2-6 {
  fill: rgb(253, 224, 239);
}

.PiYG .q3-6 {
  fill: rgb(230, 245, 208);
}

.PiYG .q4-6 {
  fill: rgb(161, 215, 106);
}

.PiYG .q5-6 {
  fill: rgb(77, 146, 33);
}

.PiYG .q0-7 {
  fill: rgb(197, 27, 125);
}

.PiYG .q1-7 {
  fill: rgb(233, 163, 201);
}

.PiYG .q2-7 {
  fill: rgb(253, 224, 239);
}

.PiYG .q3-7 {
  fill: rgb(247, 247, 247);
}

.PiYG .q4-7 {
  fill: rgb(230, 245, 208);
}

.PiYG .q5-7 {
  fill: rgb(161, 215, 106);
}

.PiYG .q6-7 {
  fill: rgb(77, 146, 33);
}

.PiYG .q0-8 {
  fill: rgb(197, 27, 125);
}

.PiYG .q1-8 {
  fill: rgb(222, 119, 174);
}

.PiYG .q2-8 {
  fill: rgb(241, 182, 218);
}

.PiYG .q3-8 {
  fill: rgb(253, 224, 239);
}

.PiYG .q4-8 {
  fill: rgb(230, 245, 208);
}

.PiYG .q5-8 {
  fill: rgb(184, 225, 134);
}

.PiYG .q6-8 {
  fill: rgb(127, 188, 65);
}

.PiYG .q7-8 {
  fill: rgb(77, 146, 33);
}

.PiYG .q0-9 {
  fill: rgb(197, 27, 125);
}

.PiYG .q1-9 {
  fill: rgb(222, 119, 174);
}

.PiYG .q2-9 {
  fill: rgb(241, 182, 218);
}

.PiYG .q3-9 {
  fill: rgb(253, 224, 239);
}

.PiYG .q4-9 {
  fill: rgb(247, 247, 247);
}

.PiYG .q5-9 {
  fill: rgb(230, 245, 208);
}

.PiYG .q6-9 {
  fill: rgb(184, 225, 134);
}

.PiYG .q7-9 {
  fill: rgb(127, 188, 65);
}

.PiYG .q8-9 {
  fill: rgb(77, 146, 33);
}

.PiYG .q0-10 {
  fill: rgb(142, 1, 82);
}

.PiYG .q1-10 {
  fill: rgb(197, 27, 125);
}

.PiYG .q2-10 {
  fill: rgb(222, 119, 174);
}

.PiYG .q3-10 {
  fill: rgb(241, 182, 218);
}

.PiYG .q4-10 {
  fill: rgb(253, 224, 239);
}

.PiYG .q5-10 {
  fill: rgb(230, 245, 208);
}

.PiYG .q6-10 {
  fill: rgb(184, 225, 134);
}

.PiYG .q7-10 {
  fill: rgb(127, 188, 65);
}

.PiYG .q8-10 {
  fill: rgb(77, 146, 33);
}

.PiYG .q9-10 {
  fill: rgb(39, 100, 25);
}

.PiYG .q0-11 {
  fill: rgb(142, 1, 82);
}

.PiYG .q1-11 {
  fill: rgb(197, 27, 125);
}

.PiYG .q2-11 {
  fill: rgb(222, 119, 174);
}

.PiYG .q3-11 {
  fill: rgb(241, 182, 218);
}

.PiYG .q4-11 {
  fill: rgb(253, 224, 239);
}

.PiYG .q5-11 {
  fill: rgb(247, 247, 247);
}

.PiYG .q6-11 {
  fill: rgb(230, 245, 208);
}

.PiYG .q7-11 {
  fill: rgb(184, 225, 134);
}

.PiYG .q8-11 {
  fill: rgb(127, 188, 65);
}

.PiYG .q9-11 {
  fill: rgb(77, 146, 33);
}

.PiYG .q10-11 {
  fill: rgb(39, 100, 25);
}

.RdBu .q0-3 {
  fill: rgb(239, 138, 98);
}

.RdBu .q1-3 {
  fill: rgb(247, 247, 247);
}

.RdBu .q2-3 {
  fill: rgb(103, 169, 207);
}

.RdBu .q0-4 {
  fill: rgb(202, 0, 32);
}

.RdBu .q1-4 {
  fill: rgb(244, 165, 130);
}

.RdBu .q2-4 {
  fill: rgb(146, 197, 222);
}

.RdBu .q3-4 {
  fill: rgb(5, 113, 176);
}

.RdBu .q0-5 {
  fill: rgb(202, 0, 32);
}

.RdBu .q1-5 {
  fill: rgb(244, 165, 130);
}

.RdBu .q2-5 {
  fill: rgb(247, 247, 247);
}

.RdBu .q3-5 {
  fill: rgb(146, 197, 222);
}

.RdBu .q4-5 {
  fill: rgb(5, 113, 176);
}

.RdBu .q0-6 {
  fill: rgb(178, 24, 43);
}

.RdBu .q1-6 {
  fill: rgb(239, 138, 98);
}

.RdBu .q2-6 {
  fill: rgb(253, 219, 199);
}

.RdBu .q3-6 {
  fill: rgb(209, 229, 240);
}

.RdBu .q4-6 {
  fill: rgb(103, 169, 207);
}

.RdBu .q5-6 {
  fill: rgb(33, 102, 172);
}

.RdBu .q0-7 {
  fill: rgb(178, 24, 43);
}

.RdBu .q1-7 {
  fill: rgb(239, 138, 98);
}

.RdBu .q2-7 {
  fill: rgb(253, 219, 199);
}

.RdBu .q3-7 {
  fill: rgb(247, 247, 247);
}

.RdBu .q4-7 {
  fill: rgb(209, 229, 240);
}

.RdBu .q5-7 {
  fill: rgb(103, 169, 207);
}

.RdBu .q6-7 {
  fill: rgb(33, 102, 172);
}

.RdBu .q0-8 {
  fill: rgb(178, 24, 43);
}

.RdBu .q1-8 {
  fill: rgb(214, 96, 77);
}

.RdBu .q2-8 {
  fill: rgb(244, 165, 130);
}

.RdBu .q3-8 {
  fill: rgb(253, 219, 199);
}

.RdBu .q4-8 {
  fill: rgb(209, 229, 240);
}

.RdBu .q5-8 {
  fill: rgb(146, 197, 222);
}

.RdBu .q6-8 {
  fill: rgb(67, 147, 195);
}

.RdBu .q7-8 {
  fill: rgb(33, 102, 172);
}

.RdBu .q0-9 {
  fill: rgb(178, 24, 43);
}

.RdBu .q1-9 {
  fill: rgb(214, 96, 77);
}

.RdBu .q2-9 {
  fill: rgb(244, 165, 130);
}

.RdBu .q3-9 {
  fill: rgb(253, 219, 199);
}

.RdBu .q4-9 {
  fill: rgb(247, 247, 247);
}

.RdBu .q5-9 {
  fill: rgb(209, 229, 240);
}

.RdBu .q6-9 {
  fill: rgb(146, 197, 222);
}

.RdBu .q7-9 {
  fill: rgb(67, 147, 195);
}

.RdBu .q8-9 {
  fill: rgb(33, 102, 172);
}

.RdBu .q0-10 {
  fill: rgb(103, 0, 31);
}

.RdBu .q1-10 {
  fill: rgb(178, 24, 43);
}

.RdBu .q2-10 {
  fill: rgb(214, 96, 77);
}

.RdBu .q3-10 {
  fill: rgb(244, 165, 130);
}

.RdBu .q4-10 {
  fill: rgb(253, 219, 199);
}

.RdBu .q5-10 {
  fill: rgb(209, 229, 240);
}

.RdBu .q6-10 {
  fill: rgb(146, 197, 222);
}

.RdBu .q7-10 {
  fill: rgb(67, 147, 195);
}

.RdBu .q8-10 {
  fill: rgb(33, 102, 172);
}

.RdBu .q9-10 {
  fill: rgb(5, 48, 97);
}

.RdBu .q0-11 {
  fill: rgb(103, 0, 31);
}

.RdBu .q1-11 {
  fill: rgb(178, 24, 43);
}

.RdBu .q2-11 {
  fill: rgb(214, 96, 77);
}

.RdBu .q3-11 {
  fill: rgb(244, 165, 130);
}

.RdBu .q4-11 {
  fill: rgb(253, 219, 199);
}

.RdBu .q5-11 {
  fill: rgb(247, 247, 247);
}

.RdBu .q6-11 {
  fill: rgb(209, 229, 240);
}

.RdBu .q7-11 {
  fill: rgb(146, 197, 222);
}

.RdBu .q8-11 {
  fill: rgb(67, 147, 195);
}

.RdBu .q9-11 {
  fill: rgb(33, 102, 172);
}

.RdBu .q10-11 {
  fill: rgb(5, 48, 97);
}

.RdGy .q0-3 {
  fill: rgb(239, 138, 98);
}

.RdGy .q1-3 {
  fill: rgb(255, 255, 255);
}

.RdGy .q2-3 {
  fill: rgb(153, 153, 153);
}

.RdGy .q0-4 {
  fill: rgb(202, 0, 32);
}

.RdGy .q1-4 {
  fill: rgb(244, 165, 130);
}

.RdGy .q2-4 {
  fill: rgb(186, 186, 186);
}

.RdGy .q3-4 {
  fill: rgb(64, 64, 64);
}

.RdGy .q0-5 {
  fill: rgb(202, 0, 32);
}

.RdGy .q1-5 {
  fill: rgb(244, 165, 130);
}

.RdGy .q2-5 {
  fill: rgb(255, 255, 255);
}

.RdGy .q3-5 {
  fill: rgb(186, 186, 186);
}

.RdGy .q4-5 {
  fill: rgb(64, 64, 64);
}

.RdGy .q0-6 {
  fill: rgb(178, 24, 43);
}

.RdGy .q1-6 {
  fill: rgb(239, 138, 98);
}

.RdGy .q2-6 {
  fill: rgb(253, 219, 199);
}

.RdGy .q3-6 {
  fill: rgb(224, 224, 224);
}

.RdGy .q4-6 {
  fill: rgb(153, 153, 153);
}

.RdGy .q5-6 {
  fill: rgb(77, 77, 77);
}

.RdGy .q0-7 {
  fill: rgb(178, 24, 43);
}

.RdGy .q1-7 {
  fill: rgb(239, 138, 98);
}

.RdGy .q2-7 {
  fill: rgb(253, 219, 199);
}

.RdGy .q3-7 {
  fill: rgb(255, 255, 255);
}

.RdGy .q4-7 {
  fill: rgb(224, 224, 224);
}

.RdGy .q5-7 {
  fill: rgb(153, 153, 153);
}

.RdGy .q6-7 {
  fill: rgb(77, 77, 77);
}

.RdGy .q0-8 {
  fill: rgb(178, 24, 43);
}

.RdGy .q1-8 {
  fill: rgb(214, 96, 77);
}

.RdGy .q2-8 {
  fill: rgb(244, 165, 130);
}

.RdGy .q3-8 {
  fill: rgb(253, 219, 199);
}

.RdGy .q4-8 {
  fill: rgb(224, 224, 224);
}

.RdGy .q5-8 {
  fill: rgb(186, 186, 186);
}

.RdGy .q6-8 {
  fill: rgb(135, 135, 135);
}

.RdGy .q7-8 {
  fill: rgb(77, 77, 77);
}

.RdGy .q0-9 {
  fill: rgb(178, 24, 43);
}

.RdGy .q1-9 {
  fill: rgb(214, 96, 77);
}

.RdGy .q2-9 {
  fill: rgb(244, 165, 130);
}

.RdGy .q3-9 {
  fill: rgb(253, 219, 199);
}

.RdGy .q4-9 {
  fill: rgb(255, 255, 255);
}

.RdGy .q5-9 {
  fill: rgb(224, 224, 224);
}

.RdGy .q6-9 {
  fill: rgb(186, 186, 186);
}

.RdGy .q7-9 {
  fill: rgb(135, 135, 135);
}

.RdGy .q8-9 {
  fill: rgb(77, 77, 77);
}

.RdGy .q0-10 {
  fill: rgb(103, 0, 31);
}

.RdGy .q1-10 {
  fill: rgb(178, 24, 43);
}

.RdGy .q2-10 {
  fill: rgb(214, 96, 77);
}

.RdGy .q3-10 {
  fill: rgb(244, 165, 130);
}

.RdGy .q4-10 {
  fill: rgb(253, 219, 199);
}

.RdGy .q5-10 {
  fill: rgb(224, 224, 224);
}

.RdGy .q6-10 {
  fill: rgb(186, 186, 186);
}

.RdGy .q7-10 {
  fill: rgb(135, 135, 135);
}

.RdGy .q8-10 {
  fill: rgb(77, 77, 77);
}

.RdGy .q9-10 {
  fill: rgb(26, 26, 26);
}

.RdGy .q0-11 {
  fill: rgb(103, 0, 31);
}

.RdGy .q1-11 {
  fill: rgb(178, 24, 43);
}

.RdGy .q2-11 {
  fill: rgb(214, 96, 77);
}

.RdGy .q3-11 {
  fill: rgb(244, 165, 130);
}

.RdGy .q4-11 {
  fill: rgb(253, 219, 199);
}

.RdGy .q5-11 {
  fill: rgb(255, 255, 255);
}

.RdGy .q6-11 {
  fill: rgb(224, 224, 224);
}

.RdGy .q7-11 {
  fill: rgb(186, 186, 186);
}

.RdGy .q8-11 {
  fill: rgb(135, 135, 135);
}

.RdGy .q9-11 {
  fill: rgb(77, 77, 77);
}

.RdGy .q10-11 {
  fill: rgb(26, 26, 26);
}

.RdYlBu .q0-3 {
  fill: rgb(252, 141, 89);
}

.RdYlBu .q1-3 {
  fill: rgb(255, 255, 191);
}

.RdYlBu .q2-3 {
  fill: rgb(145, 191, 219);
}

.RdYlBu .q0-4 {
  fill: rgb(215, 25, 28);
}

.RdYlBu .q1-4 {
  fill: rgb(253, 174, 97);
}

.RdYlBu .q2-4 {
  fill: rgb(171, 217, 233);
}

.RdYlBu .q3-4 {
  fill: rgb(44, 123, 182);
}

.RdYlBu .q0-5 {
  fill: rgb(215, 25, 28);
}

.RdYlBu .q1-5 {
  fill: rgb(253, 174, 97);
}

.RdYlBu .q2-5 {
  fill: rgb(255, 255, 191);
}

.RdYlBu .q3-5 {
  fill: rgb(171, 217, 233);
}

.RdYlBu .q4-5 {
  fill: rgb(44, 123, 182);
}

.RdYlBu .q0-6 {
  fill: rgb(215, 48, 39);
}

.RdYlBu .q1-6 {
  fill: rgb(252, 141, 89);
}

.RdYlBu .q2-6 {
  fill: rgb(254, 224, 144);
}

.RdYlBu .q3-6 {
  fill: rgb(224, 243, 248);
}

.RdYlBu .q4-6 {
  fill: rgb(145, 191, 219);
}

.RdYlBu .q5-6 {
  fill: rgb(69, 117, 180);
}

.RdYlBu .q0-7 {
  fill: rgb(215, 48, 39);
}

.RdYlBu .q1-7 {
  fill: rgb(252, 141, 89);
}

.RdYlBu .q2-7 {
  fill: rgb(254, 224, 144);
}

.RdYlBu .q3-7 {
  fill: rgb(255, 255, 191);
}

.RdYlBu .q4-7 {
  fill: rgb(224, 243, 248);
}

.RdYlBu .q5-7 {
  fill: rgb(145, 191, 219);
}

.RdYlBu .q6-7 {
  fill: rgb(69, 117, 180);
}

.RdYlBu .q0-8 {
  fill: rgb(215, 48, 39);
}

.RdYlBu .q1-8 {
  fill: rgb(244, 109, 67);
}

.RdYlBu .q2-8 {
  fill: rgb(253, 174, 97);
}

.RdYlBu .q3-8 {
  fill: rgb(254, 224, 144);
}

.RdYlBu .q4-8 {
  fill: rgb(224, 243, 248);
}

.RdYlBu .q5-8 {
  fill: rgb(171, 217, 233);
}

.RdYlBu .q6-8 {
  fill: rgb(116, 173, 209);
}

.RdYlBu .q7-8 {
  fill: rgb(69, 117, 180);
}

.RdYlBu .q0-9 {
  fill: rgb(215, 48, 39);
}

.RdYlBu .q1-9 {
  fill: rgb(244, 109, 67);
}

.RdYlBu .q2-9 {
  fill: rgb(253, 174, 97);
}

.RdYlBu .q3-9 {
  fill: rgb(254, 224, 144);
}

.RdYlBu .q4-9 {
  fill: rgb(255, 255, 191);
}

.RdYlBu .q5-9 {
  fill: rgb(224, 243, 248);
}

.RdYlBu .q6-9 {
  fill: rgb(171, 217, 233);
}

.RdYlBu .q7-9 {
  fill: rgb(116, 173, 209);
}

.RdYlBu .q8-9 {
  fill: rgb(69, 117, 180);
}

.RdYlBu .q0-10 {
  fill: rgb(165, 0, 38);
}

.RdYlBu .q1-10 {
  fill: rgb(215, 48, 39);
}

.RdYlBu .q2-10 {
  fill: rgb(244, 109, 67);
}

.RdYlBu .q3-10 {
  fill: rgb(253, 174, 97);
}

.RdYlBu .q4-10 {
  fill: rgb(254, 224, 144);
}

.RdYlBu .q5-10 {
  fill: rgb(224, 243, 248);
}

.RdYlBu .q6-10 {
  fill: rgb(171, 217, 233);
}

.RdYlBu .q7-10 {
  fill: rgb(116, 173, 209);
}

.RdYlBu .q8-10 {
  fill: rgb(69, 117, 180);
}

.RdYlBu .q9-10 {
  fill: rgb(49, 54, 149);
}

.RdYlBu .q0-11 {
  fill: rgb(165, 0, 38);
}

.RdYlBu .q1-11 {
  fill: rgb(215, 48, 39);
}

.RdYlBu .q2-11 {
  fill: rgb(244, 109, 67);
}

.RdYlBu .q3-11 {
  fill: rgb(253, 174, 97);
}

.RdYlBu .q4-11 {
  fill: rgb(254, 224, 144);
}

.RdYlBu .q5-11 {
  fill: rgb(255, 255, 191);
}

.RdYlBu .q6-11 {
  fill: rgb(224, 243, 248);
}

.RdYlBu .q7-11 {
  fill: rgb(171, 217, 233);
}

.RdYlBu .q8-11 {
  fill: rgb(116, 173, 209);
}

.RdYlBu .q9-11 {
  fill: rgb(69, 117, 180);
}

.RdYlBu .q10-11 {
  fill: rgb(49, 54, 149);
}

.Spectral .q0-3 {
  fill: rgb(252, 141, 89);
}

.Spectral .q1-3 {
  fill: rgb(255, 255, 191);
}

.Spectral .q2-3 {
  fill: rgb(153, 213, 148);
}

.Spectral .q0-4 {
  fill: rgb(215, 25, 28);
}

.Spectral .q1-4 {
  fill: rgb(253, 174, 97);
}

.Spectral .q2-4 {
  fill: rgb(171, 221, 164);
}

.Spectral .q3-4 {
  fill: rgb(43, 131, 186);
}

.Spectral .q0-5 {
  fill: rgb(215, 25, 28);
}

.Spectral .q1-5 {
  fill: rgb(253, 174, 97);
}

.Spectral .q2-5 {
  fill: rgb(255, 255, 191);
}

.Spectral .q3-5 {
  fill: rgb(171, 221, 164);
}

.Spectral .q4-5 {
  fill: rgb(43, 131, 186);
}

.Spectral .q0-6 {
  fill: rgb(213, 62, 79);
}

.Spectral .q1-6 {
  fill: rgb(252, 141, 89);
}

.Spectral .q2-6 {
  fill: rgb(254, 224, 139);
}

.Spectral .q3-6 {
  fill: rgb(230, 245, 152);
}

.Spectral .q4-6 {
  fill: rgb(153, 213, 148);
}

.Spectral .q5-6 {
  fill: rgb(50, 136, 189);
}

.Spectral .q0-7 {
  fill: rgb(213, 62, 79);
}

.Spectral .q1-7 {
  fill: rgb(252, 141, 89);
}

.Spectral .q2-7 {
  fill: rgb(254, 224, 139);
}

.Spectral .q3-7 {
  fill: rgb(255, 255, 191);
}

.Spectral .q4-7 {
  fill: rgb(230, 245, 152);
}

.Spectral .q5-7 {
  fill: rgb(153, 213, 148);
}

.Spectral .q6-7 {
  fill: rgb(50, 136, 189);
}

.Spectral .q0-8 {
  fill: rgb(213, 62, 79);
}

.Spectral .q1-8 {
  fill: rgb(244, 109, 67);
}

.Spectral .q2-8 {
  fill: rgb(253, 174, 97);
}

.Spectral .q3-8 {
  fill: rgb(254, 224, 139);
}

.Spectral .q4-8 {
  fill: rgb(230, 245, 152);
}

.Spectral .q5-8 {
  fill: rgb(171, 221, 164);
}

.Spectral .q6-8 {
  fill: rgb(102, 194, 165);
}

.Spectral .q7-8 {
  fill: rgb(50, 136, 189);
}

.Spectral .q0-9 {
  fill: rgb(213, 62, 79);
}

.Spectral .q1-9 {
  fill: rgb(244, 109, 67);
}

.Spectral .q2-9 {
  fill: rgb(253, 174, 97);
}

.Spectral .q3-9 {
  fill: rgb(254, 224, 139);
}

.Spectral .q4-9 {
  fill: rgb(255, 255, 191);
}

.Spectral .q5-9 {
  fill: rgb(230, 245, 152);
}

.Spectral .q6-9 {
  fill: rgb(171, 221, 164);
}

.Spectral .q7-9 {
  fill: rgb(102, 194, 165);
}

.Spectral .q8-9 {
  fill: rgb(50, 136, 189);
}

.Spectral .q0-10 {
  fill: rgb(158, 1, 66);
}

.Spectral .q1-10 {
  fill: rgb(213, 62, 79);
}

.Spectral .q2-10 {
  fill: rgb(244, 109, 67);
}

.Spectral .q3-10 {
  fill: rgb(253, 174, 97);
}

.Spectral .q4-10 {
  fill: rgb(254, 224, 139);
}

.Spectral .q5-10 {
  fill: rgb(230, 245, 152);
}

.Spectral .q6-10 {
  fill: rgb(171, 221, 164);
}

.Spectral .q7-10 {
  fill: rgb(102, 194, 165);
}

.Spectral .q8-10 {
  fill: rgb(50, 136, 189);
}

.Spectral .q9-10 {
  fill: rgb(94, 79, 162);
}

.Spectral .q0-11 {
  fill: rgb(158, 1, 66);
}

.Spectral .q1-11 {
  fill: rgb(213, 62, 79);
}

.Spectral .q2-11 {
  fill: rgb(244, 109, 67);
}

.Spectral .q3-11 {
  fill: rgb(253, 174, 97);
}

.Spectral .q4-11 {
  fill: rgb(254, 224, 139);
}

.Spectral .q5-11 {
  fill: rgb(255, 255, 191);
}

.Spectral .q6-11 {
  fill: rgb(230, 245, 152);
}

.Spectral .q7-11 {
  fill: rgb(171, 221, 164);
}

.Spectral .q8-11 {
  fill: rgb(102, 194, 165);
}

.Spectral .q9-11 {
  fill: rgb(50, 136, 189);
}

.Spectral .q10-11 {
  fill: rgb(94, 79, 162);
}

.RdYlGn .q0-3 {
  fill: rgb(252, 141, 89);
}

.RdYlGn .q1-3 {
  fill: rgb(255, 255, 191);
}

.RdYlGn .q2-3 {
  fill: rgb(145, 207, 96);
}

.RdYlGn .q0-4 {
  fill: rgb(215, 25, 28);
}

.RdYlGn .q1-4 {
  fill: rgb(253, 174, 97);
}

.RdYlGn .q2-4 {
  fill: rgb(166, 217, 106);
}

.RdYlGn .q3-4 {
  fill: rgb(26, 150, 65);
}

.RdYlGn .q0-5 {
  fill: rgb(215, 25, 28);
}

.RdYlGn .q1-5 {
  fill: rgb(253, 174, 97);
}

.RdYlGn .q2-5 {
  fill: rgb(255, 255, 191);
}

.RdYlGn .q3-5 {
  fill: rgb(166, 217, 106);
}

.RdYlGn .q4-5 {
  fill: rgb(26, 150, 65);
}

.RdYlGn .q0-6 {
  fill: rgb(215, 48, 39);
}

.RdYlGn .q1-6 {
  fill: rgb(252, 141, 89);
}

.RdYlGn .q2-6 {
  fill: rgb(254, 224, 139);
}

.RdYlGn .q3-6 {
  fill: rgb(217, 239, 139);
}

.RdYlGn .q4-6 {
  fill: rgb(145, 207, 96);
}

.RdYlGn .q5-6 {
  fill: rgb(26, 152, 80);
}

.RdYlGn .q0-7 {
  fill: rgb(215, 48, 39);
}

.RdYlGn .q1-7 {
  fill: rgb(252, 141, 89);
}

.RdYlGn .q2-7 {
  fill: rgb(254, 224, 139);
}

.RdYlGn .q3-7 {
  fill: rgb(255, 255, 191);
}

.RdYlGn .q4-7 {
  fill: rgb(217, 239, 139);
}

.RdYlGn .q5-7 {
  fill: rgb(145, 207, 96);
}

.RdYlGn .q6-7 {
  fill: rgb(26, 152, 80);
}

.RdYlGn .q0-8 {
  fill: rgb(215, 48, 39);
}

.RdYlGn .q1-8 {
  fill: rgb(244, 109, 67);
}

.RdYlGn .q2-8 {
  fill: rgb(253, 174, 97);
}

.RdYlGn .q3-8 {
  fill: rgb(254, 224, 139);
}

.RdYlGn .q4-8 {
  fill: rgb(217, 239, 139);
}

.RdYlGn .q5-8 {
  fill: rgb(166, 217, 106);
}

.RdYlGn .q6-8 {
  fill: rgb(102, 189, 99);
}

.RdYlGn .q7-8 {
  fill: rgb(26, 152, 80);
}

.RdYlGn .q0-9 {
  fill: rgb(215, 48, 39);
}

.RdYlGn .q1-9 {
  fill: rgb(244, 109, 67);
}

.RdYlGn .q2-9 {
  fill: rgb(253, 174, 97);
}

.RdYlGn .q3-9 {
  fill: rgb(254, 224, 139);
}

.RdYlGn .q4-9 {
  fill: rgb(255, 255, 191);
}

.RdYlGn .q5-9 {
  fill: rgb(217, 239, 139);
}

.RdYlGn .q6-9 {
  fill: rgb(166, 217, 106);
}

.RdYlGn .q7-9 {
  fill: rgb(102, 189, 99);
}

.RdYlGn .q8-9 {
  fill: rgb(26, 152, 80);
}

.RdYlGn .q0-10 {
  fill: rgb(165, 0, 38);
}

.RdYlGn .q1-10 {
  fill: rgb(215, 48, 39);
}

.RdYlGn .q2-10 {
  fill: rgb(244, 109, 67);
}

.RdYlGn .q3-10 {
  fill: rgb(253, 174, 97);
}

.RdYlGn .q4-10 {
  fill: rgb(254, 224, 139);
}

.RdYlGn .q5-10 {
  fill: rgb(217, 239, 139);
}

.RdYlGn .q6-10 {
  fill: rgb(166, 217, 106);
}

.RdYlGn .q7-10 {
  fill: rgb(102, 189, 99);
}

.RdYlGn .q8-10 {
  fill: rgb(26, 152, 80);
}

.RdYlGn .q9-10 {
  fill: rgb(0, 104, 55);
}

.RdYlGn .q0-11 {
  fill: rgb(165, 0, 38);
}

.RdYlGn .q1-11 {
  fill: rgb(215, 48, 39);
}

.RdYlGn .q2-11 {
  fill: rgb(244, 109, 67);
}

.RdYlGn .q3-11 {
  fill: rgb(253, 174, 97);
}

.RdYlGn .q4-11 {
  fill: rgb(254, 224, 139);
}

.RdYlGn .q5-11 {
  fill: rgb(255, 255, 191);
}

.RdYlGn .q6-11 {
  fill: rgb(217, 239, 139);
}

.RdYlGn .q7-11 {
  fill: rgb(166, 217, 106);
}

.RdYlGn .q8-11 {
  fill: rgb(102, 189, 99);
}

.RdYlGn .q9-11 {
  fill: rgb(26, 152, 80);
}

.RdYlGn .q10-11 {
  fill: rgb(0, 104, 55);
}

.Accent .q0-3 {
  fill: rgb(127, 201, 127);
}

.Accent .q1-3 {
  fill: rgb(190, 174, 212);
}

.Accent .q2-3 {
  fill: rgb(253, 192, 134);
}

.Accent .q0-4 {
  fill: rgb(127, 201, 127);
}

.Accent .q1-4 {
  fill: rgb(190, 174, 212);
}

.Accent .q2-4 {
  fill: rgb(253, 192, 134);
}

.Accent .q3-4 {
  fill: rgb(255, 255, 153);
}

.Accent .q0-5 {
  fill: rgb(127, 201, 127);
}

.Accent .q1-5 {
  fill: rgb(190, 174, 212);
}

.Accent .q2-5 {
  fill: rgb(253, 192, 134);
}

.Accent .q3-5 {
  fill: rgb(255, 255, 153);
}

.Accent .q4-5 {
  fill: rgb(56, 108, 176);
}

.Accent .q0-6 {
  fill: rgb(127, 201, 127);
}

.Accent .q1-6 {
  fill: rgb(190, 174, 212);
}

.Accent .q2-6 {
  fill: rgb(253, 192, 134);
}

.Accent .q3-6 {
  fill: rgb(255, 255, 153);
}

.Accent .q4-6 {
  fill: rgb(56, 108, 176);
}

.Accent .q5-6 {
  fill: rgb(240, 2, 127);
}

.Accent .q0-7 {
  fill: rgb(127, 201, 127);
}

.Accent .q1-7 {
  fill: rgb(190, 174, 212);
}

.Accent .q2-7 {
  fill: rgb(253, 192, 134);
}

.Accent .q3-7 {
  fill: rgb(255, 255, 153);
}

.Accent .q4-7 {
  fill: rgb(56, 108, 176);
}

.Accent .q5-7 {
  fill: rgb(240, 2, 127);
}

.Accent .q6-7 {
  fill: rgb(191, 91, 23);
}

.Accent .q0-8 {
  fill: rgb(127, 201, 127);
}

.Accent .q1-8 {
  fill: rgb(190, 174, 212);
}

.Accent .q2-8 {
  fill: rgb(253, 192, 134);
}

.Accent .q3-8 {
  fill: rgb(255, 255, 153);
}

.Accent .q4-8 {
  fill: rgb(56, 108, 176);
}

.Accent .q5-8 {
  fill: rgb(240, 2, 127);
}

.Accent .q6-8 {
  fill: rgb(191, 91, 23);
}

.Accent .q7-8 {
  fill: rgb(102, 102, 102);
}

.Dark2 .q0-3 {
  fill: rgb(27, 158, 119);
}

.Dark2 .q1-3 {
  fill: rgb(217, 95, 2);
}

.Dark2 .q2-3 {
  fill: rgb(117, 112, 179);
}

.Dark2 .q0-4 {
  fill: rgb(27, 158, 119);
}

.Dark2 .q1-4 {
  fill: rgb(217, 95, 2);
}

.Dark2 .q2-4 {
  fill: rgb(117, 112, 179);
}

.Dark2 .q3-4 {
  fill: rgb(231, 41, 138);
}

.Dark2 .q0-5 {
  fill: rgb(27, 158, 119);
}

.Dark2 .q1-5 {
  fill: rgb(217, 95, 2);
}

.Dark2 .q2-5 {
  fill: rgb(117, 112, 179);
}

.Dark2 .q3-5 {
  fill: rgb(231, 41, 138);
}

.Dark2 .q4-5 {
  fill: rgb(102, 166, 30);
}

.Dark2 .q0-6 {
  fill: rgb(27, 158, 119);
}

.Dark2 .q1-6 {
  fill: rgb(217, 95, 2);
}

.Dark2 .q2-6 {
  fill: rgb(117, 112, 179);
}

.Dark2 .q3-6 {
  fill: rgb(231, 41, 138);
}

.Dark2 .q4-6 {
  fill: rgb(102, 166, 30);
}

.Dark2 .q5-6 {
  fill: rgb(230, 171, 2);
}

.Dark2 .q0-7 {
  fill: rgb(27, 158, 119);
}

.Dark2 .q1-7 {
  fill: rgb(217, 95, 2);
}

.Dark2 .q2-7 {
  fill: rgb(117, 112, 179);
}

.Dark2 .q3-7 {
  fill: rgb(231, 41, 138);
}

.Dark2 .q4-7 {
  fill: rgb(102, 166, 30);
}

.Dark2 .q5-7 {
  fill: rgb(230, 171, 2);
}

.Dark2 .q6-7 {
  fill: rgb(166, 118, 29);
}

.Dark2 .q0-8 {
  fill: rgb(27, 158, 119);
}

.Dark2 .q1-8 {
  fill: rgb(217, 95, 2);
}

.Dark2 .q2-8 {
  fill: rgb(117, 112, 179);
}

.Dark2 .q3-8 {
  fill: rgb(231, 41, 138);
}

.Dark2 .q4-8 {
  fill: rgb(102, 166, 30);
}

.Dark2 .q5-8 {
  fill: rgb(230, 171, 2);
}

.Dark2 .q6-8 {
  fill: rgb(166, 118, 29);
}

.Dark2 .q7-8 {
  fill: rgb(102, 102, 102);
}

.Paired .q0-3 {
  fill: rgb(166, 206, 227);
}

.Paired .q1-3 {
  fill: rgb(31, 120, 180);
}

.Paired .q2-3 {
  fill: rgb(178, 223, 138);
}

.Paired .q0-4 {
  fill: rgb(166, 206, 227);
}

.Paired .q1-4 {
  fill: rgb(31, 120, 180);
}

.Paired .q2-4 {
  fill: rgb(178, 223, 138);
}

.Paired .q3-4 {
  fill: rgb(51, 160, 44);
}

.Paired .q0-5 {
  fill: rgb(166, 206, 227);
}

.Paired .q1-5 {
  fill: rgb(31, 120, 180);
}

.Paired .q2-5 {
  fill: rgb(178, 223, 138);
}

.Paired .q3-5 {
  fill: rgb(51, 160, 44);
}

.Paired .q4-5 {
  fill: rgb(251, 154, 153);
}

.Paired .q0-6 {
  fill: rgb(166, 206, 227);
}

.Paired .q1-6 {
  fill: rgb(31, 120, 180);
}

.Paired .q2-6 {
  fill: rgb(178, 223, 138);
}

.Paired .q3-6 {
  fill: rgb(51, 160, 44);
}

.Paired .q4-6 {
  fill: rgb(251, 154, 153);
}

.Paired .q5-6 {
  fill: rgb(227, 26, 28);
}

.Paired .q0-7 {
  fill: rgb(166, 206, 227);
}

.Paired .q1-7 {
  fill: rgb(31, 120, 180);
}

.Paired .q2-7 {
  fill: rgb(178, 223, 138);
}

.Paired .q3-7 {
  fill: rgb(51, 160, 44);
}

.Paired .q4-7 {
  fill: rgb(251, 154, 153);
}

.Paired .q5-7 {
  fill: rgb(227, 26, 28);
}

.Paired .q6-7 {
  fill: rgb(253, 191, 111);
}

.Paired .q0-8 {
  fill: rgb(166, 206, 227);
}

.Paired .q1-8 {
  fill: rgb(31, 120, 180);
}

.Paired .q2-8 {
  fill: rgb(178, 223, 138);
}

.Paired .q3-8 {
  fill: rgb(51, 160, 44);
}

.Paired .q4-8 {
  fill: rgb(251, 154, 153);
}

.Paired .q5-8 {
  fill: rgb(227, 26, 28);
}

.Paired .q6-8 {
  fill: rgb(253, 191, 111);
}

.Paired .q7-8 {
  fill: rgb(255, 127, 0);
}

.Paired .q0-9 {
  fill: rgb(166, 206, 227);
}

.Paired .q1-9 {
  fill: rgb(31, 120, 180);
}

.Paired .q2-9 {
  fill: rgb(178, 223, 138);
}

.Paired .q3-9 {
  fill: rgb(51, 160, 44);
}

.Paired .q4-9 {
  fill: rgb(251, 154, 153);
}

.Paired .q5-9 {
  fill: rgb(227, 26, 28);
}

.Paired .q6-9 {
  fill: rgb(253, 191, 111);
}

.Paired .q7-9 {
  fill: rgb(255, 127, 0);
}

.Paired .q8-9 {
  fill: rgb(202, 178, 214);
}

.Paired .q0-10 {
  fill: rgb(166, 206, 227);
}

.Paired .q1-10 {
  fill: rgb(31, 120, 180);
}

.Paired .q2-10 {
  fill: rgb(178, 223, 138);
}

.Paired .q3-10 {
  fill: rgb(51, 160, 44);
}

.Paired .q4-10 {
  fill: rgb(251, 154, 153);
}

.Paired .q5-10 {
  fill: rgb(227, 26, 28);
}

.Paired .q6-10 {
  fill: rgb(253, 191, 111);
}

.Paired .q7-10 {
  fill: rgb(255, 127, 0);
}

.Paired .q8-10 {
  fill: rgb(202, 178, 214);
}

.Paired .q9-10 {
  fill: rgb(106, 61, 154);
}

.Paired .q0-11 {
  fill: rgb(166, 206, 227);
}

.Paired .q1-11 {
  fill: rgb(31, 120, 180);
}

.Paired .q2-11 {
  fill: rgb(178, 223, 138);
}

.Paired .q3-11 {
  fill: rgb(51, 160, 44);
}

.Paired .q4-11 {
  fill: rgb(251, 154, 153);
}

.Paired .q5-11 {
  fill: rgb(227, 26, 28);
}

.Paired .q6-11 {
  fill: rgb(253, 191, 111);
}

.Paired .q7-11 {
  fill: rgb(255, 127, 0);
}

.Paired .q8-11 {
  fill: rgb(202, 178, 214);
}

.Paired .q9-11 {
  fill: rgb(106, 61, 154);
}

.Paired .q10-11 {
  fill: rgb(255, 255, 153);
}

.Paired .q0-12 {
  fill: rgb(166, 206, 227);
}

.Paired .q1-12 {
  fill: rgb(31, 120, 180);
}

.Paired .q2-12 {
  fill: rgb(178, 223, 138);
}

.Paired .q3-12 {
  fill: rgb(51, 160, 44);
}

.Paired .q4-12 {
  fill: rgb(251, 154, 153);
}

.Paired .q5-12 {
  fill: rgb(227, 26, 28);
}

.Paired .q6-12 {
  fill: rgb(253, 191, 111);
}

.Paired .q7-12 {
  fill: rgb(255, 127, 0);
}

.Paired .q8-12 {
  fill: rgb(202, 178, 214);
}

.Paired .q9-12 {
  fill: rgb(106, 61, 154);
}

.Paired .q10-12 {
  fill: rgb(255, 255, 153);
}

.Paired .q11-12 {
  fill: rgb(177, 89, 40);
}

.Pastel1 .q0-3 {
  fill: rgb(251, 180, 174);
}

.Pastel1 .q1-3 {
  fill: rgb(179, 205, 227);
}

.Pastel1 .q2-3 {
  fill: rgb(204, 235, 197);
}

.Pastel1 .q0-4 {
  fill: rgb(251, 180, 174);
}

.Pastel1 .q1-4 {
  fill: rgb(179, 205, 227);
}

.Pastel1 .q2-4 {
  fill: rgb(204, 235, 197);
}

.Pastel1 .q3-4 {
  fill: rgb(222, 203, 228);
}

.Pastel1 .q0-5 {
  fill: rgb(251, 180, 174);
}

.Pastel1 .q1-5 {
  fill: rgb(179, 205, 227);
}

.Pastel1 .q2-5 {
  fill: rgb(204, 235, 197);
}

.Pastel1 .q3-5 {
  fill: rgb(222, 203, 228);
}

.Pastel1 .q4-5 {
  fill: rgb(254, 217, 166);
}

.Pastel1 .q0-6 {
  fill: rgb(251, 180, 174);
}

.Pastel1 .q1-6 {
  fill: rgb(179, 205, 227);
}

.Pastel1 .q2-6 {
  fill: rgb(204, 235, 197);
}

.Pastel1 .q3-6 {
  fill: rgb(222, 203, 228);
}

.Pastel1 .q4-6 {
  fill: rgb(254, 217, 166);
}

.Pastel1 .q5-6 {
  fill: rgb(255, 255, 204);
}

.Pastel1 .q0-7 {
  fill: rgb(251, 180, 174);
}

.Pastel1 .q1-7 {
  fill: rgb(179, 205, 227);
}

.Pastel1 .q2-7 {
  fill: rgb(204, 235, 197);
}

.Pastel1 .q3-7 {
  fill: rgb(222, 203, 228);
}

.Pastel1 .q4-7 {
  fill: rgb(254, 217, 166);
}

.Pastel1 .q5-7 {
  fill: rgb(255, 255, 204);
}

.Pastel1 .q6-7 {
  fill: rgb(229, 216, 189);
}

.Pastel1 .q0-8 {
  fill: rgb(251, 180, 174);
}

.Pastel1 .q1-8 {
  fill: rgb(179, 205, 227);
}

.Pastel1 .q2-8 {
  fill: rgb(204, 235, 197);
}

.Pastel1 .q3-8 {
  fill: rgb(222, 203, 228);
}

.Pastel1 .q4-8 {
  fill: rgb(254, 217, 166);
}

.Pastel1 .q5-8 {
  fill: rgb(255, 255, 204);
}

.Pastel1 .q6-8 {
  fill: rgb(229, 216, 189);
}

.Pastel1 .q7-8 {
  fill: rgb(253, 218, 236);
}

.Pastel1 .q0-9 {
  fill: rgb(251, 180, 174);
}

.Pastel1 .q1-9 {
  fill: rgb(179, 205, 227);
}

.Pastel1 .q2-9 {
  fill: rgb(204, 235, 197);
}

.Pastel1 .q3-9 {
  fill: rgb(222, 203, 228);
}

.Pastel1 .q4-9 {
  fill: rgb(254, 217, 166);
}

.Pastel1 .q5-9 {
  fill: rgb(255, 255, 204);
}

.Pastel1 .q6-9 {
  fill: rgb(229, 216, 189);
}

.Pastel1 .q7-9 {
  fill: rgb(253, 218, 236);
}

.Pastel1 .q8-9 {
  fill: rgb(242, 242, 242);
}

.Pastel2 .q0-3 {
  fill: rgb(179, 226, 205);
}

.Pastel2 .q1-3 {
  fill: rgb(253, 205, 172);
}

.Pastel2 .q2-3 {
  fill: rgb(203, 213, 232);
}

.Pastel2 .q0-4 {
  fill: rgb(179, 226, 205);
}

.Pastel2 .q1-4 {
  fill: rgb(253, 205, 172);
}

.Pastel2 .q2-4 {
  fill: rgb(203, 213, 232);
}

.Pastel2 .q3-4 {
  fill: rgb(244, 202, 228);
}

.Pastel2 .q0-5 {
  fill: rgb(179, 226, 205);
}

.Pastel2 .q1-5 {
  fill: rgb(253, 205, 172);
}

.Pastel2 .q2-5 {
  fill: rgb(203, 213, 232);
}

.Pastel2 .q3-5 {
  fill: rgb(244, 202, 228);
}

.Pastel2 .q4-5 {
  fill: rgb(230, 245, 201);
}

.Pastel2 .q0-6 {
  fill: rgb(179, 226, 205);
}

.Pastel2 .q1-6 {
  fill: rgb(253, 205, 172);
}

.Pastel2 .q2-6 {
  fill: rgb(203, 213, 232);
}

.Pastel2 .q3-6 {
  fill: rgb(244, 202, 228);
}

.Pastel2 .q4-6 {
  fill: rgb(230, 245, 201);
}

.Pastel2 .q5-6 {
  fill: rgb(255, 242, 174);
}

.Pastel2 .q0-7 {
  fill: rgb(179, 226, 205);
}

.Pastel2 .q1-7 {
  fill: rgb(253, 205, 172);
}

.Pastel2 .q2-7 {
  fill: rgb(203, 213, 232);
}

.Pastel2 .q3-7 {
  fill: rgb(244, 202, 228);
}

.Pastel2 .q4-7 {
  fill: rgb(230, 245, 201);
}

.Pastel2 .q5-7 {
  fill: rgb(255, 242, 174);
}

.Pastel2 .q6-7 {
  fill: rgb(241, 226, 204);
}

.Pastel2 .q0-8 {
  fill: rgb(179, 226, 205);
}

.Pastel2 .q1-8 {
  fill: rgb(253, 205, 172);
}

.Pastel2 .q2-8 {
  fill: rgb(203, 213, 232);
}

.Pastel2 .q3-8 {
  fill: rgb(244, 202, 228);
}

.Pastel2 .q4-8 {
  fill: rgb(230, 245, 201);
}

.Pastel2 .q5-8 {
  fill: rgb(255, 242, 174);
}

.Pastel2 .q6-8 {
  fill: rgb(241, 226, 204);
}

.Pastel2 .q7-8 {
  fill: rgb(204, 204, 204);
}

.Set1 .q0-3 {
  fill: rgb(228, 26, 28);
}

.Set1 .q1-3 {
  fill: rgb(55, 126, 184);
}

.Set1 .q2-3 {
  fill: rgb(77, 175, 74);
}

.Set1 .q0-4 {
  fill: rgb(228, 26, 28);
}

.Set1 .q1-4 {
  fill: rgb(55, 126, 184);
}

.Set1 .q2-4 {
  fill: rgb(77, 175, 74);
}

.Set1 .q3-4 {
  fill: rgb(152, 78, 163);
}

.Set1 .q0-5 {
  fill: rgb(228, 26, 28);
}

.Set1 .q1-5 {
  fill: rgb(55, 126, 184);
}

.Set1 .q2-5 {
  fill: rgb(77, 175, 74);
}

.Set1 .q3-5 {
  fill: rgb(152, 78, 163);
}

.Set1 .q4-5 {
  fill: rgb(255, 127, 0);
}

.Set1 .q0-6 {
  fill: rgb(228, 26, 28);
}

.Set1 .q1-6 {
  fill: rgb(55, 126, 184);
}

.Set1 .q2-6 {
  fill: rgb(77, 175, 74);
}

.Set1 .q3-6 {
  fill: rgb(152, 78, 163);
}

.Set1 .q4-6 {
  fill: rgb(255, 127, 0);
}

.Set1 .q5-6 {
  fill: rgb(255, 255, 51);
}

.Set1 .q0-7 {
  fill: rgb(228, 26, 28);
}

.Set1 .q1-7 {
  fill: rgb(55, 126, 184);
}

.Set1 .q2-7 {
  fill: rgb(77, 175, 74);
}

.Set1 .q3-7 {
  fill: rgb(152, 78, 163);
}

.Set1 .q4-7 {
  fill: rgb(255, 127, 0);
}

.Set1 .q5-7 {
  fill: rgb(255, 255, 51);
}

.Set1 .q6-7 {
  fill: rgb(166, 86, 40);
}

.Set1 .q0-8 {
  fill: rgb(228, 26, 28);
}

.Set1 .q1-8 {
  fill: rgb(55, 126, 184);
}

.Set1 .q2-8 {
  fill: rgb(77, 175, 74);
}

.Set1 .q3-8 {
  fill: rgb(152, 78, 163);
}

.Set1 .q4-8 {
  fill: rgb(255, 127, 0);
}

.Set1 .q5-8 {
  fill: rgb(255, 255, 51);
}

.Set1 .q6-8 {
  fill: rgb(166, 86, 40);
}

.Set1 .q7-8 {
  fill: rgb(247, 129, 191);
}

.Set1 .q0-9 {
  fill: rgb(228, 26, 28);
}

.Set1 .q1-9 {
  fill: rgb(55, 126, 184);
}

.Set1 .q2-9 {
  fill: rgb(77, 175, 74);
}

.Set1 .q3-9 {
  fill: rgb(152, 78, 163);
}

.Set1 .q4-9 {
  fill: rgb(255, 127, 0);
}

.Set1 .q5-9 {
  fill: rgb(255, 255, 51);
}

.Set1 .q6-9 {
  fill: rgb(166, 86, 40);
}

.Set1 .q7-9 {
  fill: rgb(247, 129, 191);
}

.Set1 .q8-9 {
  fill: rgb(153, 153, 153);
}

.Set2 .q0-3 {
  fill: rgb(102, 194, 165);
}

.Set2 .q1-3 {
  fill: rgb(252, 141, 98);
}

.Set2 .q2-3 {
  fill: rgb(141, 160, 203);
}

.Set2 .q0-4 {
  fill: rgb(102, 194, 165);
}

.Set2 .q1-4 {
  fill: rgb(252, 141, 98);
}

.Set2 .q2-4 {
  fill: rgb(141, 160, 203);
}

.Set2 .q3-4 {
  fill: rgb(231, 138, 195);
}

.Set2 .q0-5 {
  fill: rgb(102, 194, 165);
}

.Set2 .q1-5 {
  fill: rgb(252, 141, 98);
}

.Set2 .q2-5 {
  fill: rgb(141, 160, 203);
}

.Set2 .q3-5 {
  fill: rgb(231, 138, 195);
}

.Set2 .q4-5 {
  fill: rgb(166, 216, 84);
}

.Set2 .q0-6 {
  fill: rgb(102, 194, 165);
}

.Set2 .q1-6 {
  fill: rgb(252, 141, 98);
}

.Set2 .q2-6 {
  fill: rgb(141, 160, 203);
}

.Set2 .q3-6 {
  fill: rgb(231, 138, 195);
}

.Set2 .q4-6 {
  fill: rgb(166, 216, 84);
}

.Set2 .q5-6 {
  fill: rgb(255, 217, 47);
}

.Set2 .q0-7 {
  fill: rgb(102, 194, 165);
}

.Set2 .q1-7 {
  fill: rgb(252, 141, 98);
}

.Set2 .q2-7 {
  fill: rgb(141, 160, 203);
}

.Set2 .q3-7 {
  fill: rgb(231, 138, 195);
}

.Set2 .q4-7 {
  fill: rgb(166, 216, 84);
}

.Set2 .q5-7 {
  fill: rgb(255, 217, 47);
}

.Set2 .q6-7 {
  fill: rgb(229, 196, 148);
}

.Set2 .q0-8 {
  fill: rgb(102, 194, 165);
}

.Set2 .q1-8 {
  fill: rgb(252, 141, 98);
}

.Set2 .q2-8 {
  fill: rgb(141, 160, 203);
}

.Set2 .q3-8 {
  fill: rgb(231, 138, 195);
}

.Set2 .q4-8 {
  fill: rgb(166, 216, 84);
}

.Set2 .q5-8 {
  fill: rgb(255, 217, 47);
}

.Set2 .q6-8 {
  fill: rgb(229, 196, 148);
}

.Set2 .q7-8 {
  fill: rgb(179, 179, 179);
}

.Set3 .q0-3 {
  fill: rgb(141, 211, 199);
}

.Set3 .q1-3 {
  fill: rgb(255, 255, 179);
}

.Set3 .q2-3 {
  fill: rgb(190, 186, 218);
}

.Set3 .q0-4 {
  fill: rgb(141, 211, 199);
}

.Set3 .q1-4 {
  fill: rgb(255, 255, 179);
}

.Set3 .q2-4 {
  fill: rgb(190, 186, 218);
}

.Set3 .q3-4 {
  fill: rgb(251, 128, 114);
}

.Set3 .q0-5 {
  fill: rgb(141, 211, 199);
}

.Set3 .q1-5 {
  fill: rgb(255, 255, 179);
}

.Set3 .q2-5 {
  fill: rgb(190, 186, 218);
}

.Set3 .q3-5 {
  fill: rgb(251, 128, 114);
}

.Set3 .q4-5 {
  fill: rgb(128, 177, 211);
}

.Set3 .q0-6 {
  fill: rgb(141, 211, 199);
}

.Set3 .q1-6 {
  fill: rgb(255, 255, 179);
}

.Set3 .q2-6 {
  fill: rgb(190, 186, 218);
}

.Set3 .q3-6 {
  fill: rgb(251, 128, 114);
}

.Set3 .q4-6 {
  fill: rgb(128, 177, 211);
}

.Set3 .q5-6 {
  fill: rgb(253, 180, 98);
}

.Set3 .q0-7 {
  fill: rgb(141, 211, 199);
}

.Set3 .q1-7 {
  fill: rgb(255, 255, 179);
}

.Set3 .q2-7 {
  fill: rgb(190, 186, 218);
}

.Set3 .q3-7 {
  fill: rgb(251, 128, 114);
}

.Set3 .q4-7 {
  fill: rgb(128, 177, 211);
}

.Set3 .q5-7 {
  fill: rgb(253, 180, 98);
}

.Set3 .q6-7 {
  fill: rgb(179, 222, 105);
}

.Set3 .q0-8 {
  fill: rgb(141, 211, 199);
}

.Set3 .q1-8 {
  fill: rgb(255, 255, 179);
}

.Set3 .q2-8 {
  fill: rgb(190, 186, 218);
}

.Set3 .q3-8 {
  fill: rgb(251, 128, 114);
}

.Set3 .q4-8 {
  fill: rgb(128, 177, 211);
}

.Set3 .q5-8 {
  fill: rgb(253, 180, 98);
}

.Set3 .q6-8 {
  fill: rgb(179, 222, 105);
}

.Set3 .q7-8 {
  fill: rgb(252, 205, 229);
}

.Set3 .q0-9 {
  fill: rgb(141, 211, 199);
}

.Set3 .q1-9 {
  fill: rgb(255, 255, 179);
}

.Set3 .q2-9 {
  fill: rgb(190, 186, 218);
}

.Set3 .q3-9 {
  fill: rgb(251, 128, 114);
}

.Set3 .q4-9 {
  fill: rgb(128, 177, 211);
}

.Set3 .q5-9 {
  fill: rgb(253, 180, 98);
}

.Set3 .q6-9 {
  fill: rgb(179, 222, 105);
}

.Set3 .q7-9 {
  fill: rgb(252, 205, 229);
}

.Set3 .q8-9 {
  fill: rgb(217, 217, 217);
}

.Set3 .q0-10 {
  fill: rgb(141, 211, 199);
}

.Set3 .q1-10 {
  fill: rgb(255, 255, 179);
}

.Set3 .q2-10 {
  fill: rgb(190, 186, 218);
}

.Set3 .q3-10 {
  fill: rgb(251, 128, 114);
}

.Set3 .q4-10 {
  fill: rgb(128, 177, 211);
}

.Set3 .q5-10 {
  fill: rgb(253, 180, 98);
}

.Set3 .q6-10 {
  fill: rgb(179, 222, 105);
}

.Set3 .q7-10 {
  fill: rgb(252, 205, 229);
}

.Set3 .q8-10 {
  fill: rgb(217, 217, 217);
}

.Set3 .q9-10 {
  fill: rgb(188, 128, 189);
}

.Set3 .q0-11 {
  fill: rgb(141, 211, 199);
}

.Set3 .q1-11 {
  fill: rgb(255, 255, 179);
}

.Set3 .q2-11 {
  fill: rgb(190, 186, 218);
}

.Set3 .q3-11 {
  fill: rgb(251, 128, 114);
}

.Set3 .q4-11 {
  fill: rgb(128, 177, 211);
}

.Set3 .q5-11 {
  fill: rgb(253, 180, 98);
}

.Set3 .q6-11 {
  fill: rgb(179, 222, 105);
}

.Set3 .q7-11 {
  fill: rgb(252, 205, 229);
}

.Set3 .q8-11 {
  fill: rgb(217, 217, 217);
}

.Set3 .q9-11 {
  fill: rgb(188, 128, 189);
}

.Set3 .q10-11 {
  fill: rgb(204, 235, 197);
}

.Set3 .q0-12 {
  fill: rgb(141, 211, 199);
}

.Set3 .q1-12 {
  fill: rgb(255, 255, 179);
}

.Set3 .q2-12 {
  fill: rgb(190, 186, 218);
}

.Set3 .q3-12 {
  fill: rgb(251, 128, 114);
}

.Set3 .q4-12 {
  fill: rgb(128, 177, 211);
}

.Set3 .q5-12 {
  fill: rgb(253, 180, 98);
}

.Set3 .q6-12 {
  fill: rgb(179, 222, 105);
}

.Set3 .q7-12 {
  fill: rgb(252, 205, 229);
}

.Set3 .q8-12 {
  fill: rgb(217, 217, 217);
}

.Set3 .q9-12 {
  fill: rgb(188, 128, 189);
}

.Set3 .q10-12 {
  fill: rgb(204, 235, 197);
}

.Set3 .q11-12 {
  fill: rgb(255, 237, 111);
}

.scroll-bar {
  overflow: hidden;
  height: 270px;
  padding-right: 10px;
}

.scroll-bar__content {
  display: block;
  overflow-y: scroll;
  /* Momentum scroll added also for mobile Safari */
  -webkit-overflow-scrolling: touch;
  height: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}
.scroll-bar__content .clearfix div {
  padding-left: 0;
}

.scroll-bar__content::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: rgba(227, 226, 226, 0.5);
}

.scroll-bar__content::-webkit-scrollbar {
  width: 8px;
  background: rgba(255, 255, 255, 0.5);
}

.scroll-bar__content::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgb(163, 163, 163);
}

/* HELPERS */
/* ----------------------------------------------------------------
--------------------------- @FULLROGRESS --------------------------
---------------------------------------------------------------- */
.c-full-progress {
  position: relative;
  display: inline-block;
  padding: 35px 25px 0 20px;
}
.c-full-progress__difficulty-label {
  position: absolute;
  top: 20px;
  padding: 0 10px;
}
.c-full-progress__difficulty-label--right {
  right: -30px;
  left: auto;
  text-align: right;
}
.c-full-progress__difficulty-label--left {
  right: auto;
  left: -30px;
}
.c-full-progress__difficulty-title {
  display: block;
  font-size: 15px;
  line-height: 1;
}
.c-full-progress__difficulty-score {
  position: relative;
  left: 2px;
  display: inline-block;
  font-size: 24px;
}
.c-full-progress__difficulty-max {
  position: relative;
  left: -2px;
  display: inline-block;
  font-size: 15px;
}
.c-full-progress:before, .c-full-progress:after {
  position: absolute;
  top: 80px;
  display: block;
  width: 38px;
  height: 12px;
  margin: auto;
  content: "";
  background-repeat: no-repeat;
}

.c-full-progress__container {
  position: relative;
  display: inline-block;
  overflow: hidden;
  height: 138px;
}

.c-full-progress svg {
  position: relative;
  z-index: 2;
  -webkit-transform: rotate(-89deg);
          transform: rotate(-89deg);
}

.c-progress-full__label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  font-size: 15px;
  text-align: center;
  color: #AAAAAA;
}

.c-progres-full__label-container {
  display: inline-block;
  padding: 1px 0;
  border-bottom: 1px solid #AAAAAA;
}

.c-full-progress path {
  cursor: pointer;
  opacity: 0.6;
}

/* For some reasond adding a class to path from js didn't work */
/* So I added an attribute */
.c-full-progress [is-hovered=true] {
  opacity: 1 !important;
}

.c-full-progress__info {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 16px;
  text-align: center;
}

.c-full-progress__info-score {
  display: inline-block;
  font-size: 24px;
}

.c-full-progress__info-available {
  position: relative;
  left: -2px;
  display: inline-block;
}

/* ----------------------------------------------------------------
----------------------------- @LANDING ----------------------------
---------------------------------------------------------------- */
/* c-full-progress-landing is used for positioning the big chart
from landing page */
/* This is an extra wrapper for full progress component */
.c-full-progress-landing {
  position: absolute;
  bottom: 2px;
  left: -8px;
  max-width: 312px;
  max-height: 180px;
  margin-top: 40px;
}
.c-full-progress-landing.pv {
  margin-right: auto;
  margin-left: 40px;
}

.c-full-progress--vb:before {
  right: 0;
  left: 0;
  margin: auto;
  background-image: url("../images/icons/right-arrow-blue.svg");
}

@media screen and (max-width: 767px) {
  .c-full-progress-landing {
    display: none;
  }
}
@media screen and (min-width: 767px) and (max-width: 991px) {
  .c-full-progress-landing {
    position: static;
    width: 100%;
    max-width: 100%;
    height: auto !important;
    max-height: inherit !important;
    margin: 0 !important;
    padding: 0;
    text-align: center;
  }
}
/* -------------------------------------------------
------------------- @VB @SMALL ---------------------
------------------------------------------------- */
.c-full-progresss--step-vb {
  position: absolute;
  top: -20px;
  right: -10px;
}
.c-full-progresss--step-vb .c-full-progress__container {
  height: 98px;
}
.c-full-progresss--step-vb:before {
  top: 65px;
}

/* -------------------------------------------------
------------------------- @PV ----------------------
------------------------------------------------- */
.c-full-progress--pv:before {
  top: 80px;
  right: 35%;
  -webkit-transform: rotate(12deg);
          transform: rotate(12deg);
  background-image: url("../images/icons/red-arrow.svg");
}
.c-full-progress--pv:after {
  top: 80px;
  left: 33.5%;
  -webkit-transform: rotate(-12deg);
          transform: rotate(-12deg);
  background-image: url("../images/icons/green-arrow.svg");
}

.c-full-progress--smal-pv svg {
  -webkit-transform: rotate(-87deg);
          transform: rotate(-87deg);
}

.c-full-progress--smal-pv .c-full-progress__container {
  height: 95px;
}

/* The vertical split line */
.pv-chart-line {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 5px;
  left: 0;
  display: block;
  width: 0;
  height: 132px;
  margin: auto;
  padding-left: 5px;
  border-left: 2px dashed #EBEAE9;
}

/* --------------------------------------------------
----------------------- @PV @STEP -------------------
-------------------------------------------------- */
.c-full-progress--smal-pv {
  position: absolute;
  top: -14px;
  right: -10px;
}

/* --------------------------------------------------
----------------------- @PV @FINAL ------------------
-------------------------------------------------- */
.c-full-progress--pv-final {
  margin: 0;
}
.c-full-progress--pv-final .c-full-progress__container {
  height: 265px;
}
.c-full-progress--pv-final .pv-chart-line {
  top: 50px;
  width: 0;
  height: 185px;
  padding-left: 7px;
  border-left: 4px dashed #EBEAE9;
}
.c-full-progress--pv-final:before {
  top: 100px;
  right: 39.5%;
}
.c-full-progress--pv-final:after {
  top: 100px;
  left: 38.5%;
}
.c-full-progress--pv-final .c-full-progress__difficulty-label {
  top: 264px;
}
.c-full-progress--pv-final .c-full-progress__difficulty-label--left {
  left: -15%;
  text-align: left;
}
.c-full-progress--pv-final .c-full-progress__difficulty-label--right {
  right: -15%;
  text-align: right;
}

/* HACKS FOR RESPONSIVE */
@media screen and (max-width: 820px) {
  .c-full-progress--pv-final {
    zoom: 0.8;
  }
}
@media screen and (max-width: 660px) {
  .c-full-progress--pv-final {
    zoom: 0.6;
    margin-bottom: 30px;
  }
  .c-full-progress--pv-final .c-full-progress__difficulty-label--right {
    right: 10%;
  }
  .c-full-progress--pv-final .c-full-progress__difficulty-label--left {
    left: 10%;
  }
}
@media screen and (max-width: 420px) {
  .c-full-progress--pv-final {
    zoom: 0.45;
  }
}
/* --------------------------------------------------
----------------------- VB KARAOKE ------------------
-------------------------------------------------- */
.c-full-progress--karaoke svg {
  -webkit-transform: rotate(-85deg);
          transform: rotate(-85deg);
}

.c-full-progress--karaoke {
  position: absolute;
  right: -16px;
  top: -20px;
}
.c-full-progress--karaoke:before {
  top: 65px;
  right: 0;
  left: 0;
  margin: auto;
  background-image: url("../images/icons/purple-arrow.svg");
}
.c-full-progress--karaoke .c-full-progress__container {
  height: 95px;
}

@media screen and (max-width: 991px) {
  .c-full-progresss--step-vb,
  .c-full-progresss--step-pv,
  .c-full-progress--karaoke {
    display: none;
  }
}
.tabs-left,
.tabs-right {
  padding-top: 2px;
  border-bottom: none;
}

.tabs-left {
  border-right: 1px solid #DDDDDD;
}

.tabs-right {
  border-left: 1px solid #DDDDDD;
}

.tabs-left > li,
.tabs-right > li {
  float: none;
  margin-bottom: 2px;
}

.tabs-left > li {
  margin-right: -1px;
}

.tabs-right > li {
  margin-left: -1px;
}

.tabs-left > li.active > a,
.tabs-left > li.active > a:hover,
.tabs-left > li.active > a:focus {
  border-right-color: transparent;
  border-bottom-color: #DDDDDD;
}

.tabs-right > li.active > a,
.tabs-right > li.active > a:hover,
.tabs-right > li.active > a:focus {
  border-bottom: 1px solid #DDDDDD;
  border-left-color: transparent;
}

.tabs-left > li > a {
  display: block;
  margin-right: 0;
  border-radius: 4px 0 0 4px;
}

.tabs-right > li > a {
  margin-right: 0;
  border-radius: 0 4px 4px 0;
}

/* HELPERS */
.custom-checkbox {
  display: inline-block;
}
.custom-checkbox label {
  font-size: 0.01em;
  position: relative;
  display: block;
  float: right;
  width: 40px;
  height: 21px;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  text-indent: 100%;
  color: transparent;
  border-radius: 14px;
  background-color: #D9D9D9;
}
.custom-checkbox input[type=checkbox] {
  display: none;
}
.custom-checkbox label .bullet {
  position: absolute;
  top: 1px;
  left: 1px;
  display: block;
  width: 19px;
  height: 19px;
  content: "";
  -webkit-transition: left 0.3s ease;
  transition: left 0.3s ease;
  border: 0 solid transparent;
  border-radius: 14px;
  background-color: #FFFFFF;
}
.custom-checkbox input[type=checkbox]:checked + label {
  background-color: #A06D8B;
}
.custom-checkbox input[type=checkbox]:checked + label .bullet {
  left: 20px;
}

@media screen and (max-width: 991px) {
  .custom-checkbox label {
    z-index: 999;
  }
  .video-booster__checkbox .video-booster__checkbox-label {
    padding-bottom: 35px;
    padding-left: 35px !important;
  }
  .video-booster__checkbox .video-booster__checkbox-label .video-booster__checkbox-icon {
    width: 26px;
    height: 26px;
  }
}
/* HELPERS */
.popover {
  font-family: "Open Sans";
}

.popover-title {
  border: 1px solid #EAEAEA;
  border-radius: 10px 10px 0 0;
}
.popover-title .hovertranslate-word-highlight {
  color: #FFFFFF;
}

.popover-content {
  line-height: 1.7;
  min-height: 80px;
  padding: 8px 15px 15px 15px;
  border: 1px solid #EAEAEA;
  border-top: none;
  border-radius: 0 0 10px 10px;
}

.popover.right > .arrow {
  left: -5px !important;
  margin-top: -8px;
  border-width: 8px;
  border-right-color: #EAEAEA;
}

.popover.top > .arrow {
  bottom: -10px;
  border-top-color: #EAEAEA;
}

.popover {
  padding: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media screen and (min-width: 768px) {
  /* Popover last - la fel ca pe live */
  .exercise-vocab__list-item:last-child .popover {
    top: auto !important;
    bottom: -5px !important;
  }
  .exercise-vocab__list-item:first-child .popover {
    top: -33px !important;
  }
}
.exercise-vocab__list-item:first-child .popover .arrow,
.full-width .exercise-vocab__list-item:first-child .popover .arrow {
  top: 50px !important;
}

.exercise-vocab__list-item:last-child .popover .arrow {
  top: auto !important;
  bottom: 13px !important;
}

/* qtip styles */
.revamp-2016 .qtip-translation .qtip-wrapper {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.revamp-2016 .qtip-translation .qtip-contentWrapper {
  overflow: visible !important;
  border: none !important;
  background: transparent !important;
}
.revamp-2016 .qtip-translation .qtip-content {
  overflow: visible !important;
  padding: 0 !important;
  color: #333333 !important;
  background: transparent !important;
}
.revamp-2016 .translation {
  line-height: 1.3;
  padding: 7px 10px !important;
  color: #FFFFFF !important;
  border-radius: 5px 5px 0 0;
  background: #ADADAD;
}
.revamp-2016 .hovertranslate-ui1-word {
  display: inline-block;
  float: none;
  color: inherit !important;
}
.revamp-2016 .hovertranslate-ui1-tts {
  line-height: 1.5;
  position: static !important;
  display: inline-block !important;
  vertical-align: middle !important;
  background: transparent;
}
.revamp-2016 .hovertranslate-ui1-tts:after {
  font-family: "Glyphicons Halflings";
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  position: relative;
  top: 2px;
  display: inline-block;
  margin-left: 10px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.revamp-2016 .hovertranslate-ui2-dict {
  margin: 0 !important;
  padding: 0 !important;
}
.revamp-2016 .hovertranslate-ui2-dict .transaltekey ruby {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.revamp-2016 .translation-details {
  overflow: visible !important;
  padding: 10px !important;
  border: 1px solid #D8D8D8;
  border-radius: 0 0 5px 5px;
  background: #FFFFFF !important;
}
.revamp-2016 .transaltekey,
.revamp-2016 .translatedetails {
  color: #333333 !important;
}
.revamp-2016 .transaltekey {
  font-style: italic;
  display: block;
}
.revamp-2016 .translation-details {
  position: relative;
}
.revamp-2016 .translation-details:after,
.revamp-2016 .translation-details:before {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  pointer-events: none;
  border: solid transparent;
}
.revamp-2016 .translation-details:after {
  margin-left: -7px;
  border-width: 7px;
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #FFFFFF;
}
.revamp-2016 .translation-details:before {
  margin-left: -8px;
  border-width: 8px;
  border-color: rgba(216, 216, 216, 0);
  border-top-color: #D8D8D8;
}
.revamp-2016 .translation-details div {
  float: none;
}
.revamp-2016 .hovertranslate-word-highlight {
  text-decoration: underline;
  outline: none;
  background: none;
}
.revamp-2016 .translation-close {
  height: 20px;
  width: 20px;
  position: relative;
  top: 15px !important;
  right: 10px !important;
  display: inline-block !important;
  padding: 0 !important;
  opacity: 1 !important;
  color: #FFFFFF !important;
}
.revamp-2016 .translation-close:before {
  content: "" !important;
  background: url("/sites/all/themes/lingua/assets/tooltip/close-tooltip.svg") no-repeat;
  width: 15px;
  height: 14px;
  display: block;
  background-size: contain;
  background-position: center;
  display: block;
}
.revamp-2016 .jt:hover {
  text-decoration: underline;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.revamp-2016 .qtip-tip {
  display: none !important;
  top: auto !important;
  bottom: -5px !important;
}
.revamp-2016 .exercise-vocab__list-item:first-child .popover {
  top: -33px !important;
}

.vocab-content__section .popover-title--header {
  font-size: 16px;
  color: #5CB4C7;
  margin-top: 0;
}

.exercise-vocab {
  margin-bottom: 0;
}

.exercise-vocab__list-item:first-child .popover .arrow,
.full-width .exercise-vocab__list-item:first-child .popover .arrow {
  top: 50px !important;
}

.exercise-vocab__list-item:last-child .popover .arrow {
  top: auto !important;
  bottom: 13px !important;
}

/* qtip styles */
.revamp-2016 .qtip-translation .qtip-wrapper {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.revamp-2016 .qtip-translation .qtip-contentWrapper {
  overflow: visible !important;
  border: none !important;
  background: transparent !important;
}
.revamp-2016 .qtip-translation .qtip-content {
  overflow: visible !important;
  padding: 0 !important;
  color: #333333 !important;
  background: transparent !important;
}
.revamp-2016 .translation {
  line-height: 1.3;
  padding: 7px 10px !important;
  color: #FFFFFF !important;
  border-radius: 5px 5px 0 0;
  background: #ADADAD;
}
.revamp-2016 .hovertranslate-ui1-word {
  display: inline-block;
  float: none;
  color: inherit !important;
}
.revamp-2016 .hovertranslate-ui1-tts {
  line-height: 1.5;
  position: static !important;
  display: inline-block !important;
  vertical-align: middle !important;
  background: transparent;
}
.revamp-2016 .hovertranslate-ui1-tts:after {
  position: relative;
  display: inline-block;
  margin-left: 10px;
  content: "" !important;
  background: url("/sites/all/themes/lingua/assets/tooltip/speaker-tooltip.svg") no-repeat;
  display: block;
  height: 17px;
  width: 17px;
  background-size: contain;
  background-position: center;
}
.revamp-2016 .hovertranslate-ui2-dict {
  margin: 0 !important;
  padding: 0 !important;
}
.revamp-2016 .translation-details {
  overflow: visible !important;
  padding: 10px !important;
  border: 1px solid #D8D8D8;
  border-radius: 0 0 5px 5px;
  background: #FFFFFF !important;
}
.revamp-2016 .transaltekey,
.revamp-2016 .translatedetails {
  color: #333333 !important;
}
.revamp-2016 .transaltekey {
  font-style: italic;
  display: block;
}
.revamp-2016 .translation-details {
  position: relative;
}
.revamp-2016 .translation-details:after,
.revamp-2016 .translation-details:before {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  pointer-events: none;
  border: solid transparent;
}
.revamp-2016 .translation-details:after {
  margin-left: -7px;
  border-width: 7px;
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #FFFFFF;
}
.revamp-2016 .translation-details:before {
  margin-left: -8px;
  border-width: 8px;
  border-color: rgba(216, 216, 216, 0);
  border-top-color: #D8D8D8;
}
.revamp-2016 .translation-details div {
  float: none;
}
.revamp-2016 .hovertranslate-word-highlight {
  text-decoration: underline;
  outline: none;
  background: none;
}
.revamp-2016 .translation-close {
  font-family: "Glyphicons Halflings" !important;
  font-size: 14px !important;
  height: 20px;
  width: 20px;
  font-weight: 300 !important;
  font-style: normal !important;
  line-height: 0.4em !important;
  position: relative;
  top: 15px !important;
  right: 10px !important;
  display: inline-block !important;
  padding: 0 !important;
  opacity: 1 !important;
  color: #FFFFFF !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.revamp-2016 .translation-close:before {
  content: "\e014";
}
.revamp-2016 .jt:hover {
  text-decoration: underline;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.revamp-2016 .qtip-tip {
  display: none !important;
}

@media screen and (max-width: 991px) {
  .vocab-quickview__step .exercise-vocab__list-item:first-child .popover .arrow,
  .vocab-quickview__step .full-width .exercise-vocab__list-item:first-child .popover .arrow {
    top: initial !important;
  }
  .vocab-quickview__step .exercise-vocab__list-item:last-child .popover .arrow {
    bottom: -10px !important;
    top: initial !important;
  }
  .vocab-quickview__step .exercise-vocab__list-item:last-child .popover .arrow {
    bottom: -10px !important;
  }
  .comprehension .exercise-vocab__list-item:last-child .popover .arrow,
  .vocab-academy-content .exercise-vocab__list-item:last-child .popover .arrow,
  .advanced-comprehension-content .exercise-vocab__list-item:last-child .popover .arrow,
  .content-listening-lab .exercise-vocab__list-item:last-child .popover .arrow {
    top: 65px !important;
    bottom: auto !important;
  }
  .comprehension .exercise-vocab__list-item:first-child .popover .arrow,
  .comprehension .full-width .exercise-vocab__list-item:first-child .popover .arrow,
  .vocab-academy-content .exercise-vocab__list-item:first-child .popover .arrow,
  .vocab-academy-content .full-width .exercise-vocab__list-item:first-child .popover .arrow,
  .advanced-comprehension-content .exercise-vocab__list-item:first-child .popover .arrow,
  .advanced-comprehension-content .full-width .exercise-vocab__list-item:first-child .popover .arrow,
  .content-listening-lab .exercise-vocab__list-item:first-child .popover .arrow,
  .content-listening-lab .full-width .exercise-vocab__list-item:first-child .popover .arrow {
    top: 60px !important;
    top: 65px !important;
    bottom: auto !important;
  }
  .comprehension .exercise-vocab__list-item:first-child .popover .arrow,
  .comprehension .full-width .exercise-vocab__list-item:first-child .popover .arrow,
  .vocab-academy-content .exercise-vocab__list-item:first-child .popover .arrow,
  .vocab-academy-content .full-width .exercise-vocab__list-item:first-child .popover .arrow,
  .advanced-comprehension-content .exercise-vocab__list-item:first-child .popover .arrow,
  .advanced-comprehension-content .full-width .exercise-vocab__list-item:first-child .popover .arrow,
  .content-listening-lab .exercise-vocab__list-item:first-child .popover .arrow,
  .content-listening-lab .full-width .exercise-vocab__list-item:first-child .popover .arrow {
    top: 60px !important;
  }
}
body.popover-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: rgba(0, 0, 0, 0.6);
}

.front .of-canvas-wrapper.assessment-popover-shown {
  pointer-events: none;
}

.front .popover.popover-step {
  max-width: 355px;
  width: 100%;
  padding: 0;
}
.front .popover.popover-step.top .arrow {
  bottom: -10px;
  border-top-color: #3C3C3C;
}
.front .popover.popover-step.top .arrow:after {
  border-top-color: #3C3C3C;
}
.front .popover.popover-step.popover-step_2.mobile-moved, .front .popover.popover-step.popover-step_3.mobile-moved, .front .popover.popover-step.popover-step_4.mobile-moved {
  left: 50% !important;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.front .popover.popover-step.popover-step_2.mobile-moved .arrow, .front .popover.popover-step.popover-step_3.mobile-moved .arrow, .front .popover.popover-step.popover-step_4.mobile-moved .arrow {
  left: inherit !important;
}
.front .popover.popover-step .popover-step__content {
  padding: 0;
  max-width: 100%;
  border: 0;
  -webkit-box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.6);
}
.front .popover.popover-step .popover-close {
  display: initial;
  position: absolute;
  right: 15px;
  top: 5px;
  font-size: 30px;
  font-weight: 300;
  color: #D3D3D3;
}
.front .popover.popover-step .popover-close:hover {
  cursor: pointer;
}
.front .popover.popover-step .popover-step__description {
  color: #000000;
  font-size: 14px;
  font-weight: 300;
  text-align: left;
  padding: 50px 30px;
  background: #FFFFFF;
  border-radius: 5px 5px 0 0;
}
.front .popover.popover-step .popover-step__footer {
  height: 40px;
}
.front .popover.popover-step .popover-step__progress {
  height: 100%;
  width: 50%;
  display: inline-block;
  background-color: #3C3C3C;
  color: #FFFFFF;
  border-bottom-left-radius: 5px;
  text-align: center;
}
.front .popover.popover-step .popover-step__progress .progress-list {
  padding: 0;
}
.front .popover.popover-step .popover-step__progress .progress-list__item {
  display: inline-block;
  height: 8px;
  width: 8px;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  margin: 15px 10px 0 0;
  position: relative;
}
.front .popover.popover-step .popover-step__progress .progress-list__item:last-of-type:after {
  display: none;
}
.front .popover.popover-step .popover-step__progress .progress-list__item:after {
  content: " ";
  display: inline-block;
  width: 10px;
  height: 1px;
  border-bottom: 1px solid #FFFFFF;
  position: absolute;
  left: 7px;
  top: 3px;
}
.front .popover.popover-step .popover-step__progress .progress-list__item.current {
  background-color: #FFFFFF;
}
.front .popover.popover-step .popover-step__progress .progress-list__item.previous {
  background-color: #B1B1B1;
  border-color: #B1B1B1;
}
.front .popover.popover-step .next-tip {
  width: 50%;
  height: 100%;
  font-size: 18px;
  float: right;
  text-align: center;
  background-color: #5FB4C5;
  border-bottom-right-radius: 5px;
  color: #FFFFFF;
  border: none;
}
.front .popover.popover-step .next-tip:hover {
  cursor: pointer;
}

@media screen and (max-width: 481px) {
  .front .popover.popover-step {
    max-width: 355px;
    width: calc(100% - 20px);
    left: 10px !important;
    right: 10px;
  }
}
.black-tooltip + .tooltip {
  opacity: 1 !important;
}
.black-tooltip + .tooltip > .tooltip-inner {
  background-color: #3C3C3C;
  border: 1px solid #3C3C3C;
  color: #FFFFFF;
  border-radius: 5px;
}
.black-tooltip + .tooltip .tooltip-arrow {
  border-color: transparent !important;
  border-top: 5px solid #3C3C3C !important;
  border-style: solid !important;
}

/* HELPERS */
/* Custom grid for 3 items in a row */
.custom-grid .col-xs-6 {
  text-align: center;
}

@media screen and (min-width: 767px) {
  .custom-grid .col-sm-4:nth-child(3n+1),
  .custom-grid .views-row:nth-child(3n+1) .col-sm-4 {
    text-align: left;
  }
  .custom-grid .col-sm-4:nth-child(3n+2),
  .custom-grid .views-row:nth-child(3n+2) .col-sm-4 {
    text-align: center;
  }
  .custom-grid .col-sm-4:nth-child(3n+3),
  .custom-grid .views-row:nth-child(3n+3) .col-sm-4 {
    text-align: right;
  }
  .custom-grid .col-sm-4:nth-child(3n+4),
  .custom-grid .views-row:nth-child(3n+4) .col-sm-4 {
    clear: left;
  }
}
@media screen and (min-width: 451px) and (max-width: 767px) {
  .custom-grid .col-sm-4:nth-child(2n+3),
  .custom-grid .views-row:nth-child(2n+3) .col-sm-4 {
    clear: left;
  }
}
@media screen and (max-width: 450px) {
  .custom-grid .col-xs-6 {
    width: 100%;
  }
}
/* HELPERS */
/* Header */
.panel--exercise {
  border: 0;
  font-size: 16px;
  position: relative;
  background-color: #FAFAFA;
}
.panel--exercise .exercise-full-progress {
  z-index: 990;
  left: 0;
}
.panel--exercise .panel__close {
  position: absolute;
  top: -56px;
  right: 32px;
  z-index: 1;
}
.panel--exercise .panel__header {
  position: relative;
  max-width: 1050px;
  min-height: 125px;
  margin: 0 auto;
  padding-bottom: 12px;
  border-bottom: 1px solid #E3E3E3;
}
.panel--exercise .panel-title__icon {
  display: inline-block;
  width: 105px;
  height: 105px;
  margin-right: 15px;
  vertical-align: middle;
}
.panel--exercise .panel-title__text {
  display: inline-block;
  vertical-align: middle;
}
.panel--exercise .panel-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
}
.panel--exercise .panel-subtitle {
  font-size: 14px;
  font-weight: 500;
  font-style: italic;
  display: block;
  color: #CDCDCD;
}
.panel--exercise .panel-title2 {
  font-size: 15px;
  font-weight: 400;
  display: block;
  margin-top: 6px;
  text-shadow: 0 0 0;
}
.panel--exercise .panel-subtitle2 {
  font-size: 15px;
  font-weight: 300;
  display: block;
  margin-top: 6px;
}
.panel--exercise .icon-close {
  border: 0;
  background-color: transparent;
}

.photo-vocab .panel-title__text,
.panel-vb .panel-title__text {
  padding-top: 26px;
  padding-left: 4px;
}

/* Body */
.panel--exercise .panel__body {
  max-width: 920px;
  margin: 0 auto;
  padding: 0 10px;
}
.panel--exercise .panel__title-body {
  font-size: 25px;
  font-weight: 300;
  position: relative;
  margin-bottom: 16px;
  padding-left: 30px;
}
.panel--exercise .panel__title-body:before {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 0;
  height: 0;
  margin: auto;
  content: "";
  vertical-align: top;
  border-top: 11px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 16px solid #5BB4C6;
}
.panel--exercise .expression-flag {
  font-style: italic;
}

.pv-final-score .exercise-full-progress {
  left: -9px;
  position: absolute;
}

.panel--video-booster .panel__header {
  max-width: 100%;
}

@media screen and (min-width: 1000px) {
  .exercise-col-left {
    width: 44%;
    padding-right: 20px;
  }
  .exercise-col-right {
    width: 56%;
    padding-left: 20px;
  }
}
.panel--exercise__body {
  max-width: 940px;
  margin-right: auto;
  margin-left: auto;
}

.panel--exercise__body.full-width {
  max-width: 100%;
}

/* Footer */
.panel--exercise .panel__footer {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  max-width: 100%;
  min-height: 240px;
  margin: auto;
  padding: 20px 0 0 0;
  border-top: 1px solid #E3E3E3;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.panel--exercise .step-locked-message {
  font-size: 15px;
  font-weight: 400;
  position: absolute;
  top: 10px;
  right: auto;
  bottom: auto;
  left: 210px;
  width: 450px;
  margin: auto;
  text-transform: uppercase;
  color: #B6B8B9;
}

/* Panel footer */
@media screen and (min-width: 767px) and (max-width: 1024px) {
  .exercise-component.vb-step {
    width: 140px;
  }
}
@media only screen and (max-width: 1100px) {
  .panel--exercise .panel__footer {
    display: block;
    clear: both;
    text-align: center;
  }
  .panel--photo-vocab-final-score .panel__footer {
    padding-top: 0 !important;
  }
  .exercise-component.vb-step {
    height: 165px;
    margin-top: 10px;
  }
}
/* -----------------------------------------------------------------------------------
------------------------------------ RESPONSIVE VERSION ------------------------------
------------------------------------------------------------------------------------ */
@media only screen and (max-width: 991px) {
  .panel--exercise .panel__close {
    right: 10px;
    top: 10px;
    z-index: 1001;
    background-size: 17px;
  }
  .panel {
    padding: 0 15px;
  }
  .panel--exercise .panel-title {
    line-height: 1.4;
  }
  .panel--exercise .panel__header {
    padding-bottom: 0;
  }
  .panel--exercise .panel__title-body {
    font-size: 18px;
  }
  .panel--exercise .panel-title__icon {
    width: 65px;
    height: 65px;
    margin-top: 15px;
    margin-right: 10px;
    padding-top: 0;
    float: none;
  }
  .panel-title__text .panel-title {
    font-size: 14px;
  }
  .panel-title__text .panel-subtitle {
    font-size: 12px;
    line-height: 1.5;
  }
  /* Repair the top space that we removed when changing
   the padding of page-wrapper from 70px to 50px */
  .panel--photo-vocab {
    margin-top: 25px;
  }
}
/* FIX heigth for mobile devices */
.panel--exercise.mobile .my-current-item__container {
  height: auto;
}
.panel--exercise.mobile .panel__body {
  opacity: 0;
}

.node-type-video .panel--exercise .panel__header,
.node-type-photovocab .panel--exercise .panel__header {
  z-index: 999;
}

/* HELPERS */
/* -------------------------------------------------------------------------
 General styles
-------------------------------------------------------------------------- */
.prices-text {
  top: -40px;
  position: absolute;
  left: 0;
  font-size: 18px;
}

.page-buy-subscription #page-content > .container,
.page-buy-gift #page-content > .container {
  padding-top: 20px;
}
.page-buy-subscription .currency-selector,
.page-buy-gift .currency-selector {
  top: -120px;
  position: absolute;
  right: -30px;
  max-width: 175px;
  width: 100%;
}
.page-buy-subscription .pass-name,
.page-buy-gift .pass-name {
  margin-top: 10px;
}
.page-buy-subscription--independent-teacher .currency-selector,
.page-buy-gift--independent-teacher .currency-selector {
  right: -10px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .page-buy-gift .currency-selector,
  .page-buy-subscription .currency-selector {
    right: -10px;
  }
  .page-buy-gift .catalog-filter__dropdown,
  .page-buy-subscription .catalog-filter__dropdown {
    min-width: 245px !important;
    left: -70px !important;
  }
  .page-buy-subscription--independent-teacher .currency-selector {
    right: 70px;
  }
}
.feature-text {
  font-weight: 400;
}

.feature-type {
  padding: 13px;
  font-size: 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 175px;
  padding: 0 30px;
  display: none;
}
.feature-type p {
  margin-bottom: 0;
  text-align: center;
}

.payments-info {
  margin-top: 20px;
  border-top: 1px solid #DFDFDF;
}

.feature-details {
  padding-left: 25px;
  background-color: #FFFFFF;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -moz-box-flex: 1;
  display: -webkit-box;
  display: -moz-box;
  -webkit-box-align: center;
  -moz-box-align: center;
  padding: 1em;
}
.feature-details .feature-details--list {
  list-style-type: none;
  margin-bottom: 0;
}
.feature-details .feature-details--list li:before {
  position: absolute;
  margin-left: -30px;
}
.feature-details .feature-details--list .feature-list--element {
  padding-bottom: 15px;
  font-size: 16px;
}
.feature-details .feature-details--list .feature-list--element:last-child {
  padding-bottom: 0;
}
.feature-details .feature-details--list .feature-list--element:before {
  /* Add another block-level blank space */
  content: "";
  display: block;
  /* Make it a small rectangle so the border will create an L-shape */
  width: 7px;
  height: 16px;
  /* Add a white border on the bottom and left, creating that 'L' */
  border: solid #B4D1B4;
  border-width: 0 2px 2px 0;
  /* Rotate the L 45 degrees to turn it into a checkmark */
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.page-buy-subscription--family .feature-details {
  padding-left: 65px;
}

.additional-info {
  padding: 0 25px;
  font-size: 16px;
  margin-top: 20px;
}

.price-features {
  border: 1px solid #DFDFDF;
  width: 100%;
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -moz-box;
  min-height: 150px;
}

/* -------------------------------------------------------------------------
 Title sections
-------------------------------------------------------------------------- */
.feature-text--premium {
  color: #5BB4C7;
  margin-bottom: 0;
}

.feature-text--family {
  color: #FA9F70;
  margin-bottom: 0;
}

.feature-text--teacher {
  color: #996885;
  margin-bottom: 0;
}

.feature-text--gift {
  color: #FE7A73;
  margin-bottom: 0;
}

/* -------------------------------------------------------------------------
Feature types - colors
------------------------------------------------------------------------- */
.feature-type--premium {
  background-color: #5CB4C7;
}
.feature-type--premium p {
  color: #FFFFFF;
  font-weight: initial;
  text-align: center;
}

.feature-type--family {
  background-color: #FA9F70;
}
.feature-type--family p {
  color: #FFFFFF;
  font-weight: initial;
  text-align: center;
}

.feature-type--teacher {
  background-color: #996885;
}
.feature-type--teacher p {
  color: #FFFFFF;
  font-weight: initial;
  text-align: center;
}

.feature-type--gift {
  background-color: #FE7A73;
}
.feature-type--gift p {
  color: #FFFFFF;
  font-weight: initial;
  text-align: center;
}

.page-buy-subscription--independent-teacher .feature-type,
.page-buy-subscription--family .feature-type {
  padding: 0 20px;
}

.price-box--teacher .price-box__frame {
  border-top: 5px solid #996885;
}
.price-box--teacher .price-box__frame .buy-button-bp:hover {
  background: transparent;
  color: #996885;
}
.price-box--teacher .price-box__buy-now .buy-button-bp {
  border: 1px solid #996885;
  background-color: #996885;
}

/* -------------------------------------------------------------------------
Family pass page
------------------------------------------------------------------------- */
.page-buy-subscription--family .family_member-selector.catalog-filter--search {
  padding-left: 15px;
  margin-top: 10px;
  margin-bottom: 5px;
}
.page-buy-subscription--family .family_member-selector.catalog-filter--search li.active:before {
  top: 0;
}
.page-buy-subscription--family .family_member-selector .btn {
  border-color: #FA9F70 !important;
  color: #FA9F70 !important;
  padding-left: 10px;
}
.page-buy-subscription--family .family_member-selector ul a {
  color: #FA9F70 !important;
  border-bottom: 1px solid #FA9F70 !important;
  font-size: 16px;
  padding-top: 20px;
  padding-bottom: 12px;
}
.page-buy-subscription--family .family_member-selector ul li.active a {
  background-color: #FA9F70;
  color: #FFFFFF !important;
}
.page-buy-subscription--family .family_member-selector ul li a:hover {
  background-color: #FA9F70;
  color: #FFFFFF !important;
}
.page-buy-subscription--family .price-box--family .price-box__frame {
  border-top: 5px solid #FA9F70;
}
.page-buy-subscription--family .price-box--family .price-box__frame .buy-button-bp:hover {
  background: transparent !important;
  color: #FA9F70;
}
.page-buy-subscription--family .price-box--family .price-box__container .price-box__buy-now .buy-button-bp {
  border: 1px solid #FA9F70;
  background-color: #FA9F70;
}
.page-buy-subscription--family .arrow-carousel {
  border-color: #FA9F70;
  border-bottom: 2px solid #FA9F70;
  border-left: 2px solid #FA9F70;
}
.page-buy-subscription--family .arrow-carousel.disabled {
  border-color: #CCCCCC;
}
.page-buy-subscription--family .title-price-container hr {
  border-top: 1px solid #FA9F70 !important;
  margin-top: 10px !important;
}

/* Special offers */
.banner-image--prices {
  background-size: 100% 100%;
}
.banner-image--prices.summer-banner {
  /* In order to make it responsive, use the padding top: (height/width)*100px; */
  background-image: url("../images/banners/black-friday-price.png");
  padding-top: 20%;
}
@media screen and (max-width: 700px) {
  .banner-image--prices.summer-banner {
    background-image: url("../images/banners/black-friday-price.png");
    padding-top: 32.82%;
  }
}
.banner-image--prices.christmas-banner {
  background-image: url("../images/banners/christmas-price.png");
  padding-top: 20%;
}
@media screen and (max-width: 700px) {
  .banner-image--prices.christmas-banner {
    background-image: url("../images/banners/christmas-price.png");
    padding-top: 32.82%;
  }
}

.summer-waves {
  background-image: url("../images/all-icons/price-block--summer.png");
  padding-top: 45px;
  background-repeat: no-repeat;
  margin-top: -20px;
  position: absolute;
  bottom: 0;
  width: 100%;
  background-size: 100% 100%;
}
.summer-waves .price-box__text-2 {
  font-size: 16px;
  color: #FFFFFF;
}
.summer-waves .price-box__text-3 {
  color: rgba(255, 255, 255, 0.7);
}

.banner-title--big {
  font-size: 28px;
}
@media screen and (max-width: 767px) {
  .banner-title--big {
    font-size: 18px;
    font-weight: 400;
  }
}

.banner-subtitle {
  line-height: 1.88;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .banner-subtitle {
    line-height: 1;
  }
}

.banner__container {
  border-bottom: 1px solid #E3E3E3;
}

@media screen and (max-width: 767px) {
  .page-buy-subscription--independent-teacher .feature-type,
  .page-buy-subscription--family .feature-type,
  .page-buy-gift .feature-type,
  .page-buy-subscription .feature-type {
    max-width: 100%;
    min-height: 60px;
    border-bottom: 1px solid #E3E3E3;
    padding: 20px !important;
    border-right: 1px solid transparent !important;
  }
  .page-buy-subscription--independent-teacher .feature-text,
  .page-buy-subscription--family .feature-text,
  .page-buy-gift .feature-text,
  .page-buy-subscription .feature-text {
    padding-top: 10px;
  }
  .page-buy-subscription--independent-teacher .feature-details,
  .page-buy-subscription--family .feature-details,
  .page-buy-gift .feature-details,
  .page-buy-subscription .feature-details {
    padding-left: 10px !important;
  }
  .page-buy-subscription--independent-teacher .feature-details .feature-details--list .feature-list--element,
  .page-buy-subscription--family .feature-details .feature-details--list .feature-list--element,
  .page-buy-gift .feature-details .feature-details--list .feature-list--element,
  .page-buy-subscription .feature-details .feature-details--list .feature-list--element {
    padding-bottom: 8px;
    font-size: 14px;
  }
  .page-buy-subscription--independent-teacher .price-features,
  .page-buy-subscription--family .price-features,
  .page-buy-gift .price-features,
  .page-buy-subscription .price-features {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-buy-subscription--independent-teacher .pass-details,
  .page-buy-subscription--family .pass-details,
  .page-buy-gift .pass-details,
  .page-buy-subscription .pass-details {
    padding-bottom: 10px;
  }
  .left.arrow-carousel {
    left: -25px !important;
  }
  .right.arrow-carousel {
    right: -25px !important;
  }
  .page-buy-subscription--independent-teacher .currency-selector,
  .page-buy-subscription--family .currency-selector {
    top: -66px;
  }
  .price-box .price-box__frame:hover .buy-button-bp {
    color: #FFFFFF !important;
    background-color: #5BB4C7 !important;
  }
  .page-buy-subscription--family .price-box--family .price-box__frame:hover .buy-button-bp {
    color: #FFFFFF !important;
    background-color: #FA9F70 !important;
  }
  .price-box--teacher .price-box__frame:hover .buy-button-bp {
    color: #FFFFFF !important;
    background-color: #996885 !important;
  }
}
@media screen and (max-width: 991px) {
  .payment--aditional-description {
    display: none;
  }
}
@media screen and (min-width: 991px) and (max-width: 1024px) {
  .page-buy-subscription--family .payments__sidebar ul,
  .page-buy-subscription--independent-teacher .payments__sidebar ul {
    margin-top: 15px;
  }
}
@media screen and (min-width: 991px) {
  .page-buy-subscription--family .panel-landing__promo-code {
    bottom: 55px !important;
  }
}
/* Fix for IE -> instead of flex */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .page-buy-subscription .price-features,
  .page-buy-gift .price-features {
    display: table;
  }
  .page-buy-subscription .feature-type,
  .page-buy-subscription .feature-details,
  .page-buy-gift .feature-type,
  .page-buy-gift .feature-details {
    display: table-cell;
    vertical-align: middle;
  }
}
#block-ea_revamp-5 .panel--aside .logo-VB {
  height: 48px;
  width: 48px;
  top: 0;
}
#block-ea_revamp-5 #carousel-example-generic {
  margin-top: 13px;
}
#block-ea_revamp-5 .featured-block--description {
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  text-align: left;
  color: #000000;
}
#block-ea_revamp-5 .carousel-control {
  overflow: hidden;
  display: none;
}

/* HELPERS */
.panel-collapse {
  height: 52px;
  cursor: pointer;
  color: #FFFFFF;
  font-weight: normal;
  padding: 15px 25px;
  text-align: left;
  position: relative;
  margin-right: -15px;
  margin-left: -15px;
  /* margin is -15px because on homepage the panel--exercise panel--landing has a padding too. */
}
.panel-collapse--round-corners {
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
}
.panel-collapse .icon__arrow--up {
  top: 7px;
}
.panel-collapse .icon__arrow--down {
  bottom: 3px;
}
.panel-collapse.vb {
  background-color: #5BB4C7;
}
.panel-collapse.pv {
  background-color: #FA9F70;
}

@media screen and (max-width: 767px) {
  .content--collapsable {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}
.c-translation-modal__img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 90px;
  max-width: 90px;
  width: 100%;
}
.c-translation-modal__header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.c-translation-modal-header__title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 400;
  letter-spacing: -0.26px;
  line-height: 33px;
  margin: 0;
  max-width: 500px;
  width: 100%;
  text-align: left;
}
.c-translation-modal__bold {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.16px;
  line-height: 26px;
}
.c-translation-modal__quote {
  border: none;
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 15px;
  font-weight: 400;
  letter-spacing: -0.16px;
  line-height: 26px;
  margin: 0;
  padding: 0;
}
.c-translation-modal__author {
  color: #6B6B6B;
  display: block;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.16px;
  line-height: 26px;
  padding-left: 30px;
  padding-top: 30px;
}
.c-translation-modal__obj-title {
  padding-left: 0;
}
.c-translation-modal__select {
  border: 1px solid #4B4B4B;
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 11px;
  font-weight: 400;
  height: 37px;
  letter-spacing: -0.12px;
  line-height: 15px;
  margin-bottom: 20px;
  max-width: 220px;
  width: 100%;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  -webkit-appearance: none;
}
.c-translation-modal__select:focus {
  border: 1px solid #4A90E2;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #4A90E2;
}
.c-translation-modal__select:focus + .c-dropdown-icon:before {
  color: #4A90E2;
}
.c-translation-modal__select:focus option {
  font-family: "Open Sans";
  font-size: 12px;
}
.c-translation-modal__text {
  padding: 30px;
}

.c-dropdown__container {
  max-width: 220px;
  position: relative;
}
.c-dropdown-icon:before {
  color: #4B4B4B;
  content: "\f0d7";
  font-family: "Font Awesome 5 Free";
  font-size: 20px;
  font-weight: 900;
  pointer-events: none;
  position: absolute;
  right: 13px;
  top: 5px;
}

#translation-language-modal .c-dropdown-icon:before {
  top: 30px;
}

#translation-language-modal-save-button:disabled {
  background-color: #FFFFFF;
  border: 1px solid #CDCECF;
  color: #CDCECF;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  select::-ms-expand {
    display: none;
  }
}
@media (max-width: 991px) {
  .c-translation-modal-header__title {
    text-align: center;
  }
}
@media (max-width: 600px) {
  .c-translation-modal-header__title {
    font-size: 19px;
    line-height: 20px;
  }
}
/* START NEW DESIGN  [ COMPONENTS ] */
/* BULLETS GENERAL STYLING */
.c-bullets-container {
  padding: 0;
  margin: 0;
}

.c-bullet {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #DDDDDD;
  border-radius: 50%;
}
.c-bullet.active {
  background-color: #5BB4C7;
}
.c-bullet:hover {
  cursor: pointer;
}

/* BULLETS GENERAL STYLING FOR ABSOLUTE POSITIONING */
.c-bullets-container--carousel {
  position: absolute;
  top: auto;
  right: 0;
  bottom: -35px;
  left: 0;
  margin: 0;
  width: 100%;
}

/* GREEEN MODIFIER */
/* Modifies the background color */
.c-bullet--blue {
  background-color: #5BB4C7 !important;
}

/* Reset because we used the bootstrap class carousel-indicators */
li.c-bullet--carousel,
li.c-bullet--carousel.active {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #DDDDDD;
  border-radius: 50%;
}

li.c-bullet--carousel.active {
  background-color: #5BB4C7;
}

@media screen and (max-width: 991px) {
  /* Increased specificity so it can overwrite the previous css */
  ol.c-bullets-container--carousel {
    top: auto;
  }
}
/* HELPERS */
.c-timer p {
  font-size: 24px;
}
.c-timer {
  /* Allign the timer to the right */
}
.c-timer .flip-clock-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 15px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.c-timer .flip-clock-label {
  /* Hide the labels for minutes and seconds */
  display: none;
}
.c-timer {
  /* Dots */
}
.c-timer .flip-clock-divider.minutes .flip-clock-dot {
  display: none;
}
.c-timer .flip-clock-dot {
  width: 7px;
  height: 7px;
  background-color: #9DC49E;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.c-timer .flip-clock-dot.bottom {
  bottom: 19px;
}
.c-timer .flip-clock-dot.top {
  top: 18px;
}
.c-timer .flip-clock-divider {
  width: 18px;
  height: 56px;
}
.c-timer {
  /* End dots */
  /* Each element of timing */
}
.c-timer .flip-clock-wrapper ul {
  width: 28px;
  /* Make them look like a single unit - one for minutes, one for seconds */
  height: 56px;
  margin: 0;
  padding-left: 0;
  /* Hide the first one. Time limit will be one minute, 
  so we don't need 2 numbers in the minutes section; */
}
.c-timer .flip-clock-wrapper ul:first-of-type {
  display: none;
}
.c-timer .flip-clock-wrapper ul {
  /* Increase the width of the minutes timer, as it is alone; */
}
.c-timer .flip-clock-wrapper ul:nth-of-type(2) {
  width: 40px;
}
.c-timer .flip-clock-wrapper ul {
  /* Get the numbers from 3rd and 4th fliper closer to each other, and round the borders; */
}
.c-timer .flip-clock-wrapper ul:nth-of-type(3) li a div div.inn {
  padding-left: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.c-timer .flip-clock-wrapper ul:last-of-type li a div div.inn {
  padding-right: 5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.c-timer {
  /* Reset the flip element / ul; */
}
.c-timer .flip-clock-wrapper .flip {
  border-radius: none;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.c-timer {
  /* Reset the border radius for this element; */
}
.c-timer .flip-clock-wrapper ul li a div.down {
  border-radius: 0;
}
.c-timer {
  /* Vertical center of the numbers inside the flipper */
}
.c-timer .flip-clock-wrapper ul li {
  line-height: 57px;
}
.c-timer {
  /* Numbers inside each flip - in order to have 2 colors as in the design, 
  the gradient was implemented; */
}
.c-timer .flip-clock-wrapper ul li a div div.inn {
  border-radius: 10px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #94BB97), color-stop(50%, #94BB97), color-stop(50%, #9DC49E));
  text-shadow: none;
  font-size: 39px;
  color: #FAFAFA;
}
.c-timer {
  /* Hide the line from the middle of the flipper */
}
.c-timer .flip-clock-wrapper ul li a div.up:after {
  display: none;
}
.c-timer {
  /* The shadow on flip -> Have the same green  background instead of default 
  black and solve the border radius issue; */
}
.c-timer .flip-clock-wrapper ul.play li.flip-clock-active .down .shadow,
.c-timer .flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background: #9CC59F;
}
.c-timer .flip-clock-wrapper ul.play li.flip-clock-active .up .shadow,
.c-timer .flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: #94BB97;
}
.c-timer {
  /* When there are only 15 seconds left (element has class time-alert added)- 
  change the color to red instead of green */
}
.c-timer .time-clock.time-alert .flip-clock-dot {
  background: #DD6566;
}
.c-timer .time-clock.time-alert.flip-clock-wrapper ul li a div div.inn {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #DD6566), color-stop(50%, #DD6566), color-stop(50%, #E96A6B));
}
.c-timer .time-clock.time-alert.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow,
.c-timer .time-clock.time-alert.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background: #DD6566;
}
.c-timer .time-clock.time-alert.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow,
.c-timer .time-clock.time-alert.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: #DD6566;
}

@media screen and (max-width: 991px) {
  .c-timer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .c-timer p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    margin-bottom: 0;
    font-size: 18px;
    text-align: left;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
  .c-timer #time-limit-text {
    margin-left: 10px;
  }
  .c-timer .flip-clock-wrapper {
    margin: 0;
    padding: 0;
  }
}
/* HELPERS */
.cefr-level-container {
  /* Reset */
  margin-right: 0;
  margin-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 25px 20px 20px 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cefr-level--icon {
  display: inline-block;
  height: 95px;
  width: 95px;
  border-radius: 50%;
  float: left;
  color: #FFFFFF;
  font-weight: 600;
  text-align: center;
  line-height: 87px;
  font-size: 22px;
}
.cefr-level--icon:focus {
  outline: none !important;
}
.cefr-level--icon p {
  text-align: center;
  line-height: 95px;
  font-size: 22px;
  color: #FFFFFF;
  font-weight: 600;
}
.cefr-level--icon.unknown {
  background: #E5E4E4;
}
.cefr-level--icon.unknown p {
  font-size: 22px !important;
  color: #AEAEAE !important;
  top: 17px !important;
}
.cefr-level--icon.A1 {
  background: #9797EB;
  border-bottom: 5px solid #8787D1;
}
.cefr-level--icon.A2 {
  background: #806AC7;
  border-bottom: 5px solid #6E5AAE;
}
.cefr-level--icon.B1 {
  background: #FF98BB;
  border-bottom: 5px solid #ED90B0;
}
.cefr-level--icon.B2 {
  background: #FC719A;
  border-bottom: 5px solid #E6698E;
}
.cefr-level--icon.C1 {
  background: #85D5D5;
  border-bottom: 5px solid #79C1C1;
}
.cefr-level--icon.C2 {
  background: #32BABA;
  border-bottom: 5px solid #2EA6A6;
}
.cefr-level--icon.unknown p {
  color: #838383 !important;
  font-weight: 300 !important;
}

/* Valid for titles of each level - Assessment test info */
.cefr-level--title {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}
.cefr-level--title .c-cefr-lvl__title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
  margin-left: 5px;
  margin-top: 0;
}
.cefr-level--title.A1 {
  color: #9797EB;
}
.cefr-level--title.A2 {
  color: #806AC7;
}
.cefr-level--title.B1 {
  color: #FF98BB;
}
.cefr-level--title.B2 {
  color: #FC719A;
}
.cefr-level--title.C1 {
  color: #85D5D5;
}
.cefr-level--title.C2 {
  color: #32BABA;
}

/* Create a new class only for font color - general, 
so we don't break anyting already implemented on assessment pages */
.cefr-font-color.A1 {
  color: #9797EB;
}
.cefr-font-color.A2 {
  color: #806AC7;
}
.cefr-font-color.B1 {
  color: #FF98BB;
}
.cefr-font-color.B2 {
  color: #FC719A;
}
.cefr-font-color.C1 {
  color: #85D5D5;
}
.cefr-font-color.C2 {
  color: #32BABA;
}

.cefr-background.A1 {
  background-color: #9797EB;
}
.cefr-background.A2 {
  background: #806AC7;
}
.cefr-background.B1 {
  background: #FF98BB;
}
.cefr-background.B2 {
  background: #FC719A;
}
.cefr-background.C1 {
  background: #85D5D5;
}
.cefr-background.C2 {
  background: #32BABA;
}

.cefr-border--thick {
  border: 1px solid;
}
.cefr-border--thick.A1 {
  border-color: #9797EB;
}
.cefr-border--thick.A2 {
  border-color: #806AC7;
}
.cefr-border--thick.B1 {
  border-color: #FF98BB;
}
.cefr-border--thick.B2 {
  border-color: #FC719A;
}
.cefr-border--thick.C1 {
  border-color: #85D5D5;
}
.cefr-border--thick.C2 {
  border-color: #32BABA;
}

@media screen and (max-width: 767px) {
  .cefr-level-container {
    margin-left: 0 !important;
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
/*///////*/
/* HELPERS */
.page-forgot-password #popups {
  background: #FFFFFF;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
}
.page-forgot-password #popups #popups-title #popups-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.page-forgot-password #better-messages-wrapper .popups-footer .btn-confirm {
  border-radius: 25px;
  background-color: #4a90e2;
  border: 1px solid #4a90e2;
  color: #ffffff;
}

.is-tutlogo.page-forgot-password #better-messages-wrapper .popups-footer .btn-confirm {
  background-color: #32FF7E;
  border: 1px solid #32FF7E;
  color: #211915;
}

.is-doyouspeakgrandest.page-forgot-password #better-messages-wrapper .popups-footer .btn-confirm {
  background-color: #007AFF;
  border: 1px solid #007AFF;
}

body.of-canvas-opened {
  overflow: hidden;
}

#edit-regcode-code-wrapper {
  margin-top: 0;
}
#edit-regcode-code-wrapper .panel-landing__promo-code:before {
  margin-top: 10px;
}

.video-booster--text,
.photo-vocab--text,
.verb-dash--text {
  font-size: 25px;
  font-weight: 300;
  line-height: 80px;
  position: absolute;
  width: 100%;
  height: 70px;
  text-align: center;
  /* Padding:30px was added so we can have the same design as on live */
  padding-left: 30px;
}
.video-booster--text .video-booster__header--title,
.photo-vocab--text .video-booster__header--title,
.verb-dash--text .video-booster__header--title {
  font-size: 25px;
  font-weight: 300;
  text-align: center;
}
.video-booster--text .photo-vocab__header--title,
.photo-vocab--text .photo-vocab__header--title,
.verb-dash--text .photo-vocab__header--title {
  font-size: 26px;
}

.photo-vocab--text {
  padding-left: 10px;
  position: relative;
}

.video-booster__header--title {
  line-height: 70px;
  margin: 0;
}

.photo-vocab__header--title {
  line-height: 25px;
}

.node-type-photovocab .main-navbar__logo,
.node-type-video .main-navbar__logo,
.page-exercises .main-navbar__logo,
.page-exercises-video-boosters .main-navbar__logo,
.page-live .main-navbar__logo {
  margin-left: 0;
  padding: 0;
}

#user-panel__timespan-date {
  font-size: 12px;
}

.user-panel--canvas-style {
  color: #5CB4C7;
  font-size: 11px;
  font-weight: 400;
}

.learned-expressions-amount {
  color: #bbb;
  font-size: 14px;
  font-style: italic;
  font-weight: 500;
}

.learned-expression-list__header-item .caret {
  color: #929292;
}
.learned-expression-list__header-item a {
  color: #929292;
}

.user-profile-picture__container {
  position: relative;
  min-height: 215px;
  margin-top: 50px;
  margin-bottom: 20px;
}
.user-profile-picture__frame {
  margin: 0 auto;
  display: block;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  background-color: #f3f3f3;
  -webkit-box-shadow: 0 2px 0 1px #C4C4C4;
          box-shadow: 0 2px 0 1px #C4C4C4;
}
.user-profile-picture__placeholder {
  font-size: 132px;
  margin-top: 50px;
  color: #D2D2D2;
}
.user-profile-picture__canvas {
  overflow: hidden;
  width: 190px;
  height: 190px;
  background-position: center center;
  background-size: cover;
  border-radius: 100%;
}
.user-profile-picture__canvas--minified {
  width: 40px;
  height: 40px;
  display: inline-block;
}
.user-profile-picture__canvas--minified-45 {
  width: 45px;
  height: 45px;
  display: inline-block;
}
.user-profile-picture__canvas--minified-55 {
  width: 55px;
  height: 45px;
  display: inline-block;
}
.user-profile-picture__label {
  width: 55%;
  margin: 0 auto;
  font-size: 14px;
  background-color: #F3F3F3;
  -webkit-box-shadow: -1px 1px 0 1px #C4C4C4;
          box-shadow: -1px 1px 0 1px #C4C4C4;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 15px;
  padding: 5px;
}
.user-profile-picture__label a {
  color: #B1B1B1;
}

.c-user-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-top: 30px;
}
.c-user-block__text {
  color: #2D2D2D;
  font-size: 18px;
  font-weight: 600;
}
.c-user-block__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  text-decoration: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.c-user-block__link-text {
  color: #777F8F;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 0;
}

#edit-picture-upload {
  width: 0;
  height: 0;
  opacity: 0;
  display: inline-block;
}

#edit-picture-upload-wrapper label {
  display: inline-block;
  font-weight: 400;
  font-size: 14px;
  cursor: pointer;
  background: #fff;
  padding: 5px 20px;
  border-radius: 5px;
  border: 1px solid #E1E1E1;
  color: #B1B1B1;
}

#edit-picture-path {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  color: #7F7F7F;
}

.price-box {
  margin-top: 40px;
}
.price-box__frame {
  background: #FFFFFF;
  text-align: center;
  border: 1px solid #DFDFDF;
  border-top: 5px solid #5BB3CB;
  width: 100%;
  padding: 20px 0;
  margin: 0 auto 0 auto;
  color: #6C6C6C;
  min-height: 340px;
  max-width: 400px;
  position: relative;
  -webkit-transition: -webkit-box-shadow 0.6s ease;
  transition: -webkit-box-shadow 0.6s ease;
  transition: box-shadow 0.6s ease;
  transition: box-shadow 0.6s ease, -webkit-box-shadow 0.6s ease;
}
.price-box__frame.summer-offer {
  padding-bottom: 0;
}
.price-box__frame .title-price-container hr {
  width: 70%;
  border-top: 1px solid #9B9B9B;
  margin-top: 0;
  margin-bottom: 20px;
}
.price-box__frame .strike-through, .price-box__frame .strike-through-small {
  text-decoration: line-through;
}
.price-box__frame .strike-through-small {
  font-size: 12px;
}
.price-box__frame .strike-through-small sup {
  font-size: 12px !important;
}
.price-box__frame:hover {
  -webkit-box-shadow: 0 0 10px 1px #DDDDDD;
          box-shadow: 0 0 10px 1px #DDDDDD;
}
.price-box__frame {
  /* Used for St. Valentine offer - see #7580 */
}
.price-box__frame--red {
  border-top-color: #FB928D;
}
.price-box__frame--red .buy-button-bp {
  border: 1px solid #FB928D !important;
  background-color: #FB928D !important;
}
.price-box__frame--red:hover .buy-button-bp {
  background-color: transparent !important;
  color: #E76B6B !important;
}
.price-box__title {
  color: #4B4B4B;
}
.price-box__title h3 {
  max-width: 90%;
  margin: 0 auto;
}
.price-box__title-container {
  min-height: 55px;
}
.price-box__text-1 {
  font-size: 14px;
  font-weight: 500;
}
.price-box__text-2 {
  font-size: 14px;
  font-weight: 500;
  padding: 0 20px;
}
.price-box__text-3 {
  font-size: 14px;
  font-weight: 500;
  color: #D2D3D4;
  padding: 0 20px;
}
.price-box__value--initial {
  font-size: 14px;
}
.price-box__value .price-suffix {
  font-size: 14px;
}
.price-box__value .month-price sup {
  font-size: 14px;
  top: 0;
}
.price-box__buy-now .buy-button-bp, .price-box__buy-now .buy-button {
  font-size: 16px;
  width: 120px;
  height: 40px;
  margin-top: 20px;
  margin-bottom: 25px;
  padding: 5px 15px;
  text-align: center;
  color: #FFFFFF;
  border: 1px solid #5BB4C7;
  border-radius: 10px;
  background-color: #5BB4C7;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.price-box__buy-now .buy-button {
  border-color: #FE7A73;
  background-color: #FE7A73;
}
.price-box__buy-now .buy-button-bp:hover {
  background: transparent;
  color: #5BB4C7;
  -webkit-transition: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.price-box--gift-card .price-box__container:nth-child(2n+1) {
  border-right: 1px solid #E3E3E3;
}
.price-box--gift-card .price-box__frame {
  border-top-color: #FE7A73;
  padding-bottom: 35px;
  width: 280px;
  min-height: 290px;
}
.price-box--gift-card .price-box__frame.selected {
  -webkit-box-shadow: 0 0 10px 1px #DDDDDD;
          box-shadow: 0 0 10px 1px #DDDDDD;
}
.price-box--gift-card .price-box__frame {
  /* Remove the strike through in order to replace it with a thicker line */
}
.price-box--gift-card .price-box__frame .strike-through {
  text-decoration: none;
}
.price-box--gift-card .price-box__value {
  margin-top: 10px;
  font-weight: 400;
}
.price-box--gift-card .price-box__value.strike-through {
  font-size: 20px;
  line-height: 1.5;
  color: #6C6C6C;
  font-weight: 300;
}
.price-box--gift-card .price-box__value.price-box__value--actual {
  font-size: 34px;
  line-height: 0.71;
}
.price-box--gift-card .price-box__title h3 {
  font-size: 34px;
  color: #4A4A4A;
}
.price-box--gift-card .price-box__text-1 {
  font-size: 20px;
  font-weight: 300;
}
.price-box--gift-card .price-box__text-2 {
  color: #D2D3D4;
  padding-top: 20px;
  font-size: 18px;
}
.price-box--gift-card .price-box__text-3 {
  font-size: 18px;
}
.price-box--gift-card .original-price {
  position: relative;
}
.price-box--gift-card .original-price:after {
  content: " ";
  display: block;
  border-bottom: 1px solid #6C6C6C;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
}
.price-box--organizations .price-box__frame {
  border: 1px solid #DFDFDE;
  width: 90%;
  padding: 20px 20px;
  min-height: 370px;
  position: relative;
}
.price-box--organizations .price-box__frame:hover {
  border-color: #72BAAC;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.price-box--organizations .price-box__container:nth-child(2n+1) {
  border-right: 1px solid #E3E3E3;
}
.price-box--organizations .price-box__value {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 300;
}
.price-box--organizations .btn-green {
  background-color: #72BAAC;
  font-size: 14px;
  white-space: pre-wrap;
  /* css-3 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 25px;
  padding: 5px 30px;
  width: 150px;
  margin-bottom: 30px;
  -webkit-transition: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.price-box--organizations .btn-green:hover {
  background: transparent;
  border: 1px solid #72BAAC;
  color: #72BAAC;
  -webkit-transition: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.payment-details__container {
  background: #FFFFFF;
  border: 1px solid #DFDFDF;
  text-align: center;
  padding: 40px 30px;
  width: 100%;
  margin: 0 auto;
}
.payment-details__container h3 {
  margin-top: 0;
}
.payment-details__container p {
  font-size: 14px;
  margin-bottom: 20px;
}
.payment-details__container em {
  color: #BDC0C1;
  font-size: 14px;
}
.payment-details__title {
  margin-bottom: 30px;
}
.payment-details--icon {
  display: block;
}
.payment-details__icon-cb {
  width: 40px;
  height: 24px;
  background: url("../images/all-icons/payment-s77d9aefe85.png") 0 0;
}
.payment-details__icon-visa {
  width: 50px;
  height: 16px;
  background: url("../images/all-icons/payment-s77d9aefe85.png") 0 284px;
}
.payment-details__icon-master-card {
  width: 40px;
  height: 24px;
  background: url("../images/all-icons/payment-s77d9aefe85.png") 0 244px;
}
.payment-details__icon-american-express {
  width: 58px;
  height: 24px;
  background: url("../images/all-icons/payment-s77d9aefe85.png") 0 376px;
}
.payment-details__icon-pay-pal {
  width: 58px;
  height: 16px;
  background: url("../images/all-icons/payment-s77d9aefe85.png") 0 195px;
}
.payment-details__icon-diners {
  width: 85px;
  height: 23px;
  background: url("../images/all-icons/payment-s77d9aefe85.png") 0 331px;
}
.payment-details__icon-cashu {
  width: 75px;
  height: 14px;
  background: url("../images/all-icons/payment-s77d9aefe85.png") 0 438px;
}
.payment-details__icon-unionpay {
  width: 40px;
  height: 23px;
  background: url("../images/all-icons/payment-s77d9aefe85.png") 0 68px;
}
.payment-details__icon-alipay {
  width: 55px;
  height: 23px;
  background: url("../images/all-icons/payment-s77d9aefe85.png") 0 155px;
}
.payment-details__box {
  margin-bottom: 30px;
}

.payment-form__container {
  width: 83%;
  margin: 30px auto;
  padding: 0 15px;
  font-size: 14px;
}
.payment-form__container .error {
  border-color: #FE7A73;
  color: #FE7A73;
}

.payment-form__container input[type=radio], .price-box__container input[type=radio], .difficulty-scales__form input[type=radio] {
  display: none;
}
.payment-form__container label, .price-box__container label, .difficulty-scales__form label {
  font-weight: 300;
}
.payment-form__container input[type=radio] + label > span, .payment-form__container input[type=radio] + span, .price-box__container input[type=radio] + label > span, .price-box__container input[type=radio] + span, .difficulty-scales__form input[type=radio] + label > span, .difficulty-scales__form input[type=radio] + span {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
}
.payment-form__container input[type=radio] + label > span span, .payment-form__container input[type=radio] + span span, .price-box__container input[type=radio] + label > span span, .price-box__container input[type=radio] + span span, .difficulty-scales__form input[type=radio] + label > span span, .difficulty-scales__form input[type=radio] + span span {
  display: inline-block;
  width: 21px;
  height: 21px;
  margin: 2px;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  border: 3px solid #FFFFFF;
}
.payment-form__container input[type=radio] + label > span,
.payment-form__container input[type=radio] + span, .price-box__container input[type=radio] + label > span,
.price-box__container input[type=radio] + span, .difficulty-scales__form input[type=radio] + label > span,
.difficulty-scales__form input[type=radio] + span {
  background-color: #E7E6E6;
}
.payment-form__container input[type=radio] + label > span span,
.payment-form__container input[type=radio] + span span, .price-box__container input[type=radio] + label > span span,
.price-box__container input[type=radio] + span span, .difficulty-scales__form input[type=radio] + label > span span,
.difficulty-scales__form input[type=radio] + span span {
  background-color: #FFFFFF;
}
.payment-form__container input[type=radio]:checked + label > span,
.payment-form__container input[type=radio]:checked + span, .price-box__container input[type=radio]:checked + label > span,
.price-box__container input[type=radio]:checked + span, .difficulty-scales__form input[type=radio]:checked + label > span,
.difficulty-scales__form input[type=radio]:checked + span {
  background-color: #FE7A73;
}
.payment-form__container input[type=radio]:checked + label > span span,
.payment-form__container input[type=radio]:checked + span span, .price-box__container input[type=radio]:checked + label > span span,
.price-box__container input[type=radio]:checked + span span, .difficulty-scales__form input[type=radio]:checked + label > span span,
.difficulty-scales__form input[type=radio]:checked + span span {
  background-color: #FE7A73;
}

.price-box__container input[type=radio] + label > span,
.price-box__container input[type=radio] + span,
.difficulty-scales__form input[type=radio] + label > span,
.difficulty-scales__form input[type=radio] + span {
  width: 40px;
  height: 40px;
  margin: -1px 4px 0 0;
}
.price-box__container input[type=radio] + label > span span,
.price-box__container input[type=radio] + span span,
.difficulty-scales__form input[type=radio] + label > span span,
.difficulty-scales__form input[type=radio] + span span {
  width: 36px;
  height: 36px;
  margin: 2px 2px;
  border-width: 4px;
}

.difficulty-scales__form input[type=radio] + span {
  margin-right: 15px;
  background-color: #5BB4C7;
}
.difficulty-scales__form input[type=radio] + span span {
  background-color: #FFFFFF;
}
.difficulty-scales__form input[type=radio]:checked + span {
  background-color: #5BB4C7;
}
.difficulty-scales__form input[type=radio]:checked + span span {
  background-color: #5BB4C7;
}
.difficulty-scales__form .form-radios {
  margin: 0;
}
.difficulty-scales__form .form-item {
  margin-bottom: 10px;
}

.subscription-offer__expiration {
  font-size: 14px;
}
.subscription-offer__contact-info {
  font-size: 14px;
}
.subscription-offer__contact-info a {
  color: #5CB4C7;
}

.currency-selector {
  padding-left: 15px !important;
}
.currency-selector .catalog-filter__btn {
  color: #BDBDBD !important;
  border: 1px solid #BDBDBD !important;
  height: 40px !important;
  font-size: 14px !important;
}
.currency-selector li.active a {
  color: #FFFFFF !important;
  background-color: #BDBDBD !important;
}
.currency-selector li a {
  color: #BDBDBD !important;
  font-size: 14px !important;
  border-bottom: 1px solid #BDBDBD !important;
}
.currency-selector li a:hover {
  color: #FFFFFF !important;
}

/* Independent teacher page */
.teachers-extra-info {
  margin-top: 15px;
}

.student-selector {
  padding-left: 15px !important;
}
.student-selector .btn {
  border-color: #996885 !important;
  color: #996885 !important;
}
.student-selector ul a {
  color: #996885 !important;
  border-bottom: 1px solid #996885 !important;
}
.student-selector ul li.active a {
  background-color: #996885;
  color: #FFFFFF !important;
}
.student-selector ul li a:hover {
  background-color: #996885;
  color: #FFFFFF !important;
}

.arrow-carousel {
  width: 30px;
  height: 30px;
  border-color: #996885;
  display: inline-block;
  border-bottom: 2px solid #996885;
  border-left: 2px solid #996885;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: absolute;
  top: 47%;
  cursor: pointer;
}
.arrow-carousel.disabled {
  border-color: #CCCCCC;
}

.left.arrow-carousel {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: -15px;
}

.right.arrow-carousel {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  right: -15px;
}

/* Teacher pass carousel */
.price-box {
  width: 100%;
  margin: 20px -10px 0 0;
  position: relative;
}
.price-box .owl-carousel .owl-wrapper-outer {
  height: 400px;
  padding-top: 35px;
}
.price-box .price-box__container.current {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  padding-right: 25px;
  padding-left: 25px;
}

/* Update subscription page */
#stageheader {
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 30px;
  padding-top: 50px;
  font-size: 24px;
}

#orderDataHeader {
  border: 0;
  background: transparent;
  margin-top: 0;
  margin-bottom: 15px;
  border-bottom: 3px solid #5CB4C7;
  display: table;
  font-size: 24px;
  font-weight: 300;
  color: #666666;
  border-radius: 0;
  background: none !important;
}

#orderData {
  font-size: 14px;
}
#orderData em {
  margin-bottom: 5px;
  color: #BDC0C1;
  font-style: italic;
}
#orderData p {
  margin: 0;
}
#orderData .displayAmount {
  color: #5CB4C7;
  margin: 10px 0 15px;
  font-weight: 400;
}
#orderData .paySubmit:hover {
  background-color: #2D9FB7;
  -webkit-transition: all 0s ease-in;
  -moz-transition: all 0s ease-in;
}
#orderData .paySubmit {
  font-size: 16px;
  min-width: 180px;
  height: 40px;
  padding: 5px 15px;
  text-align: center;
  color: #FFFFFF;
  border: 1px solid #5BB4C7;
  border-radius: 10px;
  background-color: #5BB4C7;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  margin-top: 15px;
}

.bottom_info {
  padding: 0;
}
.bottom_info .panel {
  padding: 50px 185px;
  margin-bottom: 0;
  padding-left: 185px !important;
}
.bottom_info .panel p {
  margin-bottom: 10px;
  font-size: 14px;
  margin: 5px 0;
}
.bottom_info .panel h2 {
  margin-bottom: 10px;
  font-size: 24px;
}
.bottom_info .panel .section2 {
  padding-top: 15px;
}

.bottom_info h2,
.bottom_info p,
.bottom_info div {
  margin-top: 0;
  text-align: center;
}

#nextstepc {
  color: #555555;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 60px;
  font-size: 14px;
}

#community_picture_upload_form_container .form-submit {
  font-size: 16px;
  min-width: 200px;
  height: 45px;
  margin-top: 20px;
  padding: 5px 15px;
  text-align: center;
  color: #FFFFFF;
  border: 1px solid #5BB4C7;
  border-radius: 10px;
  background-color: #5BB4C7;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#community_picture_upload_form_container #edit-submit {
  background-color: #C7C7C7;
  border-color: #E3E3E3;
  cursor: default;
}

.landing__header.content-split.payments__header {
  margin-top: 0;
}

.landing__header.content-split.landing__header--full {
  margin: 0;
  min-height: 25px;
}
.landing__header.content-split.landing__header--full div {
  display: none;
}

.payments__header {
  border-bottom: 1px solid #E3E3E3;
}
.payments__sidebar ul {
  list-style: none;
  padding: 0;
}
.payments__sidebar-item {
  text-align: center;
}
.payments__sidebar-item a {
  background: #CCCCCC;
  font-size: 14px;
  margin: 15px 32px 32px auto;
  width: 75%;
  color: #FFFFFF;
  min-height: auto;
  position: relative;
  display: inline-block;
  max-width: 198px;
  float: left;
  width: 100%;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0;
}
.payments__sidebar-item a.active:after {
  width: 0;
  height: 0;
  top: 70px;
  right: 0;
  left: 0;
  margin: 0 auto;
  border-top: 12px solid transparent;
  border-bottom: 12px solid #CCCCCC;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  position: absolute;
  content: " ";
}
.payments__sidebar-item a.active {
  color: #FFFFFF;
}
.payments__sidebar-item a:hover, .payments__sidebar-item a:active {
  text-decoration: none;
  color: white;
}
.payments__sidebar-item h3 {
  font-size: 16px;
  font-weight: 400;
  word-break: normal;
  margin: 0;
}
.payments__sidebar-item--premium a {
  background-color: transparent;
  border: 2px solid #50A5B7;
  color: #50A5B7;
}
.payments__sidebar-item--premium a:hover, .payments__sidebar-item--premium a:active {
  background-color: #5CB4C7;
  border: 2px solid #5CB4C7;
}
.payments__sidebar-item--premium a.active:after {
  border-bottom-color: #5CB4C7;
}
.payments__sidebar-item--premium .active {
  background-color: #5CB4C7;
  border: 2px solid #5CB4C7;
}
.payments__sidebar-item--family a {
  background-color: transparent;
  border: 2px solid #FB9F71;
  color: #FB9F71;
}
.payments__sidebar-item--family a:hover, .payments__sidebar-item--family a:active {
  background-color: #FB9F71;
  border-color: #FB9F71;
}
.payments__sidebar-item--family a.active:after {
  border-bottom-color: #FB9F71;
}
.payments__sidebar-item--family .active {
  background-color: #FB9F71;
  border-color: #FB9F71;
}
.payments__sidebar-item--gift-card a {
  background-color: transparent;
  border: 2px solid #FB928D;
  color: #FB928D;
}
.payments__sidebar-item--gift-card a:hover, .payments__sidebar-item--gift-card a:active {
  background-color: #FB928D;
  border-color: #FB928D;
}
.payments__sidebar-item--gift-card a.active:after {
  border-bottom-color: #FB928D;
}
.payments__sidebar-item--gift-card .active {
  background-color: #FB928D;
  border-color: #FB928D;
}
.payments__sidebar-item--organizations a {
  background-color: transparent;
  border: 2px solid #8FCABE;
  color: #8FCABE;
  margin-right: 0;
}
.payments__sidebar-item--organizations a:hover, .payments__sidebar-item--organizations a:active {
  background-color: #8FCABE;
  border-color: #8FCABE;
}
.payments__sidebar-item--organizations a.active:after {
  border-bottom-color: #8FCABE;
}
.payments__sidebar-item--organizations .active {
  background-color: #8FCABE;
  border-color: #8FCABE;
}
.payments__sidebar-item--independent-teacher a {
  background-color: transparent;
  border: 2px solid #996885;
  color: #996885;
}
.payments__sidebar-item--independent-teacher a.active:after {
  border-bottom: 12px solid #996885;
}
.payments__sidebar-item--independent-teacher a:hover, .payments__sidebar-item--independent-teacher a:active {
  background-color: #996885;
  border-color: 996885;
}
.payments__sidebar-item--independent-teacher a h3 {
  word-break: normal;
}
.payments__sidebar-item--independent-teacher .active {
  background-color: #996885;
  border-color: #996885;
}
.payments__sidebar-item:first a {
  margin-top: 35px;
}

.page-buy-subscription .payments-types,
.page-buy-gift .payments-types {
  border-bottom: 7px solid #FB928D;
  padding-bottom: 25px;
}
.page-buy-subscription--premium .payments-types,
.page-buy-gift--premium .payments-types {
  border-bottom: 7px solid #5CB4C7;
}
.page-buy-subscription--family .payments-types,
.page-buy-gift--family .payments-types {
  border-bottom: 7px solid #FB9F71;
}
.page-buy-subscription--family .feature-type,
.page-buy-gift--family .feature-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #FFFFFF;
  border-right: 1px solid #E3E3E3;
}
.page-buy-subscription--family .feature-type p,
.page-buy-gift--family .feature-type p {
  color: #000000;
  font-weight: 300;
}
.page-buy-subscription--independent-teacher .payments-types,
.page-buy-gift--independent-teacher .payments-types {
  border-bottom: 7px solid #996885;
}
.page-buy-subscription--independent-teacher .feature-type,
.page-buy-gift--independent-teacher .feature-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 60px 20px;
  background: #FFFFFF;
  border-right: 1px solid #E3E3E3;
}
.page-buy-subscription--independent-teacher .feature-type p,
.page-buy-gift--independent-teacher .feature-type p {
  color: #000000;
  font-weight: 300;
}
.page-buy-subscription--organizations .payments-types,
.page-buy-gift--organizations .payments-types {
  border-bottom: 7px solid #8FCABE;
}

.payment-details__container {
  margin-top: 20px;
}

abbr {
  cursor: default !important;
  border: none !important;
  text-decoration: none;
}

.page-buy-subscription--independent-teacher .title-price-container hr {
  border-top: 1px solid #996885 !important;
}
.page-buy-subscription--independent-teacher .feature-details {
  padding-left: 65px;
}

@media only screen and (max-width: 991px) {
  .page-live #edit-regcode-code-wrapper,
  .page-live #regcode-voucher {
    display: none;
  }
  #regcode-voucher.custom-form--regcode {
    padding-left: 0 !important;
  }
  .page-buy-subscription #edit-regcode-code-wrapper, .page-buy-subscription #regcode-voucher,
  .page-buy-gift #edit-regcode-code-wrapper,
  .page-buy-gift #regcode-voucher {
    display: none;
  }
  .page-buy-subscription .content-split__cell--main,
  .page-buy-gift .content-split__cell--main {
    margin-right: 0;
    max-width: 100%;
  }
  .page-buy-subscription .subscription-offer__title,
  .page-buy-gift .subscription-offer__title {
    margin-top: 25px;
  }
  .page-buy-subscription .price-box,
  .page-buy-gift .price-box {
    margin-top: 30px;
  }
  .page-buy-subscription .price-box__container,
  .page-buy-gift .price-box__container {
    margin-top: 30px;
  }
  .page-buy-subscription .price-box__container:nth-child(3n+1),
  .page-buy-gift .price-box__container:nth-child(3n+1) {
    margin-top: 0;
  }
  .page-buy-subscription .subscription-offer,
  .page-buy-gift .subscription-offer {
    text-align: left;
  }
  .page-buy-subscription .price-box__title h3,
  .page-buy-gift .price-box__title h3 {
    font-size: 24px;
  }
  .page-buy-subscription .payment-details__container h3,
  .page-buy-gift .payment-details__container h3 {
    margin-bottom: 20px;
  }
  .page-buy-subscription .payment-details__container p,
  .page-buy-subscription .payment-details__container em,
  .page-buy-gift .payment-details__container p,
  .page-buy-gift .payment-details__container em {
    font-size: 12px;
  }
  .page-buy-subscription .payment-details__box,
  .page-buy-gift .payment-details__box {
    margin-bottom: 20px;
  }
  .page-buy-subscription .payment-details__box p,
  .page-buy-gift .payment-details__box p {
    margin-bottom: 15px;
  }
  .page-buy-subscription .payment-details__title h3,
  .page-buy-gift .payment-details__title h3 {
    font-size: 14px;
  }
  .page-buy-subscription .payment-details__title,
  .page-buy-gift .payment-details__title {
    margin-bottom: 20px;
  }
  .page-buy-subscription .price-box__value,
  .page-buy-gift .price-box__value {
    font-weight: 400;
  }
  .page-buy-subscription .subscription-offer__contact-info,
  .page-buy-gift .subscription-offer__contact-info {
    margin-top: 10px;
    text-align: left;
    font-size: 12px;
  }
  .page-buy-subscription .subscription-offer__title,
  .page-buy-gift .subscription-offer__title {
    font-size: 18px;
  }
  .page-buy-subscription .payments-types,
  .page-buy-gift .payments-types {
    border-width: 1px;
  }
  .page-buy-subscription .payments-types .payments__sidebar-item a,
  .page-buy-gift .payments-types .payments__sidebar-item a {
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
  .page-buy-subscription .payments-types .payments__sidebar-item a.active:after,
  .page-buy-gift .payments-types .payments__sidebar-item a.active:after {
    display: none;
  }
  .page-buy-subscription .payments-types .payments__sidebar-item:nth-of-type(2) a,
  .page-buy-gift .payments-types .payments__sidebar-item:nth-of-type(2) a {
    margin-right: 0;
  }
  .page-buy-subscription .payments-types h3,
  .page-buy-gift .payments-types h3 {
    word-spacing: 350px;
  }
  .page-buy-subscription .currency-selector,
  .page-buy-gift .currency-selector {
    right: 0;
    top: -55px;
    max-width: 150px;
  }
  .page-buy-subscription #currency-selector,
  .page-buy-gift #currency-selector {
    padding-left: 10px;
  }
  .page-buy-gift .price-box {
    margin-top: 0;
    margin: auto;
  }
  .page-buy-gift .price-box__container:nth-child(n) {
    margin-top: 30px;
  }
  .page-buy-gift .price-box__frame {
    width: 100%;
  }
  .page-buy-gift .price-box__title h3 {
    font-size: 28px;
    font-weight: 300;
  }
  .page-buy-gift .payment-form__container {
    width: 100%;
    margin-bottom: 0;
  }
  .page-buy-gift .payment-form__container .form-horizontal {
    margin-left: -15px;
    margin-right: -15px;
  }
  .page-buy-gift .payment-form__container .payment-form__title {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px;
  }
  .page-buy-gift .payment-form__container .payment-form__sub-title {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;
  }
  .page-buy-gift .payment-form__container p {
    margin: 0 0 10px;
  }
  .page-buy-gift #submit-button-placeholder {
    margin-top: 0;
    margin-bottom: 0;
  }
  .payments--organization .subscription-offer__title {
    text-align: left;
  }
  .payments--organization .price-box--organizations p {
    margin: 0 0 10px;
  }
  .payments--organization .price-box--organizations .btn-green {
    position: static;
    margin-bottom: 0;
  }
  .payments--organization .price-box--organizations .price-box__frame {
    width: 100%;
    padding: 20px 10px;
    min-height: initial;
  }
  .page-buy-subscription #popups .form-input .form-checkboxes,
  .page-buy-subscription #popups .form-input input,
  .page-buy-subscription #popups .form-input select,
  .page-buy-subscription #popups .form-input textarea {
    margin-left: 0;
    max-width: 100%;
    margin-right: 0;
  }
  .page-buy-subscription #popups .form-item .form-checkboxes {
    max-width: 100%;
    margin-left: 0;
  }
  .page-buy-subscription #popups .form-item select {
    max-width: 100%;
  }
  .page-buy-subscription #popups .form-input,
  .page-buy-subscription #popups .form-item {
    width: 100%;
  }
  .page-buy-subscription #popups .form-input label,
  .page-buy-subscription #popups .form-item label {
    text-align: left;
    font-weight: 400;
  }
  .page-buy-subscription #popups .form-input label.option input:before,
  .page-buy-subscription #popups .form-input label.option input:before,
  .page-buy-subscription #popups .form-item label.option input:before,
  .page-buy-subscription #popups .form-item label.option input:before {
    margin-top: 0;
  }
  .page-buy-subscription #popups .form-actions {
    width: 100%;
  }
  .page-buy-subscription #popups .custom-form .form-submit {
    display: block;
    width: 80%;
    margin: auto;
    min-width: initial;
  }
  #page-content > .container.container--no-padding {
    padding-top: 30px;
  }
  .black-box {
    bottom: 30px !important;
  }
}
/* SAY WHAT */
.game-buttons .easy-mode {
  background: #A87894;
  float: left;
  margin-right: 40px;
}
.game-buttons .expert-mode {
  float: left;
  background: #A87894;
}

.say-what .panel__title-body:before {
  border-top: 11px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 16px solid #A87894;
}
.say-what .panel__lerning_mode {
  margin-top: 32px;
  font-size: 25px;
}
.say-what .logo-VB {
  background-image: url("../images/all-icons/vinyle.svg");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 0;
  width: 110px;
  height: 110px;
}
.say-what .exercise-full-progress-container {
  /* The default section color (VB) */
}
.say-what .exercise-full-progress-container .Blues .q0-9 {
  fill: #DDDBDB;
}
.say-what .exercise-full-progress-container {
  /* Section color for section that is  started (VB) */
}
.say-what .exercise-full-progress-container .Blues .q8-9 {
  fill: #9D6E89;
}
.say-what .exercise-full-progress-container {
  /* Section color for section that is not started yet (VB) */
}
.say-what .exercise-full-progress-container .Blues .q6-9 {
  fill: #F5F5F5;
}
.say-what .exercise-full-progress-container:before {
  background-image: url("../images/icons/purple-arrow.svg");
}
.say-what .vb-game-panel {
  background-color: #A06D8B;
}
.say-what .vb-gameplay-container {
  background: url("../images/icons/tv-screen-purple.svg");
  width: 845px;
  background-size: cover;
  max-width: 100%;
  margin: 0 auto;
  padding: 60px 0;
  height: 730px;
}
.say-what .vb-gameplay-container--small {
  background: url("../images/icons/tv-screen-purple-2.svg");
  width: 845px;
  background-size: contain;
  max-width: 100%;
  margin: 0 auto;
  padding: 55px 0;
  height: 630px;
}
.say-what iframe {
  margin: 10px auto;
}
@-moz-document url-prefix() {
  .say-what iframe {
    margin: -7px auto;
  }
}

.panel_footer--placeholder {
  width: 1000px;
}

.vb-say-what .exercise-component__value {
  background-color: #A06D8B;
}

.calendar-icon__container {
  position: relative;
  display: inline-block;
  height: 80px;
  width: 80px;
  margin-left: 20px;
}
.calendar-icon__container .name-current-month {
  position: absolute;
  z-index: 10;
  top: 20px;
  left: 3px;
  right: 0;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  font-size: 12px;
  font-weight: 800;
  color: #FFFFFF;
}
.calendar-icon__container .current-day {
  position: absolute;
  z-index: 10;
  top: 28px;
  right: 0;
  margin: 0 auto;
  width: 100%;
  left: 5px;
  text-align: center;
  font-size: 40px;
  letter-spacing: 5px;
  font-weight: 600;
  color: #5E5E5E;
}
.calendar-icon__container--small {
  height: 50px;
  width: 50px;
  margin-left: -15px;
}
.calendar-icon__container--small .name-current-month {
  top: 12px;
  left: 5px;
  font-size: 10px;
}
.calendar-icon__container--small .current-day {
  top: 20px;
  left: 8px;
  font-size: 28px;
}
.calendar-icon__container--small .calendar-icon__image {
  width: 60px;
  height: 60px;
}
.calendar-icon__image {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: url("/sites/all/themes/earesponsive/images/all-icons/calendar.svg") no-repeat;
}

.karaoke-popover {
  font-size: 11px;
  text-align: center;
}
.karaoke-popover .arrow {
  border-top-color: #EBF1F3 !important;
  display: none;
}
.karaoke-popover .arrow:after {
  border-top-color: #EBF1F3 !important;
  display: none;
}
.karaoke-popover .close {
  font-weight: 300;
  font-size: 14px;
  color: #000000;
  position: absolute;
  right: 5px;
  top: 0;
  opacity: 1;
  display: none;
}
.karaoke-popover .btn-purple {
  opacity: 1;
  padding: 2px 8px 3px 8px;
  margin-bottom: 0;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 11px;
  background: #9F6C8A;
  min-width: 59px;
}
.karaoke-popover .btn-purple.btn-unlock {
  background: #E76B6B;
  padding: 2px 8px 3px 10px;
}
.karaoke-popover .btn-purple.btn-unlock:hover, .karaoke-popover .btn-purple.btn-unlock:active, .karaoke-popover .btn-purple.btn-unlock:focus {
  background-color: #E45858;
}
.karaoke-popover .popover-content {
  position: absolute;
  background: #F3F3F3;
  border-radius: 3px;
  padding: 10px 16px;
  border: none;
  border-radius: 15px;
  width: 145px;
  height: 77px;
  min-height: 0;
  text-align: left;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  overflow: hidden;
  opacity: 0;
}
.karaoke-popover .popover-content.shown {
  width: 145px;
  height: 77px;
  right: 2px;
  top: -64px;
  opacity: 1;
}
.karaoke-popover .popover-content.shown-vb-list {
  right: -14px;
  top: -38px;
  opacity: 1;
}
.karaoke-popover .popover-content p {
  color: #434343;
  text-align: left;
  margin-bottom: 5px;
  font-size: 11px;
  line-height: 1.2;
  max-width: 77px;
  opacity: 1;
}
.karaoke-popover .popover-container {
  position: relative;
}

/* Popover close button for mobile - initially hidden */
.popover-close {
  display: none;
}

/* END SAY WHAT */
.halteres-icon {
  margin-left: -30px;
}

.vertical-top {
  vertical-align: top !important;
  height: 100%;
}

/* LANDING VERBDASH */
/* New template */
.verb-dash__time-description, .verb-dash__time {
  display: inline;
}

.verb-dash__time-description {
  color: #A9A9A9;
}

.verb-dash__time {
  color: #FF0000;
}

.verb-dash__infinitive-div {
  margin-bottom: 10px;
}

.verb-dash__infinitive-div p {
  margin-bottom: 0;
}

/* Old template */
.verb-dash__game-container {
  position: relative;
}
.verb-dash__game-container img {
  width: 100%;
}
.verb-dash__infinitive-container {
  top: 125px;
  left: 0;
  right: 0;
  max-width: 100px;
  margin: 0 auto;
  text-align: center;
  border: 2px solid #4B4B4B;
  background: #EAE8E3;
  border-radius: 5px;
  padding: 5px;
  position: absolute;
}
.verb-dash__definition-container {
  top: 170px;
  left: 0;
  right: 0;
  max-width: 160px;
  height: 100px;
  margin: 0 auto;
  padding: 5px 10px;
  text-align: left;
  font-size: 11px;
  position: absolute;
}
.verb-dash__verb-placeholder {
  background: #5E5E5E;
  color: #FFFFFF;
  border-radius: 3px;
  margin-left: 11px;
  width: 130px;
  padding: 2px;
  float: left;
}
.verb-dash__verb-placeholder:first-child {
  margin-left: 0;
}
.verb-dash__verb-placeholder ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.verb-dash__verb-placeholder ul li {
  display: block;
  float: left;
  margin-left: 3px;
  padding: 2px;
  width: 13px;
  background: #FAFAFA;
  border-radius: 3px;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  color: #5E5E5E;
  text-transform: uppercase;
}
.verb-dash__verb-placeholder ul li:first-child {
  margin-left: 0;
}
.verb-dash__tense-container {
  top: 330px;
  left: 10px;
  right: 0;
  max-width: 420px;
  height: 100px;
  margin: 0 auto;
  text-align: justify;
  font-size: 12px;
  position: absolute;
}
.verb-dash__tense-container--minified {
  max-width: 480px;
}
.verb-dash__tense-container--minified .verb-dash__verb-placeholder {
  margin-left: 7px;
  width: 150px;
}
.verb-dash__tense-container--minified .verb-dash__verb-placeholder li {
  margin-left: 2px;
  padding: 1px;
  width: 10px;
  font-size: 8px;
}

/* END OF VERBDASH */
/* OVERWRITE FOR MODALS */
/* Styling for the Organization -> More info, popup way of displaying */
#popups {
  opacity: 1 !important;
  z-index: 99999;
  width: 100%;
  max-width: 900px;
  left: 0 !important;
  right: 0 !important;
  margin: 10px auto;
  background: #FAFAFA;
  padding: 30px 50px;
  border-radius: 15px;
}
#popups-title {
  background: transparent;
  color: #848484;
  font-weight: 400;
  font-size: 24px;
  padding: 0;
  border: none;
}
#popups-title .title {
  font-weight: 300;
  font-size: 28px;
  padding-bottom: 10px;
  margin: 0;
}
#popups-title #popups-close {
  margin-top: -30px;
  margin-right: -30px;
  font-size: 35px;
}
#popups-title #popups-close a {
  color: #848484;
}
#popups-title #popups-close a:hover {
  text-decoration: none;
}
#popups-body {
  height: auto !important;
  overflow: hidden;
}
#popups-body > .node > h2 {
  display: none;
}
#popups-body .node-body {
  font-size: 14px;
  margin-bottom: 30px;
}
#popups-overlay {
  z-index: 1002;
  position: fixed;
}
#popups legend {
  font-size: 18px;
  color: #848484;
  float: left;
  position: relative;
}
#popups legend:after {
  content: " ";
  width: 65%;
  display: block;
  float: right;
  position: absolute;
  right: 0;
  top: 1px;
  left: 0;
  bottom: 0;
  margin: auto;
  height: 1px;
  border-bottom: 1px solid #E5E5E5;
  margin-left: 180px;
}
#popups .form-checkboxes .form-item {
  width: 50%;
}
#popups .form-actions {
  float: right;
  margin-top: 20px;
}
#popups .messages {
  list-style-type: none;
  padding: 0;
}
#popups .messages.booster-pass .message-item.first {
  text-align: center;
}

.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-input,
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-item:not(.c-answer-list__form-item),
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item),
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item),
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) {
  float: left;
  max-width: 700px;
  width: 100%;
  margin-bottom: 5px;
}
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-input span.option,
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-item:not(.c-answer-list__form-item) span.option,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input span.option,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) span.option,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input span.option,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) span.option,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input span.option,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) span.option {
  display: block;
}
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-input span.option:before, .is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-input span.option:after,
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-item:not(.c-answer-list__form-item) span.option:before,
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-item:not(.c-answer-list__form-item) span.option:after,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input span.option:before,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input span.option:after,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) span.option:before,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) span.option:after,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input span.option:before,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input span.option:after,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) span.option:before,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) span.option:after,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input span.option:before,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input span.option:after,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) span.option:before,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) span.option:after {
  content: "";
  display: table;
}
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-input span.option:after,
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-item:not(.c-answer-list__form-item) span.option:after,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input span.option:after,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) span.option:after,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input span.option:after,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) span.option:after,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input span.option:after,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) span.option:after {
  clear: both;
}
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-input span.option label,
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-item:not(.c-answer-list__form-item) span.option label,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input span.option label,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) span.option label,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input span.option label,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) span.option label,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input span.option label,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) span.option label {
  padding-left: 50px;
  width: 100%;
  text-align: left;
  font-weight: 400;
  position: relative;
}
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-input span.option label:before,
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-item:not(.c-answer-list__form-item) span.option label:before,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input span.option label:before,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) span.option label:before,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input span.option label:before,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) span.option label:before,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input span.option label:before,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) span.option label:before {
  position: absolute;
  width: 25px;
  height: 25px;
  content: " ";
  background: #FFFFFF;
  border: 1px solid #E7E7E7;
  display: inline-block;
  border-radius: 3px;
  text-align: center;
  color: #FFFFFF;
  font-size: 18px;
  margin-top: -2px;
  left: 0;
  float: right;
}
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-input span.option .form-checkbox,
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-item:not(.c-answer-list__form-item) span.option .form-checkbox,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input span.option .form-checkbox,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) span.option .form-checkbox,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input span.option .form-checkbox,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) span.option .form-checkbox,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input span.option .form-checkbox,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) span.option .form-checkbox {
  display: none;
}
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-input span.option .form-checkbox:checked + label:before,
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-item:not(.c-answer-list__form-item) span.option .form-checkbox:checked + label:before,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input span.option .form-checkbox:checked + label:before,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) span.option .form-checkbox:checked + label:before,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input span.option .form-checkbox:checked + label:before,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) span.option .form-checkbox:checked + label:before,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input span.option .form-checkbox:checked + label:before,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) span.option .form-checkbox:checked + label:before {
  content: "✔";
  background: #5CB4C7;
  border: none;
}
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-input label,
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-item:not(.c-answer-list__form-item) label,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input label,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) label,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input label,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) label,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input label,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) label {
  float: left;
  margin-top: 5px;
  width: 36%;
  font-size: 14px;
  font-weight: 600;
}
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-input label.option,
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-item:not(.c-answer-list__form-item) label.option,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input label.option,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) label.option,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input label.option,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) label.option,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input label.option,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) label.option {
  float: right;
  width: 400px;
  text-align: left;
  font-weight: 400;
  color: #848484;
  position: relative;
}
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-input label.option label,
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-item:not(.c-answer-list__form-item) label.option label,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input label.option label,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) label.option label,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input label.option label,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) label.option label,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input label.option label,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) label.option label {
  padding-left: 50px;
}
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-input label.option label:before,
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-item:not(.c-answer-list__form-item) label.option label:before,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input label.option label:before,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) label.option label:before,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input label.option label:before,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) label.option label:before,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input label.option label:before,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) label.option label:before {
  position: absolute;
  width: 25px;
  height: 25px;
  content: " ";
  background: #FFFFFF;
  border: 1px solid #E7E7E7;
  display: inline-block;
  border-radius: 3px;
  text-align: center;
  color: #FFFFFF;
  font-size: 18px;
  margin-top: -2px;
  left: -20px;
}
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-input label.option .form-checkbox,
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-item:not(.c-answer-list__form-item) label.option .form-checkbox,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input label.option .form-checkbox,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) label.option .form-checkbox,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input label.option .form-checkbox,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) label.option .form-checkbox,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input label.option .form-checkbox,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) label.option .form-checkbox {
  display: none;
}
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-input label.option .form-checkbox:checked + label:before,
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-item:not(.c-answer-list__form-item) label.option .form-checkbox:checked + label:before,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input label.option .form-checkbox:checked + label:before,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) label.option .form-checkbox:checked + label:before,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input label.option .form-checkbox:checked + label:before,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) label.option .form-checkbox:checked + label:before,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input label.option .form-checkbox:checked + label:before,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) label.option .form-checkbox:checked + label:before {
  content: "✔";
  background: #5CB4C7;
  border: none;
}
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-input label.option input,
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-item:not(.c-answer-list__form-item) label.option input,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input label.option input,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) label.option input,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input label.option input,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) label.option input,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input label.option input,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) label.option input {
  width: 0;
  height: 0;
}
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-input label.option input:focus,
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-item:not(.c-answer-list__form-item) label.option input:focus,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input label.option input:focus,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) label.option input:focus,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input label.option input:focus,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) label.option input:focus,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input label.option input:focus,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) label.option input:focus {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-input label .form-required,
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-item:not(.c-answer-list__form-item) label .form-required,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input label .form-required,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) label .form-required,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input label .form-required,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) label .form-required,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input label .form-required,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) label .form-required {
  display: inline-block;
}
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-input input,
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-input select,
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-input .form-checkboxes,
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-input textarea,
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-item:not(.c-answer-list__form-item) input,
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-item:not(.c-answer-list__form-item) select,
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-item:not(.c-answer-list__form-item) .form-checkboxes,
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-item:not(.c-answer-list__form-item) textarea,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input input,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input select,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input .form-checkboxes,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input textarea,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) input,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) select,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) .form-checkboxes,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) textarea,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input input,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input select,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input .form-checkboxes,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input textarea,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) input,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) select,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) .form-checkboxes,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) textarea,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input input,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input select,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input .form-checkboxes,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input textarea,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) input,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) select,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) .form-checkboxes,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) textarea {
  width: 60%;
  margin-top: 0;
}
@media (min-width: 758px) {
  .is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-input input,
  .is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-input select,
  .is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-input .form-checkboxes,
  .is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-input textarea,
  .is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-item:not(.c-answer-list__form-item) input,
  .is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-item:not(.c-answer-list__form-item) select,
  .is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-item:not(.c-answer-list__form-item) .form-checkboxes,
  .is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-item:not(.c-answer-list__form-item) textarea,
  .is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input input,
  .is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input select,
  .is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input .form-checkboxes,
  .is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input textarea,
  .is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) input,
  .is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) select,
  .is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) .form-checkboxes,
  .is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) textarea,
  .is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input input,
  .is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input select,
  .is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input .form-checkboxes,
  .is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input textarea,
  .is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) input,
  .is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) select,
  .is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) .form-checkboxes,
  .is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) textarea,
  .is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input input,
  .is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input select,
  .is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input .form-checkboxes,
  .is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input textarea,
  .is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) input,
  .is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) select,
  .is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) .form-checkboxes,
  .is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) textarea {
    margin-left: 10px !important;
  }
}
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-input input.error,
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-input select.error,
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-input .form-checkboxes.error,
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-input textarea.error,
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-item:not(.c-answer-list__form-item) input.error,
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-item:not(.c-answer-list__form-item) select.error,
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-item:not(.c-answer-list__form-item) .form-checkboxes.error,
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-item:not(.c-answer-list__form-item) textarea.error,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input input.error,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input select.error,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input .form-checkboxes.error,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input textarea.error,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) input.error,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) select.error,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) .form-checkboxes.error,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) textarea.error,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input input.error,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input select.error,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input .form-checkboxes.error,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input textarea.error,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) input.error,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) select.error,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) .form-checkboxes.error,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) textarea.error,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input input.error,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input select.error,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input .form-checkboxes.error,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input textarea.error,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) input.error,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) select.error,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) .form-checkboxes.error,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) textarea.error {
  border: 1px solid red;
}
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-input input:focus,
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-input textarea:focus,
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-input select:focus,
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-item:not(.c-answer-list__form-item) input:focus,
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-item:not(.c-answer-list__form-item) textarea:focus,
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-item:not(.c-answer-list__form-item) select:focus,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input input:focus,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input textarea:focus,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input select:focus,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) input:focus,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) textarea:focus,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) select:focus,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input input:focus,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input textarea:focus,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input select:focus,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) input:focus,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) textarea:focus,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) select:focus,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input input:focus,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input textarea:focus,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input select:focus,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) input:focus,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) textarea:focus,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) select:focus {
  background-color: #FFFFFF !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-input input[type=checkbox],
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .form-item:not(.c-answer-list__form-item) input[type=checkbox],
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input input[type=checkbox],
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) input[type=checkbox],
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input input[type=checkbox],
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) input[type=checkbox],
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-input input[type=checkbox],
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .form-item:not(.c-answer-list__form-item) input[type=checkbox] {
  float: left !important;
}
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .custom-form,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .custom-form,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .custom-form,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .custom-form {
  max-width: 790px;
}
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .custom-form--left .form-input, .is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .custom-form--left .form-item,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .custom-form--left .form-input,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .custom-form--left .form-item,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .custom-form--left .form-input,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .custom-form--left .form-item,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .custom-form--left .form-input,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .custom-form--left .form-item {
  float: left;
}
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .custom-form--left .form-input label, .is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .custom-form--left .form-item label,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .custom-form--left .form-input label,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .custom-form--left .form-item label,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .custom-form--left .form-input label,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .custom-form--left .form-item label,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .custom-form--left .form-input label,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .custom-form--left .form-item label {
  text-align: left;
}
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .custom-form--left .form-input input, .is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .custom-form--left .form-item input,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .custom-form--left .form-input input,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .custom-form--left .form-item input,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .custom-form--left .form-input input,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .custom-form--left .form-item input,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .custom-form--left .form-input input,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .custom-form--left .form-item input {
  float: left;
  clear: both;
  margin-left: 0;
}
.is-lingua:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup) .custom-form--left .form-submit,
.is-region:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .custom-form--left .form-submit,
.is-tutlogo:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .custom-form--left .form-submit,
.is-doyouspeakgrandest:not(.node-type-skill-booster):not(.node-type-video):not(.node-type-photovocab):not(.node-type-starter-lab):not(.page-user-login-register):not(.page-user-settings):not(.page-lingua-profile-setup):not(.page-registration-step-3) .custom-form--left .form-submit {
  margin-top: 30px;
}

.is-lingua.node-type-webform .custom-form,
.is-andjoys.node-type-webform .custom-form,
.is-tutlogo.node-type-webform .custom-form,
.is-doyouspeakgrandest.node-type-webform .custom-form {
  margin: 20px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  padding: 10px 20px;
}
.is-lingua.node-type-webform #edit-actions.form-actions.form-wrapper,
.is-andjoys.node-type-webform #edit-actions.form-actions.form-wrapper,
.is-tutlogo.node-type-webform #edit-actions.form-actions.form-wrapper,
.is-doyouspeakgrandest.node-type-webform #edit-actions.form-actions.form-wrapper {
  padding: 0;
  margin-bottom: 20px;
}
.is-lingua.node-type-webform.not-logged-in #globalnav,
.is-andjoys.node-type-webform.not-logged-in #globalnav,
.is-tutlogo.node-type-webform.not-logged-in #globalnav,
.is-doyouspeakgrandest.node-type-webform.not-logged-in #globalnav {
  display: none;
}

.page-exercises #popups-overlay {
  z-index: 99999;
}

.btn-feedback {
  text-indent: -200px;
}

/* Styling for Organization - > More info, display in new tab witout popup */
.page-forms-requests #page-content {
  height: auto !important;
  overflow: hidden;
}
.page-forms-requests #page-content .page-header {
  margin-top: 0;
  max-width: 790px;
  margin: auto;
}
.page-forms-requests #page-content .page-header .page-title {
  font-weight: 300;
  font-size: 28px;
  padding-bottom: 10px;
  border-bottom: 1px solid #5CB4C7;
  margin-top: 0;
  color: #848484;
}
.page-forms-requests #page-content .node-body {
  padding-bottom: 20px;
  max-width: 790px;
  margin: auto;
}
.page-forms-requests #page-content .custom-form {
  margin: auto;
}
.page-forms-requests #page-content legend {
  font-size: 18px;
  color: #848484;
  float: left;
  position: relative;
}
.page-forms-requests #page-content legend:after {
  content: " ";
  width: 65%;
  display: block;
  float: right;
  position: absolute;
  right: 0;
  top: 1px;
  left: 0;
  bottom: 0;
  margin: auto;
  height: 1px;
  border-bottom: 1px solid #E5E5E5;
  margin-left: 180px;
}
.page-forms-requests #page-content .form-checkboxes .form-item {
  width: 50%;
}
.page-forms-requests #page-content .form-input,
.page-forms-requests #page-content .form-item {
  float: left;
  max-width: 700px;
  width: 100%;
  margin-bottom: 5px;
}
.page-forms-requests #page-content .form-input .resizable-textarea,
.page-forms-requests #page-content .form-item .resizable-textarea {
  width: 100%;
}
.page-forms-requests #page-content .form-input .resizable-textarea .grippie,
.page-forms-requests #page-content .form-item .resizable-textarea .grippie {
  display: none;
}
.page-forms-requests #page-content .form-input label,
.page-forms-requests #page-content .form-item label {
  float: left;
  margin-top: 5px;
  color: #262E31;
  width: 36%;
  text-align: right;
  font-size: 14px;
  font-weight: 600;
}
.page-forms-requests #page-content .form-input label.option,
.page-forms-requests #page-content .form-item label.option {
  float: right;
  width: 400px;
  text-align: left;
  font-weight: 400;
  color: #848484;
  position: relative;
}
.page-forms-requests #page-content .form-input label.option label,
.page-forms-requests #page-content .form-item label.option label {
  padding-left: 50px;
}
.page-forms-requests #page-content .form-input label.option .form-checkbox,
.page-forms-requests #page-content .form-item label.option .form-checkbox {
  display: none;
}
.page-forms-requests #page-content .form-input label.option input,
.page-forms-requests #page-content .form-item label.option input {
  width: 0;
  height: 0;
}
.page-forms-requests #page-content .form-input label.option input:focus,
.page-forms-requests #page-content .form-item label.option input:focus {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.page-forms-requests #page-content .form-input label .form-required,
.page-forms-requests #page-content .form-item label .form-required {
  display: inline-block;
}
.page-forms-requests #page-content .form-input span.option,
.page-forms-requests #page-content .form-item span.option {
  display: block;
}
.page-forms-requests #page-content .form-input span.option:before, .page-forms-requests #page-content .form-input span.option:after,
.page-forms-requests #page-content .form-item span.option:before,
.page-forms-requests #page-content .form-item span.option:after {
  content: "";
  display: table;
}
.page-forms-requests #page-content .form-input span.option:after,
.page-forms-requests #page-content .form-item span.option:after {
  clear: both;
}
.page-forms-requests #page-content .form-input span.option label,
.page-forms-requests #page-content .form-item span.option label {
  padding-left: 50px;
  width: 100%;
  text-align: left;
  font-weight: 400;
  position: relative;
}
.page-forms-requests #page-content .form-input span.option label:before,
.page-forms-requests #page-content .form-item span.option label:before {
  position: absolute;
  width: 25px;
  height: 25px;
  content: " ";
  background: #FFFFFF;
  border: 1px solid #E7E7E7;
  display: inline-block;
  border-radius: 3px;
  text-align: center;
  color: #FFFFFF;
  font-size: 18px;
  margin-top: -2px;
  left: 0;
  float: right;
}
.page-forms-requests #page-content .form-input span.option .form-checkbox,
.page-forms-requests #page-content .form-item span.option .form-checkbox {
  display: none;
}
.page-forms-requests #page-content .form-input span.option .form-checkbox:checked + label:before,
.page-forms-requests #page-content .form-item span.option .form-checkbox:checked + label:before {
  content: "✔";
  background: #5CB4C7;
  border: none;
}
.page-forms-requests #page-content .form-input span .form-checkboxes .form-item,
.page-forms-requests #page-content .form-item span .form-checkboxes .form-item {
  width: 50%;
}
.page-forms-requests #page-content .form-input input,
.page-forms-requests #page-content .form-input select,
.page-forms-requests #page-content .form-input .form-checkboxes,
.page-forms-requests #page-content .form-input textarea,
.page-forms-requests #page-content .form-item input,
.page-forms-requests #page-content .form-item select,
.page-forms-requests #page-content .form-item .form-checkboxes,
.page-forms-requests #page-content .form-item textarea {
  float: left;
  width: 60%;
  margin-top: 0;
  margin-left: 10px;
}
.page-forms-requests #page-content .form-input input.error,
.page-forms-requests #page-content .form-input select.error,
.page-forms-requests #page-content .form-input .form-checkboxes.error,
.page-forms-requests #page-content .form-input textarea.error,
.page-forms-requests #page-content .form-item input.error,
.page-forms-requests #page-content .form-item select.error,
.page-forms-requests #page-content .form-item .form-checkboxes.error,
.page-forms-requests #page-content .form-item textarea.error {
  border: 1px solid #FF0000;
}
.page-forms-requests #page-content .form-input input:focus,
.page-forms-requests #page-content .form-input textarea:focus,
.page-forms-requests #page-content .form-input select:focus,
.page-forms-requests #page-content .form-item input:focus,
.page-forms-requests #page-content .form-item textarea:focus,
.page-forms-requests #page-content .form-item select:focus {
  background-color: #FFFFFF !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.page-forms-requests #page-content .form-input input[type=checkbox],
.page-forms-requests #page-content .form-item input[type=checkbox] {
  float: left !important;
}
.page-forms-requests #page-content .form-actions {
  float: right;
  margin-top: 20px;
}
.page-forms-requests #page-content .messages {
  list-style-type: none;
  padding: 0;
}
.page-forms-requests #page-content .custom-form {
  max-width: 790px;
}
.page-forms-requests #page-content .custom-form--left .form-input,
.page-forms-requests #page-content .custom-form--left .form-item {
  float: left;
}
.page-forms-requests #page-content .custom-form--left .form-input label,
.page-forms-requests #page-content .custom-form--left .form-item label {
  text-align: left;
}
.page-forms-requests #page-content .custom-form--left .form-input input,
.page-forms-requests #page-content .custom-form--left .form-item input {
  float: left;
  clear: both;
  margin-left: 0;
}
.page-forms-requests #page-content .custom-form--left .form-submit {
  margin-top: 30px;
}

/* END OVERWRITE FOR MODALS */
/* ICONS */
.unlock-icon {
  background: url("../images/all-icons/unlock.svg") center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px;
  margin-top: -10px;
  display: inline-block;
  vertical-align: middle;
  margin-left: -40px;
  margin-right: 15px;
}

.btn-unlock {
  padding: 15px 20px;
  max-width: 100% !important;
}

.btn-xs.btn-unlock {
  font-size: 9px;
}
.btn-xs .unlock-icon {
  width: 20px;
  height: 20px;
  margin-top: -5px;
  margin-left: -10px;
  margin-right: 0;
}

/* END OF ICONS */
/* FOOTER */
.footer-nav ul.nav li > a {
  color: #3F3F3F;
  padding: 10px 5px;
  background: transparent;
}
.footer-nav ul.nav li > a:hover {
  text-decoration: underline;
  background: transparent;
}
.footer-nav {
  width: 840px;
  max-width: 100%;
  margin-right: 20px;
}

.nav-pills {
  margin-right: 30px;
}

.page-buy-subscription .nav-pills {
  margin-right: 0;
}
.page-buy-subscription .footer-nav {
  width: 1500px;
  margin-right: 0;
}

.logged-in.node-type-preso .footer-nav {
  width: 1500px;
  margin-right: 0;
}

/* END OF FOTOER */
/* FOOTER PAGES */
.panel--about {
  border-radius: 0 !important;
}

.panel--press {
  border-radius: 0 !important;
  min-height: 250px;
}

.terms-of-use__container a {
  color: #262E31;
}
.terms-of-use__container .views-row {
  font-size: 18px;
}
.terms-of-use__container .views-row .node-body {
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 30px;
}

/* END OF FOOTER PAGES */
/* FIXES */
/* Removed focus for all elements */
*:focus {
  /* Don't delete this line - used for implementation test */
  outline: thin dotted !important;
  outline-offset: -2px !important;
}

.difficulty-splitter {
  width: 0;
  height: 240px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  border-left: 4px dashed #ebeae9;
  top: 10px;
}

.pv-final-score .difficulty-splitter {
  height: 185px;
  top: 50px;
}

/* END FIXES */
/* NONE PREMIUM HOME */
.landing__header.content-split {
  min-height: 50px;
  margin-top: 24px;
}

/* END NONE PREMIUM HOME */
/* PAGER */
.item-list .pager {
  display: table;
  margin: auto;
}
.item-list .pager li {
  margin: 0 !important;
  border: 1px solid #DBDBDB;
  display: table-cell;
  border-right: 0;
}
.item-list .pager li a {
  border: none;
  background: transparent;
  padding: 0 8px;
  color: #8B8B8B;
  font-style: normal;
  font-size: 16px;
  font-weight: 500;
}
.item-list .pager li.pager-current {
  padding: 9px 18px;
  color: #8B8B8B;
  font-style: normal;
  font-size: 16px;
}
.item-list .pager li.first {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.item-list .pager li.last {
  border-right: 1px solid #DBDBDB;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

/* Hide the pager from spinner loading, PV & VB - #7525 */
.page-vb-list .item-list .pager li.last,
.page-pv-list .item-list .pager li.last {
  border: none;
}

/* END OF PAGER */
/* GENERAL MODIFIERS */
.cursor-pointer {
  cursor: pointer;
}

.cursor-arrow {
  cursor: default;
}

/* END GENERAL MODIFIERS */
.tip-hide {
  font-size: 14px;
  text-decoration: underline;
  cursor: pointer;
  float: right;
}

#messages-inner {
  width: 100%;
}
#messages-inner .content {
  display: inline-block;
  min-height: 100px;
}
#messages-inner .content .messages-label {
  display: none;
}
#messages-inner .content .messages {
  list-style: none;
  padding: 0;
}

.media--tip {
  margin-bottom: 0;
}
.media--tip .media-body:focus {
  outline: none !important;
}
.media--tip .media-body p {
  font-size: 14px;
}
.media--tip .media-body img {
  width: 450px;
}
.media--tip .media-body .tip-popover {
  position: absolute;
  top: -60px;
  width: 140px;
  text-align: center;
  right: 0;
}
.media--tip .media-body .tip-popover .arrow:after {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #FFFFFF;
  position: absolute;
  content: " ";
  bottom: -10px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
}
.media--tip .media-body .tip-popover__content {
  padding: 5px;
  border-radius: 5px;
  font-size: 14px;
  background: #FFFFFF;
  color: #FFFFFF;
}
.media--tip .media-body .tip-popover__container {
  display: table;
  position: relative;
  margin: 70px auto;
  margin-bottom: 0;
}
.media--tip .media-body .tip-popover--pv {
  right: 0;
  left: 0;
  margin: auto;
}
.media--tip .media-body .tip-popover--pv .arrow {
  border-top-color: #FA9F70;
}
.media--tip .media-body .tip-popover--pv .arrow:after {
  border-top-color: #FA9F70;
}
.media--tip .media-body .tip-popover--pv .tip-popover__content {
  background-color: #FA9F70;
}
.media--tip .media-body .tip-popover--vb .arrow {
  border-top-color: #5BB4C7;
}
.media--tip .media-body .tip-popover--vb .arrow:after {
  border-top-color: #5BB4C7;
}
.media--tip .media-body .tip-popover--vb .tip-popover__content {
  background-color: #5BB4C7;
}

.pv-content .exercise-component {
  margin: 30px 14px 56px 14px;
}

.exercise-vocab .popover {
  z-index: 9 !important;
}

.node-type-flash-game #page-content .container {
  background: none;
  border: none;
}
.node-type-flash-game #page-content .container .panel {
  padding: 0;
  margin: 0 auto;
}
.node-type-flash-game #page-content .container .panel .panel__body {
  padding: 0;
}
.node-type-flash-game #page-content .container .panel .panel__body canvas {
  border-radius: 10px;
}

#connector {
  position: absolute;
}
#connector line {
  stroke: #DDDDDD;
  stroke-width: 1;
}

.btn-transparent {
  background: transparent !important;
  border: 1px solid #C6C6C6 !important;
  color: #C6C6C6 !important;
  min-width: 230px !important;
  padding: 14px !important;
  font-size: 14px !important;
  text-align: center;
}

.expandable-trigger {
  position: relative;
}
.expandable-trigger:before {
  content: "\e809";
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 28px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: -28px;
  color: #ABABAB;
  font-size: 20px;
}
.expandable-trigger[aria-expanded=true]:before {
  content: "\e80b";
}

#user-profile-form {
  max-width: 100%;
  width: 100%;
  padding-left: 20px;
}
#user-profile-form .edit-delete {
  float: none;
  margin-top: 0;
}
#user-profile-form #edit-submit {
  margin-top: 5px;
  min-width: 230px !important;
  padding: 14px !important;
  font-size: 14px !important;
  text-align: center;
  height: 100%;
}
#user-profile-form .fb-connect legend {
  font-size: 14px;
  font-weight: 400;
  color: #848484;
}
#user-profile-form .fb-connect input {
  margin-top: 0;
}
#user-profile-form .form-item label {
  font-size: 14px;
  font-weight: 400;
  color: #848484;
}
#user-profile-form .settings-chgpwd {
  margin-top: 20px;
  margin-bottom: 10px;
}
#user-profile-form .settings-chgpwd a {
  font-size: 14px;
  font-weight: 400;
}
#user-profile-form .settings-delete-account {
  font-size: 14px;
  color: #E76B6B;
  font-weight: 400;
}
#user-profile-form input.error {
  border-color: #5CB4C7 !important;
  background: #FFFFFF;
}
#user-profile-form .description {
  font-size: 10px;
  color: #848484;
  font-style: italic;
  margin-top: -20px;
  margin-bottom: 20px;
  display: none;
}
#user-profile-form hr {
  max-width: 400px;
  margin-left: 0;
}
#user-profile-form fieldset {
  max-width: 400px;
}
#user-profile-form a {
  color: #5BB4C7;
}
#user-profile-form a.btn-blue {
  color: #FFFFFF !important;
  font-size: 16px !important;
  padding: 14px !important;
  min-width: 200px !important;
}

#regcode-voucher.custom-form--regcode {
  max-width: 400px;
  width: 100%;
  padding-left: 20px;
}
#regcode-voucher.custom-form--regcode #edit-regcode-code-1-wrapper label {
  position: relative;
  margin-left: 25px;
}
#regcode-voucher.custom-form--regcode #edit-regcode-code-1-wrapper label span {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -25px;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background-image: url("../images/icons/key.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
#regcode-voucher.custom-form--regcode .form-item {
  max-width: 400px;
  margin-bottom: 0;
}
#regcode-voucher.custom-form--regcode .form-item label {
  font-size: 14px;
  font-weight: 400;
  color: #848484;
}
#regcode-voucher.custom-form--regcode .form-item input {
  border-color: #BFBFBF;
}
#regcode-voucher.custom-form--regcode .form-item input:focus {
  -webkit-box-shadow: 0 0 2px 1px #BFBFBF;
          box-shadow: 0 0 2px 1px #BFBFBF;
}
#regcode-voucher.custom-form--regcode .form-item .description {
  display: none;
}

hr.regcode__hr {
  margin-left: 20px;
  max-width: 400px;
}

.custom-form--profile {
  font-family: "Open Sans";
}
.custom-form--profile select option {
  font-family: "Open Sans";
}
.custom-form--profile #edit-postal-code {
  font-size: 14px !important;
  color: #9D9D9D;
}

.custom-form--profile #edit-field-gender-value,
.custom-form--profile #edit-field-birthday-0-value-day,
.custom-form--profile #edit-field-birthday-0-value-month,
.custom-form--profile #edit-field-birthday-0-value-year {
  width: 120px;
  -webkit-padding-start: 10px;
  -moz-padding-start: 10px;
}
.custom-form--profile #edit-field-birthday-0-value-day-wrapper label,
.custom-form--profile #edit-field-birthday-0-value-month-wrapper label,
.custom-form--profile #edit-field-birthday-0-value-year-wrapper label {
  display: none;
}
.custom-form--profile #edit-submit {
  margin-top: 5px;
  min-width: 230px !important;
  padding: 14px !important;
  font-size: 14px !important;
  text-align: center;
  height: 100%;
}
.custom-form--profile .container-inline-date {
  width: 500px;
}

#popups #user-profile-form {
  padding-left: 0;
}

#popups #node-1875947 {
  max-width: 700px;
  margin: 0 auto;
  margin-top: 30px;
}
#popups #node-1875947 #edit-actions {
  padding-left: 0;
}

#popups.popups--minified {
  max-width: 540px;
}
#popups.popups--minified .form-item label > span.form-required {
  display: none !important;
}
#popups.popups--minified #popups-title .title {
  border: none;
}
#popups.popups--minified .custom-form .form-item {
  width: 400px !important;
}
#popups.popups--minified .custom-form .form-item .form-item {
  margin-bottom: 20px !important;
}
#popups.popups--minified .custom-form .form-item .form-item label {
  color: #848484;
}
#popups.popups--minified .custom-form .form-item .form-item span.password-confirm,
#popups.popups--minified .custom-form .form-item .form-item span.password-strength {
  display: none;
}
#popups.popups--minified .custom-form .form-item div.password-parent,
#popups.popups--minified .custom-form .form-item div.confirm-parent {
  margin-left: 5px;
}
#popups.popups--minified .custom-form .form-item div.password-description {
  display: none !important;
}
#popups.popups--minified.delete-account-confirm, #popups.popups--minified.cancel-account-confirm, #popups.popups--minified.confirm-popup {
  max-width: 660px !important;
  text-align: center !important;
  padding: 80px 50px !important;
}
#popups.popups--minified.delete-account-confirm .title, #popups.popups--minified.cancel-account-confirm .title, #popups.popups--minified.confirm-popup .title {
  font-size: 24px;
  color: #343434;
  float: none !important;
  margin-bottom: 35px;
}
#popups.popups--minified.delete-account-confirm #popups-close, #popups.popups--minified.cancel-account-confirm #popups-close, #popups.popups--minified.confirm-popup #popups-close {
  margin-top: -80px !important;
}
#popups.popups--minified.delete-account-confirm #user-confirm-delete div, #popups.popups--minified.cancel-account-confirm #user-confirm-delete div, #popups.popups--minified.confirm-popup #user-confirm-delete div {
  font-size: 24px;
  color: #848484;
}
#popups.popups--minified.delete-account-confirm #user-confirm-delete a, #popups.popups--minified.cancel-account-confirm #user-confirm-delete a, #popups.popups--minified.confirm-popup #user-confirm-delete a {
  white-space: normal;
}
#popups.popups--minified.delete-account-confirm #user-confirm-delete input[type=submit], #popups.popups--minified.cancel-account-confirm #user-confirm-delete input[type=submit], #popups.popups--minified.confirm-popup #user-confirm-delete input[type=submit] {
  white-space: normal;
}
#popups.popups--minified.delete-account-confirm .container-inline,
#popups.popups--minified.delete-account-confirm #subscription-cancel-form div, #popups.popups--minified.cancel-account-confirm .container-inline,
#popups.popups--minified.cancel-account-confirm #subscription-cancel-form div, #popups.popups--minified.confirm-popup .container-inline,
#popups.popups--minified.confirm-popup #subscription-cancel-form div {
  margin-top: 60px;
}
#popups.popups--minified.delete-account-confirm .container-inline input[type=submit],
#popups.popups--minified.delete-account-confirm #subscription-cancel-form div input[type=submit], #popups.popups--minified.cancel-account-confirm .container-inline input[type=submit],
#popups.popups--minified.cancel-account-confirm #subscription-cancel-form div input[type=submit], #popups.popups--minified.confirm-popup .container-inline input[type=submit],
#popups.popups--minified.confirm-popup #subscription-cancel-form div input[type=submit] {
  background-color: #5BB4C7;
  border: 1px solid #5BB4C7;
  color: #FFFFFF;
  min-width: 250px !important;
  padding: 14px;
  font-size: 18px !important;
  text-align: center;
  outline: none;
}
#popups.popups--minified.delete-account-confirm .container-inline a,
#popups.popups--minified.delete-account-confirm .container-inline #edit-dont-cancel,
#popups.popups--minified.delete-account-confirm #subscription-cancel-form div a,
#popups.popups--minified.delete-account-confirm #subscription-cancel-form div #edit-dont-cancel, #popups.popups--minified.cancel-account-confirm .container-inline a,
#popups.popups--minified.cancel-account-confirm .container-inline #edit-dont-cancel,
#popups.popups--minified.cancel-account-confirm #subscription-cancel-form div a,
#popups.popups--minified.cancel-account-confirm #subscription-cancel-form div #edit-dont-cancel, #popups.popups--minified.confirm-popup .container-inline a,
#popups.popups--minified.confirm-popup .container-inline #edit-dont-cancel,
#popups.popups--minified.confirm-popup #subscription-cancel-form div a,
#popups.popups--minified.confirm-popup #subscription-cancel-form div #edit-dont-cancel {
  background: transparent !important;
  border: 1px solid #5BB4C7 !important;
  color: #5BB4C7 !important;
  min-width: 250px !important;
  padding: 14px !important;
  font-size: 18px !important;
  text-align: center;
  margin-left: 0 !important;
}
#popups.popups--minified-md {
  max-width: 690px;
}
#popups.popups--minified-md #popups-body {
  overflow: visible;
}

.popups--fb-disconnect {
  max-width: 650px !important;
  width: 100% !important;
  /* Remove the extra lines - ticket #7635 */
}
.popups--fb-disconnect legend:after {
  display: none !important;
}
.popups--fb-disconnect .form-text {
  width: 100% !important;
}
.popups--fb-disconnect hr {
  margin-bottom: 0;
}
.popups--fb-disconnect #popups-title .title {
  display: none;
}
.popups--fb-disconnect #popups-body {
  overflow: visible;
}
.popups--fb-disconnect .fb-disconnect__info {
  margin-top: -45px;
}
.popups--fb-disconnect .fb-disconnect__info legend,
.popups--fb-disconnect .fb-disconnect__credentials legend {
  font-size: 14px !important;
  margin-bottom: 0;
}
.popups--fb-disconnect .fb-disconnect__info legend,
.popups--fb-disconnect .fb-disconnect__credentials legend,
.popups--fb-disconnect .fb-disconnect__password-title legend {
  color: #848484 !important;
}
.popups--fb-disconnect .fb-disconnect__password-title legend {
  margin-bottom: 0;
}
.popups--fb-disconnect .fb-disconnect__credentials p {
  margin-bottom: 5px;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  #popups.popups--minified.delete-account-confirm {
    max-width: 90% !important;
    padding: 75px 20px !important;
  }
  #popups.popups--minified a {
    white-space: normal;
    width: 100%;
  }
  #popups.popups--minified #edit-submit {
    margin-left: 0 !important;
    white-space: normal;
    width: 100%;
  }
  .page-add-assessments #popups.popups--minified .ui-datepicker-next {
    right: -40%;
  }
  .page-add-assessments #popups.popups--minified .ui-datepicker-prev {
    left: -40%;
  }
}
#verbdash-mobile-page {
  margin: 0;
  background: #777777;
}

#popups .messages.warning, #popups .messages > .warning {
  color: #EE5555;
}

.panel--tip-container .panel {
  border-bottom-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}
.panel--tip-container.panel--tip-pv .panel, .panel--tip-container.panel--tip-vb .panel {
  padding: 5px 20px;
}
.panel--tip-container.panel--tip-pv .tip-popover__container, .panel--tip-container.panel--tip-vb .tip-popover__container {
  margin-top: 90px;
}
.panel--tip-container.panel--tip-vb .tip-popover__container {
  margin-top: 95px;
  margin-bottom: 10px;
}

body.games-iframe {
  background-color: transparent;
}

.content-assignments__container {
  font-size: 14px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10px 0 5px 10px;
}
.content-assignments__container .popup-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.content-assignments__container hr {
  margin-top: 0;
  margin-bottom: 0;
  border-color: #CCCCCC;
}
.content-assignments__container .list-unstyled {
  text-align: left;
}
.content-assignments__container .css-icon-assignment {
  position: static;
  width: 22px;
  height: 22px;
  margin-right: 5px;
  cursor: pointer;
  display: inline-block;
}
.content-assignments__container .css-icon-assignment:before {
  font-size: 18px;
  font-weight: bold !important;
  line-height: 18px !important;
  margin-left: 0 !important;
  display: block;
  padding-top: 2px;
}
@media screen and (max-width: 991px) {
  .content-assignments__container .css-icon-assignment:before {
    line-height: 13px !important;
  }
}
.content-assignments__container .css-icon-assignment:hover {
  background-color: #D65A5A;
}
.content-assignments__container .exists-content .css-icon-assignment {
  background-color: #A1A1A1;
}
.content-assignments__container .exists-content .css-icon-assignment:before {
  content: " ";
}
.content-assignments__container .exists-content .css-icon-assignment:after {
  content: " ";
  display: inline-block;
  width: 6px;
  height: 10px;
  margin-top: 4px;
  margin-left: 9px;
  padding: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: none;
  border-right: 2px solid;
  border-bottom: 2px solid;
  border-left: none;
  border-color: #FFFFFF;
}
.content-assignments__container .exists-content .css-icon-assignment:hover {
  background-color: #A1A1A1;
}
.content-assignments__container .scroll-bar {
  height: 90px;
}
.content-assignments__container .scroll-bar__content {
  overflow-x: hidden;
}
.content-assignments__container .list-assignments {
  margin-bottom: 10px;
}
.content-assignments__container .assignment-button__container {
  padding: 10px;
  display: inline-block;
  margin-bottom: -5px;
}
.content-assignments__container .css-icon-exercise-title--add {
  display: block;
}
.content-assignments__container a {
  color: #848484;
}
.content-assignments__container .assignment-popup-title {
  color: #848484;
  display: inline-block;
}
.content-assignments__container-close {
  position: absolute;
  right: 0;
  top: -10px;
  border: none;
  background-size: 15px 15px;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
.content-assignments__subtitle {
  text-align: left;
}
.content-assignments--popup {
  position: absolute;
  width: 260px;
  background: #FFFFFF;
  padding: 10px;
  height: 270px;
  left: 0;
  z-index: 11;
  -webkit-box-shadow: 0 0 15px #AAAAAA;
          box-shadow: 0 0 15px #AAAAAA;
}
.content-assignments--popup .list-assignments {
  margin-bottom: 10px;
  margin-left: initial;
}
.content-assignments--popup .scroll-bar {
  height: 180px;
  margin-right: -10px;
}
.content-assignments--popup .content-assignments__subtitle {
  font-size: 16px;
}
.content-assignments--popup #add-content-assignments__submit,
.content-assignments--popup #remove-content-assignments__submit {
  padding: 4px 30px;
  display: block;
  bottom: 0;
  border-radius: 5px;
  font-size: 14px;
  margin: 0 auto;
}
.content-assignments--popup label {
  font-size: 0.01em;
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  color: transparent;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  margin-right: 10px;
}
.content-assignments--popup label:after {
  content: " ";
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #D9D9D9;
  margin-left: -2px;
  margin-top: -2px;
}
.content-assignments--popup input[type=checkbox] {
  display: none;
}
.content-assignments--popup input[type=checkbox]:checked + label {
  background-color: #E45858;
  position: relative;
}
.content-assignments--popup input[type=checkbox]:checked + label:before {
  content: "";
  position: absolute;
  left: 6px;
  top: 3px;
  width: 5px;
  border-bottom: 2px solid #FFFFFF;
  height: 8px;
  border-right: 2px solid #FFFFFF;
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.content-assignments--popup input[type=checkbox]:checked + label:after {
  border-color: #E45858;
}
.content-assignments--popup input.exists-content + label {
  background-color: #AAAAAA;
  position: relative;
}
.content-assignments--popup input.exists-content + label:before {
  content: "";
  position: absolute;
  left: 6px;
  top: 3px;
  width: 5px;
  border-bottom: 2px solid black;
  height: 8px;
  border-right: 2px solid black;
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.content-assignments--popup input.exists-content + label:after {
  border-color: #E6E5E5;
}
.content-assignments--popup input.exists-content:checked + label {
  background-color: #AAAAAA;
}
.content-assignments--popup input.exists-content:checked + label:before {
  content: " ";
}
.content-assignments--popup input.exists-content:checked + label:after {
  border: 1px solid #D9D9D9;
}
.content-assignments--popup input[type=checkbox]:disabled + label {
  background: #AAAAAA;
}
.content-assignments--popup input[type=checkbox]:disabled + label:after {
  border-color: #E6E5E5;
}
.content-assignments__trigger {
  cursor: pointer;
  position: relative;
}
.content-assignments__trigger:before {
  position: absolute;
  left: -40px;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  background: #E76B6B;
  content: "+";
  color: #FFFFFF;
  font-size: 40px;
  font-weight: bold;
  line-height: 40px;
  text-align: center;
}
.content-assignments.tooltip.error {
  background-color: #E76B6B;
  border-color: #E76B6B;
  width: 200px;
  border-radius: 5px;
  z-index: 99999;
}
.content-assignments.tooltip.error .tooltip-inner {
  color: #FFFFFF;
  background-color: #E76B6B;
  border: none;
  font-size: 10px;
}
.content-assignments.tooltip.error .tooltip-arrow {
  bottom: -11px;
  margin-left: -5px;
  border: 5px solid transparent;
  border-top: 5px solid #E76B6B;
}

.panel--photo-vocab .content-assignments__trigger:before {
  left: 0;
}

.panel__body--smaller {
  padding: 0;
}

.page-exercises-photo-vocabs .content-assignments__container .scroll-bar,
.page-pv-list .content-assignments__container .scroll-bar {
  height: 180px;
}

.icon.icon-favorites-flag .flag-wrapper {
  margin-left: 30px;
}
.icon.icon-favorites-flag a:before {
  content: " ";
  width: 25px;
  height: 25px;
  background: #7F7F7F;
  position: absolute;
  left: -30px;
  top: 7px;
  border-radius: 50%;
  background-image: url("../images/school/white-star.svg");
  background-position: center center;
}
.icon.icon-favorites-flag a {
  font-family: "Open Sans";
  font-size: 14px;
}

#invite-independent-student-form .form-item,
#invite-family-member-form .form-item {
  max-width: 100%;
  float: none;
}
#invite-independent-student-form input,
#invite-family-member-form input {
  text-decoration: none;
  color: #FFFFFF;
  border: none;
  border-radius: 10px;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #5BB4C7;
  padding: 15px 20px;
  font-size: 16px;
  min-width: 250px;
  display: block;
}
#invite-independent-student-form #edit-regcode-mailer-emails-wrapper .bootstrap-tagsinput,
#invite-family-member-form #edit-regcode-mailer-emails-wrapper .bootstrap-tagsinput {
  background-color: #FFFFFF;
  color: #555555;
  vertical-align: middle;
  max-width: 100%;
  min-height: 150px;
  line-height: 22px;
  cursor: text;
  border: 1px solid #5CB4C7;
  border-radius: 5px;
  margin: 0;
  padding: 5px;
  float: none !important;
}
#invite-independent-student-form #edit-regcode-mailer-emails-wrapper .bootstrap-tagsinput input,
#invite-family-member-form #edit-regcode-mailer-emails-wrapper .bootstrap-tagsinput input {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0 6px;
  margin: 0;
  width: auto;
  max-width: inherit;
  color: inherit;
  display: inline;
  float: none;
}
#invite-independent-student-form #edit-regcode-mailer-emails-wrapper .bootstrap-tagsinput.form-control input::-moz-placeholder,
#invite-family-member-form #edit-regcode-mailer-emails-wrapper .bootstrap-tagsinput.form-control input::-moz-placeholder {
  color: #777777;
  opacity: 1;
}
#invite-independent-student-form #edit-regcode-mailer-emails-wrapper .bootstrap-tagsinput.form-control input:-ms-input-placeholder,
#invite-family-member-form #edit-regcode-mailer-emails-wrapper .bootstrap-tagsinput.form-control input:-ms-input-placeholder {
  color: #777777;
}
#invite-independent-student-form #edit-regcode-mailer-emails-wrapper .bootstrap-tagsinput.form-control input::-webkit-input-placeholder,
#invite-family-member-form #edit-regcode-mailer-emails-wrapper .bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
  color: #777777;
}
#invite-independent-student-form #edit-regcode-mailer-emails-wrapper .bootstrap-tagsinput input:focus,
#invite-family-member-form #edit-regcode-mailer-emails-wrapper .bootstrap-tagsinput input:focus {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#invite-independent-student-form #edit-regcode-mailer-emails-wrapper .bootstrap-tagsinput .tag,
#invite-family-member-form #edit-regcode-mailer-emails-wrapper .bootstrap-tagsinput .tag {
  margin-right: 2px;
  color: white;
}
#invite-independent-student-form #edit-regcode-mailer-emails-wrapper .bootstrap-tagsinput .tag [data-role=remove],
#invite-family-member-form #edit-regcode-mailer-emails-wrapper .bootstrap-tagsinput .tag [data-role=remove] {
  margin-left: 8px;
  cursor: pointer;
}
#invite-independent-student-form #edit-regcode-mailer-emails-wrapper .bootstrap-tagsinput .tag [data-role=remove]:after,
#invite-family-member-form #edit-regcode-mailer-emails-wrapper .bootstrap-tagsinput .tag [data-role=remove]:after {
  content: "x";
  padding: 0 2px;
}
#invite-independent-student-form #edit-regcode-mailer-emails-wrapper .bootstrap-tagsinput .tag [data-role=remove]:hover,
#invite-family-member-form #edit-regcode-mailer-emails-wrapper .bootstrap-tagsinput .tag [data-role=remove]:hover {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
#invite-independent-student-form #edit-regcode-mailer-emails-wrapper .bootstrap-tagsinput .tag [data-role=remove]:hover:active,
#invite-family-member-form #edit-regcode-mailer-emails-wrapper .bootstrap-tagsinput .tag [data-role=remove]:hover:active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
#invite-independent-student-form #edit-regcode-mailer-emails-wrapper .bootstrap-tagsinput .label-info,
#invite-family-member-form #edit-regcode-mailer-emails-wrapper .bootstrap-tagsinput .label-info {
  background: #F2F2F2;
  border: 1px solid #EDEDED;
  color: #848484;
  font-weight: 400;
}

#invite-family-member-form input {
  text-decoration: none;
  color: #FFFFFF;
  border: none;
  border-radius: 10px;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #5BB4C7;
  padding: 15px 20px;
  font-size: 16px;
  min-width: 250px;
  display: block;
}

.page-live #page-content > .container,
.page-exercises-video-boosters #page-content > .container,
.page-exercises-photo-vocabs #page-content > .container,
.page-vb-list #page-content > .container {
  padding-top: 0 !important;
}
@media (min-width: 601px) and (max-width: 991px) {
  .page-live #page-content > .container,
  .page-exercises-video-boosters #page-content > .container,
  .page-exercises-photo-vocabs #page-content > .container,
  .page-vb-list #page-content > .container {
    padding-top: 10px !important;
  }
}

.page-pv-list-search {
  padding-top: 0 !important;
}

#views-bulk-operations-form-students-management-page-1 ul li {
  list-style: none;
  margin-left: 0;
}
#views-bulk-operations-form-students-management-page-1 #edit-submit, #views-bulk-operations-form-students-management-page-1 #edit-submit + a {
  margin-top: 20px !important;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid #5BB4C7;
  border-radius: 4px;
  background-color: #5BB4C7;
  color: #FFFFFF;
}
#views-bulk-operations-form-students-management-page-1 #edit-submit + a, #views-bulk-operations-form-students-management-page-1 #edit-submit + a + a {
  background-color: transparent;
  border: 1px solid #CCCCCC;
  color: #848484;
}
#views-bulk-operations-form-students-management-page-1 #edit-submit + a:hover, #views-bulk-operations-form-students-management-page-1 #edit-submit + a + a:hover {
  text-decoration: none;
}

.page-buy-subscription .landing__header.content-split.payments__header,
.page-buy-gift .landing__header.content-split.payments__header {
  margin-top: 20px;
  min-height: 105px;
}
.page-buy-subscription .landing__header.content-split.payments__header .content-split__cell--main,
.page-buy-gift .landing__header.content-split.payments__header .content-split__cell--main {
  padding-left: 0;
  padding-right: 0;
}
.page-buy-subscription .landing__header.content-split.payments__header .content-split__cell--main .pass-name,
.page-buy-gift .landing__header.content-split.payments__header .content-split__cell--main .pass-name {
  font-size: 30px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  text-align: left;
}
.page-buy-subscription .landing__header.content-split.payments__header .content-split__cell--main .pass-name.individual,
.page-buy-gift .landing__header.content-split.payments__header .content-split__cell--main .pass-name.individual {
  color: #5CB4C7;
}
.page-buy-subscription .landing__header.content-split.payments__header .content-split__cell--main .pass-name.family,
.page-buy-gift .landing__header.content-split.payments__header .content-split__cell--main .pass-name.family {
  color: #FB9F71;
}
.page-buy-subscription .landing__header.content-split.payments__header .content-split__cell--main .pass-name.teacher,
.page-buy-gift .landing__header.content-split.payments__header .content-split__cell--main .pass-name.teacher {
  color: #996885;
}
.page-buy-subscription .landing__header.content-split.payments__header .content-split__cell--main .pass-name.gift,
.page-buy-gift .landing__header.content-split.payments__header .content-split__cell--main .pass-name.gift {
  color: #FB928D;
}
.page-buy-subscription .landing__header.content-split.payments__header .content-split__cell--main .pass-name.organizations,
.page-buy-gift .landing__header.content-split.payments__header .content-split__cell--main .pass-name.organizations {
  color: #8FCABE;
}
.page-buy-subscription .content-split__cell--main,
.page-buy-gift .content-split__cell--main {
  max-width: 1200px;
  padding: 0 110px;
}
.page-buy-subscription .main-navbar__logo,
.page-buy-gift .main-navbar__logo {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.pv-game-score-footer .game-buttons {
  margin-top: -90px !important;
  margin-bottom: 20px !important;
}

.exercise__icon.exercise__icon--circle {
  right: -3px;
}

/* -------------------------------------------------------------------------
---------------------------- Family pages ----------------------------------
------------------------------------------------------------------------ */
.page-my-family #page-content > .container {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
.page-my-family .students__table input[type=checkbox] {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.page-my-family .views-field-markup,
.page-my-family .views-field-phpcode-2,
.page-my-family .views-field-phpcode-3 {
  text-align: center;
}
.page-my-family .results-panel .progress {
  height: 20px;
  font-size: 14px;
}
.page-my-family .results__scope-list a {
  min-width: 250px;
}
.page-my-family .non-clickable {
  cursor: default;
  text-decoration: none;
}
.page-my-family {
  /* Progress tracking page */
}
.page-my-family .results__main-title h3 {
  font-weight: 400;
}
.page-my-family .results__navigation-container {
  margin: 0 auto;
}
.page-my-family hr {
  margin-top: 10px;
}
.page-my-family .last-activity p {
  padding-left: 15px;
}

/* IE11 fix */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .verb-dash__game-container {
    position: relative;
  }
  .verb-dash__infinitive-container {
    top: 125px;
    left: 185px;
    right: 0;
    max-width: 100px;
    margin: 0 auto;
    text-align: center;
    border: 2px solid #4B4B4B;
    background: #EAE8E3;
    border-radius: 5px;
    padding: 5px;
    position: absolute;
  }
  .verb-dash__definition-container {
    top: 170px;
    left: 155px;
    right: 0;
    max-width: 160px;
    height: 100px;
    margin: 0 auto;
    padding: 5px 10px;
    text-align: left;
    font-size: 11px;
    position: absolute;
  }
  .verb-dash__verb-placeholder {
    background: #5E5E5E;
    color: #FFFFFF;
    border-radius: 3px;
    margin-left: 11px;
    width: 130px;
    padding: 2px;
    float: left;
  }
  .verb-dash__verb-placeholder:first-child {
    margin-left: 0;
  }
  .verb-dash__verb-placeholder ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .verb-dash__verb-placeholder ul li {
    display: block;
    float: left;
    margin-left: 3px;
    padding: 2px;
    width: 13px;
    background: #FAFAFA;
    border-radius: 3px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    color: #5E5E5E;
    text-transform: uppercase;
  }
  .verb-dash__verb-placeholder ul li:first-child {
    margin-left: 0;
  }
  .verb-dash__tense-container {
    top: 330px;
    left: 10px;
    right: 0;
    max-width: 420px;
    height: 100px;
    margin: 0 auto;
    text-align: justify;
    font-size: 12px;
    position: absolute;
  }
  .verb-dash__tense-container--minified {
    max-width: 480px;
  }
  .verb-dash__tense-container--minified .verb-dash__verb-placeholder {
    margin-left: 7px;
    width: 150px;
  }
  .verb-dash__tense-container--minified .verb-dash__verb-placeholder li {
    margin-left: 2px;
    padding: 1px;
    width: 10px;
    font-size: 8px;
  }
}
.page-exercises .catalog-wrapper--small,
.page-exercises .catalog-exercise {
  max-width: 100%;
}

.catalog-wrapper .catalog-wrapper--in-progress {
  max-width: 940px;
}

img {
  -ms-interpolation-mode: bicubic;
}

.exercise-component__begin-tooltip {
  position: relative;
  display: none;
  z-index: 998;
}
.exercise-component__begin-tooltip.active {
  -webkit-animation: pop-in 0.5s;
          animation: pop-in 0.5s;
  display: block;
}
.exercise-component__begin-tooltip__content {
  width: 130px;
  height: 130px;
  color: #ED6969;
  border: 12px solid #ED6969;
  background: #FFFFFF;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 50%;
  text-align: center;
  padding: 40px 7px;
  z-index: 998;
}
.exercise-component__begin-tooltip__arrow {
  border: 20px solid transparent;
  border-top: 20px solid #ED6969;
  position: absolute;
  bottom: -30px;
  left: 0;
  right: 0;
  margin: auto;
  width: 20px;
}

@media screen and (min-width: 319px) and (max-width: 500px) {
  .page-my-family .school-page__content {
    padding: 10px;
    padding-top: 25px;
  }
}
@media screen and (max-width: 445px) {
  .page-my-family .school-page__content {
    padding: 10px;
    padding-top: 25px;
  }
  .page-my-family .results__scope-list a {
    min-width: 139px;
    font-size: 12px;
    padding-left: 10px;
  }
}
@media screen and (min-width: 991px) and (max-width: 1100px) {
  .page-my-family .results-panel .progress {
    height: 20px;
    font-size: 14px;
    float: right;
  }
  .page-my-family .results__scope-list .results__header.second {
    text-align: right;
  }
}
@media only screen and (max-width: 767px) {
  .page-buy-subscription .payment-details__container,
  .page-buy-gift .payment-details__container {
    padding: 25px 15px;
  }
  .page-buy-subscription .content-split__cell--main,
  .page-buy-gift .content-split__cell--main {
    padding: 0;
  }
  .page-buy-subscription .payments__header.landing__header.content-split,
  .page-buy-gift .payments__header.landing__header.content-split {
    margin-top: 20px;
    border-bottom: none;
    min-height: 0 !important;
  }
  .page-buy-subscription .payments__header.landing__header.content-split h3,
  .page-buy-gift .payments__header.landing__header.content-split h3 {
    font-size: 18px !important;
  }
  .page-buy-subscription .payments__header.landing__header.content-split p,
  .page-buy-gift .payments__header.landing__header.content-split p {
    font-size: 11px;
    display: none;
  }
  .page-buy-subscription .price-box,
  .page-buy-gift .price-box {
    margin: 0;
    width: 100%;
  }
  .page-buy-subscription .price-box .price-box__container,
  .page-buy-gift .price-box .price-box__container {
    padding: 0;
  }
  .page-buy-subscription .price-box__frame .title-price-container hr,
  .page-buy-gift .price-box__frame .title-price-container hr {
    width: 50%;
  }
  .page-buy-gift .price-box {
    margin-top: 0;
  }
  .page-buy-subscription .price-box--organizations .price-box__frame {
    border-color: #72BAAC;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .page-buy-subscription .price-box--organizations .price-box__frame:hover .btn-green {
    background-color: #72BAAC;
    border: none;
    color: #FFFFFF;
  }
  .page-buy-subscription #popups {
    max-width: 95%;
    margin-top: 50px;
    padding: 20px 15px;
  }
  .page-buy-subscription #popups .form-item .form-checkboxes {
    margin-bottom: 0;
  }
  .page-buy-subscription #popups #popups-title .title {
    font-size: 16px;
  }
  .page-buy-subscription #popups #popups-close {
    margin-top: -20px;
    margin-right: -5px;
    font-size: 30px;
  }
  .page-buy-subscription #popups #popups-body .node-body {
    margin-bottom: 20px;
  }
  .page-buy-subscription #popups legend {
    font-size: 14px;
    font-weight: 300;
  }
  .page-buy-subscription #popups #popups .form-input label,
  .page-buy-subscription #popups #popups .form-item label {
    font-size: 12px;
    font-weight: 400;
    margin-top: 0;
  }
  .page-buy-subscription #popups #edit-submitted-contact-details-phone-number-wrapper {
    margin-bottom: 15px;
  }
  .page-buy-subscription #popups #popups .form-item label.option {
    font-size: 12px;
  }
  #page-content > .container.container--no-padding {
    padding-top: 0;
  }
}
@media screen and (min-width: 767px) and (max-width: 991px) {
  .page-my-family .results-panel .progress {
    width: 30%;
  }
  .page-my-family .results__scope-list-header .results__header {
    text-align: left;
  }
}
@media screen and (min-width: 991px) and (max-width: 1150px) {
  .page-buy-subscription--independent-teacher .payments__sidebar {
    padding-left: 0;
  }
  .page-buy-subscription--independent-teacher .payments__sidebar .payments__sidebar-item a {
    width: 88%;
  }
  .page-buy-subscription--independent-teacher .currency-selector {
    right: -6px !important;
    top: -70px !important;
  }
  .page-buy-subscription--independent-teacher .panel-landing__promo-code {
    bottom: 55px !important;
  }
}
@media only screen and (max-width: 414px) {
  .price-box {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  /* About - Schools pages */
  #popups .form-input input[type=checkbox],
  #popups .form-item input[type=checkbox] {
    margin-left: 15px !important;
  }
  #popups .form-item label.option {
    padding-left: 40px;
  }
  /* Fix the width of the carousel elements for responsive Independent teacher page */
  .price-box--teacher, .price-box--family {
    width: 82.5%;
    margin: auto;
  }
  .page-my-family .results-panel .progress {
    max-width: 123px;
    float: right;
  }
  .page-my-family .last-activity p {
    padding-left: 9px;
  }
}
/* REPOSNIVE FIX FOR  GRAMAR RULES ARROW */
@media screen and (max-width: 991px) {
  .say-what .vb-gameplay-container--small {
    -webkit-transform-origin: 0;
            transform-origin: 0;
    background: url("../images/icons/tv-screen-purple-2--small.svg");
    background-repeat: no-repeat;
    padding: 55px 0;
    width: 635px;
    height: 525px;
    min-width: 635px;
  }
  .say-what .vb-gameplay-container {
    -webkit-transform-origin: 0;
            transform-origin: 0;
    background-image: url("../images/icons/tv-screen-purple-1--small.svg");
    background-repeat: no-repeat;
    background-size: contain;
    padding: 55px 0;
    height: 595px;
    width: 635px;
    min-width: 635px;
  }
  #game-iframe-SwapMania {
    margin: 0;
  }
  .page-my-family .results-panel .progress {
    margin-right: 0;
  }
  /* Forms from organization pages -> display popup */
  .page-buy-subscription--organizations #popups #popups-body .node-body {
    margin-bottom: 20px;
  }
  .page-buy-subscription--organizations #popups legend {
    border-bottom: 1px solid #E5E5E5;
  }
  .page-buy-subscription--organizations #popups legend:after {
    display: none;
  }
  .page-buy-subscription--organizations #popups .form-item span.option {
    float: none;
  }
  .page-buy-subscription--organizations #popups .form-checkboxes .form-item {
    width: 100%;
  }
  /* Forms from organization pages -> Display in new tab */
  .page-forms-requests #page-content .node-body {
    margin-bottom: 0;
    font-size: 16px;
  }
  .page-forms-requests #page-content legend {
    border-bottom: 1px solid #E5E5E5;
    padding-top: 15px;
  }
  .page-forms-requests #page-content legend:after {
    display: none;
  }
  .page-forms-requests #page-content .form-input label,
  .page-forms-requests #page-content .form-item label {
    float: none !important;
    width: 100% !important;
    text-align: left !important;
  }
  .page-forms-requests #page-content .form-input input, .page-forms-requests #page-content .form-input select, .page-forms-requests #page-content .form-input textarea, .page-forms-requests #page-content .form-input .form-checkboxes,
  .page-forms-requests #page-content .form-item input,
  .page-forms-requests #page-content .form-item select,
  .page-forms-requests #page-content .form-item textarea,
  .page-forms-requests #page-content .form-item .form-checkboxes {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
  }
  .page-forms-requests #page-content .form-input span.option,
  .page-forms-requests #page-content .form-item span.option {
    float: none;
  }
  .page-forms-requests #page-content .form-checkboxes .form-item {
    width: 100%;
  }
  /* End of organization form -> display in new tab */
  .pv-content .exercise-component {
    margin: 15px 14px 40px 14px;
  }
  .verb-dash__game-container {
    padding-left: 10px;
    padding-right: 10px;
  }
  .landing__header.content-split {
    margin-top: 0;
  }
  .node-type-photovocab .main-navbar__logo,
  .node-type-video .main-navbar__logo,
  .page-exercises .main-navbar__logo,
  .page-exercises-video-boosters .main-navbar__logo,
  .page-live .main-navbar__logo {
    padding: 0;
  }
  .pv-game-score-footer .game-buttons {
    margin-top: 3px !important;
    margin-bottom: 0 !important;
  }
  .price-box--organizations .price-box__container:nth-child(2n+1) {
    border-right: none;
  }
  .price-box--gift-card .price-box__container:nth-child(2n+1) {
    border-right: none;
  }
  /* PV final score details */
  .pv-final-score .difficulty-splitter {
    top: 30px;
    left: 6px;
  }
  /* Difficulty levels */
  .difficulty-scales__form .form-item {
    font-size: 13px;
  }
  .difficulty-scales__form input[type=radio] + label > span,
  .difficulty-scales__form input[type=radio] + span {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    margin-right: 0;
  }
  /* My account */
  #user-profile-form {
    padding-left: 0;
  }
  #user-profile-form .description {
    padding-bottom: 10px;
    border-bottom: 1px solid #E3E3E3;
  }
  #user-profile-form .edit-delete {
    float: none;
    margin-top: 35px;
  }
  /* Grammar rules */
  .learned-expression-list__header-item {
    font-size: 12px;
  }
  .page-user-settings .item-list {
    max-height: 37px;
  }
  .user-profile-picture__canvas--minified {
    width: 30px;
    height: 30px;
  }
  .practiced-exercises--div .learned-expression-list__header-item a .caret {
    right: 5px;
  }
  .learned-expression-list__header-item a {
    position: relative;
    display: inline-block;
    max-width: 53px;
    width: 100%;
  }
  .learned-expression-list__header-item a .caret {
    position: absolute;
    margin: 0;
    top: 2px;
    right: -15px;
    width: 8px;
    height: 8px;
  }
  .panel--video-booster .content-assignments__trigger {
    right: 0;
    width: 100%;
    z-index: 10;
  }
  .panel--video-booster .content-assignments__trigger:before {
    left: initial;
    right: -15px;
    width: 30px;
    height: 30px;
    font-size: 30px;
    line-height: 30px;
  }
  .panel--video-booster .content-assignments--popup {
    left: initial;
    right: 0;
  }
  .panel--photo-vocab .content-assignments__trigger {
    z-index: 10;
    top: 55px;
  }
  .panel--photo-vocab .content-assignments__trigger:before {
    left: 0;
    margin-left: -15px;
    width: 30px;
    height: 30px;
    font-size: 30px;
    line-height: 30px;
  }
  .panel--photo-vocab .pv-carousel__content-assignment .content-assignments__trigger {
    top: 125px;
  }
  .panel--photo-vocab .pv-carousel__content-assignment.pv-carousel__content-assignment--pv-album .content-assignments__trigger {
    top: -8px;
  }
  .panel--photo-vocab .pv-carousel__content-assignment.pv-carousel__content-assignment--pv-album .content-assignments__trigger:before {
    margin-left: -5px;
  }
  /* Pager size fix */
  .item-list .pager li {
    padding: 0;
  }
  .item-list .pager li a {
    padding: 0 5px;
  }
  .item-list .pager li.pager-current {
    padding: 5px;
  }
  .landing__header.content-split {
    min-height: 20px;
  }
  .student-selector {
    margin-top: 10px !important;
    margin-bottom: 5px;
  }
  .popover-close {
    float: right;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: -6px;
  }
  /* All exercises -> Vb -> Genres */
  .page-vb-list-genre, .page-pv-list-category {
    padding-top: 15px;
  }
  .page-vb-list-genre .catalog-panel--filter, .page-pv-list-category .catalog-panel--filter {
    margin-bottom: 20px !important;
  }
  .page-vb-list-genre .page-wrapper, .page-pv-list-category .page-wrapper {
    background: #FFFFFF;
  }
  .page-vb-list-genre .catalog-icon--square, .page-pv-list-category .catalog-icon--square {
    padding-left: 45px;
  }
  .page-vb-list-genre .catalog-icon--square .catalog-icon__text, .page-pv-list-category .catalog-icon--square .catalog-icon__text {
    padding-left: 0 !important;
  }
  /* -----------------------------------------
  --------------------Footer------------------
  ----------------------------------------- */
  .panel-daily-goal {
    margin-bottom: 0;
  }
  .nav-pills {
    margin-right: 0;
    padding: 10px 30px;
    text-align: center;
  }
  .nav-pills li {
    float: none;
    display: inline-block;
  }
  .navbar-right {
    margin-right: 0;
  }
  .footer-nav ul.nav li > a {
    padding: 5px;
  }
}
/* Hide the video details for videos when student is in assessment */
.black-box {
  display: block;
  position: absolute;
  bottom: 7px;
  z-index: 1000;
}
.black-box--big {
  right: 0;
  background-color: transparent;
  width: 185px;
  height: 40px;
}
.black-box--small {
  right: 0;
  background-color: black;
  width: 105px;
  height: 25px;
}
.black-box--wide {
  right: 0;
  background-color: transparent;
  width: 185px;
  height: 50px;
}

.comprehension-content .black-box,
.content-listening-lab .black-box {
  bottom: 2px;
}

@media (max-width: 666px) {
  .karaoke-popover .popover-content {
    left: -15%;
    top: -80px;
  }
  #popups {
    max-width: 90%;
    margin-top: 30px;
  }
  #popups.popups--minified, #popups.popups--minified-md {
    max-width: 90%;
    margin-top: 30px;
  }
}
@media screen and (max-width: 550px) {
  .payments_sidebar ul {
    max-width: 500px;
    width: 100%;
    margin: auto;
  }
}
@-webkit-keyframes pop-in {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  90% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pop-in {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  90% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/* ------------------------------------------
-------------- @Payments types --------------
------------------------------------------ */
@media screen and (max-width: 1175px) {
  .payments-types {
    margin-left: -2px;
    margin-right: -2px;
  }
  .payments__sidebar-item {
    width: 20%;
    float: left;
    padding: 3px 3px 0 3px;
  }
  .payments__sidebar-item a {
    margin: 0 !important;
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .payments__sidebar-item {
    width: 25%;
  }
  .payments__sidebar-item a {
    margin: 0 !important;
  }
}
@media screen and (max-width: 600px) {
  .payments__sidebar-item {
    width: 50%;
  }
}
/* Mobile QuickView slider - mobile version */
.container--small.quickview {
  border: none;
}
.container--small.quickview:before, .container--small.quickview:after {
  display: none;
}
.container--small.quickview .container__header {
  padding: 30px 10px 10px;
  background: #4A90E2;
  color: #FFFFFF !important;
  font-size: 20px;
  border-radius: 8px 8px 0 0;
}
.container--small.quickview .container__header .glyphicon-volume-up {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
}
.container--small.quickview .container__body {
  padding: 10px 10px 5px 10px;
  font-size: 15px;
}
.container--small.quickview .expression-flag {
  float: right;
  margin-top: 10px !important;
}
.container--small.quickview .expression-flag .flag-american,
.container--small.quickview .expression-flag .flag-british,
.container--small.quickview .expression-flag .male-gender,
.container--small.quickview .expression-flag .female-gender,
.container--small.quickview .expression-flag .neutral-gender {
  height: 27px;
  width: 27px;
  margin-right: 5px;
}

.exercise-vocab.owl-carousel .owl-nav {
  position: absolute;
  top: 0;
  left: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0;
  color: #FFFFFF;
}
.exercise-vocab.owl-carousel .owl-nav .owl-prev {
  padding: 10px 20px 10px 0;
}
.exercise-vocab.owl-carousel .owl-nav .owl-prev:before {
  content: " ";
  display: block;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: none;
  border-right: 9px solid;
}
.exercise-vocab.owl-carousel .owl-nav .owl-next {
  padding: 10px 10px 10px 24px;
}
.exercise-vocab.owl-carousel .owl-nav .owl-next:before {
  content: " ";
  display: block;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 9px solid;
}
.exercise-vocab .owl-dots {
  counter-reset: slides-num;
  /* Initialize counter */
  position: absolute;
  top: 8px;
  left: 24px;
  color: #FFFFFF;
  width: 40px;
}
.exercise-vocab .owl-dots:after {
  content: counter(slides-num);
  /* Get total number of items - more info on http://www.sitepoint.com/
  a-little-known-way-to-replace-some-scripts-with-css-counters/ */
  font-size: 16px;
  margin-left: -20px;
  font-weight: 500;
}
.exercise-vocab .owl-dot {
  display: inline-block;
  counter-increment: slides-num;
  /* Increment counter */
  margin-right: 5px;
}
.exercise-vocab .owl-dot span {
  display: none;
}
.exercise-vocab .owl-dot.active:before {
  content: counter(slides-num) "/";
  /* Use the same counter to get current item. */
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 4px;
  font-weight: 500;
}
.exercise-vocab .owl-wrapper {
  counter-reset: section;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}
.exercise-vocab .owl-wrapper .slide-counter::before {
  counter-increment: section;
  content: counter(section) " / ";
}

/*///////*/
/* Components for LINGUA ATTACK */
.c-videobooster {
  background-color: #FFFFFF;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 5px #E6E6E6;
          box-shadow: 0 0 5px #E6E6E6;
  max-width: 160px;
  min-height: 140px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.c-videobooster__thumbnail {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px 5px 0 0;
  height: 90px;
}
.c-videobooster__text-container {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-videobooster__details {
  padding: 0 10px 14px 10px;
}
.c-videobooster__title {
  color: #4C4C4C;
  display: block;
  font-family: "Roboto";
  font-size: 14px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c-videobooster__duration {
  font-size: 10px;
}
.c-videobooster__subtitle {
  color: #4C4C4C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-videobooster__category {
  color: #4A90E2;
}
.c-videobooster__category:hover, .c-videobooster__category:focus {
  text-decoration: none;
}
.c-videobooster__badge {
  border-bottom-right-radius: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  width: 30px;
}

.c-vb-thumbnail_card-actions {
  list-style-type: none;
}
.c-vb-thumbnail_card-actions li {
  padding-bottom: 3px;
}
.c-vb-thumbnail_card-actions li .see-vb-details {
  cursor: pointer;
}

/* Progress */
.c-progress {
  background-color: #D6D6D6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 2px;
  margin-bottom: 5px;
  position: relative;
}
.c-progress__bar {
  background-color: #AE60D0;
  height: 2px;
  width: 70%;
}
.c-progress__value {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #FFFFFF;
  border: 2px solid #AE60D0;
  border-radius: 50%;
  color: #AE60D0;
  display: none;
  font-size: 11px;
  height: 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative !important;
  top: -15px;
  width: 30px;
}

span.card-text.see-vb-details:before {
  background-image: url("/sites/all/themes/lingua/assets/icon_see-details.svg");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 32px;
  margin-right: 12px;
  vertical-align: middle;
  width: 32px;
}

@media screen and (min-width: 600px) {
  .c-progress__value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .c-videobooster {
    max-width: 280px;
    min-height: 160px;
  }
  .c-videobooster__thumbnail {
    height: 160px;
  }
}
.c-space {
  height: 50px;
}

.c-photovocab {
  max-width: 130px;
  width: 100%;
  min-height: 200px;
  border-radius: 5px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 5px #E6E6E6;
          box-shadow: 0 0 5px #E6E6E6;
  position: relative;
  padding: 10px;
}
.c-photovocab:after {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  display: block;
  width: 98%;
  height: 98%;
  content: "";
  -webkit-transform: rotate(-8deg);
          transform: rotate(-8deg);
  margin-right: -10px;
  border: 1px solid transparent;
  border-radius: 10px;
  background-color: rgba(234, 234, 234, 0.7);
}
.c-photovocab {
  /* hover over pv card issue */
}
.c-photovocab__frame {
  z-index: 4;
  position: absolute;
  right: 0;
  top: -2px;
  left: -3px;
  bottom: 0;
  border-radius: 4px;
  background-color: #FFFFFF;
  padding: 7px 7px 32px 7px;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
  position: relative;
  -webkit-backface-visibility: hidden;
  -webkit-box-shadow: 0 0 5px #E6E6E6;
          box-shadow: 0 0 5px #E6E6E6;
  height: 195px;
}
.c-photovocab__thumbnail {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 120px;
}
.c-photovocab__details {
  padding: 0 10px 14px 10px;
}
.c-photovocab__title {
  font-size: 16px;
  color: #4C4C4C;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 3px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.c-photovocab__category {
  color: #4A90E2;
  font-size: 12px;
  text-decoration: none;
}

span.card-text.see-pv-details:before {
  background-image: url("/sites/all/themes/lingua/assets/icon_see-details.svg");
  width: 32px;
  height: 32px;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
}

/* Progress */
.c-progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 2px;
  position: relative;
  background-color: #D6D6D6;
}
.c-progress__bar {
  width: 40%;
  height: 2px;
  background-color: #AE60D0;
}
.c-progress__value {
  position: absolute;
  color: #AE60D0;
  font-size: 11px;
  width: 30px;
  height: 30px;
  background-color: #FFFFFF;
  border-radius: 50%;
  position: relative;
  border: 2px solid #AE60D0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: -15px;
}

.c-pv-thumbnail_card-actions {
  padding: 0;
  list-style-type: none;
}
.c-pv-thumbnail_card-actions li {
  padding-bottom: 3px;
}
.c-pv-thumbnail_card-actions li .see-pv-details {
  cursor: pointer;
}

/* PV info pop-up*/
.c-photovocab .card-overlay .fa-info-circle {
  bottom: 10px;
  color: #C7C7C7;
  cursor: pointer;
  font-size: 15px;
  position: absolute;
  left: 10px;
}

.c-photovocab .card-overlay .fa-info-circle:hover {
  color: #4A90E2;
}

.pv-info-popover {
  font-size: 11.5px;
  min-height: auto;
  z-index: 99999;
}
.pv-info-popover p {
  line-height: 1.2;
  margin-bottom: 0;
}
.pv-info-popover__content {
  min-height: -webkit-min-content !important;
  min-height: -moz-min-content !important;
  min-height: min-content !important;
  height: auto;
  padding: 3px 15px !important;
  text-align: center;
  border: 1px solid #4A90E2 !important;
  border-radius: 5px !important;
  max-width: 60vw !important;
  background-color: #FFFFFF !important;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  min-width: 210px;
}
.pv-info-popover__surtitle, .pv-info-popover__subtitle {
  color: #CDCDCD;
}
.pv-info-popover__title {
  color: #4A90E2;
}

@media screen and (min-width: 600px) {
  .c-photovocab {
    max-width: 230px;
    min-height: 285px;
  }
  .c-photovocab__thumbnail {
    height: 220px;
  }
  .c-photovocab__frame {
    width: 230px;
    height: 285px;
  }
}
@media (max-width: 600px) {
  .c-photovocab__frame .favorite-star.favorite-in {
    bottom: 85px;
  }
}
.c-cefr__title {
  color: #4B4B4B;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
}

.c-cefr-hide {
  color: #C4C4C4;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.15px;
  line-height: 17px;
  margin: 0;
}
.c-cefr-hide i {
  margin-left: 5px;
}

@media (max-width: 600px) {
  .c-cefr-hide {
    margin: 0;
  }
}
#coaching-block {
  display: none;
}

.c-coaching__title {
  color: #4B4B4B;
  font-size: 18px;
  font-family: "Roboto";
  letter-spacing: -0.19px;
  line-height: 24px;
}
.c-coaching__container {
  background-color: #2F3136;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 680px;
  min-height: 276px;
  padding: 20px 15px;
  width: 100%;
}
.c-coaching__details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-coaching__details-quotation {
  color: #000000;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.14px;
  line-height: 24px;
  padding-top: 20px;
  margin-bottom: 30px;
}
.c-coaching__details-text {
  color: #C4C4C4;
  font-family: "Open Sans";
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.14px;
  line-height: 19px;
}
.c-coaching__advice {
  border-bottom: 1px solid #EFEFEF;
  padding-bottom: 10px;
}
.c-coaching__advice-title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.17px;
  line-height: 22px;
  margin: 0 auto 5px;
}
.c-coaching__advice-challenge {
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.17px;
  line-height: 22px;
}
.c-coaching__photo {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  display: none;
}
.c-coaching__container-intro .c-coaching__advice-title {
  font-size: 18px;
}
.c-coaching__container-intro .c-coaching__details-quotation {
  font-size: 14px;
}
.c-coaching {
  /* Starter lab coaching block */
}
.c-coaching__sl .c-coaching__list-text {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.14px;
  line-height: 18px;
}
.c-coaching__sl .c-coaching__details-text {
  color: #000000;
  padding-top: 15px;
}
.c-coaching__sl .c-coaching__list {
  color: #9635E5;
  list-style: circle;
  margin: 0;
  padding: 0 0 0 20px;
}
@media (min-width: 1040px) {
  .c-coaching__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 10px;
  }
}
@media (max-width: 1024px) {
  .c-coaching__photo {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    clip-path: none !important;
    max-width: 100% !important;
  }
  .c-coaching__container-details {
    clip-path: none !important;
    max-width: 100% !important;
    -webkit-transform: none !important;
  }
}
@media (max-width: 767px) {
  .c-coaching__container {
    max-width: 100%;
    margin-bottom: 10px;
  }
}
@media (min-width: 600px) {
  .c-coaching__photo {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    content: "";
    border-radius: 20px;
    margin: 10px;
    display: block;
    max-width: 307px;
    min-height: 200px;
    width: calc(100% - 20px);
  }
  .c-coaching__photo img {
    border-radius: 6px 0;
  }
  .c-coaching__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
  }
  .c-coaching__container-details {
    max-width: 410px;
    padding: 20px 20px 0 20px;
    -webkit-transform: none;
            transform: none;
    width: 100%;
  }
  .c-coaching__container-details.c-quick-access__details {
    padding-bottom: 10px;
  }
}
@media (max-width: 600px) {
  .c-coaching__details-quotation {
    padding-left: 20px;
  }
}

.is-andjoys .c-coaching__advice {
  border-bottom: 1px solid #aac939;
}

/* ===============
  GLOBAL STYLE
  =============== */
/* open dyslexic font for accessibility usage */
@font-face {
  font-family: openDyslexic;
  src: url("/sites/all/themes/lingua/fonts/OpenDyslexic3-Regular.ttf");
}
/* Impact font */
@font-face {
  font-family: impactFont;
  src: url("/sites/all/themes/lingua/fonts/Impact.ttf");
}
/* GENERAL BUTTONS */
.rounded-btn, .c-webservice-form__submit-btn {
  border-radius: 26px;
  border: none;
  width: 100%;
  min-height: 52px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 600;
}

/* HACK CLASSES */
.h-no-padding-col {
  padding: 0 !important;
}

.h-no-margin {
  margin: 0;
}

.hide-text {
  opacity: 0;
}

.form-control[readonly] {
  background-color: inherit;
}

.centered-text {
  text-align: center;
}

.m-top-20 {
  margin-top: 20px !important;
}

/* Fullscreen Style */
.panel__header {
  position: relative;
}

.fake-fullscreen {
  width: 100vw;
  height: 100vh;
}

.c-fullscreen-icon {
  background-image: url("/sites/all/themes/lingua/assets/fullscreen.svg");
  background-size: contain;
  background-repeat: no-repeat;
  height: 32px;
  width: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  vertical-align: middle;
  cursor: pointer;
  margin: 30px 0 0 auto;
}
.c-fullscreen-icon.active {
  background-image: url("/sites/all/themes/lingua/assets/fullscreen-exit.svg");
}
.c-fullscreen-icon--score-page {
  margin: 20px 15px 0 20px !important;
  float: right;
}
@media (min-width: 1367px) and (min-height: 1081px) {
  .c-fullscreen-icon {
    display: none;
  }
}
@media (max-width: 600px) {
  .c-fullscreen-icon {
    display: none;
  }
}

.c-main-content-full-height,
.c-sb_container--transcript.c-main-content-full-height {
  min-height: 100vh;
}

@media (min-width: 600px) and (max-width: 1366px), screen and (max-height: 1080px) {
  .comprehension .c-fullscreen-icon,
  .listening-lab .c-fullscreen-icon,
  .advanced-comprehension .c-fullscreen-icon,
  .vocab-academy-step .c-fullscreen-icon,
  .grammar-step .c-fullscreen-icon,
  .pronunciation .c-fullscreen-icon,
  .discussion .c-fullscreen-icon {
    margin: 20px 0 0 10px;
    float: right;
  }
  .comprehension .c-fullscreen-icon ~ .score-title,
  .listening-lab .c-fullscreen-icon ~ .score-title,
  .advanced-comprehension .c-fullscreen-icon ~ .score-title,
  .vocab-academy-step .c-fullscreen-icon ~ .score-title,
  .grammar-step .c-fullscreen-icon ~ .score-title,
  .pronunciation .c-fullscreen-icon ~ .score-title,
  .discussion .c-fullscreen-icon ~ .score-title {
    margin: 15px 0 !important;
  }
}
.c-pv__header-icon-rework {
  background-image: url("/sites/all/themes/lingua/assets/pv-circle-icon.png");
  background-size: contain;
  width: 43px;
  height: 43px;
  margin-right: 15px;
  background-repeat: no-repeat;
}

.c-tests__header-icon-rework {
  background-image: url("/sites/all/themes/lingua/assets/homepage-teacher/assesment-coaching-logo.svg");
  background-size: contain;
  width: 43px;
  height: 43px;
  margin-right: 15px;
  background-repeat: no-repeat;
}

.game-zone .c-fullscreen-icon {
  position: absolute;
  right: 15px;
  margin: auto 0;
  top: 25px;
}
@media (max-width: 991px) {
  .game-zone .c-fullscreen-icon {
    top: 20px;
  }
}
.game-zone .c-photovocab-header__container .c-fullscreen-icon {
  top: 5px;
  margin-top: 0;
}
@media (max-width: 991px) {
  .game-zone .c-photovocab-header__container .c-fullscreen-icon {
    top: 5px;
  }
}
@media (max-width: 768px) {
  .game-zone .c-fullscreen-icon__container,
  .game-zone .c-vb-col-title {
    width: 100%;
  }
}

/* Remove z-index from scroll-top when tooltips are active */
body.tooltip-open .scroll-top__wrapper {
  z-index: unset;
}

body.modal-open #header,
body.tooltip-open.node-type-photovocab #header {
  z-index: unset;
}

.page-languages .nav__wrapper {
  width: 33.33%;
}

.translation-details .hovertranslate-ui2-dict {
  margin: 5px !important;
  /* Width */
}
.translation-details .hovertranslate-ui2-dict::-webkit-scrollbar {
  width: 3px;
}
.translation-details .hovertranslate-ui2-dict {
  /* Track */
}
.translation-details .hovertranslate-ui2-dict::-webkit-scrollbar-track {
  background-color: #D6D6D6;
  border-radius: 50px;
}
.translation-details .hovertranslate-ui2-dict {
  /* Handle */
}
.translation-details .hovertranslate-ui2-dict::-webkit-scrollbar-thumb {
  background-color: #7A7A7A;
  border-radius: 50px;
  height: auto;
}

@media (min-width: 992px) and (max-width: 1160px) {
  body.tooltip-open.node-type-photovocab #header,
  .node-type-photovocab #header,
  .node-type-video #header,
  .node-type-skill-booster #header,
  .node-type-starter-lab #header {
    position: relative;
  }
}
/* Cancel scroll when PV tooptip is opened */
body.tooltip-open.node-type-photovocab {
  overflow: hidden !important;
}

.page-lingua-profile-setup .c-hamburger-header {
  display: none !important;
}
.page-lingua-profile-setup #tooltips-menu-toggle {
  display: none !important;
}
.page-lingua-profile-setup .main-navbar__title {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: start !important;
}
.page-lingua-profile-setup {
  /* Adjustments on lingua profile setup only for Lingua */
}
@media (max-width: 600px) {
  .page-lingua-profile-setup.is-lingua .main-navbar.main-navbar-lingua .main-navbar__logo {
    margin: 0 !important;
  }
}
@media (max-width: 400px) {
  .page-lingua-profile-setup.is-lingua .main-navbar.main-navbar-lingua .nav__wrapper {
    width: 25%;
    margin: 0;
  }
}
@media (max-width: 400px) {
  .page-lingua-profile-setup.is-lingua .main-navbar.main-navbar-lingua #block-locale-0 {
    right: 5%;
  }
}
@media (max-width: 400px) {
  .page-lingua-profile-setup.is-lingua .main-navbar.main-navbar-lingua #language-select-list {
    left: unset;
    right: -12px;
  }
}
@media (max-width: 320px) {
  .page-lingua-profile-setup.is-lingua .main-navbar.main-navbar-lingua #language-native {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

/* Design fixes for Qioz footer page - see #9367 */
.is-qioz.not-front.not-logged-in.node-type-page .main-navigation div.main-navbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.is-qioz.not-front.not-logged-in.node-type-page .main-navigation .main-navbar__logo {
  margin: 0;
}
@media (max-width: 991px) {
  .is-qioz.not-front.not-logged-in.node-type-page .page-wrapper {
    padding-top: 80px !important;
  }
}
@media (max-width: 600px) {
  .is-qioz.not-front.not-logged-in.node-type-page .page-wrapper {
    padding-top: 60px !important;
  }
}
@media (max-width: 991px) {
  .is-qioz.not-front:not(.not-logged-in).node-type-page .page-wrapper {
    padding-top: 60px !important;
  }
}

.is-lingua .main-navbar__navigation .block-menu li.leaf.last a:before,
.is-lingua .main-navbar__navigation .block-menu li.leaf.last button:before {
  background: url("../images/icons/logout-icon.svg");
  content: "";
  display: inline-block;
  height: 15px;
  left: -15px;
  position: relative;
  top: 2px;
  width: 15px;
}
@media (min-width: 990px) {
  .is-lingua .dropdown-toggle.dd-user:before {
    display: none !important;
  }
}

.node-type-page.is-lingua .node.clear-block {
  min-height: calc(100vh - 177px);
}
.node-type-page.is-qioz .node.clear-block {
  min-height: calc(100vh - 133px);
}
.node-type-page.is-grandest .node.clear-block {
  min-height: calc(100vh - 172px);
}
.node-type-page #node-1875947 {
  min-height: auto;
}

.glyphicon-refresh {
  color: #FFFFFF !important;
  font-family: "Glyphicons Halflings" !important;
  left: 7%;
  position: absolute;
  top: 17.3%;
}
@media (max-width: 480px) {
  .glyphicon-refresh {
    left: 19%;
    top: 29.3%;
  }
}
@media (min-width: 481px) and (max-width: 600px) {
  .glyphicon-refresh {
    left: 7%;
    top: 20%;
  }
}

.qioz-goto-finalize-spinner {
  left: 14% !important;
  top: 23px !important;
}

.qioz-profile-goto-finalize-spinner {
  left: 14% !important;
  top: 16px !important;
}

.qioz-register-goto-finalize-spinner {
  left: 22px !important;
  top: 16px !important;
}

.qioz-register-spinner-container {
  position: relative;
  max-width: 274px;
  margin: 0 auto;
}

.c-spinner-button {
  margin: 0 auto;
  max-width: 274px;
  position: relative;
  width: 100%;
}

.glyphicon-refresh-animate {
  animation: spin 0.7s infinite linear !important;
  -webkit-animation: spin2 0.7s infinite linear;
}

@-webkit-keyframes spin2 {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
  to {
    -webkit-transform: scale(1) rotate(360deg);
            transform: scale(1) rotate(360deg);
  }
}
.c-learned-expression__extra-info-btn {
  background-color: #F4F4F4;
  border-radius: 20px;
  color: #929292 !important;
  height: auto;
  opacity: 0;
  padding: 0 10px;
  position: absolute;
  right: 0;
  top: 35px;
  white-space: normal;
}
.c-learned-expression__extra-info-btn.focus-visible {
  opacity: 1;
}

/* Outline for accessibility task */
.catalog-panel .row {
  margin: 0 !important;
}

#page-content:focus {
  outline: none !important;
}

/* Remove outline for non-keyboard :focus */
*:focus:not(.focus-visible) {
  outline: none !important;
}

a:focus,
button:focus,
input:focus {
  outline: 1px solid #4A90E2 !important;
}

*:focus {
  outline: 1px solid #4A90E2 !important;
}

/* Optional: Customize .focus-visible */
.focus-visible {
  outline: #4A90E2 solid 1px !important;
}

#block-menu-menu-lingua-navigation a.focus-visible {
  outline: #4A90E2 solid 1px !important;
}

.is-qioz #block-menu-menu-lingua-navigation button::before {
  color: #FFFFFF;
}

.dropdown-toggle {
  border: 0;
  background: transparent;
}

/* Remove block-locale-0 from pages where we don't need it due to error code fixed */
/* See #9055 */
body.node-type-video #block-locale-0,
body.node-type-photovocab #block-locale-0,
body.node-type-skill-booster #block-locale-0 {
  display: none !important;
}

/* Remove padding left from body when the assignments progress popup is opened */
.page-school.is-lingua.popups-processed.modal-open {
  padding-right: 0 !important;
}

/* Remove padding left from body when a popup is opened in Learning Tracks and Diplomas pages*/
.page-learning-tracks.popups-processed.modal-open,
.page-my-dashboard.popups-processed.modal-open {
  padding-right: 0 !important;
}

/* Not allowed style for disabled buttons */
button:disabled,
input:disabled,
a.disabled {
  cursor: url("/sites/all/themes/lingua/assets/not-allowed-xs.png"), auto !important;
  pointer-events: all !important;
}

.page-languages .menu-toolbox-dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-languages .main-navbar-lingua .main-navbar__menu {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (min-width: 992px) {
  .page-languages .nav__wrapper {
    width: 33.33%;
  }
}
@media (max-width: 1160px) {
  .page-languages .main-navbar__title {
    margin: 0;
  }
}

@media (min-width: 1160px) {
  .page-user-login-register .nav__wrapper,
  .page-globalexam .nav__wrapper {
    width: 33.33%;
  }
}

/* Aligned mandatory condition from password strength after input (register page) */
#user-register #edit-pass-pass1-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#user-register #edit-pass-pass1-wrapper div.tooltip {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

@media (max-width: 768px) {
  .c-register-form__username-suggestion {
    font-size: 11px;
    font-weight: 400;
    line-height: 15px;
    margin: 0 auto;
    max-width: 275px;
    padding: 0 15px;
  }
  .c-register-form__username-suggestion.c-register-user-text-show {
    display: block !important;
  }
}
/* Class for changing label boldness on click */
.u-bold {
  font-weight: 600 !important;
}

.c-select-icon {
  border-color: #D8D8D8 transparent transparent transparent;
  border-radius: 2px;
  border-style: solid;
  border-width: 8px 4px 0 4px;
  pointer-events: none;
  position: absolute;
  right: 15px;
  top: 15px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

/* Onboarding modification see #8821 */
.is-qioz.page-user-login-register,
.is-qioz.onboarding-steps,
.is-qioz.page-user-reset-password,
.is-lingua.page-user-reset-password {
  background-color: #FFFFFF !important;
}
.is-qioz.page-user-login-register #header,
.is-qioz.onboarding-steps #header,
.is-qioz.page-user-reset-password #header,
.is-lingua.page-user-reset-password #header {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  max-width: 100%;
}
.is-qioz.page-user-login-register #header .container,
.is-qioz.onboarding-steps #header .container,
.is-qioz.page-user-reset-password #header .container,
.is-lingua.page-user-reset-password #header .container {
  -webkit-box-shadow: none;
          box-shadow: none;
  max-width: 1440px;
}
.is-qioz.page-user-login-register #page-content .container:first-of-type,
.is-qioz.onboarding-steps #page-content .container:first-of-type,
.is-qioz.page-user-reset-password #page-content .container:first-of-type,
.is-lingua.page-user-reset-password #page-content .container:first-of-type {
  margin-top: 5px;
  max-width: 100%;
}
.is-qioz.page-user-login-register .c-geolocalization_container,
.is-qioz.onboarding-steps .c-geolocalization_container,
.is-qioz.page-user-reset-password .c-geolocalization_container,
.is-lingua.page-user-reset-password .c-geolocalization_container {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  margin-top: 5px;
}

.is-qioz.page-registration-step-3 #header {
  max-width: 1440px;
}
.is-qioz.page-registration-step-3 #page-content .container:first-of-type {
  max-width: 1440px;
}

.page-user-reset-password .container {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.is-lingua.page-user-login-register #header,
.is-lingua.onboarding-steps #header {
  max-width: 100%;
}
.is-lingua.page-user-login-register #header .container,
.is-lingua.onboarding-steps #header .container {
  max-width: 1440px;
}

.ls-language-selector {
  background: transparent;
  border: 0;
}

.skip-nav {
  height: 0;
}
.skip-nav a {
  color: transparent !important;
}

#spotlight {
  height: 0;
  overflow: hidden;
}

.c-annonimous-section__img-text {
  font-family: impactFont !important;
}

.open-dyslexic * {
  font-family: openDyslexic !important;
}

.c-search-width {
  width: 100%;
  padding-bottom: 10px;
}

.c-freeze-page:not(:root:root) {
  position: fixed;
}

.c-logo-header {
  float: left;
}

body {
  background-color: #F7F7F8;
  font-family: "Open Sans";
  height: auto !important;
}

.c-container__wrapper {
  background-color: #F7F7F8;
  max-width: 100%;
  overflow: hidden;
  padding: 12px 0 0 0 !important;
  width: 100%;
}

#page-content .container:first-of-type {
  background-color: #FFFFFF;
  border-radius: 0 0 6px 6px;
  max-width: 1440px;
  padding-bottom: 0 !important;
  padding: 0;
  width: 100%;
}

.main-navigation .container {
  max-width: 100%;
}

.c-custom-col-height {
  background-color: #FFFFFF;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 10px;
}

.c-custom-col-height--seccond {
  background-color: #F7F7F8;
  padding: 0;
}

.c-hide-learning-activity {
  display: block;
}

.carousel-col {
  padding: 0;
}

.c-container__sliders {
  background-color: #F7F7F8;
  -webkit-box-shadow: 0 -4px 5px -5px #EDEDF8, 0 5px 10px -5px #EDECF8;
          box-shadow: 0 -4px 5px -5px #EDEDF8, 0 5px 10px -5px #EDECF8;
  margin: 13px 0 0;
  overflow: hidden;
}

.is-lingua .c-container__sliders:last-of-type {
  margin: 13px 0;
}
.is-lingua.not-front.logged-in .c-la__footer {
  margin-top: 13px;
}

.c-container__coaching-right {
  background-color: #36393F;
  padding: 17px 40px;
}

.landing__header {
  display: none;
}

.content-split {
  max-width: 1440px;
}

/* ==[ temporary style hor header - need to move into component folder ]== */
.c-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 55px;
  padding: 2px 20px 5px 20px;
  width: 100%;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.c-header-details {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-header-title {
  color: #4B4B4B;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.17px;
  line-height: 22px;
  margin: 0;
  padding-right: 20px;
}

.block-menu .leaf a,
.block-menu .leaf button {
  font-family: Roboto;
  font-size: 15px;
  font-weight: normal;
}

.u-color-watermelon {
  color: #EA6074;
}

.c-section-line {
  border-top: 1px solid #CDCECF;
}

.c-header-subtitle {
  color: #9B9B9B;
  font-family: "Open Sans";
  font-size: 13px;
  font-weight: 400;
  letter-spacing: -0.14px;
  line-height: 18px;
  margin: 0;
}
.c-header-subtitle a {
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 12px;
  letter-spacing: -0.13px;
  line-height: 17px;
  text-decoration: underline;
}
@media (min-width: 600px) {
  .c-header-subtitle a {
    font-size: 13px;
  }
}

.c-olca-logo-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-olca-logo-container .c-text {
  text-align: right;
  color: #9B9B9B;
  font-family: "Open Sans";
  font-size: 13px;
  font-weight: 400;
  letter-spacing: -0.14px;
  line-height: 18px;
}
.c-olca-logo-container .c-logo {
  width: 150px;
}
.c-olca-logo-container .c-logo img {
  width: 100%;
}

.c-headder-start-learning {
  border-radius: 20.5px;
  border: 1px solid #4A90E2;
  color: #4A90E2;
  font-size: 13px;
  font-weight: 500;
  max-width: 250px;
  padding: 9px 15px;
  width: 100%;
}
.c-headder-start-learning:hover {
  text-decoration: none;
}

#header {
  margin: 0 auto;
  max-width: 1440px;
  width: 100%;
}

div#block-menu-menu-lingua-navigation {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 70px !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
}

/* Games header */
.is-qioz .main-navbar,
.is-lingua .main-navbar {
  height: 100%;
}
.is-qioz .of-canvas-navigation,
.is-lingua .of-canvas-navigation {
  height: 100%;
}
.is-qioz .video-booster a.icon-close.panel__close,
.is-lingua .video-booster a.icon-close.panel__close {
  display: none;
}
@media (max-width: 600px) {
  .is-qioz .video-booster__header--title,
  .is-lingua .video-booster__header--title {
    display: none;
  }
}

.c-close-icon-header-games {
  color: #4B4B4B;
  font-size: 20px;
  font-weight: 400;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 750px) {
  .c-close-icon-header-games.icon-close {
    background-size: 20px;
    height: 20px;
    width: 20px;
  }
}
@media (max-width: 600px) {
  .c-close-icon-header-games {
    display: none;
  }
}
.c-close-header-games {
  color: #4B4B4B;
  font-size: 20px;
  font-weight: 400;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 989px) {
  .c-close-header-games {
    display: none;
  }
}
/* Games header */
.main-navbar__logo {
  margin-top: 0 !important;
  position: relative !important;
}

.not-logged-in #header {
  height: 70px !important;
}

.logged-in .ls-language-selector {
  height: 70px !important;
}

.c-close-icon_div {
  width: 15% !important;
}

.block-menu .leaf.expanded {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.front .hide-menu {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-navbar__menu {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  height: auto;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.dropdown-menu .block-menu .leaf {
  height: 100% !important;
}

.block-menu .leaf.expanded .dropdown-menu .leaf {
  height: 100% !important;
}

.block-menu .leaf {
  height: 100% !important;
}

#block-locale-0 {
  width: 60px !important;
}

body.not-logged-in #block-locale-0 {
  width: 90px !important;
}
@media (max-width: 820px) {
  body.not-logged-in #block-locale-0 {
    width: auto !important;
  }
}
body.not-logged-in #block-locale-0 #language-native {
  min-width: 100px;
}
@media (max-width: 820px) {
  body.not-logged-in #block-locale-0 #language-native {
    min-width: 55px;
  }
}

#block-locale-0 #language-native {
  min-width: 60px;
}

.block-menu .leaf.expanded > a,
.block-menu .leaf.expanded > button {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.main-navbar__navigation {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  padding-right: 0 !important;
}

.content-split {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.panel--exercise__body.full-width {
  max-width: 1050px !important;
}

#block-menu-menu-lingua-navigation li.expanded.expandable.leaf:hover {
  background-color: #36393F;
}

#block-menu-menu-lingua-navigation li.expanded.expandable.leaf.active-trail {
  background-color: #36393F;
}

.is-lingua .main-navbar__logo img {
  height: 70px !important;
  max-width: 200px;
  width: 100% !important;
}

/* Lingua games header */
.c-game-title {
  color: #A6A6A6;
  font-size: 22px;
}

.is-lingua .c-lingua-header__border {
  border-left: 1px solid #3C3C3C;
  height: 45px;
  margin: 7px 15px;
}
.is-lingua {
  /* Video Booster Header */
}
.is-lingua.node-type-video .main-navbar .main-navbar__menu.clearfix,
.is-lingua.node-type-video .main-navbar .of-canvas-navigation {
  width: 80%;
}
.is-lingua {
  /* SkillBooster Games Header */
}
.is-lingua .c-sb-lingua-header-game__title {
  color: #ffffff;
  font-size: 22px;
  font-weight: 400;
}
.is-lingua .sb-lingua-only {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.is-lingua .sb-lingua-only .c-sb-main-navbar__title {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: auto !important;
}
.is-lingua .sb-lingua-only .c-lingua-header__border {
  height: 40px;
  margin: 0 15px !important;
}
@media (max-width: 991px) {
  .is-lingua .sb-lingua-only {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .is-lingua .sb-lingua-only .c-lingua-header__border {
    height: 25px;
  }
  .is-lingua .sb-lingua-only .c-sb-lingua-header-game__title {
    font-size: 18px;
  }
  .is-lingua .c-lingua-header__border {
    margin: 2px 10px;
  }
}
@media (max-width: 750px) {
  .is-lingua .sb-lingua-only .c-sb-lingua-header-game__title {
    font-size: 14px;
  }
}
.is-lingua {
  /* StarterLab Games Header */
}
.is-lingua.node-type-starter-lab .c-sl-lingua-game-header__title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.is-lingua.node-type-starter-lab .c-sl-lingua-game-header__title .c-lingua-header__border {
  height: 40px;
  margin: 0 15px !important;
}
@media (max-width: 1150px) {
  .is-lingua.node-type-starter-lab .sl-lingua-only.main-navbar__title {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .is-lingua.node-type-starter-lab .c-sl-lingua-game-header__title .c-lingua-header__border {
    height: 25px;
  }
}
.is-lingua {
  /* Hide all desktop header for responsive */
}
@media (max-width: 600px) {
  .is-lingua .pv-lingua-only,
  .is-lingua .sb-lingua-only,
  .is-lingua .sl-lingua-only {
    display: none !important;
  }
}
.is-lingua {
  /* Photo Vocab */
}
.is-lingua .c-photo-vocab__header--subtitle .c-game-title, .is-lingua .c-photo-vocab__header--subtitle .panel-subtitle {
  color: #ffffff;
}

.is-lingua .photo-vocab__header--title,
.is-lingua .video-booster__header--title,
.is-qioz .photo-vocab__header--title,
.is-qioz .video-booster__header--title {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 22px;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
.is-lingua .photo-vocab--text,
.is-lingua .video-booster--text,
.is-qioz .photo-vocab--text,
.is-qioz .video-booster--text {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 8px 0 0 !important;
}
.is-lingua .photo-vocab--text .panel-category,
.is-lingua .video-booster--text .panel-category,
.is-qioz .photo-vocab--text .panel-category,
.is-qioz .video-booster--text .panel-category {
  color: #498FE0;
  font-size: 16px;
  line-height: 15px;
  margin-top: 3px;
}
.is-lingua .photo-vocab--text .panel-subtitle.c-vb-panel-subtitle, .is-lingua .photo-vocab--text .panel-subtitle.c-pv-panel-subtitle,
.is-lingua .video-booster--text .panel-subtitle.c-vb-panel-subtitle,
.is-lingua .video-booster--text .panel-subtitle.c-pv-panel-subtitle,
.is-qioz .photo-vocab--text .panel-subtitle.c-vb-panel-subtitle,
.is-qioz .photo-vocab--text .panel-subtitle.c-pv-panel-subtitle,
.is-qioz .video-booster--text .panel-subtitle.c-vb-panel-subtitle,
.is-qioz .video-booster--text .panel-subtitle.c-pv-panel-subtitle {
  line-height: normal;
  margin-top: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.is-lingua .photo-vocab--text .panel-subtitle,
.is-lingua .video-booster--text .panel-subtitle,
.is-qioz .photo-vocab--text .panel-subtitle,
.is-qioz .video-booster--text .panel-subtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 15px;
  margin-top: 3px;
}
.is-lingua .video-booster--text,
.is-qioz .video-booster--text {
  position: relative;
}
.is-lingua .c-video-booster__header--subtitle,
.is-lingua .c-photo-vocab__header--subtitle,
.is-qioz .c-video-booster__header--subtitle,
.is-qioz .c-photo-vocab__header--subtitle {
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  margin: 0;
  text-align: left;
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #A6A6A6;
}
.is-lingua.node-type-video .c-page-video_container .row,
.is-qioz.node-type-video .c-page-video_container .row {
  height: 100%;
  margin: 0;
}
@media (min-width: 600px) {
  .is-lingua.node-type-video .main-navbar,
  .is-qioz.node-type-video .main-navbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 600px) {
  .is-lingua.node-type-video .c-sl-header-resp,
  .is-qioz.node-type-video .c-sl-header-resp {
    border-top: 6px solid #D5D5D5;
  }
}
@media (max-width: 600px) {
  .is-lingua .video-booster--text,
  .is-qioz .video-booster--text {
    display: none;
  }
}

.is-qioz .c-photo-vocab__header--subtitle,
.is-qioz .c-video-booster__header--subtitle {
  margin-left: 5px;
}
.is-qioz .panel-category {
  margin-right: 15px;
}
.is-qioz.node-type-video .main-navbar .main-navbar__menu.clearfix,
.is-qioz.node-type-video .main-navbar .of-canvas-navigation {
  width: 60%;
}
.is-qioz .photo-vocab--text {
  padding: 7px 0 0 !important;
}
.is-qioz .video-booster--text {
  padding: 7px !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.is-linguaphone.node-type-video .main-navbar .main-navbar__menu.clearfix, .is-linguaphone.node-type-video .main-navbar .of-canvas-navigation, .is-linguaphone.node-type-photovocab .main-navbar .main-navbar__menu.clearfix, .is-linguaphone.node-type-photovocab .main-navbar .of-canvas-navigation {
  width: 69%;
}
.is-linguaphone.node-type-video .main-navbar .main-navbar__menu.clearfix .c-video-booster__header--subtitle, .is-linguaphone.node-type-video .main-navbar .main-navbar__menu.clearfix .c-photo-vocab__header--subtitle, .is-linguaphone.node-type-video .main-navbar .of-canvas-navigation .c-video-booster__header--subtitle, .is-linguaphone.node-type-video .main-navbar .of-canvas-navigation .c-photo-vocab__header--subtitle, .is-linguaphone.node-type-photovocab .main-navbar .main-navbar__menu.clearfix .c-video-booster__header--subtitle, .is-linguaphone.node-type-photovocab .main-navbar .main-navbar__menu.clearfix .c-photo-vocab__header--subtitle, .is-linguaphone.node-type-photovocab .main-navbar .of-canvas-navigation .c-video-booster__header--subtitle, .is-linguaphone.node-type-photovocab .main-navbar .of-canvas-navigation .c-photo-vocab__header--subtitle {
  width: auto;
  max-width: 300px;
}

body.is-safran.logged-in.page-user-settings .grandest-logo,
body.is-safran.logged-in.page-user-settings .logo-header {
  max-width: 250px !important;
}

.is-tutlogo.node-type-video .main-navbar .main-navbar__menu.clearfix, .is-tutlogo.node-type-video .main-navbar .of-canvas-navigation, .is-tutlogo.node-type-photovocab .main-navbar .main-navbar__menu.clearfix, .is-tutlogo.node-type-photovocab .main-navbar .of-canvas-navigation,
.is-doyouspeakgrandest.node-type-video .main-navbar .main-navbar__menu.clearfix,
.is-doyouspeakgrandest.node-type-video .main-navbar .of-canvas-navigation,
.is-doyouspeakgrandest.node-type-photovocab .main-navbar .main-navbar__menu.clearfix,
.is-doyouspeakgrandest.node-type-photovocab .main-navbar .of-canvas-navigation {
  width: 63%;
}
.is-tutlogo.node-type-video .main-navbar .main-navbar__menu.clearfix .c-video-booster__header--subtitle, .is-tutlogo.node-type-video .main-navbar .main-navbar__menu.clearfix .c-photo-vocab__header--subtitle, .is-tutlogo.node-type-video .main-navbar .of-canvas-navigation .c-video-booster__header--subtitle, .is-tutlogo.node-type-video .main-navbar .of-canvas-navigation .c-photo-vocab__header--subtitle, .is-tutlogo.node-type-photovocab .main-navbar .main-navbar__menu.clearfix .c-video-booster__header--subtitle, .is-tutlogo.node-type-photovocab .main-navbar .main-navbar__menu.clearfix .c-photo-vocab__header--subtitle, .is-tutlogo.node-type-photovocab .main-navbar .of-canvas-navigation .c-video-booster__header--subtitle, .is-tutlogo.node-type-photovocab .main-navbar .of-canvas-navigation .c-photo-vocab__header--subtitle,
.is-doyouspeakgrandest.node-type-video .main-navbar .main-navbar__menu.clearfix .c-video-booster__header--subtitle,
.is-doyouspeakgrandest.node-type-video .main-navbar .main-navbar__menu.clearfix .c-photo-vocab__header--subtitle,
.is-doyouspeakgrandest.node-type-video .main-navbar .of-canvas-navigation .c-video-booster__header--subtitle,
.is-doyouspeakgrandest.node-type-video .main-navbar .of-canvas-navigation .c-photo-vocab__header--subtitle,
.is-doyouspeakgrandest.node-type-photovocab .main-navbar .main-navbar__menu.clearfix .c-video-booster__header--subtitle,
.is-doyouspeakgrandest.node-type-photovocab .main-navbar .main-navbar__menu.clearfix .c-photo-vocab__header--subtitle,
.is-doyouspeakgrandest.node-type-photovocab .main-navbar .of-canvas-navigation .c-video-booster__header--subtitle,
.is-doyouspeakgrandest.node-type-photovocab .main-navbar .of-canvas-navigation .c-photo-vocab__header--subtitle {
  width: auto;
  max-width: 300px;
}
@media (min-width: 930px) {
  .is-tutlogo.node-type-video .main-navbar .main-navbar__menu.clearfix, .is-tutlogo.node-type-video .main-navbar .of-canvas-navigation, .is-tutlogo.node-type-photovocab .main-navbar .main-navbar__menu.clearfix, .is-tutlogo.node-type-photovocab .main-navbar .of-canvas-navigation,
  .is-doyouspeakgrandest.node-type-video .main-navbar .main-navbar__menu.clearfix,
  .is-doyouspeakgrandest.node-type-video .main-navbar .of-canvas-navigation,
  .is-doyouspeakgrandest.node-type-photovocab .main-navbar .main-navbar__menu.clearfix,
  .is-doyouspeakgrandest.node-type-photovocab .main-navbar .of-canvas-navigation {
    width: 75%;
  }
}
.is-tutlogo.page-globalexam .c-header-block,
.is-doyouspeakgrandest.page-globalexam .c-header-block {
  width: auto;
}

@media (max-width: 1300px) {
  .scroll-bar__content {
    display: block !important;
  }
}
@media (max-width: 1160px) {
  .is-lingua .photo-vocab--text,
  .is-lingua .video-booster--text,
  .is-qioz .photo-vocab--text,
  .is-qioz .video-booster--text {
    padding: 0 !important;
  }
}
@media (max-width: 800px) {
  .page-languages .main-navbar__title {
    width: 53.33% !important;
  }
  .page-languages .nav__wrapper {
    width: 20%;
  }
}
@media (max-width: 991px) {
  .page-languages #header #block-locale-0 .content {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .page-languages #header #block-locale-0 .content:hover {
    background-color: unset;
  }
  .is-lingua .photo-vocab__header--title,
  .is-lingua .video-booster__header--title,
  .is-lingua .c-game-title,
  .is-qioz .photo-vocab__header--title,
  .is-qioz .video-booster__header--title,
  .is-qioz .c-game-title {
    font-size: 20px;
  }
  .is-lingua .photo-vocab--text,
  .is-lingua .video-booster--text,
  .is-qioz .photo-vocab--text,
  .is-qioz .video-booster--text {
    padding: 6px 0 !important;
  }
  .is-lingua .photo-vocab--text .panel-category,
  .is-lingua .photo-vocab--text .panel-subtitle,
  .is-lingua .video-booster--text .panel-category,
  .is-lingua .video-booster--text .panel-subtitle,
  .is-qioz .photo-vocab--text .panel-category,
  .is-qioz .photo-vocab--text .panel-subtitle,
  .is-qioz .video-booster--text .panel-category,
  .is-qioz .video-booster--text .panel-subtitle {
    font-size: 13px;
  }
}
@media (max-width: 750px) {
  .is-lingua .photo-vocab__header--title,
  .is-lingua .video-booster__header--title,
  .is-lingua .c-game-title,
  .is-qioz .photo-vocab__header--title,
  .is-qioz .video-booster__header--title,
  .is-qioz .c-game-title {
    font-size: 14px;
  }
}
/* Lingua games header - end */
@media (max-width: 600px) {
  .teacher .c-header,
  .student .c-header {
    min-height: 55px;
  }
}

@media (max-width: 340px) {
  .is-lingua .page-wrapper #header .container {
    padding: 0;
  }
}

@media (min-width: 990px) {
  .icon-close {
    display: none;
  }
}
.is-lingua .c-close-header-games {
  color: #FFFFFF;
}

.is-lingua .glyphicon-menu-up,
.is-qioz .glyphicon-menu-up {
  background-image: url("/sites/all/themes/lingua/assets/arrow-up.svg");
  background-position: 65% 80%;
  background-repeat: no-repeat;
  display: block;
  height: 100%;
  width: 100%;
  left: 0px;
  position: absolute;
}
.is-lingua .glyphicon-menu-up:before,
.is-qioz .glyphicon-menu-up:before {
  display: none;
}
.is-lingua.node-type-photovocab .scroll-top,
.is-qioz.node-type-photovocab .scroll-top {
  display: none !important;
}
.is-lingua .c-page-video_container .hamburger.hamburger--spin,
.is-qioz .c-page-video_container .hamburger.hamburger--spin {
  display: none !important;
}
.is-lingua #main-screen .grammar-multiple-label .text-answer,
.is-qioz #main-screen .grammar-multiple-label .text-answer {
  width: auto !important;
}
.is-lingua .school-page .block-sidebar-menu .leaf.expandable > a:before,
.is-qioz .school-page .block-sidebar-menu .leaf.expandable > a:before {
  top: 24px;
}
.is-lingua .photo-vocab--text,
.is-qioz .photo-vocab--text {
  right: 0;
}
.is-lingua .user-page__title,
.is-qioz .user-page__title {
  color: #2F2F2F;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 26px;
  margin-top: 0;
}
.is-lingua .panel__title,
.is-qioz .panel__title {
  font-size: 22px;
  font-weight: 300;
  margin-top: 0;
}
.is-lingua .user-page__subtitle,
.is-qioz .user-page__subtitle {
  color: #B9B9B9;
  font-size: 16px;
  font-style: italic;
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 10px;
}
.is-lingua .cefr-level-title,
.is-qioz .cefr-level-title {
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 10px;
  margin-top: 0;
}
@media (max-width: 991px) {
  .is-lingua .user-panel--title,
  .is-qioz .user-panel--title {
    padding-top: 20px;
  }
  .is-lingua .user-page__title,
  .is-qioz .user-page__title {
    margin-top: 20px !important;
  }
  .is-lingua .c-survey-container .step-progress,
  .is-qioz .c-survey-container .step-progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: unset;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
    position: relative;
  }
}
@media (max-width: 773px) {
  .is-lingua .vb-final-score__buttons a,
  .is-qioz .vb-final-score__buttons a {
    margin-right: 10px !important;
  }
}

.is-lingua.of-canvas-opened,
.is-qioz.of-canvas-opened:not(:root:root) {
  position: relative !important;
}

.is-lingua.touch-device,
.is-qioz.touch-device:not(:root:root) {
  position: relative !important;
}

.is-qioz .main-navbar__logo img {
  height: 70px !important;
  max-width: 320px;
  width: 100% !important;
}

.is-andjoys .main-navbar__region-logo .grandest-logo {
  max-height: 65px;
}

.is-qioz .ls-navigation .logo {
  max-width: 255px;
  text-align: center;
  width: 100%;
}

.page-globalexam.is-qioz .main-navbar__title,
.page-globalexam.is-qioz .main-navbar__menu a {
  color: #2F3136;
}

.is-qioz .ls-navigation .logo {
  display: block;
}
.is-qioz .c-header {
  padding: 2px 20px;
}
.is-qioz .icon-close {
  background-image: url("/sites/all/themes/lingua/assets/close-icon-black.svg");
}
.is-qioz .video-booster__header--title,
.is-qioz .photo-vocab__header--title {
  color: #36393F;
  font-weight: 400;
}
.is-qioz #header .container {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.is-qioz #header {
  padding-bottom: 2px;
}
.is-qioz .main-navigation {
  background-color: #FFFFFF !important;
}
.is-qioz .dropdown-menu {
  border: none !important;
}
.is-qioz .block-menu .leaf a,
.is-qioz .block-menu .leaf button {
  background: transparent;
  border: 0;
  color: #36393F;
  font-size: 15px;
  font-weight: 400;
}
.is-qioz #block-menu-menu-lingua-navigation li.expanded.expandable.leaf:hover,
.is-qioz .block-menu .leaf:hover a,
.is-qioz .block-menu .leaf a.active,
.is-qioz .block-menu .leaf:hover button,
.is-qioz .block-menu .leaf button.active {
  background: #36393F;
  color: #FFFFFF;
}
.is-qioz .main-navbar__navigation .block-menu .leaf:hover.expanded a,
.is-qioz .main-navbar__navigation .block-menu .leaf:hover.expanded button {
  background: transparent !important;
  color: #36393F !important;
}
.is-qioz #block-menu-menu-lingua-toolbox .content .menu-toolbox-dropdown li .dropdown-toggle:hover {
  background-color: transparent !important;
  color: #FFFFFF !important;
}
.is-qioz #block-menu-menu-lingua-toolbox .content .menu-toolbox-dropdown li .dropdown-toggle:hover:last-of-type {
  color: #36393F !important;
}
.is-qioz #block-menu-menu-lingua-navigation li.expanded.expandable.leaf.active-trail {
  background: #36393F !important;
}
.is-qioz #block-menu-menu-lingua-navigation li.expanded.expandable.leaf.active-trail ul > li > a,
.is-qioz #block-menu-menu-lingua-navigation li.expanded.expandable.leaf.active-trail ul > li > button {
  color: #36393F !important;
}
.is-qioz #block-menu-menu-lingua-navigation li.expanded.expandable.leaf.active-trail ul > li > a:hover,
.is-qioz #block-menu-menu-lingua-navigation li.expanded.expandable.leaf.active-trail ul > li > button:hover {
  background: #36393F !important;
  color: #FFFFFF !important;
}
.is-qioz #block-menu-menu-lingua-navigation li.expanded.expandable.leaf.active-trail ul > li > a.active,
.is-qioz #block-menu-menu-lingua-navigation li.expanded.expandable.leaf.active-trail ul > li > button.active {
  background-color: #36393F !important;
  color: #FFFFFF !important;
}
.is-qioz #block-menu-menu-lingua-navigation li.expanded.expandable.leaf.active-trail a,
.is-qioz #block-menu-menu-lingua-navigation li.expanded.expandable.leaf.active-trail button {
  color: #FFFFFF !important;
}
.is-qioz #block-menu-menu-lingua-navigation li.expanded.expandable.leaf.active-trail a.focus-visible,
.is-qioz #block-menu-menu-lingua-navigation li.expanded.expandable.leaf.active-trail button.focus-visible {
  outline: lightblue solid 1px !important;
}
.is-qioz .block-menu .leaf.expanded .dropdown-menu .leaf a,
.is-qioz .block-menu .leaf.expanded .dropdown-menu .leaf button {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #E9E9E9;
  color: #36393F !important;
}
.is-qioz .block-menu .leaf.expanded .dropdown-menu .leaf a:hover,
.is-qioz .block-menu .leaf.expanded .dropdown-menu .leaf button:hover {
  background: #36393F !important;
  color: #FFFFFF !important;
}
.is-qioz .hamburger-inner,
.is-qioz .hamburger-inner::before,
.is-qioz .hamburger-inner::after {
  background: #36393F !important;
}
.is-qioz #header #block-locale-0 .content #language-select-list a.current {
  background-color: #36393F !important;
  color: #FFFFFF !important;
}
.is-qioz .main-navbar-lingua .main-navbar__title {
  color: #36393F;
}

.is-andjoys .block-menu .leaf a.active,
.is-andjoys .block-menu .leaf:hover button {
  background: #aac939;
}
.is-andjoys #block-menu-menu-lingua-navigation li.expanded.expandable.leaf.active-trail {
  background: #aac939 !important;
}
.is-andjoys #block-menu-menu-lingua-navigation li.expanded.expandable.leaf.active-trail {
  background: #aac939 !important;
}
.is-andjoys #block-menu-menu-lingua-navigation li.expanded.expandable.leaf.active-trail ul > li > a:hover,
.is-andjoys #block-menu-menu-lingua-navigation li.expanded.expandable.leaf.active-trail ul > li > button:hover {
  background: #aac939 !important;
  color: #FFFFFF !important;
}
.is-andjoys #block-menu-menu-lingua-navigation li.expanded.expandable.leaf.active-trail ul > li > a.active,
.is-andjoys #block-menu-menu-lingua-navigation li.expanded.expandable.leaf.active-trail ul > li > button.active {
  background-color: #aac939 !important;
  color: #FFFFFF !important;
}
.is-andjoys #header #block-locale-0 .content #language-select-list a.current {
  background-color: #aac939 !important;
}
.is-andjoys .block-menu .leaf.expanded .dropdown-menu .leaf a:hover,
.is-andjoys .block-menu .leaf.expanded .dropdown-menu .leaf button:hover {
  background: #aac939 !important;
}

@media (min-width: 992px) {
  #block-menu-menu-lingua-toolbox .dropdown-toggle:after {
    font-size: 16px;
    position: relative;
    top: 3px;
    content: "\e80b";
    font-family: "fontello";
    margin-left: 5px;
  }
}
.not-front.not-logged-in.is-qioz #header #block-locale-0 .content #language-native {
  color: #36393F;
}
.not-front.not-logged-in.is-qioz #header #block-locale-0 .content #language-select-list {
  background-color: #FFFFFF;
}
.not-front.not-logged-in.is-qioz #header #block-locale-0 .content #language-select-list a,
.not-front.not-logged-in.is-qioz #header #block-locale-0 .content #language-select-list button {
  color: #36393F;
}
.not-front.not-logged-in.is-qioz #header #block-locale-0 .content #language-select-list a:hover,
.not-front.not-logged-in.is-qioz #header #block-locale-0 .content #language-select-list button:hover {
  color: #FFFFFF;
  background-color: #36393F;
}

/* Style for Qioz footer not-front pages (see #9389) */
.is-qioz.not-front.node-type-page .container.clearfix {
  max-width: 1440px;
  padding: 0;
}

.is-qioz:not(.not-logged-in) .dropdown-menu__container {
  background-color: #FFFFFF !important;
  border-radius: 4px;
  color: #36393F;
}
.is-qioz:not(.not-logged-in) #header #block-locale-0 .content #language-select-list a:hover {
  background: #36393F !important;
  color: #FFFFFF !important;
}
.is-qioz:not(.not-logged-in) #header #block-locale-0 .content #language-select-list .scroll-bar__content li:first-of-type a,
.is-qioz:not(.not-logged-in) #header #block-locale-0 .content #language-select-list a {
  border-bottom: none;
  border-top: 1px solid #E9E9E9;
  color: #36393F;
}
.is-qioz:not(.not-logged-in) #header #block-locale-0 .content #language-select-list {
  border: none;
}
.is-qioz:not(.not-logged-in) #block-locale-0 #language-native {
  color: #36393F;
}

.is-andjoys:not(.not-logged-in) #header #block-locale-0 .content #language-select-list a:hover {
  background: #aac939 !important;
}

.is-qioz._lingua-page-user-login-register .dropdown-menu__container {
  background-color: #FFFFFF !important;
}
.is-qioz._lingua-page-user-login-register #block-locale-0 #language-native {
  color: #36393F;
}
.is-qioz._lingua-page-user-login-register #header #block-locale-0 .content #language-select-list a:hover {
  background: #36393F !important;
  color: #FFFFFF !important;
}
.is-qioz._lingua-page-user-login-register #header #block-locale-0 .content #language-select-list .scroll-bar__content li:first-of-type a,
.is-qioz._lingua-page-user-login-register #header #block-locale-0 .content #language-select-list a {
  border-bottom: none;
  border-top: 1px solid #F4F4F4;
  color: #36393F;
}
.is-qioz._lingua-page-user-login-register #header #block-locale-0 .content #language-select-list {
  border: none;
}
.is-qioz._lingua-page-user-login-register .main-navbar-lingua .main-navbar__login a {
  border: 1px solid #36393F;
  color: #36393F;
}
.is-qioz._lingua-page-user-login-register .main-navbar-lingua .account-question {
  color: #36393F;
}
.is-qioz._lingua-page-user-login-register .main-navbar__login {
  padding-left: 22px;
}

.is-andjoys._lingua-page-user-login-register #header #block-locale-0 .content #language-select-list a:hover {
  background: #aac939 !important;
}

.is-qioz.onboarding-steps .nav__wrapper {
  width: 33.33%;
}
@media (max-width: 460px) {
  .is-qioz.onboarding-steps .nav__wrapper {
    width: unset;
  }
}

._lingua-page-user-login-register #language-select-list {
  left: auto;
  right: -19px;
}
@media (max-width: 970px) {
  ._lingua-page-user-login-register #language-select-list {
    right: -33px;
  }
}

.is-lingua._lingua-page-user-login-register #page-content .container:first-of-type {
  height: 100%;
  min-height: 99.9vh;
}

@media (max-width: 1338px) {
  .is-qioz .main-navbar__logo img {
    max-width: 290px;
  }
}
@media (max-width: 1270px) {
  .is-qioz .main-navbar__logo img {
    max-width: 275px;
  }
}
@media (max-width: 1114px) {
  .is-qioz .main-navbar__logo img {
    max-width: 265px;
  }
}
@media (max-width: 1024px) {
  .is-qioz .ls-navigation .logo img {
    max-width: 150px !important;
  }
  .is-qioz .ls-navigation .logo span {
    font-size: 17px;
  }
}
@media (max-width: 991px) {
  .is-qioz .catalog-search-form .form__group.active-vb:after {
    background: transparent;
  }
  .page-my-dashboard.is-qioz .user-page__content,
  .page-my-dashboard.is-lingua .user-page__content {
    padding-top: 50px !important;
  }
}
@media (max-width: 530px) {
  .is-qioz .ls-navigation ul {
    display: block;
  }
}
@media (max-width: 490px) {
  .is-qioz .ls-navigation .logo img {
    margin: 0;
    max-width: 110px !important;
  }
  .is-qioz .ls-navigation .logo {
    left: 0;
    max-width: 160px;
    padding-left: 10px;
    position: absolute;
    width: 100%;
  }
  .is-qioz .ls-navigation .logo span {
    font-size: 12px;
    margin: 0;
  }
  .is-qioz .ls-language-container {
    margin-right: 0px;
  }
  .is-qioz .ls-navigation {
    display: block !important;
  }
  .is-qioz .ls-navigation ul {
    float: right;
    width: 60%;
  }
  .is-qioz .ls-navigation ul .ls-language-container ul {
    width: 100%;
  }
  .is-qioz .c-annonymous-homepage__circle-image {
    margin-bottom: 25px !important;
  }
  .is-qioz .c-anonymous__section-container-lastpage {
    margin-bottom: 50px;
  }
  .is-qioz .c-anonymous-imag_section--1,
  .is-qioz .c-anonymous-imag_section--2 {
    top: -40px;
  }
  .is-qioz .c-anonymous-imag_section--3,
  .is-qioz .c-anonymous-imag_section--5 {
    top: -30px;
  }
  .is-qioz .c-anonymous-imag_section--4 {
    top: -20px;
  }
}
@media (max-width: 460px) {
  .is-qioz .ls-navigation .logo span {
    line-height: 25px;
  }
}
@media (max-width: 400px) {
  .is-qioz .main-navbar__logo img {
    max-width: 200px !important;
  }
}
@media (max-width: 365px) {
  .is-qioz #block-locale-0 {
    top: 5px !important;
  }
  .is-qioz .main-navbar__logo {
    margin-left: 0;
  }
  .is-qioz #language-select-list {
    left: -80px;
  }
}
@media (max-width: 355px) {
  .is-qioz .main-navbar__logo img {
    max-width: 165px !important;
  }
}
.is-qioz.page-languages .block-menu .leaf:hover a,
.is-qioz.page-languages .block-menu .leaf:hover button {
  background-color: transparent !important;
  color: #36393F !important;
}

.page-user-login-register #page-content > .container .form-item {
  max-width: 305px !important;
}

/* ==[ Anonymous Homepage ]== */
.fp-section.fp-table,
.fp-slide.fp-table {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

@media (max-width: 525px) {
  .fp-section.fp-table,
  .fp-slide.fp-table {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/* ==[ LA Anonymous Homepage ]== */
@media (max-width: 600px) {
  .node-type-page .page-wrapper {
    padding-top: 0 !important;
  }
  .c-survey-carousel label.option {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (max-width: 991px) {
  .node-type-page .page-wrapper {
    padding-top: 0 !important;
  }
}
/* ==[ Main Navbar Style ]== */
.page-lingua-registration-step .main-navbar-lingua .main-navbar__menu {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.page-lingua-profile-setup .main-navbar__menu {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.main-navbar-lingua {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: inherit;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.main-navbar-lingua .account-question {
  font-family: "Open Sans";
  font-size: 11px;
  letter-spacing: -0.12px;
  line-height: 15px;
  padding-right: 5px;
}
.main-navbar-lingua .main-navbar__logo {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: unset !important;
  position: relative !important;
  width: 33.33%;
}
.main-navbar-lingua .main-navbar__menu {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.main-navbar-lingua .main-navbar__title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Open Sans";
  font-size: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: -0.17px;
  line-height: 22px;
  text-align: center;
  width: 33.33%;
}
@media (max-width: 815px) {
  .main-navbar-lingua .main-navbar__title {
    margin-left: 12%;
  }
}
.main-navbar-lingua .main-navbar__login {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.main-navbar-lingua .main-navbar__login .account-question {
  text-align: left;
  width: 100%;
}
.main-navbar-lingua .main-navbar__login #la-login-btn {
  padding: 7px 15px;
  width: 100%;
  white-space: nowrap;
}
.main-navbar-lingua .main-navbar__login a {
  border-radius: 20.5px;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: -0.17px;
  line-height: 22px;
  padding: 7px 30px;
  text-align: center;
}
.main-navbar-lingua .main-navbar__login a:hover {
  color: #FFFFFF;
  text-decoration: none;
}

.h-no-padding {
  display: block;
}

/* ==[ Style for static page -> links from footer ]== */
.c-static-page {
  padding: 20px;
}
.c-static-page h1 {
  color: #4B4B4B;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.24px;
  line-height: 20px;
  margin: 5px 0 20px;
}
.c-static-page h2 {
  color: #4B4B4B;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.24px;
  line-height: 20px;
}
.c-static-page h4 {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #4b4b4b;
}
.c-static-page p,
.c-static-page li {
  color: #4B4B4B;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 400;
}
.c-static-page p u {
  text-decoration: none;
  font-size: 16px;
}
.c-static-page p b {
  font-size: 16px;
}
.c-static-page p a,
.c-static-page p strong a {
  text-decoration: underline;
}
.c-static-page tbody {
  border-top: 0;
}
.c-static-page tbody th {
  border-bottom: 0;
  color: #4B4B4B;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.24px;
  line-height: 20px;
}
.c-static-page td {
  color: #4B4B4B;
  font-size: 12px;
  letter-spacing: -0.12px;
  line-height: 15px;
  padding-right: 10px;
}
@media (max-width: 645px) {
  .c-static-page table {
    max-width: 623px;
    width: 100% !important;
  }
  .c-static-page table td p {
    word-break: break-word;
  }
  .c-static-page table td p span {
    word-break: break-all;
  }
}

.region-ile-de-france-logo {
  margin: 10px;
  width: 130px;
}

/* ==[ Language Page ]== */
.page-languages .main-navbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-languages .main-navbar__logo {
  position: relative;
}

/* ==[ Footer ]== */
.footer-nav {
  margin: 0 auto;
  max-width: 1440px;
  padding-bottom: 15px;
  width: 100%;
}

.footer-nav-quiz {
  background-image: url("/sites/all/themes/lingua/assets/logo-region-quadri-dark.png");
  background-repeat: no-repeat;
  background-size: contain;
  height: 38px;
  margin-top: 10px;
  width: 260px;
}
.footer-nav-quiz a {
  padding: 20px 83px !important;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}

/* Color classes */
.light-grey {
  color: #B7B7B7 !important;
}

/* ==[ CEFR Level Colors ]== */
/* Color variables */
/* CEFR level clases for video booster cards */
.c-border-top__a2 {
  border-top-color: #85d4d5 !important;
}

.c-border-top__a2plus {
  border-top-color: #39c2c2 !important;
}

.c-border-top__b1 {
  border-top-color: #9797eb !important;
}

.c-border-top__b2 {
  border-top-color: #806ac6 !important;
}

.c-border-top__c1 {
  border-top-color: #ff8ab2 !important;
}

/* Cefr level clases for pv/vb accordions and */
/* For cefr test block */
.c-border-left__a1 {
  border-left-color: #74c4f1 !important;
}

.c-border-left__a1plus {
  border-left-color: #57b9f3 !important;
}

.c-border-left__a2 {
  border-left-color: #85d4d5 !important;
}

.c-border-left__a2plus {
  border-left-color: #39c2c2 !important;
}

.c-border-left__b1 {
  border-left-color: #9797eb !important;
}

.c-border-left__b1plus {
  border-left-color: #8282ed !important;
}

.c-border-left__b2 {
  border-left-color: #806ac6 !important;
}

.c-border-left__b2plus {
  border-left-color: #6649c5 !important;
}

.c-border-left__c1 {
  border-left-color: #ff8ab2 !important;
}

.c-border-left__c2 {
  border-left-color: #fc719b !important;
}

/* Background classes */
.c-background__a1 {
  background-color: #74c4f1 !important;
}

.c-background__a1plus {
  background-color: #74c4f1 !important;
}

.c-background__a2 {
  background-color: #85d4d5 !important;
}

.c-background__a2plus {
  background-color: #39c2c2 !important;
}

.c-background__b1 {
  background-color: #9797eb !important;
}

.c-background__b1plus {
  background-color: #8282ed !important;
}

.c-background__b2 {
  background-color: #806ac6 !important;
}

.c-background__b2plus {
  background-color: #6649c5 !important;
}

.c-background__c1 {
  background-color: #ff8ab2 !important;
}

.c-background__c2 {
  background-color: #fc719b !important;
}

.c-background__sl {
  background-color: #FCD372 !important;
}

/* Cefr level text color from the block */
.c-text-color__a1 {
  color: #74c4f1 !important;
}

.c-text-color__a1plus {
  color: #57b9f3 !important;
}

.c-text-color__a2 {
  color: #85d4d5 !important;
}

.c-text-color__a2plus {
  color: #39c2c2 !important;
}

.c-text-color__b1 {
  color: #9797eb !important;
}

.c-text-color__b1plus {
  color: #8282ed !important;
}

.c-text-color__b2 {
  color: #806ac6 !important;
}

.c-text-color__b2plus {
  color: #6649c5 !important;
}

.c-text-color__c1 {
  color: #ff8ab2 !important;
}

.c-text-color__c2 {
  color: #fc719b !important;
}

/* Cefr level icons from my dashboard - assesments test colors */
.cefr-level--icon.A1 {
  background: #74c4f1 !important;
  border-bottom: none !important;
}

.cefr-level--icon.A2 {
  background: #85d4d5 !important;
  border-bottom: none !important;
}

.cefr-level--icon.B1 {
  background: #9797eb !important;
  border-bottom: none !important;
}

.cefr-level--icon.B2 {
  background: #806ac6 !important;
  border-bottom: none !important;
}

.cefr-level--icon.C1 {
  background: #ff8ab2 !important;
  border-bottom: none !important;
}

.cefr-level--icon.C2 {
  background: #fc719b !important;
  border-bottom: none !important;
}

.cefr-level--title.A1 {
  color: #74c4f1 !important;
}

.cefr-level--title.A2 {
  color: #85d4d5 !important;
}

.cefr-level--title.B1 {
  color: #9797eb !important;
}

.cefr-level--title.B2 {
  color: #806ac6 !important;
}

.cefr-level--title.C1 {
  color: #ff8ab2 !important;
}

.cefr-level--title.C2 {
  color: #fc719b !important;
}

.assessment-cefr__level--a1 .media-body {
  border-bottom-color: #74c4f1 !important;
}

.assessment-cefr__level--a2 .media-body {
  border-bottom-color: #85d4d5 !important;
}

.assessment-cefr__level--b1 .media-body {
  border-bottom-color: #9797eb !important;
}

.assessment-cefr__level--b2 .media-body {
  border-bottom-color: #806ac6 !important;
}

.assessment-cefr__level--c1 .media-body {
  border-bottom-color: #ff8ab2 !important;
}

.assessment-cefr__level--c2 .media-body {
  border-bottom-color: #fc719b !important;
}

/* Cefr colors clases for exercises vb */
.beginner .thumbnail--video__difficulty-bar {
  background-color: #85d4d5 !important;
}

.easy .thumbnail--video__difficulty-bar {
  background-color: #39c2c2 !important;
}

.intermediate .thumbnail--video__difficulty-bar {
  background-color: #9797eb !important;
}

.upper-intermediate .thumbnail--video__difficulty-bar {
  background-color: #806ac6 !important;
}

.advanced .thumbnail--video__difficulty-bar {
  background-color: #ff8ab2 !important;
}

#page-content > .container {
  border: none;
}

.page-lingua-registration-step {
  background-color: #FFFFFF;
}

.main-navbar__login--mobile span {
  color: #6F6F6F;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.12px;
  line-height: 14px;
}
.main-navbar__login--mobile a {
  color: #4A90E2 !important;
  font-size: 13px;
}

/* STYLE FOR TOOLTIP TRANSLATION */
.revamp-2016 .translation-close {
  color: #A6A6A6 !important;
}

.revamp-2016 .translation {
  background: #FFFFFF;
  color: #A6A6A6 !important;
  font-size: 12px;
  letter-spacing: -0.13px;
  line-height: 15px;
}

.revamp-2016 .hovertranslate-ui1-tts {
  float: right;
  margin-right: 25px;
}

.revamp-2016 .translation-details {
  border: none;
  padding: 0 !important;
}

.revamp-2016 .transaltekey {
  color: #333333;
  font-family: "Open Sans";
  font-size: 16px;
  letter-spacing: -0.17px;
  line-height: 22px;
}

.revamp-2016 .translatedetails {
  color: #333333;
  font-size: 11px;
  letter-spacing: -0.12px;
  line-height: 13px;
}

.revamp-2016 .transaltekey {
  font-style: normal;
}

.qtip-notice {
  border-top: 1px solid #D8D8D8;
  color: #A6A6A6;
  font-family: "Open Sans";
  font-size: 11px;
  letter-spacing: -0.1px;
  line-height: 13px;
  padding: 10px;
}

.qtip-translation-resizable {
  width: auto !important;
  max-width: 300px;
  min-width: 150px;
}

.hovertranslate-ui2-word {
  margin: 0;
}

.revamp-2016 .qtip-translation .qtip-contentWrapper {
  -webkit-box-shadow: 0 0 13px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 13px 4px rgba(0, 0, 0, 0.2);
}

.revamp-2016 .hovertranslate-word-highlight {
  color: #4A90E2;
}

/* Assesment test header style */
.page-globalexam .main-navbar__title {
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.17px;
  line-height: 22px;
  text-align: center;
}
.page-globalexam .main-navbar__menu {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.page-globalexam .main-navbar__menu a {
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.17px;
  line-height: 22px;
  text-align: right;
}
.page-globalexam .main-navbar__menu a:hover {
  text-decoration: none;
}

.main-navbar__menu .clearfix {
  height: auto;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

/* Style for menu only mozilla */
@supports (-moz-appearance: none) {
  .hide-menu {
    height: 80px !important;
  }
  .main-navbar__menu .clearfix {
    height: 80px;
  }
  .front .main-navbar__menu .clearfix {
    height: 80px;
  }
  /* Skill booster */
  .c-sb-badge_card-circle.gold-state {
    background-position: 10px -3px !important;
  }
  .c-sb-badge-train.gold-train {
    background-position: 12px 5px !important;
  }
  .c-sb-accordion-body {
    margin-left: -13px !important;
    margin-top: -16px !important;
  }
  .c-sb-accordion-header {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .c-cookies-popup__use p {
    word-break: break-all;
  }
  .c-annonimous-language__image {
    width: 100px !important;
  }
  .c-account-register_select-birth-date {
    margin-right: 0 !important;
  }
}
.of-canvas-menu .of-canvas-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  height: unset !important;
  max-height: unset !important;
}
.of-canvas-menu .hide-menu {
  height: unset !important;
  margin: 0;
}
.of-canvas-menu .block-menu .menu .leaf a,
.of-canvas-menu .block-menu .menu .leaf button,
.of-canvas-menu .block-menu .menu-toolbox-dropdown .leaf a,
.of-canvas-menu .block-menu .menu-toolbox-dropdown .leaf button {
  padding-left: 35px !important;
  padding-right: 35px !important;
  width: 100%;
}
.of-canvas-menu div#block-menu-menu-lingua-navigation {
  height: unset !important;
  margin: 0 !important;
}
.of-canvas-menu .menu a {
  height: unset !important;
}

/* Assessments text */
@media (max-width: 767px) {
  .assessments_table .table__content .icon-print {
    position: absolute;
    right: 0;
    top: 30px;
  }
  .assessments_table .table__content {
    position: relative;
  }
}
@media (min-width: 600px) {
  #block-locale-0:hover #language-select-list {
    display: block !important;
  }
}
#language-select-list {
  display: none;
}
#language-select-list .test {
  display: block !important;
}

.language-select-list.test {
  display: block !important;
}

/* ==[ Media Queries ]== */
@media screen and (max-width: 1160px) {
  .hamburger {
    display: inline-block !important;
  }
  .page-languages .hamburger {
    display: none !important;
  }
}
@media screen and (max-width: 991px) {
  .main-navbar__navigation {
    display: none;
  }
  .of-canvas-wrapper {
    overflow: initial !important;
  }
  .c-lingua-attack__form #user-register .pass-eye1 {
    top: -133px !important;
  }
  .c-lingua-attack__form #user-register .pass-eye2 {
    top: -58px !important;
  }
}
@media (min-width: 600px) {
  .is-lingua .main-navbar-lingua .main-navbar__logo img {
    width: 200px !important;
  }
  .main-navbar__login--mobile {
    display: none;
  }
}
@media (max-width: 800px) {
  .section .ile-de-france {
    display: none !important;
  }
  .main-navbar__logo img {
    max-width: 240px !important;
  }
}
@media (max-width: 490px) {
  .main-navbar__logo img {
    max-width: 195px !important;
  }
}
@media (max-width: 390px) {
  .main-navbar__logo img {
    max-width: 150px !important;
  }
}
@media (max-width: 820px) {
  .not-logged-in #header {
    height: 60px !important;
  }
  .main-navbar-lingua .main-navbar__title {
    display: none;
  }
}
@media (max-width: 600px) {
  .main-navbar-lingua {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .main-navbar-lingua .main-navbar__logo {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    margin: auto !important;
    padding-left: 0;
    width: unset;
  }
  .main-navbar-lingua .main-navbar__logo img {
    width: 200px !important;
  }
  .main-navbar-lingua .main-navbar__title {
    display: none;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
    font-size: 11px;
  }
  .main-navbar-lingua .main-navbar__login a {
    padding: 2px 10px;
  }
  .main-navbar-lingua .main-navbar__menu {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    width: unset;
  }
  .page-wrapper {
    padding-top: 45px !important;
  }
  .not-logged-in #block-locale-0 {
    padding-right: 0 !important;
  }
  .main-navbar-lingua .main-navbar__login {
    display: none;
  }
  .c-header-subtitle {
    font-weight: 600;
    text-align: center;
  }
  .c-header {
    min-height: 100px;
  }
  .c-header-details {
    padding: 9px 23px;
  }
  .c-header-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
  }
  .border-row {
    border: 0;
  }
  .ui.selection.dropdown .menu > .item {
    margin: auto;
    padding: 15px 1.14286rem !important;
  }
}
@media (min-width: 768px) and (max-width: 1225px) {
  #page-content .catalog-wrapper {
    padding-left: 25px;
  }
}
@media (min-width: 600px) and (max-width: 950px) {
  .c-header-title {
    text-align: center;
  }
  .c-headder-start-learning {
    display: inline-block;
    text-align: center;
  }
  .c-header-link {
    padding-right: 20px;
  }
}
@media (min-width: 600px) and (max-width: 680px) {
  .c-headder-start-learning {
    padding: 9px 10px;
  }
}
@media (min-width: 461px) {
  .ls-navigation {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
}
@media (min-width: 530px) {
  .ls-navigation .logo {
    left: 0;
    position: absolute;
    top: 15px;
  }
  .ls-navigation {
    display: block !important;
  }
}
@media (max-width: 800px) {
  .c-header-details {
    display: inline;
  }
  .c-header-title {
    padding: 0 0 5px 0;
    text-align: center;
  }
  .c-header-link {
    margin: 0 auto;
    max-width: 237px;
    width: 100%;
  }
  .c-headder-start-learning {
    font-size: 12px;
    text-align: center;
  }
}
@media (min-width: 800px) {
  .c-header-subtitle {
    display: inline-block;
    text-align: right;
    width: 30%;
  }
  .c-header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .h-no-padding {
    padding: 0;
    width: 100%;
  }
}
@media (min-width: 800px) and (max-width: 1000px) {
  .c-header-title {
    text-align: left;
  }
  .c-header-link {
    text-align: center;
    width: 100%;
  }
}
@media (min-width: 600px) and (max-width: 1000px) {
  .not-logged-in #header .main-navbar__logo {
    margin-left: 10px !important;
  }
}
@media (max-width: 380px) {
  .c-lingua-attack__form #user-register .pass-eye2 {
    top: -60px !important;
  }
}
@media (max-width: 990px) {
  .c-lingua-attack__form #user-register label.focused {
    margin-bottom: -20px !important;
  }
  .c-lingua-attack__form #edit-pass-wrapper #edit-pass-pass2-wrapper label[for=edit-pass-pass2].focused {
    bottom: 74px !important;
  }
}
@media (min-width: 601px) and (max-width: 720px) {
  .main-navbar-lingua .account-question {
    font-size: 9px;
  }
  .main-navbar-lingua .main-navbar__login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .main-navbar-lingua .main-navbar__login a {
    font-size: 12px;
    padding: 0;
  }
}
@media (min-width: 720px) and (max-width: 1075px) {
  .main-navbar-lingua .account-question {
    font-size: 10px;
  }
  .main-navbar-lingua .main-navbar__login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .main-navbar-lingua .main-navbar__login a {
    font-size: 12px;
    padding: 3px 14px;
  }
}
@media (min-width: 1073px) and (max-width: 1331px) {
  .main-navbar-lingua .account-question {
    font-size: 10px;
  }
  .main-navbar-lingua .main-navbar__login a {
    font-size: 12px;
    padding: 5px 13px;
  }
}
@media (max-width: 1160px) {
  .not-front #language-native {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .not-front #language-native:after {
    display: inline-block !important;
  }
  .front #language-native {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: 50px !important;
  }
  .front #language-native:after {
    display: inline-block !important;
  }
  .front .of-canvas-navigation #block-menu-menu-lingua-toolbox {
    display: block !important;
  }
  .front .main-navbar .hide-menu {
    display: none !important;
  }
  #header {
    height: 60px !important;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99999;
  }
  #header .main-navbar__logo img {
    height: 58px !important;
  }
  .is-qioz #header #block-locale-0 .content:hover {
    background: transparent;
  }
}
@media (max-width: 991px) {
  #block-locale-0 {
    width: 100% !important;
  }
}
@media (max-width: 1160px) and (min-width: 991px) {
  .of-canvas-menu {
    top: 50px !important;
  }
}
@supports (-moz-appearance: none) {
  .hide-menu {
    height: 70px !important;
  }
  .main-navbar__menu .clearfix {
    height: 80px;
  }
  .front .main-navbar__menu .clearfix {
    height: 80px;
  }
  .of-canvas-menu .of-canvas-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    height: inherit !important;
    max-height: inherit !important;
  }
  .of-canvas-menu .hide-menu {
    height: inherit !important;
    margin: 0;
  }
  .of-canvas-menu .block-menu .menu .leaf a,
  .of-canvas-menu .block-menu .menu .leaf button,
  .of-canvas-menu .block-menu .menu-toolbox-dropdown .leaf a,
  .of-canvas-menu .block-menu .menu-toolbox-dropdown .leaf button {
    padding-left: 35px !important;
    padding-right: 35px !important;
    width: 100%;
  }
  .of-canvas-menu div#block-menu-menu-lingua-navigation {
    height: -moz-available !important;
    margin: 0 !important;
  }
  .of-canvas-menu .block-menu .leaf {
    height: initial !important;
  }
}
/* Nav bar menu */
.of-canvas-menu .menu-toolbox-dropdown > .leaf > a > span.caret.catalog-filter__icon {
  display: none !important;
}

.ls-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.is-qioz nav:not(.of-canvas-navigation) #block-menu-menu-lingua-toolbox .content .menu-toolbox-dropdown .leaf button.dropdown-toggle,
.is-lingua nav:not(.of-canvas-navigation) #block-menu-menu-lingua-toolbox .content .menu-toolbox-dropdown .leaf button.dropdown-toggle {
  padding: 0 5px !important;
}

@media (max-width: 920px) {
  .is-lingua:not(.page-languages) #block-menu-menu-lingua-toolbox .content .menu-toolbox-dropdown .leaf button.dropdown-toggle {
    padding: 16px 35px !important;
  }
}
@media (max-width: 1160px) {
  body.node-type-video .c-hamburger-menu--logged,
  body.node-type-photovocab .c-hamburger-menu--logged,
  body.page-languages .c-hamburger-menu--logged {
    display: none !important;
  }
  div#block-menu-menu-lingua-navigation,
  .c-info-switch__btn-container {
    height: 60px !important;
  }
}
@media (min-width: 821px) and (max-width: 1160px) {
  .main-navbar__navigation,
  #block-menu-menu-lingua-toolbox .leaf.expanded {
    height: 60px !important;
  }
}
@media (max-width: 1160px) {
  body.page-languages .main-navbar__navigation,
  body.page-languages #block-menu-menu-lingua-toolbox .leaf.expanded {
    height: 60px !important;
  }
}

@media (max-width: 600px) {
  .video-booster__header--title,
  .photo-vocab__header--title {
    margin-left: auto !important;
    margin-right: 0 !important;
  }
  .onboarding-steps #block-locale-0 {
    right: 15px;
  }
  .is-qioz .of-canvas-menu {
    top: 60px;
  }
  .is-qioz #block-menu-menu-lingua-navigation li.expanded.expandable.leaf.active-trail ul > li > a:hover,
  .is-qioz #block-menu-menu-lingua-navigation li.expanded.expandable.leaf.active-trail ul > li > button:hover {
    background-color: #484B53 !important;
    font-weight: 600;
  }
  .is-qioz #block-menu-menu-lingua-navigation li.expanded.expandable.leaf.active-trail ul > li > a:hover:before,
  .is-qioz #block-menu-menu-lingua-navigation li.expanded.expandable.leaf.active-trail ul > li > button:hover:before {
    color: #FFFFFF !important;
  }
  .is-qioz .block-menu .leaf a,
  .is-qioz:not(.page-languages):not(.front) nav:not(.of-canvas-navigation) .block-menu .leaf button {
    border-bottom: 1px solid #4A4A4A;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.07px;
    line-height: 19px;
  }
}
@media (max-width: 400px) {
  .video-booster__header--title,
  .photo-vocab__header--title {
    display: none;
  }
}
@media (max-width: 340px) {
  .main-navbar__logo img {
    max-width: 175px;
  }
}
/* Home page */
@media (max-width: 767px) {
  .c-custom-col-height--seccond .c-learning-act__container {
    margin-top: 0px;
  }
}
@media (max-width: 600px) {
  .page-pv-list-category.is-lingua .page-wrapper {
    padding-top: 35px !important;
  }
}
@media (max-width: 475px) {
  .c-header-title {
    font-size: 14px;
  }
  .c-header-subtitle {
    font-size: 11px;
  }
}
/* A11y Popup for page */
@media (max-width: 900px) {
  .is-qioz.onboarding-steps:not(.page-login) .main-navbar__logo {
    margin: 0 auto !important;
  }
}

@media (max-width: 900px) {
  .is-tutlogo.onboarding-steps:not(.page-login) .main-navbar__logo {
    margin: 0 auto 0 -5px !important;
  }
}

.is-qioz.not-logged-in #block-menu-menu-lingua-navigation li.expanded.expandable.leaf.active-trail,
.is-qioz.onboarding-steps #block-menu-menu-lingua-navigation li.expanded.expandable.leaf.active-trail {
  background-color: transparent !important;
}
.is-qioz.not-logged-in #block-menu-menu-lingua-navigation li.expanded.expandable.leaf.active-trail button,
.is-qioz.onboarding-steps #block-menu-menu-lingua-navigation li.expanded.expandable.leaf.active-trail button {
  color: #36393F !important;
}
.is-qioz.not-logged-in .block-menu .leaf:hover button,
.is-qioz.onboarding-steps .block-menu .leaf:hover button {
  background-color: transparent !important;
  color: #36393F !important;
}
.is-qioz.not-logged-in div#block-menu-menu-lingua-navigation,
.is-qioz.onboarding-steps div#block-menu-menu-lingua-navigation {
  margin: unset;
}
.is-qioz.not-logged-in .main-navbar-lingua,
.is-qioz.onboarding-steps .main-navbar-lingua {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.is-qioz.not-logged-in .c-container-login-register .c-overlay-menu,
.is-qioz.not-logged-in .c-geolocalization_container .c-overlay-menu,
.is-qioz.onboarding-steps .c-container-login-register .c-overlay-menu,
.is-qioz.onboarding-steps .c-geolocalization_container .c-overlay-menu {
  top: 70px;
  z-index: 11;
}
@media (min-width: 600px) {
  .is-qioz.not-logged-in .c-container-login-register .c-overlay-menu,
  .is-qioz.not-logged-in .c-geolocalization_container .c-overlay-menu,
  .is-qioz.onboarding-steps .c-container-login-register .c-overlay-menu,
  .is-qioz.onboarding-steps .c-geolocalization_container .c-overlay-menu {
    top: 80px;
    z-index: 11;
  }
}
@media (min-width: 900px) {
  .is-qioz.not-logged-in .main-navbar-lingua #block-locale-0,
  .is-qioz.onboarding-steps .main-navbar-lingua #block-locale-0 {
    height: 80px;
  }
}
@media (max-width: 820px) {
  .is-qioz.not-logged-in .main-navbar__login,
  .is-qioz.onboarding-steps .main-navbar__login {
    display: none;
  }
}

.is-qioz.not-logged-in:not(.page-user-login-register) #block-menu-menu-lingua-navigation {
  height: -webkit-max-content !important;
  height: -moz-max-content !important;
  height: max-content !important;
}
.is-qioz.not-logged-in:not(.page-user-login-register) #block-menu-menu-lingua-navigation li.expanded.expandable.leaf.active-trail {
  background: transparent !important;
}
.is-qioz.not-logged-in:not(.page-user-login-register) #block-menu-menu-lingua-navigation li.expanded.expandable.leaf.active-trail button {
  background: transparent !important;
  color: #36393F !important;
}
@media (max-width: 1160px) {
  .is-qioz.not-logged-in:not(.page-user-login-register) .c-annonimous-ls-button {
    font-size: 0.8em;
  }
}
@media (max-width: 940px) {
  .is-qioz.not-logged-in:not(.page-user-login-register) .c-annonimous-ls-button {
    font-size: 12px;
  }
}
@media (max-width: 880px) {
  .is-qioz.not-logged-in:not(.page-user-login-register) .c-annonimous-ls-button {
    font-size: 11px;
  }
}
@media (max-width: 550px) {
  .is-qioz.not-logged-in:not(.page-user-login-register) .c-annonimous-nav .ls-language-selector:after,
  .is-qioz.not-logged-in:not(.page-user-login-register) .c-annonimous-nav .ls-language-selector:before {
    font-size: 20px;
  }
  .is-qioz.not-logged-in:not(.page-user-login-register) .c-annonimous-ls-button {
    font-size: 0.7em;
  }
}
@media (max-width: 460px) {
  .is-qioz.not-logged-in:not(.page-user-login-register) .c-annonimous-ls-button {
    width: auto;
  }
}
@media (min-width: 320px) and (max-width: 450px) {
  .is-qioz.not-logged-in:not(.page-user-login-register) .c-annonimous-nav {
    padding: 0 10px;
  }
}
@media (max-width: 370px) {
  .is-qioz.not-logged-in:not(.page-user-login-register) .ls-language-select-list {
    top: 50px !important;
  }
}

@media (min-width: 921px) {
  #block-menu-menu-lingua-navigation .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 1160px) {
  .is-qioz.page-lingua-registration-step .nav__wrapper {
    width: 33.33%;
  }
  .is-qioz.page-lingua-registration-step .main-navbar__menu {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .is-qioz.page-lingua-registration-step #block-locale-0 {
    height: 60px !important;
    margin-right: -40px;
  }
}
@media (max-width: 820px) {
  .is-qioz.page-lingua-registration-step .nav__wrapper {
    width: 25%;
  }
  .is-qioz.page-lingua-registration-step .main-navbar__menu {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .is-qioz.page-lingua-registration-step #block-locale-0 {
    height: 60px !important;
    margin-right: -15px;
    position: relative;
    right: unset;
    top: 0 !important;
  }
}
@media (min-width: 991px) and (max-width: 1015px) {
  .is-qioz.page-lingua-registration-step #la-login-btn {
    font-size: 10px;
  }
}
@media (max-width: 365px) {
  body:not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.is-lingua) .main-navbar__logo {
    padding-left: 0 !important;
  }
}
/* Video Booster footer */
.c-icon-swap_mania-blue {
  background-color: transparent;
  background-image: url("/sites/all/themes/lingua/assets/new-photovocab/Gamezoneicon .svg");
  background-position: center;
  background-size: contain;
  border-radius: 0;
  width: 100% !important;
}

.node-type-video .games-step .panel__footer {
  border: none;
}
.node-type-video .vb-games .exercise-component__value {
  background-color: #332944;
}

#webform-component-add-a-comment {
  padding: 20px 40px 0px 40px;
}
#webform-component-add-a-comment #edit-submitted-add-a-comment-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#webform-component-add-a-comment #edit-submitted-add-a-comment-wrapper label,
#webform-component-add-a-comment #edit-submitted-add-a-comment-wrapper textarea {
  width: 100%;
}

@media (max-width: 1000px) {
  .c-header {
    padding-top: 25px !important;
  }
  .c-header:not(#organizations-header) {
    padding-bottom: 13px;
  }
}
@media (min-width: 921px) and (max-width: 991px) {
  .page-languages #language-select-list {
    left: 60% !important;
  }
  .page-languages.is-lingua #language-select-list {
    top: 93% !important;
  }
}
.is-qioz .page-languages #user-profile-dropdown {
  left: 20%;
}
@media (max-width: 1445px) {
  .is-qioz .page-languages #user-profile-dropdown {
    left: 22%;
  }
}
@media (max-width: 991px) {
  .is-qioz .page-languages #user-profile-dropdown {
    -webkit-transform: translate(-70%, 0%);
            transform: translate(-70%, 0%);
  }
}

/* show log out in responsive menu when account & profile is opened */
body.logged-in .main-navbar__navigation #block-menu-menu-lingua-toolbox .leaf.last {
  -webkit-transition: -webkit-transform 0.1s;
  transition: -webkit-transform 0.1s;
  transition: transform 0.1s;
  transition: transform 0.1s, -webkit-transform 0.1s;
}

/* prevent logo from getting too small*/
.node-type-skill-booster #header .main-navbar__logo img {
  min-width: 190px;
}

/* white background for sections on exercices pages */
.space {
  background-color: #fff;
  height: 40px;
  width: 100%;
}

.page-exercises-video-boosters .c-row-header-catalog,
.page-exercises-photo-vocabs .c-row-header-catalog {
  background-color: #fff;
}

.c-language-select-list .scroll-bar {
  overflow: auto;
  height: auto;
  max-height: 270px;
}
.c-language-select-list .scroll-bar::-webkit-scrollbar {
  width: 5px;
  padding-right: 5px;
  background: transparent;
}
.c-language-select-list .scroll-bar::-webkit-scrollbar-track {
  margin-top: 30px;
  margin-bottom: 30px;
  margin-right: 5px;
  border-radius: 3px;
  background-color: transparent;
}
.c-language-select-list .scroll-bar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #36393F;
}
.c-language-select-list .scroll-bar .scroll-bar__content {
  overflow-y: hidden;
}

.is-lingua .c-language-select-list .scroll-bar::-webkit-scrollbar {
  background-color: #202020;
}
.is-lingua .c-language-select-list .scroll-bar::-webkit-scrollbar-track {
  margin-top: 10px;
  margin-bottom: 10px;
}
.is-lingua .c-language-select-list .scroll-bar::-webkit-scrollbar-thumb {
  background: #c1c1c1;
}

.c-header-link-button {
  min-width: 213px;
}

.c-header-middle-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  width: 100%;
  padding: 0;
}
@media (max-width: 989px) {
  .c-header-middle-block {
    padding-right: 30px;
  }
}
@media (max-width: 600px) {
  .c-header-middle-block {
    display: none;
  }
}
.c-header-middle-block__title {
  color: #4B4B4B;
  font-size: 26px;
  letter-spacing: -0.28px;
  line-height: 29px;
  font-weight: 400;
}
@media (max-width: 989px) {
  .c-header-middle-block__title {
    font-size: 18px;
  }
}
.c-header-middle-block__subtitle {
  color: #A6A6A6;
}

.is-lingua .c-header-middle-block__title {
  color: #FFFFFF;
}
.is-lingua .c-sb-lingua-header-game__title.c-sb-lsf {
  color: #A6A6A6;
}

.logged-in.page-live #page-content .container:first-of-type {
  background-color: #F7F7F8;
}
.logged-in.page-live #organizations-header {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.logged-in.page-live .c-container__wrapper .border-row {
  margin-left: 0;
  margin-right: 0;
}
.logged-in.page-live .c-coaching-header {
  background-color: #FFFFFF;
  border-radius: 20px;
}
.logged-in.page-live .c-coaching-header__text,
.logged-in.page-live .c-coaching-header .c-toggle-coaching {
  color: #4B4B4B;
}
@media (min-width: 600px) and (max-width: 900px) {
  .logged-in.page-live .c-sl-homepage .c-student-learning-section {
    max-width: 100%;
  }
}
.logged-in.page-live .c-student-learning-section {
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  max-width: 100%;
}
@media (min-width: 768px) {
  .logged-in.page-live .c-student-learning-section {
    max-width: 680px;
  }
}
@media (min-width: 901px) {
  .logged-in.page-live .c-student-learning-section {
    max-width: 709px;
  }
}
@media (min-width: 992px) {
  .logged-in.page-live .c-student-learning-section {
    margin-bottom: 0px;
    margin-top: 13px;
  }
}
.logged-in.page-live .c-student-learning-section .c-learning-act__chart {
  background-color: #FFFFFF;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
@media (min-width: 768px) {
  .logged-in.page-live .c-student-learning-section .c-learning-act__chart {
    border-top-right-radius: unset;
    border-bottom-left-radius: 20px;
  }
}
.logged-in.page-live .c-student-learning-section .c-learning-act__details {
  background-color: #EAE9EE;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
@media (min-width: 768px) {
  .logged-in.page-live .c-student-learning-section .c-learning-act__details {
    border-top-right-radius: 20px;
    border-bottom-left-radius: unset;
  }
}
.logged-in.page-live .c-student-learning-section {
  /* Overwrite styles */
}
.logged-in.page-live .c-student-learning-section .c-learning-act__details-lb-nr,
.logged-in.page-live .c-student-learning-section .c-learning-act__details-lb,
.logged-in.page-live .c-student-learning-section .c-learning-act__details-list-title,
.logged-in.page-live .c-student-learning-section .c-learning-act__details-list-item {
  color: #000000;
}
.logged-in.page-live .c-student-learning-section .c-learning-act__title {
  color: #4B4B4B;
}
.logged-in.page-live .c-student-learning-section .c-learning-act__details-border {
  border-top: 1px solid #DFDCEA;
}
.logged-in.page-live .c-student-learning-section .c-learning-act__nav-link {
  padding-right: 10px !important;
}
.logged-in.page-live .c-container__coaching-right {
  background-color: #F7F7F8;
  padding: 0;
}
@media (max-width: 991px) {
  .logged-in.page-live .c-container__coaching-right {
    padding-top: 15px;
  }
}
@media (min-width: 992px) {
  .logged-in.page-live .c-container__coaching-right .row {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  .logged-in.page-live .c-container__coaching-right .row [class*=col-]:nth-of-type(odd) {
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .logged-in.page-live .c-container__coaching-right .row [class*=col-]:nth-of-type(even) {
    padding-right: 0;
  }
}
.logged-in.page-live .c-container__coaching-right .c-quick-access__container,
.logged-in.page-live .c-container__coaching-right .c-teacher-assignments__block,
.logged-in.page-live .c-container__coaching-right .c-coaching__container-intro,
.logged-in.page-live .c-container__coaching-right .c-coaching-current-challenge,
.logged-in.page-live .c-container__coaching-right .c-new-challenge-content,
.logged-in.page-live .c-container__coaching-right .c-coaching-first-steps,
.logged-in.page-live .c-container__coaching-right .c-coaching-sl,
.logged-in.page-live .c-container__coaching-right .c-coaching-pv {
  border-radius: 20px;
  background-color: #FFFFFF;
}
@media (min-width: 901px) {
  .logged-in.page-live .c-container__coaching-right .c-quick-access__container,
  .logged-in.page-live .c-container__coaching-right .c-teacher-assignments__block,
  .logged-in.page-live .c-container__coaching-right .c-coaching__container-intro,
  .logged-in.page-live .c-container__coaching-right .c-coaching-current-challenge,
  .logged-in.page-live .c-container__coaching-right .c-new-challenge-content,
  .logged-in.page-live .c-container__coaching-right .c-coaching-first-steps,
  .logged-in.page-live .c-container__coaching-right .c-coaching-sl,
  .logged-in.page-live .c-container__coaching-right .c-coaching-pv {
    max-width: 709px;
  }
}
@media (min-width: 992px) {
  .logged-in.page-live .c-container__coaching-right .c-quick-access__container,
  .logged-in.page-live .c-container__coaching-right .c-teacher-assignments__block,
  .logged-in.page-live .c-container__coaching-right .c-coaching__container-intro,
  .logged-in.page-live .c-container__coaching-right .c-coaching-current-challenge,
  .logged-in.page-live .c-container__coaching-right .c-new-challenge-content,
  .logged-in.page-live .c-container__coaching-right .c-coaching-first-steps,
  .logged-in.page-live .c-container__coaching-right .c-coaching-sl,
  .logged-in.page-live .c-container__coaching-right .c-coaching-pv {
    margin-bottom: 0px;
    margin-top: 13px;
  }
}
.logged-in.page-live .c-container__coaching-right .c-coaching__container-intro {
  height: 100%;
}
@media (max-width: 991px) {
  .logged-in.page-live .c-container__coaching-right .c-coaching__container-intro {
    margin: 0 auto;
  }
}
.logged-in.page-live .c-container__coaching-right .c-coaching__container-intro .c-coaching__photo {
  max-width: 100%;
}
@media (min-width: 1040px) {
  .logged-in.page-live .c-container__coaching-right .c-coaching__container-intro .c-coaching__photo {
    max-width: 230px;
  }
}
.logged-in.page-live .c-container__coaching-right .c-coaching-current-challenge {
  height: 100%;
}
.logged-in.page-live .c-container__coaching-right .c-coaching-current-challenge .c-coaching__photo {
  max-width: 100%;
}
@media (min-width: 1040px) {
  .logged-in.page-live .c-container__coaching-right .c-coaching-current-challenge .c-coaching__photo {
    max-width: 230px;
  }
}
.logged-in.page-live .c-container__coaching-right .c-coaching-current-challenge .c-coaching__container-details {
  max-width: 100%;
  padding-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 991px) {
  .logged-in.page-live .c-container__coaching-right .c-coaching-current-challenge {
    margin: 0 auto;
  }
}
@media (max-width: 991px) {
  .logged-in.page-live .c-container__coaching-right .c-new-challenge-content {
    margin: 15px auto 0 auto;
  }
}
@media (max-width: 767px) {
  .logged-in.page-live .c-container__coaching-right .c-new-challenge-content {
    margin: 15px auto;
  }
}
@media (min-width: 992px) {
  .logged-in.page-live .c-container__coaching-right .c-new-challenge-content {
    height: calc(100% - 15px);
  }
}
.logged-in.page-live .c-container__coaching-right .c-new-challenge-content .c-challenge__obj-list {
  color: #000000;
}
.logged-in.page-live .c-container__coaching-right .c-new-challenge-content .progress-step .progress-marker {
  background-color: #D9D9D9;
}
.logged-in.page-live .c-container__coaching-right .c-new-challenge-content .progress-step::after {
  background-color: #D9D9D9;
}
.logged-in.page-live .c-container__coaching-right .c-new-challenge-content .progress-step.is-active .progress-marker {
  background-color: #2196F3;
}
.logged-in.page-live .c-container__coaching-right .c-new-challenge-content .progress-step.is-complete .progress-marker {
  background-color: #4A90E2;
}
.logged-in.page-live .c-container__coaching-right .c-new-challenge-content .progress-step.is-failed .progress-marker {
  background-color: #EF7C8E;
}
.logged-in.page-live .c-container__coaching-right .c-new-challenge-content .progress-step.is-complete::after {
  background-color: #4A90E2;
}
@media (min-width: 992px) {
  .logged-in.page-live .c-container__coaching-right #coaching-intro-block,
  .logged-in.page-live .c-container__coaching-right #coaching-block {
    height: calc(100% - 15px);
  }
}
@media (min-width: 992px) {
  .logged-in.page-live .c-custom-col-height--seccond .row {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  .logged-in.page-live .c-custom-col-height--seccond .row [class*=col-]:nth-of-type(odd) {
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .logged-in.page-live .c-custom-col-height--seccond .row [class*=col-]:nth-of-type(even) {
    padding-right: 0;
  }
}
.logged-in.page-live .c-custom-col-height--seccond .c-coaching-panel-training-plan {
  border-radius: 20px;
  background-color: #FFFFFF;
}
@media (min-width: 901px) {
  .logged-in.page-live .c-custom-col-height--seccond .c-coaching-panel-training-plan {
    max-width: 709px;
  }
}
@media (min-width: 992px) {
  .logged-in.page-live .c-custom-col-height--seccond .c-coaching-panel-training-plan {
    margin-bottom: 0px;
    margin-top: 13px;
  }
}
.logged-in.page-live .c-category-slider__container {
  border-radius: 20px;
}

@media (max-width: 1039px) {
  .is-andjoys.logged-in.page-live .c-container__coaching-right .c-coaching__container-intro .c-coaching__photo {
    background-position: top;
  }
}
@media (max-width: 1039px) {
  .is-andjoys.logged-in.page-live .c-container__coaching-right .c-coaching-current-challenge .c-coaching__photo {
    background-position: top;
  }
}
@media (max-width: 1039px) {
  .is-andjoys .c-challenge__objectives-img-round {
    background-position: top;
  }
}

.block-menu-favorites {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  right: 125px;
  height: 100%;
  margin: 0 10px 0 0;
}
@media (min-width: 441px) {
  .block-menu-favorites {
    right: 180px;
  }
}
@media (min-width: 601px) {
  .block-menu-favorites {
    right: 205px;
  }
}
@media (min-width: 921px) {
  .block-menu-favorites {
    position: relative;
    right: unset;
  }
}
.block-menu-favorites.c-only-fav {
  right: 55px;
}
@media (min-width: 921px) {
  .block-menu-favorites.c-only-fav {
    position: relative;
    right: unset;
  }
}

.block-menu-favorites-container {
  width: 23px;
  height: 23px;
  position: relative;
  background-image: url("/sites/all/themes/lingua/assets/menu/favorites-black-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}

.is-lingua .block-menu-favorites-container {
  background-image: url("/sites/all/themes/lingua/assets/menu/favorites-white-icon.svg");
}

.page-custominit-not-found #page-content .container:first-of-type,
.page-custominit-denied #page-content .container:first-of-type {
  padding: 30px 20px !important;
}

.page-custominit-denied.not-logged-in .main-navbar__logo {
  margin: 0;
}
.page-custominit-denied.is-tutlogo .grandest-logo {
  max-width: 163px !important;
}

.page-custominit-not-found.is-lingua.logged-in .main-navbar__logo {
  width: unset;
}
.page-custominit-not-found.is-lingua.logged-in .nav__wrapper {
  width: 100%;
}
.page-custominit-not-found .c-grandest-header .main-navbar__region-logo {
  width: unset;
}
@media (max-width: 600px) {
  .page-custominit-not-found .main-navbar-lingua {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media (max-width: 600px) {
  .page-custominit-not-found .main-navbar-lingua .main-navbar__logo {
    margin: 0 !important;
  }
}

/* Accessibility - Colours -> increaste contrast task, see #9020 */
.c-contrast-enhaced.logged-in a {
  color: #B2D1EC;
}

.c-contrast-inverted {
  -webkit-filter: invert(100%);
          filter: invert(100%);
}
.c-contrast-inverted a {
  color: #144D7F;
}

.c-contrast-enhaced .c-lingua-attack__form--login #user-login .form-item:last-of-type a,
.c-contrast-enhaced .return-to-login a,
.c-contrast-inverted .c-lingua-attack__form--login #user-login .form-item:last-of-type a,
.c-contrast-inverted .return-to-login a {
  color: #144D7F !important;
}
.c-contrast-enhaced .c-lingua-attack__form--login #user-login .form-item:last-of-type,
.c-contrast-enhaced .c-lingua-attack__form--login .form-item label,
.c-contrast-inverted .c-lingua-attack__form--login #user-login .form-item:last-of-type,
.c-contrast-inverted .c-lingua-attack__form--login .form-item label {
  color: #423E3E !important;
}
.c-contrast-enhaced .c-annonimous-footer__social-title, .c-contrast-enhaced .c-annonimous-footer__desc, .c-contrast-enhaced .c-annonimous-footer__link,
.c-contrast-inverted .c-annonimous-footer__social-title,
.c-contrast-inverted .c-annonimous-footer__desc,
.c-contrast-inverted .c-annonimous-footer__link {
  color: #FFFFFF !important;
}
.c-contrast-enhaced .c-annonimous-hero__title,
.c-contrast-enhaced .c-annonimous-hero__subtitle,
.c-contrast-enhaced .c-annonimous-section__img-text,
.c-contrast-inverted .c-annonimous-hero__title,
.c-contrast-inverted .c-annonimous-hero__subtitle,
.c-contrast-inverted .c-annonimous-section__img-text {
  color: #000000;
}
.c-contrast-enhaced .c-annonimous-hero__btn,
.c-contrast-enhaced .c-annonimous-section__btn:hover,
.c-contrast-enhaced .c-annonimous-section__btn:active,
.c-contrast-enhaced .c-annonimous-section__btn:focus,
.c-contrast-inverted .c-annonimous-hero__btn,
.c-contrast-inverted .c-annonimous-section__btn:hover,
.c-contrast-inverted .c-annonimous-section__btn:active,
.c-contrast-inverted .c-annonimous-section__btn:focus {
  background-color: #C11919 !important;
  color: #FFFFFF !important;
}
.c-contrast-enhaced .user-page__content .c-badges__category-title a,
.c-contrast-inverted .user-page__content .c-badges__category-title a {
  color: #0C3C65 !important;
}
.c-contrast-enhaced .c-favorites_logo-background,
.c-contrast-inverted .c-favorites_logo-background {
  background: -webkit-gradient(linear, left top, left bottom, from(#84293F), to(#75176D));
  background: linear-gradient(180deg, #84293F 0%, #75176D 100%);
}
.c-contrast-enhaced .c-favorites_logo-background:after,
.c-contrast-inverted .c-favorites_logo-background:after {
  background: -webkit-gradient(linear, left top, left bottom, from(#84293F), to(#75176D));
  background: linear-gradient(180deg, #84293F 0%, #75176D 100%);
  border-right-color: #AD4961;
}
.c-contrast-enhaced .c-container__sliders,
.c-contrast-enhaced .c-vb-catalog-carousel__wrapper .c-category-slider__container,
.c-contrast-enhaced .c-sb-catalog-carousel__wrapper .c-category-slider__container,
.c-contrast-inverted .c-container__sliders,
.c-contrast-inverted .c-vb-catalog-carousel__wrapper .c-category-slider__container,
.c-contrast-inverted .c-sb-catalog-carousel__wrapper .c-category-slider__container {
  -webkit-box-shadow: 0 -4px 5px -5px #B1B1B3, 0 5px 10px -5px #B3B3BD;
          box-shadow: 0 -4px 5px -5px #B1B1B3, 0 5px 10px -5px #B3B3BD;
}
.c-contrast-enhaced .c-carousel-arrows,
.c-contrast-inverted .c-carousel-arrows {
  border: 1px solid #A9A9A9;
}
.c-contrast-enhaced .c-videobooster,
.c-contrast-enhaced .c-photovocab,
.c-contrast-enhaced .c-sl-catalog__grid .c-sl-thumbnail,
.c-contrast-inverted .c-videobooster,
.c-contrast-inverted .c-photovocab,
.c-contrast-inverted .c-sl-catalog__grid .c-sl-thumbnail {
  -webkit-box-shadow: 0 0 5px #676363;
          box-shadow: 0 0 5px #676363;
}
.c-contrast-enhaced.page-exercises .c-vb-details__category__desktop,
.c-contrast-inverted.page-exercises .c-vb-details__category__desktop {
  color: #B7D0EC !important;
}
.c-contrast-enhaced.is-qioz #header .container,
.c-contrast-inverted.is-qioz #header .container {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
}
.c-contrast-enhaced .u-color-watermelon,
.c-contrast-enhaced .c-stats__average-container .results__label,
.c-contrast-inverted .u-color-watermelon,
.c-contrast-inverted .c-stats__average-container .results__label {
  color: #B11128;
}
.c-contrast-enhaced,
.c-contrast-inverted {
  /* Color variables for accessibility contrast */
}
.c-contrast-enhaced .c-background__b2,
.c-contrast-inverted .c-background__b2 {
  background-color: #5233B3 !important;
}
.c-contrast-enhaced .c-text-color__a1,
.c-contrast-enhaced .c-text-color__a1 a,
.c-contrast-inverted .c-text-color__a1,
.c-contrast-inverted .c-text-color__a1 a {
  color: #106FA5 !important;
}
.c-contrast-enhaced .c-text-color__a2,
.c-contrast-enhaced .c-text-color__a2 a,
.c-contrast-inverted .c-text-color__a2,
.c-contrast-inverted .c-text-color__a2 a {
  color: #1B7C7D !important;
}
.c-contrast-enhaced .c-text-color__b1,
.c-contrast-enhaced .c-text-color__b1 a,
.c-contrast-inverted .c-text-color__b1,
.c-contrast-inverted .c-text-color__b1 a {
  color: #6868B1 !important;
}
.c-contrast-enhaced .c-text-color__b2,
.c-contrast-enhaced .c-text-color__b2 a,
.c-contrast-inverted .c-text-color__b2,
.c-contrast-inverted .c-text-color__b2 a {
  color: #5F3EC7 !important;
}
.c-contrast-enhaced .c-text-color__c1,
.c-contrast-enhaced .c-text-color__c1 a,
.c-contrast-inverted .c-text-color__c1,
.c-contrast-inverted .c-text-color__c1 a {
  color: #D6376D !important;
}
.c-contrast-enhaced .c-text-color__c2,
.c-contrast-enhaced .c-text-color__c2 a,
.c-contrast-inverted .c-text-color__c2,
.c-contrast-inverted .c-text-color__c2 a {
  color: #B70037 !important;
}
.c-contrast-enhaced .c-sb-badge-text.gold-bg,
.c-contrast-inverted .c-sb-badge-text.gold-bg {
  background-color: #695202;
  border-color: #695202;
}
.c-contrast-enhaced .c-sb-badge-text.silver-bg,
.c-contrast-inverted .c-sb-badge-text.silver-bg {
  background-color: #56565A;
  border-color: #56565A;
}
.c-contrast-enhaced .c-sb-badge-text.bronze-bg,
.c-contrast-inverted .c-sb-badge-text.bronze-bg {
  background-color: #75421B;
  border-color: #75421B;
}
.c-contrast-enhaced #user-register #edit-name-wrapper.form-text-error label,
.c-contrast-enhaced #user-register #edit-mail-wrapper.form-text-error label,
.c-contrast-enhaced #user-register #edit-pass-pass1-wrapper.form-text-error label,
.c-contrast-enhaced #user-register #edit-pass-pass2-wrapper.form-text-error label,
.c-contrast-enhaced #user-register #edit-field-mother-tongue-value-wrapper.form-text-error label,
.c-contrast-enhaced #user-register #edit-field-birthday-0-value-day-wrapper.form-text-error label,
.c-contrast-enhaced #user-register #edit-field-birthday-0-value-month-wrapper.form-text-error label,
.c-contrast-enhaced #user-register #edit-field-birthday-0-value-year-wrapper.form-text-error label,
.c-contrast-inverted #user-register #edit-name-wrapper.form-text-error label,
.c-contrast-inverted #user-register #edit-mail-wrapper.form-text-error label,
.c-contrast-inverted #user-register #edit-pass-pass1-wrapper.form-text-error label,
.c-contrast-inverted #user-register #edit-pass-pass2-wrapper.form-text-error label,
.c-contrast-inverted #user-register #edit-field-mother-tongue-value-wrapper.form-text-error label,
.c-contrast-inverted #user-register #edit-field-birthday-0-value-day-wrapper.form-text-error label,
.c-contrast-inverted #user-register #edit-field-birthday-0-value-month-wrapper.form-text-error label,
.c-contrast-inverted #user-register #edit-field-birthday-0-value-year-wrapper.form-text-error label {
  color: #B70037 !important;
}
.c-contrast-enhaced .c-stats-results__container .c-sl-catalog__col-search input::-webkit-input-placeholder, .c-contrast-enhaced .c-favorites_select::-webkit-input-placeholder, .c-contrast-inverted .c-stats-results__container .c-sl-catalog__col-search input::-webkit-input-placeholder, .c-contrast-inverted .c-favorites_select::-webkit-input-placeholder {
  color: #2A568A !important;
}
.c-contrast-enhaced .c-stats-results__container .c-sl-catalog__col-search input::-moz-placeholder, .c-contrast-enhaced .c-favorites_select::-moz-placeholder, .c-contrast-inverted .c-stats-results__container .c-sl-catalog__col-search input::-moz-placeholder, .c-contrast-inverted .c-favorites_select::-moz-placeholder {
  color: #2A568A !important;
}
.c-contrast-enhaced .c-stats-results__container .c-sl-catalog__col-search input:-ms-input-placeholder, .c-contrast-enhaced .c-favorites_select:-ms-input-placeholder, .c-contrast-inverted .c-stats-results__container .c-sl-catalog__col-search input:-ms-input-placeholder, .c-contrast-inverted .c-favorites_select:-ms-input-placeholder {
  color: #2A568A !important;
}
.c-contrast-enhaced .c-stats-results__container .c-sl-catalog__col-search input::-ms-input-placeholder, .c-contrast-enhaced .c-favorites_select::-ms-input-placeholder, .c-contrast-inverted .c-stats-results__container .c-sl-catalog__col-search input::-ms-input-placeholder, .c-contrast-inverted .c-favorites_select::-ms-input-placeholder {
  color: #2A568A !important;
}
.c-contrast-enhaced .c-headder-start-learning,
.c-contrast-enhaced .c-header-subtitle a,
.c-contrast-enhaced .u-color-blue,
.c-contrast-enhaced .c-videobooster__category,
.c-contrast-enhaced .c-vb-details__category__desktop,
.c-contrast-enhaced .c-category-slider__show-all-links a,
.c-contrast-enhaced .languages-selection-container li > span,
.c-contrast-enhaced .c-photovocab__category,
.c-contrast-enhaced .c-past-challenge__header-title,
.c-contrast-enhaced .c-past-challenges_in-progress,
.c-contrast-enhaced .learned-grammar-rules-list__exercise_example em,
.c-contrast-enhaced .c-certification-table-btn,
.c-contrast-enhaced .expression-details--content em,
.c-contrast-enhaced .c-sb-comprehension .video-booster__nav-tab.active .video-booster__nav-link,
.c-contrast-enhaced .c-sb-accordion-header.active,
.c-contrast-enhaced .c-sl-comprehension__exercise-text,
.c-contrast-enhaced .c-sb-dialogue__exercise-text,
.c-contrast-enhaced .c-sb-status_score,
.c-contrast-enhaced .c-building-meaning_question p,
.c-contrast-enhaced .c-sb-question-container,
.c-contrast-enhaced .c-sl-table__language1-text,
.c-contrast-enhaced .revamp-2016 .hovertranslate-word-highlight,
.c-contrast-enhaced .js-add-exercise-text,
.c-contrast-enhaced .c-assignments-exercise__title a,
.c-contrast-enhaced .c-favorites_select,
.c-contrast-enhaced .c-stats-results__container .c-sl-catalog__col-search input::placeholder,
.c-contrast-enhaced .c-favorites_select::placeholder,
.c-contrast-enhaced .c-class-results__container .c-results-per-assignment .results__bar-chart-legend--started,
.c-contrast-enhaced .c-lingua-attack__form #user-register .edit-subscribe-newsletter-wrapper a,
.c-contrast-enhaced .c-lingua-attack__form #user-register label.focused,
.c-contrast-enhaced .registration-step-2-container .change a,
.c-contrast-enhaced .c-age-range__label,
.c-contrast-enhaced .c-section-edit-btn,
.c-contrast-inverted .c-headder-start-learning,
.c-contrast-inverted .c-header-subtitle a,
.c-contrast-inverted .u-color-blue,
.c-contrast-inverted .c-videobooster__category,
.c-contrast-inverted .c-vb-details__category__desktop,
.c-contrast-inverted .c-category-slider__show-all-links a,
.c-contrast-inverted .languages-selection-container li > span,
.c-contrast-inverted .c-photovocab__category,
.c-contrast-inverted .c-past-challenge__header-title,
.c-contrast-inverted .c-past-challenges_in-progress,
.c-contrast-inverted .learned-grammar-rules-list__exercise_example em,
.c-contrast-inverted .c-certification-table-btn,
.c-contrast-inverted .expression-details--content em,
.c-contrast-inverted .c-sb-comprehension .video-booster__nav-tab.active .video-booster__nav-link,
.c-contrast-inverted .c-sb-accordion-header.active,
.c-contrast-inverted .c-sl-comprehension__exercise-text,
.c-contrast-inverted .c-sb-dialogue__exercise-text,
.c-contrast-inverted .c-sb-status_score,
.c-contrast-inverted .c-building-meaning_question p,
.c-contrast-inverted .c-sb-question-container,
.c-contrast-inverted .c-sl-table__language1-text,
.c-contrast-inverted .revamp-2016 .hovertranslate-word-highlight,
.c-contrast-inverted .js-add-exercise-text,
.c-contrast-inverted .c-assignments-exercise__title a,
.c-contrast-inverted .c-favorites_select,
.c-contrast-inverted .c-stats-results__container .c-sl-catalog__col-search input::placeholder,
.c-contrast-inverted .c-favorites_select::placeholder,
.c-contrast-inverted .c-class-results__container .c-results-per-assignment .results__bar-chart-legend--started,
.c-contrast-inverted .c-lingua-attack__form #user-register .edit-subscribe-newsletter-wrapper a,
.c-contrast-inverted .c-lingua-attack__form #user-register label.focused,
.c-contrast-inverted .registration-step-2-container .change a,
.c-contrast-inverted .c-age-range__label,
.c-contrast-inverted .c-section-edit-btn {
  color: #2A568A !important;
}
.c-contrast-enhaced .c-age-range__label,
.c-contrast-inverted .c-age-range__label {
  border-color: #2A568A !important;
}
.c-contrast-enhaced .c-sl-catalog__search input::-webkit-input-placeholder, .c-contrast-inverted .c-sl-catalog__search input::-webkit-input-placeholder {
  color: #585656 !important;
}
.c-contrast-enhaced .c-sl-catalog__search input::-moz-placeholder, .c-contrast-inverted .c-sl-catalog__search input::-moz-placeholder {
  color: #585656 !important;
}
.c-contrast-enhaced .c-sl-catalog__search input:-ms-input-placeholder, .c-contrast-inverted .c-sl-catalog__search input:-ms-input-placeholder {
  color: #585656 !important;
}
.c-contrast-enhaced .c-sl-catalog__search input::-ms-input-placeholder, .c-contrast-inverted .c-sl-catalog__search input::-ms-input-placeholder {
  color: #585656 !important;
}
.c-contrast-enhaced .c-header-subtitle,
.c-contrast-enhaced .c-category-slider__subtile,
.c-contrast-enhaced .c-videobooster__subtitle,
.c-contrast-enhaced .languages-selection-container li > p:first-of-type,
.c-contrast-enhaced .languages-selection-container .resume_button.disabled,
.c-contrast-enhaced .languages-selection-container .c-language-dashboard__text,
.c-contrast-enhaced .learned-expressions-amount,
.c-contrast-enhaced .block-sidebar-menu .leaf a,
.c-contrast-enhaced .learned-expression-list__header-item a,
.c-contrast-enhaced .user-page__subtitle,
.c-contrast-enhaced .learned-grammar-rules-header div p,
.c-contrast-enhaced .learned-grammar-rules__description span,
.c-contrast-enhaced .learned-grammar-rules-list__exercise_title,
.c-contrast-enhaced .learned-grammar-rules-list__exercise_title a,
.c-contrast-enhaced .learned-grammar-rules-list__view-all-button,
.c-contrast-enhaced .learned-grammar-rules-list__row .grammar_title,
.c-contrast-enhaced .assessments_table,
.c-contrast-enhaced .custom-form .form-item label,
.c-contrast-enhaced .c-photovocab__translated-title,
.c-contrast-enhaced .c-sl-catalog__search input::placeholder,
.c-contrast-enhaced .c-translation-modal__select,
.c-contrast-enhaced .video-booster__subtitle,
.c-contrast-enhaced .thumbnail--video__movie-name--french,
.c-contrast-enhaced .main-navbar__title.c-sb-main-navbar__title span,
.c-contrast-enhaced .c-sb-comprehension .video-booster__nav-tab .video-booster__nav-link,
.c-contrast-enhaced .c-sb_score,
.c-contrast-enhaced .c-sb-dialogue__exercise-undertext,
.c-contrast-enhaced .pv-switcher__label,
.c-contrast-enhaced .pv-switcher__switch,
.c-contrast-enhaced .c-sl-table__header-title,
.c-contrast-enhaced .c-sl-comprehension__details-score,
.c-contrast-enhaced .c-favorites_select:disabled,
.c-contrast-enhaced .grammar-part,
.c-contrast-enhaced .c-students-page_container .students__table tr.row td,
.c-contrast-enhaced .c-class-management_students-number,
.c-contrast-enhaced .c-class-managemnet_remove-padding .icon.icon-dot-3,
.c-contrast-enhaced .c-assignments__class-header-subtile,
.c-contrast-enhaced .c-assignments-class__list .clearfix div,
.c-contrast-enhaced .text-muted,
.c-contrast-enhaced .c-assignment-published__date-title,
.c-contrast-enhaced .c-assessment_card-my-class p span,
.c-contrast-enhaced .c-stats__average-container .results__text,
.c-contrast-enhaced .results__students-count,
.c-contrast-enhaced .c-stats__download-container .catalog-filter__btn,
.c-contrast-enhaced .c-stats__download-container .btn--download:disabled,
.c-contrast-enhaced .c-class-results__container .results__breadcrumbs-container a,
.c-contrast-enhaced .learned-expressions-list__expression,
.c-contrast-enhaced .learned-expressions-list__last-practice,
.c-contrast-enhaced .item-list .pager li.pager-current,
.c-contrast-enhaced .item-list .pager li a,
.c-contrast-enhaced .c-videobooster__translated-title,
.c-contrast-enhaced .c-sl-catalog__search input,
.c-contrast-enhaced .panel--exercise .panel-subtitle,
.c-contrast-enhaced .c-building-meaning_details p,
.c-contrast-enhaced .c-building-sentences_score,
.c-contrast-enhaced .c-word-jigsaw_details-score p,
.c-contrast-enhaced #js-paragraph,
.c-contrast-enhaced .thumbnail--photo__subtitle,
.c-contrast-enhaced #user-pass p,
.c-contrast-enhaced #user-pass label,
.c-contrast-enhaced .c-lingua-attack__form .subtitle,
.c-contrast-enhaced .c-lingua-attack__form #user-register .fill_all,
.c-contrast-enhaced .c-lingua-attack__form #user-register #edit-name-wrapper label,
.c-contrast-enhaced .c-lingua-attack__form #user-register #edit-mail-wrapper label,
.c-contrast-enhaced .c-lingua-attack__form #user-register #edit-pass-wrapper label,
.c-contrast-enhaced .c-lingua-attack__form #user-register #edit-pass-pass1-wrapper label,
.c-contrast-enhaced .c-lingua-attack__form #user-register #edit-pass-pass2-wrapper label,
.c-contrast-enhaced .c-lingua-attack__form .edit-subscribe-newsletter-wrapper label.option,
.c-contrast-enhaced .registration-step-2-container .container > p,
.c-contrast-enhaced .registration-step-2-container .resume_button:disabled,
.c-contrast-enhaced .registration-step-2-container .container label.container,
.c-contrast-enhaced .c-set-description,
.c-contrast-enhaced .c-professional-profile_ocupation-options,
.c-contrast-enhaced .c-registration_checkbox-choice-text,
.c-contrast-inverted .c-header-subtitle,
.c-contrast-inverted .c-category-slider__subtile,
.c-contrast-inverted .c-videobooster__subtitle,
.c-contrast-inverted .languages-selection-container li > p:first-of-type,
.c-contrast-inverted .languages-selection-container .resume_button.disabled,
.c-contrast-inverted .languages-selection-container .c-language-dashboard__text,
.c-contrast-inverted .learned-expressions-amount,
.c-contrast-inverted .block-sidebar-menu .leaf a,
.c-contrast-inverted .learned-expression-list__header-item a,
.c-contrast-inverted .user-page__subtitle,
.c-contrast-inverted .learned-grammar-rules-header div p,
.c-contrast-inverted .learned-grammar-rules__description span,
.c-contrast-inverted .learned-grammar-rules-list__exercise_title,
.c-contrast-inverted .learned-grammar-rules-list__exercise_title a,
.c-contrast-inverted .learned-grammar-rules-list__view-all-button,
.c-contrast-inverted .learned-grammar-rules-list__row .grammar_title,
.c-contrast-inverted .assessments_table,
.c-contrast-inverted .custom-form .form-item label,
.c-contrast-inverted .c-photovocab__translated-title,
.c-contrast-inverted .c-sl-catalog__search input::placeholder,
.c-contrast-inverted .c-translation-modal__select,
.c-contrast-inverted .video-booster__subtitle,
.c-contrast-inverted .thumbnail--video__movie-name--french,
.c-contrast-inverted .main-navbar__title.c-sb-main-navbar__title span,
.c-contrast-inverted .c-sb-comprehension .video-booster__nav-tab .video-booster__nav-link,
.c-contrast-inverted .c-sb_score,
.c-contrast-inverted .c-sb-dialogue__exercise-undertext,
.c-contrast-inverted .pv-switcher__label,
.c-contrast-inverted .pv-switcher__switch,
.c-contrast-inverted .c-sl-table__header-title,
.c-contrast-inverted .c-sl-comprehension__details-score,
.c-contrast-inverted .c-favorites_select:disabled,
.c-contrast-inverted .grammar-part,
.c-contrast-inverted .c-students-page_container .students__table tr.row td,
.c-contrast-inverted .c-class-management_students-number,
.c-contrast-inverted .c-class-managemnet_remove-padding .icon.icon-dot-3,
.c-contrast-inverted .c-assignments__class-header-subtile,
.c-contrast-inverted .c-assignments-class__list .clearfix div,
.c-contrast-inverted .text-muted,
.c-contrast-inverted .c-assignment-published__date-title,
.c-contrast-inverted .c-assessment_card-my-class p span,
.c-contrast-inverted .c-stats__average-container .results__text,
.c-contrast-inverted .results__students-count,
.c-contrast-inverted .c-stats__download-container .catalog-filter__btn,
.c-contrast-inverted .c-stats__download-container .btn--download:disabled,
.c-contrast-inverted .c-class-results__container .results__breadcrumbs-container a,
.c-contrast-inverted .learned-expressions-list__expression,
.c-contrast-inverted .learned-expressions-list__last-practice,
.c-contrast-inverted .item-list .pager li.pager-current,
.c-contrast-inverted .item-list .pager li a,
.c-contrast-inverted .c-videobooster__translated-title,
.c-contrast-inverted .c-sl-catalog__search input,
.c-contrast-inverted .panel--exercise .panel-subtitle,
.c-contrast-inverted .c-building-meaning_details p,
.c-contrast-inverted .c-building-sentences_score,
.c-contrast-inverted .c-word-jigsaw_details-score p,
.c-contrast-inverted #js-paragraph,
.c-contrast-inverted .thumbnail--photo__subtitle,
.c-contrast-inverted #user-pass p,
.c-contrast-inverted #user-pass label,
.c-contrast-inverted .c-lingua-attack__form .subtitle,
.c-contrast-inverted .c-lingua-attack__form #user-register .fill_all,
.c-contrast-inverted .c-lingua-attack__form #user-register #edit-name-wrapper label,
.c-contrast-inverted .c-lingua-attack__form #user-register #edit-mail-wrapper label,
.c-contrast-inverted .c-lingua-attack__form #user-register #edit-pass-wrapper label,
.c-contrast-inverted .c-lingua-attack__form #user-register #edit-pass-pass1-wrapper label,
.c-contrast-inverted .c-lingua-attack__form #user-register #edit-pass-pass2-wrapper label,
.c-contrast-inverted .c-lingua-attack__form .edit-subscribe-newsletter-wrapper label.option,
.c-contrast-inverted .registration-step-2-container .container > p,
.c-contrast-inverted .registration-step-2-container .resume_button:disabled,
.c-contrast-inverted .registration-step-2-container .container label.container,
.c-contrast-inverted .c-set-description,
.c-contrast-inverted .c-professional-profile_ocupation-options,
.c-contrast-inverted .c-registration_checkbox-choice-text {
  color: #585656 !important;
}
.c-contrast-enhaced .c-pv-content-subtitle,
.c-contrast-inverted .c-pv-content-subtitle {
  color: #ECE7E7 !important;
}
.c-contrast-enhaced .c-favorites_select:disabled,
.c-contrast-enhaced .user-page__navbar-container,
.c-contrast-enhaced .user-pane--border,
.c-contrast-enhaced .learned-grammar-rules-list__row,
.c-contrast-enhaced .cefr--description,
.c-contrast-enhaced .assessment-cefr__level .cefr-level--icon:after,
.c-contrast-enhaced .c-checkbox,
.c-contrast-enhaced .panel--exercise .panel__header,
.c-contrast-enhaced .thumbnail__details, .c-contrast-enhaced .thumbnail--video__details,
.c-contrast-enhaced .video-booster__content-right,
.c-contrast-enhaced .panel--video-booster .panel__footer,
.c-contrast-enhaced .popover-content,
.c-contrast-enhaced .video-booster__nav-tab:last-child .video-booster__nav-link,
.c-contrast-enhaced .video-booster__nav-link,
.c-contrast-enhaced .thumbnail--photo__item,
.c-contrast-enhaced .c-sl_progress-steps-container,
.c-contrast-enhaced .c-students-page_container .students__table tr.row td,
.c-contrast-enhaced .class-management__class-item,
.c-contrast-inverted .c-favorites_select:disabled,
.c-contrast-inverted .user-page__navbar-container,
.c-contrast-inverted .user-pane--border,
.c-contrast-inverted .learned-grammar-rules-list__row,
.c-contrast-inverted .cefr--description,
.c-contrast-inverted .assessment-cefr__level .cefr-level--icon:after,
.c-contrast-inverted .c-checkbox,
.c-contrast-inverted .panel--exercise .panel__header,
.c-contrast-inverted .thumbnail__details,
.c-contrast-inverted .thumbnail--video__details,
.c-contrast-inverted .video-booster__content-right,
.c-contrast-inverted .panel--video-booster .panel__footer,
.c-contrast-inverted .popover-content,
.c-contrast-inverted .video-booster__nav-tab:last-child .video-booster__nav-link,
.c-contrast-inverted .video-booster__nav-link,
.c-contrast-inverted .thumbnail--photo__item,
.c-contrast-inverted .c-sl_progress-steps-container,
.c-contrast-inverted .c-students-page_container .students__table tr.row td,
.c-contrast-inverted .class-management__class-item {
  border-color: #BFBFBF !important;
}
.c-contrast-enhaced .carousel-homepage-left.disabled,
.c-contrast-inverted .carousel-homepage-left.disabled {
  border: 1px solid #585656 !important;
  border-width: 2px 2px 0 0 !important;
}
.c-contrast-enhaced .c-sb-step-5_cue input,
.c-contrast-inverted .c-sb-step-5_cue input {
  border-bottom-color: #2A568A;
}
.c-contrast-enhaced .c-background__c1,
.c-contrast-inverted .c-background__c1 {
  background-color: #A91648 !important;
}
.c-contrast-enhaced .students__table .icon-red,
.c-contrast-inverted .students__table .icon-red {
  border-color: #A91648 !important;
}
.c-contrast-enhaced .students__table .icon-red:after,
.c-contrast-inverted .students__table .icon-red:after {
  color: #A91648 !important;
}
.c-contrast-enhaced .c-students-page_container .c-students-table-container .icon-add,
.c-contrast-inverted .c-students-page_container .c-students-table-container .icon-add {
  border-color: #2A568A !important;
}
.c-contrast-enhaced .c-students-page_container .c-students-table-container .icon-add:before,
.c-contrast-inverted .c-students-page_container .c-students-table-container .icon-add:before {
  color: #2A568A !important;
}
.c-contrast-enhaced .c-checkmark,
.c-contrast-enhaced .students__table input[type=checkbox] + label,
.c-contrast-inverted .c-checkmark,
.c-contrast-inverted .students__table input[type=checkbox] + label {
  border-color: #585656;
}
.c-contrast-enhaced .c-vb-level,
.c-contrast-enhaced .c-pv-details__switch_btn,
.c-contrast-inverted .c-vb-level,
.c-contrast-inverted .c-pv-details__switch_btn {
  color: #C5C1C1;
}
.c-contrast-enhaced .c-background__a2plus, .c-contrast-enhaced .c-background__a2,
.c-contrast-inverted .c-background__a2plus,
.c-contrast-inverted .c-background__a2 {
  background-color: #0E5A5A !important;
}
.c-contrast-enhaced .c-background__b1,
.c-contrast-inverted .c-background__b1 {
  background-color: #4A4A8A !important;
}
.c-contrast-enhaced .c-sb-details .c-vb-details__caption-title,
.c-contrast-inverted .c-sb-details .c-vb-details__caption-title {
  color: #D4D0D0;
}
.c-contrast-enhaced .c-pv-content-category,
.c-contrast-enhaced .c-sl-details__link,
.c-contrast-enhaced .c-learning-act__details-list-item a,
.c-contrast-enhaced .c-sl-details__nr,
.c-contrast-enhaced .c-learning-act__details-lb,
.c-contrast-enhaced .c-learning-act__details-lb-nr,
.c-contrast-inverted .c-pv-content-category,
.c-contrast-inverted .c-sl-details__link,
.c-contrast-inverted .c-learning-act__details-list-item a,
.c-contrast-inverted .c-sl-details__nr,
.c-contrast-inverted .c-learning-act__details-lb,
.c-contrast-inverted .c-learning-act__details-lb-nr {
  color: #B7D0EC;
}
.c-contrast-enhaced .c-pv-details__switch_btn_active,
.c-contrast-inverted .c-pv-details__switch_btn_active {
  color: #6F3C86 !important;
}
.c-contrast-enhaced .languages-selection-container .resume_button,
.c-contrast-enhaced .c-modal-btn,
.c-contrast-enhaced .c-sl-vid__step-btn,
.c-contrast-enhaced .c-sb__step-btn,
.c-contrast-enhaced .c-building-sentences_word,
.c-contrast-enhaced #js-validate-button,
.c-contrast-enhaced .c-building-meaning_answer-icon,
.c-contrast-enhaced .c-word-jigsaw_word,
.c-contrast-enhaced .c-sb-transcript-focus_btn,
.c-contrast-enhaced #js-exercise-next-button,
.c-contrast-enhaced .c-learning-settings_save-btn,
.c-contrast-enhaced .c-custom-label__checkbox .c-custom-input__checkbox:checked ~ .c-checkbox,
.c-contrast-enhaced .c-class-management_body-header button,
.c-contrast-enhaced .c-test-results__csv,
.c-contrast-enhaced .c-assessment_card-button,
.c-contrast-enhaced .c-lingua-attack__form--login #user-login #edit-submit,
.c-contrast-enhaced #user-pass #edit-submit,
.c-contrast-enhaced .c-lingua-attack__form #user-register .form-submit,
.c-contrast-enhaced .c-form-profile__start_btn,
.c-contrast-inverted .languages-selection-container .resume_button,
.c-contrast-inverted .c-modal-btn,
.c-contrast-inverted .c-sl-vid__step-btn,
.c-contrast-inverted .c-sb__step-btn,
.c-contrast-inverted .c-building-sentences_word,
.c-contrast-inverted #js-validate-button,
.c-contrast-inverted .c-building-meaning_answer-icon,
.c-contrast-inverted .c-word-jigsaw_word,
.c-contrast-inverted .c-sb-transcript-focus_btn,
.c-contrast-inverted #js-exercise-next-button,
.c-contrast-inverted .c-learning-settings_save-btn,
.c-contrast-inverted .c-custom-label__checkbox .c-custom-input__checkbox:checked ~ .c-checkbox,
.c-contrast-inverted .c-class-management_body-header button,
.c-contrast-inverted .c-test-results__csv,
.c-contrast-inverted .c-assessment_card-button,
.c-contrast-inverted .c-lingua-attack__form--login #user-login #edit-submit,
.c-contrast-inverted #user-pass #edit-submit,
.c-contrast-inverted .c-lingua-attack__form #user-register .form-submit,
.c-contrast-inverted .c-form-profile__start_btn {
  background: #044C9C !important;
}
.c-contrast-enhaced,
.c-contrast-inverted {
  /* Catalog pages header */
}
.c-contrast-enhaced .c-sl-catalog-header__logo,
.c-contrast-inverted .c-sl-catalog-header__logo {
  background-color: #BB8C24;
}
.c-contrast-enhaced .c-sl-catalog-header__logo:after,
.c-contrast-inverted .c-sl-catalog-header__logo:after {
  background: #BB8C24;
  border-right-color: #BB8C24;
}
.c-contrast-enhaced .c-sl-catalog-header__logo--vb,
.c-contrast-inverted .c-sl-catalog-header__logo--vb {
  background-color: #037B92 !important;
}
.c-contrast-enhaced .c-sl-catalog-header__logo--vb:after,
.c-contrast-inverted .c-sl-catalog-header__logo--vb:after {
  background: #037B92 !important;
  border-right-color: #037B92 !important;
}
.c-contrast-enhaced .c-sl-catalog-header__logo--sb,
.c-contrast-inverted .c-sl-catalog-header__logo--sb {
  background-color: #605DE6 !important;
}
.c-contrast-enhaced .c-sl-catalog-header__logo--sb:after,
.c-contrast-inverted .c-sl-catalog-header__logo--sb:after {
  background: #605DE6 !important;
  border-right-color: #605DE6 !important;
}
.c-contrast-enhaced .c-sl-catalog-header__logo--pv,
.c-contrast-inverted .c-sl-catalog-header__logo--pv {
  background-color: #B73E03 !important;
}
.c-contrast-enhaced .c-sl-catalog-header__logo--pv:after,
.c-contrast-inverted .c-sl-catalog-header__logo--pv:after {
  background: #B73E03 !important;
  border-right-color: #B73E03 !important;
}
.c-contrast-enhaced,
.c-contrast-inverted {
  /* Catalog pages search */
}
.c-contrast-enhaced .c-sl-catalog__col-search input,
.c-contrast-inverted .c-sl-catalog__col-search input {
  border-bottom-color: #BB8C24 !important;
}
.c-contrast-enhaced .c-sl-catalog__col-search div,
.c-contrast-inverted .c-sl-catalog__col-search div {
  color: #BB8C24 !important;
}
.c-contrast-enhaced .c-sl-catalog__col-search .active-vb input,
.c-contrast-inverted .c-sl-catalog__col-search .active-vb input {
  border-bottom-color: #BB8C24 !important;
}
.c-contrast-enhaced .c-sl-catalog__col-search .active-vb div,
.c-contrast-inverted .c-sl-catalog__col-search .active-vb div {
  color: #BB8C24 !important;
}
.c-contrast-enhaced .c-sl-catalog__col-search--vb input,
.c-contrast-inverted .c-sl-catalog__col-search--vb input {
  border-bottom-color: #037B92 !important;
}
.c-contrast-enhaced .c-sl-catalog__col-search--vb div,
.c-contrast-inverted .c-sl-catalog__col-search--vb div {
  color: #037B92 !important;
}
.c-contrast-enhaced .c-sl-catalog__col-search--vb .active-vb input,
.c-contrast-inverted .c-sl-catalog__col-search--vb .active-vb input {
  border-bottom-color: #037B92 !important;
}
.c-contrast-enhaced .c-sl-catalog__col-search--vb .active-vb div,
.c-contrast-inverted .c-sl-catalog__col-search--vb .active-vb div {
  color: #037B92 !important;
}
.c-contrast-enhaced .c-sl-catalog__col-search--pv input,
.c-contrast-inverted .c-sl-catalog__col-search--pv input {
  border-bottom-color: #B73E03 !important;
}
.c-contrast-enhaced .c-sl-catalog__col-search--pv div,
.c-contrast-inverted .c-sl-catalog__col-search--pv div {
  color: #B73E03 !important;
}
.c-contrast-enhaced .c-sl-catalog__col-search--pv .active-pv input,
.c-contrast-inverted .c-sl-catalog__col-search--pv .active-pv input {
  border-bottom-color: #B73E03 !important;
}
.c-contrast-enhaced .c-sl-catalog__col-search--pv .active-pv div,
.c-contrast-inverted .c-sl-catalog__col-search--pv .active-pv div {
  color: #B73E03 !important;
}
.c-contrast-enhaced .c-background__sl,
.c-contrast-inverted .c-background__sl {
  background-color: #9A6D09 !important;
}
.c-contrast-enhaced .c-sl-thumbnail-disabled .c-background__sl,
.c-contrast-inverted .c-sl-thumbnail-disabled .c-background__sl {
  background-color: #737070 !important;
}
.c-contrast-enhaced .color-vb,
.c-contrast-inverted .color-vb {
  color: #037B92 !important;
}
.c-contrast-enhaced .color-vb:hover, .c-contrast-enhaced .color-vb:focus,
.c-contrast-inverted .color-vb:hover,
.c-contrast-inverted .color-vb:focus {
  color: #037B92;
}
.c-contrast-enhaced .color-sb,
.c-contrast-inverted .color-sb {
  color: #605DE6 !important;
}
.c-contrast-enhaced .color-sb:hover, .c-contrast-enhaced .color-sb:focus,
.c-contrast-inverted .color-sb:hover,
.c-contrast-inverted .color-sb:focus {
  color: #605DE6;
}
.c-contrast-enhaced .color-sl,
.c-contrast-inverted .color-sl {
  color: #BB8C24 !important;
}
.c-contrast-enhaced .color-sl:hover, .c-contrast-enhaced .color-sl:focus,
.c-contrast-inverted .color-sl:hover,
.c-contrast-inverted .color-sl:focus {
  color: #BB8C24;
}
.c-contrast-enhaced .color-pv,
.c-contrast-inverted .color-pv {
  color: #B73E03 !important;
}
.c-contrast-enhaced .color-pv:hover, .c-contrast-enhaced .color-pv:focus,
.c-contrast-inverted .color-pv:hover,
.c-contrast-inverted .color-pv:focus {
  color: #B73E03;
}
.c-contrast-enhaced .c-past-challenge__container,
.c-contrast-inverted .c-past-challenge__container {
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.4);
}
.c-contrast-enhaced .block-sidebar-menu .leaf.active-trail a,
.c-contrast-inverted .block-sidebar-menu .leaf.active-trail a {
  color: #FFFFFF !important;
}
.c-contrast-enhaced .learned-grammar-rules__circle,
.c-contrast-inverted .learned-grammar-rules__circle {
  background-color: #716F6F;
}
.c-contrast-enhaced .cefr-level--title.C2,
.c-contrast-inverted .cefr-level--title.C2 {
  color: #B70037 !important;
}
.c-contrast-enhaced .assessment-cefr__level--c2 .media-body,
.c-contrast-inverted .assessment-cefr__level--c2 .media-body {
  border-bottom-color: #B70037 !important;
}
.c-contrast-enhaced .cefr-level--icon.C2,
.c-contrast-inverted .cefr-level--icon.C2 {
  background: #B70037 !important;
}
.c-contrast-enhaced .cefr-level--title.C1,
.c-contrast-inverted .cefr-level--title.C1 {
  color: #D6376D !important;
}
.c-contrast-enhaced .assessment-cefr__level--c1 .media-body,
.c-contrast-inverted .assessment-cefr__level--c1 .media-body {
  border-bottom-color: #D6376D !important;
}
.c-contrast-enhaced .cefr-level--icon.C1,
.c-contrast-inverted .cefr-level--icon.C1 {
  background: #D6376D !important;
}
.c-contrast-enhaced .cefr-level--title.B2,
.c-contrast-inverted .cefr-level--title.B2 {
  color: #5F3EC7 !important;
}
.c-contrast-enhaced .assessment-cefr__level--b2 .media-body,
.c-contrast-inverted .assessment-cefr__level--b2 .media-body {
  border-bottom-color: #5F3EC7 !important;
}
.c-contrast-enhaced .cefr-level--icon.B2,
.c-contrast-inverted .cefr-level--icon.B2 {
  background: #5F3EC7 !important;
}
.c-contrast-enhaced .cefr-level--title.B1,
.c-contrast-inverted .cefr-level--title.B1 {
  color: #6868B1 !important;
}
.c-contrast-enhaced .cefr-level--icon.B1,
.c-contrast-inverted .cefr-level--icon.B1 {
  background: #6868B1 !important;
}
.c-contrast-enhaced .assessment-cefr__level--b1 .media-body,
.c-contrast-inverted .assessment-cefr__level--b1 .media-body {
  border-bottom-color: #6868B1 !important;
}
.c-contrast-enhaced .cefr-level--title.A2,
.c-contrast-enhaced .c-text-color__a2,
.c-contrast-inverted .cefr-level--title.A2,
.c-contrast-inverted .c-text-color__a2 {
  color: #1B7C7D !important;
}
.c-contrast-enhaced .assessment-cefr__level--a2 .media-body,
.c-contrast-inverted .assessment-cefr__level--a2 .media-body {
  border-bottom-color: #1B7C7D !important;
}
.c-contrast-enhaced .cefr-level--icon.A2,
.c-contrast-inverted .cefr-level--icon.A2 {
  background: #1B7C7D !important;
}
.c-contrast-enhaced .cefr-level--title.A1,
.c-contrast-inverted .cefr-level--title.A1 {
  color: #106FA5 !important;
}
.c-contrast-enhaced .assessment-cefr__level--a1 .media-body,
.c-contrast-inverted .assessment-cefr__level--a1 .media-body {
  border-bottom-color: #106FA5 !important;
}
.c-contrast-enhaced .cefr-level--icon.A1,
.c-contrast-inverted .cefr-level--icon.A1 {
  background: #106FA5 !important;
}
.c-contrast-enhaced #user-profile-form a,
.c-contrast-inverted #user-profile-form a {
  color: #277F92;
}
.c-contrast-enhaced .btn-transparent,
.c-contrast-inverted .btn-transparent {
  color: #615C5C !important;
}
.c-contrast-enhaced .custom-form .form-item select, .c-contrast-enhaced .custom-form .form-item input,
.c-contrast-inverted .custom-form .form-item select,
.c-contrast-inverted .custom-form .form-item input {
  color: #352F2F;
}
.c-contrast-enhaced .catalog-filter__dropdown li.active a,
.c-contrast-inverted .catalog-filter__dropdown li.active a {
  background-color: #6F6E6E;
}
.c-contrast-enhaced .btn-blue,
.c-contrast-inverted .btn-blue {
  background-color: #087C96;
}
.c-contrast-enhaced .btn-blue:hover, .c-contrast-enhaced .btn-blue:focus,
.c-contrast-inverted .btn-blue:hover,
.c-contrast-inverted .btn-blue:focus {
  background-color: #087C96;
}
.c-contrast-enhaced .c-table-quickview .c-tab-item.active .half-arrow-top, .c-contrast-enhaced .c-table-quickview .c-tab-item.active .half-arrow-bottom,
.c-contrast-inverted .c-table-quickview .c-tab-item.active .half-arrow-top,
.c-contrast-inverted .c-table-quickview .c-tab-item.active .half-arrow-bottom {
  border-right-color: #087C96 !important;
}
.c-contrast-enhaced .u-blue-color,
.c-contrast-enhaced .c-tab-item:hover .translatable-word,
.c-contrast-enhaced .exercise-vocab__item.active, .c-contrast-enhaced .exercise-vocab__item:hover,
.c-contrast-enhaced .coach-sentence,
.c-contrast-enhaced .grammar-point-explanation em,
.c-contrast-inverted .u-blue-color,
.c-contrast-inverted .c-tab-item:hover .translatable-word,
.c-contrast-inverted .exercise-vocab__item.active,
.c-contrast-inverted .exercise-vocab__item:hover,
.c-contrast-inverted .coach-sentence,
.c-contrast-inverted .grammar-point-explanation em {
  color: #087C96 !important;
}
.c-contrast-enhaced .exercise-vocab__list-item .popover-title,
.c-contrast-enhaced .vb__draggable,
.c-contrast-enhaced .grammar_answer,
.c-contrast-enhaced .game-button.play,
.c-contrast-inverted .exercise-vocab__list-item .popover-title,
.c-contrast-inverted .vb__draggable,
.c-contrast-inverted .grammar_answer,
.c-contrast-inverted .game-button.play {
  background-color: #087C96;
}
.c-contrast-enhaced .game-button.help,
.c-contrast-inverted .game-button.help {
  background-color: #714760;
}
.c-contrast-enhaced .video-booster__checkbox-icon,
.c-contrast-inverted .video-booster__checkbox-icon {
  border-color: #656161;
}
.c-contrast-enhaced .video-booster__checkbox-label.correct .video-booster__checkbox-text,
.c-contrast-enhaced .video-booster__checkbox-label.correct + .video-booster__checkbox-text,
.c-contrast-enhaced .grammar-example.correct,
.c-contrast-enhaced .c-sb-transcript-focus_correct-filler,
.c-contrast-enhaced .pv-switcher__switch.active.easy,
.c-contrast-enhaced .panel--photo-vocab .pv-type.basic,
.c-contrast-inverted .video-booster__checkbox-label.correct .video-booster__checkbox-text,
.c-contrast-inverted .video-booster__checkbox-label.correct + .video-booster__checkbox-text,
.c-contrast-inverted .grammar-example.correct,
.c-contrast-inverted .c-sb-transcript-focus_correct-filler,
.c-contrast-inverted .pv-switcher__switch.active.easy,
.c-contrast-inverted .panel--photo-vocab .pv-type.basic {
  background-color: #3D713E;
}
.c-contrast-enhaced .video-booster__checkbox-label.incorrect .video-booster__checkbox-text,
.c-contrast-enhaced .video-booster__checkbox-label.incorrect + .video-booster__checkbox-text,
.c-contrast-enhaced .grammar-example.incorrect,
.c-contrast-enhaced .pv-switcher__switch.active.advanced,
.c-contrast-enhaced .panel--photo-vocab .pv-type.advanced,
.c-contrast-inverted .video-booster__checkbox-label.incorrect .video-booster__checkbox-text,
.c-contrast-inverted .video-booster__checkbox-label.incorrect + .video-booster__checkbox-text,
.c-contrast-inverted .grammar-example.incorrect,
.c-contrast-inverted .pv-switcher__switch.active.advanced,
.c-contrast-inverted .panel--photo-vocab .pv-type.advanced {
  background-color: #9E3C3C;
}
.c-contrast-enhaced .c-class-results__container .c-results-per-assignment .results__bar-chart-legend--average-grade,
.c-contrast-inverted .c-class-results__container .c-results-per-assignment .results__bar-chart-legend--average-grade {
  color: #9E3C3C;
}
.c-contrast-enhaced .transcript-wrapper .vb__word-blank.success,
.c-contrast-enhaced .c-class-results__container .c-results-per-assignment .results__bar-chart-legend--completed,
.c-contrast-inverted .transcript-wrapper .vb__word-blank.success,
.c-contrast-inverted .c-class-results__container .c-results-per-assignment .results__bar-chart-legend--completed {
  color: #2D5C2E;
}
.c-contrast-enhaced .pv-switcher.easy,
.c-contrast-inverted .pv-switcher.easy {
  border-color: #2D5D2E;
}
.c-contrast-enhaced .c-sb_progress-step-icon-score-container,
.c-contrast-inverted .c-sb_progress-step-icon-score-container {
  background-color: #605DE6;
}
.c-contrast-enhaced .c-tab-item.active .half-arrow-top, .c-contrast-enhaced .c-tab-item.active .half-arrow-bottom,
.c-contrast-inverted .c-tab-item.active .half-arrow-top,
.c-contrast-inverted .c-tab-item.active .half-arrow-bottom {
  border-right-color: #2A568A !important;
}
.c-contrast-enhaced .c-sb-table__vocab .translatable-word,
.c-contrast-enhaced .c-sb-table__vocab .u-blue-color,
.c-contrast-inverted .c-sb-table__vocab .translatable-word,
.c-contrast-inverted .c-sb-table__vocab .u-blue-color {
  color: #2A568A !important;
}
.c-contrast-enhaced .c-sb-table__vocab .translatable-word:hover,
.c-contrast-enhaced .c-sb-table__vocab .u-blue-color:hover,
.c-contrast-inverted .c-sb-table__vocab .translatable-word:hover,
.c-contrast-inverted .c-sb-table__vocab .u-blue-color:hover {
  color: #2A568A !important;
}
.c-contrast-enhaced .c-tab-item.active a .translatable-word,
.c-contrast-inverted .c-tab-item.active a .translatable-word {
  color: #FFFFFF !important;
}
.c-contrast-enhaced .c-sl-vid__step-btn:disabled,
.c-contrast-inverted .c-sl-vid__step-btn:disabled {
  border-color: #585656;
  color: #585656;
}
.c-contrast-enhaced .c-sl-vid__step-btn:disabled:hover,
.c-contrast-inverted .c-sl-vid__step-btn:disabled:hover {
  color: #585656;
}
.c-contrast-enhaced .pv-definition-panel__header,
.c-contrast-enhaced .panel--photo-vocab .pv-step-btn,
.c-contrast-enhaced .icon-exercise-title--pv,
.c-contrast-enhaced .exercise__icon--pv,
.c-contrast-inverted .pv-definition-panel__header,
.c-contrast-inverted .panel--photo-vocab .pv-step-btn,
.c-contrast-inverted .icon-exercise-title--pv,
.c-contrast-inverted .exercise__icon--pv {
  background-color: #B73E03;
}
.c-contrast-enhaced .pv-definition-panel__header:hover,
.c-contrast-enhaced .panel--photo-vocab .pv-step-btn:hover,
.c-contrast-enhaced .icon-exercise-title--pv:hover,
.c-contrast-enhaced .exercise__icon--pv:hover,
.c-contrast-inverted .pv-definition-panel__header:hover,
.c-contrast-inverted .panel--photo-vocab .pv-step-btn:hover,
.c-contrast-inverted .icon-exercise-title--pv:hover,
.c-contrast-inverted .exercise__icon--pv:hover {
  background-color: #B73E03;
}
.c-contrast-enhaced .panel--photo-vocab .panel__title-body:before,
.c-contrast-inverted .panel--photo-vocab .panel__title-body:before {
  border-left-color: #B73E03;
}
.c-contrast-enhaced .pv-switcher__switch.active,
.c-contrast-inverted .pv-switcher__switch.active {
  color: #FFFFFF !important;
}
.c-contrast-enhaced .pv-definition-panel em,
.c-contrast-inverted .pv-definition-panel em {
  color: #B73E03;
}
.c-contrast-enhaced .pv-photo-carousel .carousel-inner,
.c-contrast-enhaced .pv-definition-panel__body,
.c-contrast-enhaced .pv-image-gallery__item .img-container,
.c-contrast-inverted .pv-photo-carousel .carousel-inner,
.c-contrast-inverted .pv-definition-panel__body,
.c-contrast-inverted .pv-image-gallery__item .img-container {
  border: 1px solid #B7B4B4;
}
.c-contrast-enhaced .c-sl_current-progress-step .c-sl_progress-step-icon-score-container,
.c-contrast-enhaced .c-sl_progress-step-icon-score-container,
.c-contrast-inverted .c-sl_current-progress-step .c-sl_progress-step-icon-score-container,
.c-contrast-inverted .c-sl_progress-step-icon-score-container {
  background-color: #BB8C24;
}
.c-contrast-enhaced .c-building-meaning_answer-container--desktop,
.c-contrast-inverted .c-building-meaning_answer-container--desktop {
  background-color: #C7C7C7;
}
.c-contrast-enhaced .c-progress__value,
.c-contrast-inverted .c-progress__value {
  color: #605DE6;
}
.c-contrast-enhaced .c-badges__page-mark,
.c-contrast-enhaced .c-past-challenge__wrapper:nth-child(odd),
.c-contrast-enhaced .c-past-challenge__main-title,
.c-contrast-enhaced .learned-expressions-header,
.c-contrast-enhaced .learned-grammar-rules-header,
.c-contrast-enhaced .learned-grammar-rules-list__view-all-button,
.c-contrast-enhaced .assessments_table .table__header,
.c-contrast-enhaced .c-badges__category:nth-child(even),
.c-contrast-enhaced .catalog-panel--gray,
.c-contrast-enhaced .checkbox-sound .custom-checkbox label,
.c-contrast-inverted .c-badges__page-mark,
.c-contrast-inverted .c-past-challenge__wrapper:nth-child(odd),
.c-contrast-inverted .c-past-challenge__main-title,
.c-contrast-inverted .learned-expressions-header,
.c-contrast-inverted .learned-grammar-rules-header,
.c-contrast-inverted .learned-grammar-rules-list__view-all-button,
.c-contrast-inverted .assessments_table .table__header,
.c-contrast-inverted .c-badges__category:nth-child(even),
.c-contrast-inverted .catalog-panel--gray,
.c-contrast-inverted .checkbox-sound .custom-checkbox label {
  background-color: #CECECE !important;
}
.c-contrast-enhaced .c-past-challenge__main-title,
.c-contrast-inverted .c-past-challenge__main-title {
  color: #353B3C !important;
}
.c-contrast-enhaced .learned-grammar-rules__circle.active,
.c-contrast-inverted .learned-grammar-rules__circle.active {
  background-color: #2E6A77;
}
.c-contrast-enhaced .c-badges__header-sections,
.c-contrast-enhaced .c-badges__categories-badges-container,
.c-contrast-enhaced .c-certification-page .c-badges__header-sections,
.c-contrast-enhaced .c-learning-settings_content,
.c-contrast-enhaced .c-sb-dialogue_video-details,
.c-contrast-enhaced .c-sl-vid__desc,
.c-contrast-enhaced .c-class-management_my-class-card,
.c-contrast-enhaced .dropdown-menu,
.c-contrast-enhaced .c-class-management_table-div table,
.c-contrast-enhaced .c-assignment-body,
.c-contrast-enhaced .c-assessment_test-card,
.c-contrast-inverted .c-badges__header-sections,
.c-contrast-inverted .c-badges__categories-badges-container,
.c-contrast-inverted .c-certification-page .c-badges__header-sections,
.c-contrast-inverted .c-learning-settings_content,
.c-contrast-inverted .c-sb-dialogue_video-details,
.c-contrast-inverted .c-sl-vid__desc,
.c-contrast-inverted .c-class-management_my-class-card,
.c-contrast-inverted .dropdown-menu,
.c-contrast-inverted .c-class-management_table-div table,
.c-contrast-inverted .c-assignment-body,
.c-contrast-inverted .c-assessment_test-card {
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.6) !important;
          box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.6) !important;
}
.c-contrast-enhaced .c-vb-category-filter .c-catalog-filter__btn,
.c-contrast-inverted .c-vb-category-filter .c-catalog-filter__btn {
  background-color: #037B92 !important;
}

/* End of contrast task*/
.c-contrast-inverted .c-past-challenge__header-title,
.c-contrast-inverted .c-past-challenges_in-progress {
  color: #882B2B !important;
}
.c-contrast-inverted .c-vb-details__category__desktop {
  color: #B8CCE4 !important;
}
.c-contrast-inverted .c-sb-badge-text {
  color: #4747B7;
}
.c-contrast-inverted .c-sl-details__nr,
.c-contrast-inverted .c-learning-act__details-list-item a,
.c-contrast-inverted .c-learning-act__details-lb,
.c-contrast-inverted .c-sl-details__link,
.c-contrast-inverted .c-quick-access__details-footer .c-quick-access__details-footer-link,
.c-contrast-inverted .c-assessment_card-my-class p a {
  color: #A5C7EF !important;
}
.c-contrast-inverted .c-videobooster__translated-title,
.c-contrast-inverted .c-pv-content-subtitle {
  color: #544F4F !important;
}
.c-contrast-inverted .c-class-results__container .c-results-per-assignment .results__bar-chart-legend--not-started {
  color: #FFFFFF;
}

.page-user-login-register .c-lingua-attack__form #user-login .form-item {
  max-width: 260px !important;
}
@media (max-width: 480px) {
  .page-user-login-register .c-lingua-attack__form #user-login .form-item {
    margin-bottom: 10px !important;
  }
}
@media (max-width: 480px) {
  .page-user-login-register .c-lingua-attack__form #user-login .form-item label {
    color: #8B8B8B;
    font-size: 13px;
    line-height: 17px;
  }
}

.is-qioz .user-login-custom .form-item-title,
.is-lingua .user-login-custom .form-item-title {
  font-size: 20px;
  font-weight: 600;
}
.is-qioz .c-lingua-attack__form .form-item-title,
.is-lingua .c-lingua-attack__form .form-item-title {
  padding: 0 0 15px 0;
}
.is-qioz .c-lingua-attack__form .form-item-title:focus,
.is-lingua .c-lingua-attack__form .form-item-title:focus {
  outline: none;
}
.is-qioz #user-register input:not(:root:root),
.is-lingua #user-register input:not(:root:root) {
  -webkit-appearance: none;
}
.is-qioz .c-lingua-attack__form #user-login #edit-persistent-login-wrapper input[type=checkbox]:checked + span span,
.is-qioz .c-lingua-attack__form .edit-subscribe-newsletter-wrapper input[type=checkbox]:checked + span span,
.is-lingua .c-lingua-attack__form #user-login #edit-persistent-login-wrapper input[type=checkbox]:checked + span span,
.is-lingua .c-lingua-attack__form .edit-subscribe-newsletter-wrapper input[type=checkbox]:checked + span span {
  background-image: url("/sites/all/themes/lingua/assets/check-white.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80%;
}

body.is-lingua #user-register .pass-eye1 {
  top: -110px !important;
}

.c-lingua-attack__form label[for=edit-name], .c-lingua-attack__form label[for=edit-mail], .c-lingua-attack__form label[for=edit-pass-pass1], .c-lingua-attack__form label[for=edit-pass-pass2], .c-lingua-attack__form label[for=edit-pass], .c-lingua-attack__form label[for=edit-fname], .c-lingua-attack__form label[for=edit-phone-number] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 240px;
  color: #9B9B9B;
}

.is-tutlogo .c-lingua-attack__form label[for=edit-regcode-code] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 240px;
  color: #9B9B9B;
}

.is-lingua .c-lingua-attack__form--login .form-item-title {
  font-size: 0.8888em;
}
.is-lingua .c-lingua-attack__form--login .user-login-custom {
  margin-top: 0;
  padding: 0;
}
.is-lingua .c-lingua-attack__form--login .user-login-custom #edit-persistent-login-wrapper {
  margin-bottom: 10px !important;
}
.is-lingua .c-lingua-attack__form--login .user-login-custom #edit-persistent-login-wrapper label {
  padding-left: 15px !important;
  color: #4B4B4B !important;
}
.is-lingua .c-lingua-attack__form--login .user-login-custom .form-item input[type=text],
.is-lingua .c-lingua-attack__form--login .user-login-custom .form-item input[type=password] {
  padding: 15px 10px;
}
.is-lingua .c-lingua-attack__form--login #user-login .form-item:last-of-type {
  max-width: 320px !important;
}
.is-lingua .c-lingua-attack__form--login #user-login #link-newpass {
  font-weight: 600;
}
.is-lingua .c-lingua-attack__form--login .form-item input {
  padding-top: 12px !important;
}
.is-lingua .c-lingua-attack__form--login .form-item label {
  font-weight: 400 !important;
}
.is-lingua .c-lingua-attack__form--login .form-item label[for=edit-name],
.is-lingua .c-lingua-attack__form--login .form-item label[for=edit-pass] {
  margin-bottom: -36px !important;
}
.is-lingua .c-lingua-attack__form--login #user-login #edit-persistent-login-wrapper input[type=checkbox] + span {
  margin: -3px 15px 0 0;
}
.is-lingua .c-lingua-attack__form--login #user-login #edit-submit {
  font-weight: 300;
}
.is-lingua .c-lingua-attack__form--login .edit-submit {
  margin-bottom: 40px !important;
}
.is-lingua .c-lingua-attack__form--login .c-section-line {
  margin: 2% 0 2%;
}
.is-lingua .c-lingua-attack__form--login .c-form-text-to-sign-page {
  display: none;
}
@media (min-width: 680px) {
  .is-lingua .c-lingua-attack__form {
    -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
    max-width: 680px;
    padding: 30px 0;
  }
}
.is-lingua .create-account-title {
  color: #4B4B4B;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: center;
}
.is-lingua .create-account-button {
  border-radius: 25px;
  border: 1px solid #4A90E2;
  color: #4A90E2;
  font-size: 14px;
  padding: 5% 10%;
  text-align: center;
  display: block;
}

#user-register #edit-pass-wrapper {
  margin: 25px auto !important;
  position: relative;
}
#user-register #edit-pass-wrapper #showpw1 {
  position: absolute;
  top: 8% !important;
}
#user-register #edit-pass-wrapper #showpw2 {
  position: absolute;
  bottom: 0;
  margin-bottom: 8%;
  top: unset !important;
}
#user-register #edit-pass-pass2-wrapper {
  height: 57px;
}

#user-login .form-text-current label {
  top: -18px !important;
}

#user-login .form-text-current#edit-pass-wrapper label {
  top: 5px !important;
}

.c-lingua-login-register_header-logo {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 16%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  max-width: 680px;
  padding: 3.5% 0;
  width: 100%;
}
.c-lingua-login-register_header-logo img {
  max-width: 230px;
  width: 100%;
}

.c-lingua-attack__form {
  background-color: #FFFFFF;
  border-radius: 16px;
  margin: 0 auto;
  min-height: 730px;
  padding-bottom: 5px;
  width: 100%;
}
.c-lingua-attack__form .title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.24px;
  line-height: 30px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
.c-lingua-attack__form .subtitle {
  color: #9B9B9B;
  font-family: "Open Sans";
  font-size: 10.5pt;
  font-style: italic;
  letter-spacing: -0.13px;
  line-height: 17px;
  padding-bottom: 10px;
}
@media (max-width: 480px) {
  .c-lingua-attack__form .subtitle {
    color: #8B8B8B;
    font-size: 9pt;
    font-style: normal;
    line-height: 18px;
  }
}
.c-lingua-attack__form #sign-in-with-linkedin-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #007AB9;
  border-radius: 20.5px;
  color: #FFFFFF;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Open Sans";
  font-size: 13px;
  font-weight: 400;
  height: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: -0.15px;
  line-height: 18px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  min-width: 240px;
  padding: 0 8px 0 40px;
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.c-lingua-attack__form #sign-in-with-linkedin-container a {
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.15px;
  line-height: 18px;
  text-align: center;
}
.c-lingua-attack__form #sign-in-with-linkedin-container a:hover {
  text-decoration: none;
}
.c-lingua-attack__form #sign-in-with-linkedin-container:before {
  background-color: #006092;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 60%;
  background-image: url("../images/all-icons/linkedin.png");
  border-radius: 50%;
  border-right: 1px solid #364F85;
  bottom: 5px;
  content: " ";
  height: 40px;
  left: 0;
  position: absolute;
  top: 0;
  width: 40px;
}
.c-lingua-attack__form #sign-in-with-linkedin-button {
  cursor: pointer;
}
.c-lingua-attack__form #social-sign-in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.c-lingua-attack__form #social-sign-in:before {
  border-top: 1px solid #E2E2E2;
  bottom: 10px;
  content: " ";
  left: 0;
  position: absolute;
  right: 0;
  z-index: 0;
}
.c-lingua-attack__form #social-sign-in div {
  margin: 0 !important;
}
.c-lingua-attack__form .form-item-title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 13.5pt;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 24px;
  margin: 0;
  text-align: center;
}
.c-lingua-attack__form #user-register #block-fb {
  max-width: 100%;
  padding-right: 20px;
}
.c-lingua-attack__form #user-register #block-fb:before {
  border: none;
}
.c-lingua-attack__form #user-register #block-fb p {
  background: #FFFFFF;
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.15px;
  line-height: 19px;
  margin-right: -35px;
  text-align: center;
  width: 44px;
}
.c-lingua-attack__form #user-register #block-fb a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #3B5998;
  border-radius: 20.5px;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 400;
  height: 36px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: -0.14px;
  line-height: 17px;
  margin: 0 auto 20px;
  max-width: 250px;
  min-width: 218px;
  padding: 0 20px 0 48px;
  width: 100%;
}
.c-lingua-attack__form #user-register #block-fb a:before {
  background-color: #26427D;
  background-position: center;
  background-size: 60%;
  border-radius: 50%;
  bottom: 5px;
  height: 35px;
  left: 0;
  top: 0;
  width: 35px;
}
.c-lingua-attack__form #user-register #social-sign-in + .form-item {
  padding-bottom: 0;
}
.c-lingua-attack__form #user-register .fill_all {
  color: #9B9B9B;
  font-family: "Open Sans";
  font-size: 10.5pt;
  font-style: italic;
  letter-spacing: -0.13px;
  line-height: 17px;
  text-align: center;
  display: block;
}
@media (max-width: 480px) {
  .c-lingua-attack__form #user-register .fill_all {
    color: #8B8B8B;
    font-size: 9pt;
    font-style: normal;
    line-height: 18px;
  }
}
.c-lingua-attack__form #user-register .form-item input[type=text],
.c-lingua-attack__form #user-register .form-item input[type=password],
.c-lingua-attack__form #user-register .form-item select {
  background-color: #FFFFFF;
  border-radius: 4px;
  height: 40px;
  max-width: 240px;
  width: 100%;
}
.c-lingua-attack__form #user-register .form-item input[type=text]:focus,
.c-lingua-attack__form #user-register .form-item input[type=password]:focus,
.c-lingua-attack__form #user-register .form-item select:focus {
  border: 1px solid #4A90E2 !important;
}
.c-lingua-attack__form #user-register .form-item #edit-name {
  margin-bottom: 0;
}
.c-lingua-attack__form #user-register .form-item #edit-mail {
  margin: 25px auto 0;
}
.c-lingua-attack__form #user-register .form-item.form-text-error label {
  color: #EF7C8E !important;
  top: -17px !important;
}
.c-lingua-attack__form #user-register .form-item.form-text-error#edit-mail-wrapper label {
  top: 8px !important;
}
.c-lingua-attack__form #user-register #edit-name-wrapper label,
.c-lingua-attack__form #user-register #edit-mail-wrapper label,
.c-lingua-attack__form #user-register #edit-pass-wrapper label,
.c-lingua-attack__form #user-register #edit-pass-pass1-wrapper label,
.c-lingua-attack__form #user-register #edit-pass-pass2-wrapper label {
  bottom: 66px;
  font-family: "Open Sans";
  font-size: 11px;
  letter-spacing: -0.12px;
  line-height: 15px;
  margin-bottom: -28px;
  padding-left: 35px;
}
.c-lingua-attack__form #user-register #edit-mail-wrapper label.focused {
  overflow: visible;
  top: 8px;
}
.c-lingua-attack__form #user-register #edit-mail-wrapper.form-text-error label {
  overflow: visible;
}
.c-lingua-attack__form #user-register #edit-name-wrapper label {
  bottom: 42px;
}
.c-lingua-attack__form #user-register #edit-name-wrapper label.focused {
  top: -18px;
}
.c-lingua-attack__form #user-register #edit-pass-wrapper #edit-pass-pass1-wrapper label {
  top: 17px;
}
.c-lingua-attack__form #user-register #edit-pass-wrapper #edit-pass-pass1-wrapper label.focused {
  top: -15px;
}
.c-lingua-attack__form #user-register #edit-pass-wrapper #edit-pass-pass1-wrapper.form-text-error label {
  bottom: 0;
  top: -17px !important;
}
.c-lingua-attack__form #user-register #edit-pass-wrapper [for=edit-pass-pass2].focused {
  top: -15px;
}
.c-lingua-attack__form #user-register label.focused {
  color: #A6A6A6 !important;
  font-family: "Open Sans";
  font-size: 9pt !important;
  letter-spacing: -0.12px;
  line-height: 15px;
  padding-left: 25px !important;
}
.c-lingua-attack__form #user-register label.c-form-text-passed__not-focused {
  color: #4A90E2 !important;
}
.c-lingua-attack__form #user-register #edit-name-wrapper.form-text-error:after {
  top: 15px;
}
.c-lingua-attack__form #user-register #edit-mail-wrapper.form-text-error:after {
  top: 40px;
}
.c-lingua-attack__form #user-register #edit-pass-pass1-wrapper.form-text-error:after,
.c-lingua-attack__form #user-register #edit-pass-pass2-wrapper.form-text-error:after {
  top: 20%;
}
.c-lingua-attack__form #user-register #edit-pass-pass1-wrapper input,
.c-lingua-attack__form #user-register #edit-pass-pass2-wrapper input {
  margin-bottom: 0;
}
.c-lingua-attack__form #user-register #edit-pass-pass2-wrapper {
  margin-top: 25px;
}
.c-lingua-attack__form #user-register #edit-pass-pass2-wrapper [for=edit-pass-pass2] {
  bottom: 56px !important;
}
.c-lingua-attack__form #user-register #edit-pass-pass2-wrapper.form-text-passed:after {
  bottom: 30px !important;
}
.c-lingua-attack__form #user-register .pass-eye1,
.c-lingua-attack__form #user-register .pass-eye2 {
  height: 20px;
  right: 25px;
  width: 20px;
}
.c-lingua-attack__form #user-register .terms_wrapper .form-item {
  margin: 0 auto !important;
  max-width: 274px !important;
  width: 100%;
}
.c-lingua-attack__form #user-register .edit-subscribe-newsletter-wrapper a {
  color: #4A90E2;
}
.c-lingua-attack__form #user-register .edit-subscribe-newsletter-wrapper input[type=checkbox] {
  display: block;
  height: 15px !important;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 15px !important;
}
.c-lingua-attack__form #user-register .form-submit {
  background-color: #4A90E2;
  border-radius: 25px;
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 11.25pt;
  letter-spacing: -0.15px;
  line-height: 19px;
  margin-top: 20px !important;
  max-width: 274px !important;
  min-width: 235px;
  padding: 15px;
  text-align: center;
  width: 100% !important;
  min-height: 50px;
}
.c-lingua-attack__form #user-login .span-error,
.c-lingua-attack__form #user-register .span-error {
  color: #EF7C8E;
  font-family: "Open Sans";
  font-size: 9pt;
  letter-spacing: -0.12px;
  line-height: 15px;
  padding-left: 12px;
}
.c-lingua-attack__form #edit-pass-pass1:focus label {
  bottom: 100px !important;
  color: #4A90E2 !important;
  padding-left: 90px !important;
}
.c-lingua-attack__form #edit-pass-wrapper #edit-pass-pass2-wrapper label[for=edit-pass-pass2].focused {
  margin: 0;
}
.c-lingua-attack__form .edit-subscribe-newsletter-wrapper {
  margin: 0 auto !important;
  max-width: 274px !important;
  width: 100%;
}
.c-lingua-attack__form .edit-subscribe-newsletter-wrapper label.option {
  color: #A6A6A6;
  display: inline-block;
  font-family: "Open Sans";
  font-size: 9.75pt;
  letter-spacing: -0.14px;
  line-height: 18px;
  padding-left: 3.3rem;
  position: relative;
}
.c-lingua-attack__form .edit-subscribe-newsletter-wrapper input[type=checkbox] + span {
  background-color: #FFFFFF;
  height: 16px;
  margin: 2px 10px 0 -2.8rem;
  position: absolute;
  width: 15px;
  left: 25px;
}
.c-lingua-attack__form .edit-subscribe-newsletter-wrapper input[type=checkbox] + span span {
  border-radius: 3px;
  border: 1px solid #CDCECF;
  height: 16px;
  margin: 0;
  width: 15px;
}
.c-lingua-attack__form .edit-subscribe-newsletter-wrapper input[type=checkbox]:checked + span span {
  background-color: #4A90E2;
  border: none;
}
.c-lingua-attack__form .edit-subscribe-newsletter-wrapper .form-text-error span span {
  border-color: #EE5555 !important;
}
.c-lingua-attack__form .terms_use {
  color: #A6A6A6;
  font-family: "Open Sans";
  font-size: 11px;
  letter-spacing: -0.12px;
  line-height: 15px;
}
.c-lingua-attack__form .terms_use a {
  color: #4A90E2 !important;
  text-decoration: none;
}
.c-lingua-attack__form .verify_account_details {
  background-color: #EF7C8E;
  border-radius: 2px;
  color: #FFFFFF;
  display: none;
  font-family: "Open Sans";
  font-size: 11px;
  letter-spacing: -0.12px;
  line-height: 15px;
  margin: 15px 0;
  padding: 5px;
  width: 207px;
}
.c-lingua-attack__form .mention-error {
  color: #E76B6B;
}
.c-lingua-attack__form input {
  color: #4B4B4B;
  caret-color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
  max-width: 240px;
  width: 100%;
  height: 40px;
}

.is-qioz .c-lingua-attack__form #social-sign-in {
  display: block;
}
.is-qioz .c-lingua-attack__form #social-sign-in div {
  margin: 0 auto 15px !important;
}
.is-qioz .c-lingua-attack__form #user-register #block-fb p {
  margin: 0 auto;
}
.is-qioz .c-lingua-attack__form--login #user-login #block-fb p {
  margin: 0 auto;
}

.page-forgot-password #user-pass .span-error {
  color: #EF7C8E;
  font-family: "Open Sans";
  font-size: 9pt;
  letter-spacing: -0.12px;
  line-height: 15px;
  padding-left: 0;
}

/* Hide steps for page login */
.page-login .c-steps-container,
.page-forgot-password .c-steps-container {
  display: none;
}
.page-login .container,
.page-forgot-password .container {
  height: 91vh;
}
.page-login .main-navbar__title,
.page-forgot-password .main-navbar__title {
  color: #2F3136;
}

/* Forger password customization for lingua/qioz */
.is-lingua.page-forgot-password #user-pass,
.is-qioz.page-forgot-password #user-pass {
  background-color: #FFFFFF;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 50px;
  margin: 0 auto;
  min-height: unset;
  padding: 50px 0;
  position: relative;
  width: 100%;
}
@media (min-width: 680px) {
  .is-lingua.page-forgot-password #user-pass,
  .is-qioz.page-forgot-password #user-pass {
    max-width: 680px;
    -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  }
}
.is-lingua.page-forgot-password #user-pass div:first-of-type,
.is-qioz.page-forgot-password #user-pass div:first-of-type {
  max-width: 305px;
}
.is-lingua.page-forgot-password #user-pass h3,
.is-qioz.page-forgot-password #user-pass h3 {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 15pt;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 24px;
  text-align: center;
  width: inherit;
}
.is-lingua.page-forgot-password #user-pass p,
.is-qioz.page-forgot-password #user-pass p {
  color: #9B9B9B;
  font-family: "Open Sans";
  font-size: 10.5pt;
  font-style: italic;
  letter-spacing: -0.13px;
  line-height: 17px;
  margin-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  width: inherit;
}
.is-lingua.page-forgot-password #user-pass .return-to-login a,
.is-qioz.page-forgot-password #user-pass .return-to-login a {
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 9.75pt;
  font-weight: 400;
  letter-spacing: -0.12px;
  line-height: 15px;
  padding-bottom: 10px;
}
.is-lingua.page-forgot-password #user-pass #edit-name,
.is-qioz.page-forgot-password #user-pass #edit-name {
  background-color: #FFFFFF;
  border-radius: 4px;
  font-family: "Open Sans";
  font-size: 10.5pt;
  height: 40px;
  letter-spacing: -0.13px;
  line-height: 17px;
  margin: 0;
  max-width: 240px !important;
  width: 100% !important;
  padding: 0 0 0 15px;
  -webkit-appearance: none;
}
.is-lingua.page-forgot-password #user-pass #edit-name.focus-visible ~ label,
.is-qioz.page-forgot-password #user-pass #edit-name.focus-visible ~ label {
  color: #4A90E2;
}
.is-lingua.page-forgot-password #user-pass #edit-name:focus,
.is-qioz.page-forgot-password #user-pass #edit-name:focus {
  border-color: #4A90E2 !important;
}
.is-lingua.page-forgot-password #user-pass #edit-name-wrapper,
.is-qioz.page-forgot-password #user-pass #edit-name-wrapper {
  margin-bottom: 20px;
  max-width: 240px !important;
}
.is-lingua.page-forgot-password #user-pass label,
.is-qioz.page-forgot-password #user-pass label {
  color: #9B9B9B;
  font-family: "Open Sans";
  font-size: 11.25pt;
  letter-spacing: -0.12px;
  line-height: normal;
  padding-left: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  bottom: 30px;
  margin: 0;
}
.is-lingua.page-forgot-password #user-pass label.focused,
.is-qioz.page-forgot-password #user-pass label.focused {
  bottom: 60px;
  padding-left: 0;
  font-size: 9pt;
  white-space: normal;
}
.is-lingua.page-forgot-password #user-pass #edit-submit,
.is-qioz.page-forgot-password #user-pass #edit-submit {
  background-color: #4A90E2;
  border-radius: 25px;
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 11.25pt;
  letter-spacing: -0.15px;
  line-height: 19px;
  margin: 0 auto;
  max-width: 235px;
  min-width: unset;
  padding: 15px;
  text-align: center;
  width: 100%;
}
.is-lingua.page-forgot-password #user-pass .return-to-login,
.is-qioz.page-forgot-password #user-pass .return-to-login {
  max-width: 305px;
}

@media screen and (max-width: 991px) {
  .is-tutlogo.page-forgot-password #user-pass {
    margin-top: 70px;
  }
}

#user-pass-reset {
  background-color: #FFFFFF;
  border-radius: 16px;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 50px auto 0;
  max-width: 680px;
  min-height: unset;
  padding: 50px 20px 40px;
  width: 100%;
}
#user-pass-reset p {
  color: #A6A6A6;
  font-size: 14px;
  font-weight: 400;
}
#user-pass-reset #edit-submit {
  background-color: #4A90E2;
  border-radius: 25px;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Open Sans";
  font-size: 14px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  min-width: 200px;
  padding: 15px;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.c-lingua-attack__form--login {
  min-height: unset;
  padding-bottom: 50px;
}
.c-lingua-attack__form--login .user-login-custom {
  padding-top: 2px;
}
.c-lingua-attack__form--login .user-login-custom #block-fb + .form-item {
  margin-bottom: 40px !important;
}
.c-lingua-attack__form--login .user-login-custom #social-sign-in #sign-in-with-linkedin-container {
  margin-bottom: 26px !important;
}
.c-lingua-attack__form--login .user-login-custom .form-item-title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.17px;
  line-height: 22px;
  text-align: center;
  padding: 5px 0 30px 0;
}
@media (max-width: 480px) {
  .c-lingua-attack__form--login .user-login-custom .form-item-title {
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.16px;
  }
}
.c-lingua-attack__form--login .user-login-custom .form-text-error:after {
  content: " " !important;
  background-image: url("../images/icons/warning.svg");
  background-size: 5px 15px;
  height: 18px;
  width: 18px;
  background-repeat: no-repeat;
  background-position: center;
  right: -5px;
}
.c-lingua-attack__form--login .user-login-custom .form-text-passed:after {
  content: " " !important;
  background-image: url("../images/icons/check-reg-qioz.svg");
  background-size: 11px 20px;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-position: center;
  right: -5px;
}
.c-lingua-attack__form--login .user-login-custom #edit-pass-wrapper {
  padding-top: 10px;
}
.c-lingua-attack__form--login .form-item {
  max-width: 235px !important;
}
.c-lingua-attack__form--login .form-item input {
  background-color: #FFFFFF;
  border-radius: 4px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 40px 10px 10px !important;
}
.c-lingua-attack__form--login .form-item input.focus-visible ~ label {
  color: #4A90E2 !important;
  font-weight: 500 !important;
}
.c-lingua-attack__form--login .form-item input:focus {
  border: 1px solid #4A90E2 !important;
}
.c-lingua-attack__form--login .form-item label {
  font-family: "Open Sans";
  font-size: 10.5pt;
  letter-spacing: -0.14px;
  line-height: 18px;
  padding-left: 25px;
}
.c-lingua-attack__form--login .form-item label.option {
  color: #A6A6A6;
  font-size: 9.75pt;
  padding-left: 12px;
}
.c-lingua-attack__form--login #user-login #edit-name-wrapper label {
  top: 12px;
}
.c-lingua-attack__form--login #user-login #edit-name-wrapper label.focused {
  top: -18px;
  white-space: nowrap;
}
.c-lingua-attack__form--login #user-login #edit-name-wrapper.form-text-passed:after {
  bottom: 12px;
}
.c-lingua-attack__form--login #user-login #edit-name-wrapper.form-text-error:after {
  top: 10.5px;
}
.c-lingua-attack__form--login #user-login #edit-pass-wrapper label {
  top: 42px;
}
.c-lingua-attack__form--login #user-login #edit-pass-wrapper label.focused {
  top: 13px;
}
.c-lingua-attack__form--login #user-login #edit-pass-wrapper.form-text-error:after {
  top: 38px;
}
.c-lingua-attack__form--login #user-login label[for=edit-name].focused, .c-lingua-attack__form--login #user-login label[for=edit-name].moved, .c-lingua-attack__form--login #user-login label[for=edit-pass].focused, .c-lingua-attack__form--login #user-login label[for=edit-pass].moved {
  font-size: 9pt;
  padding-left: 12px;
}
.c-lingua-attack__form--login #user-login #edit-persistent-login-wrapper input[type=checkbox] {
  display: block;
  height: 15px !important;
  left: 27px;
  opacity: 0;
  position: absolute;
  top: 3px;
  width: 15px !important;
}
.c-lingua-attack__form--login #user-login #edit-persistent-login-wrapper input[type=checkbox] + span {
  background-color: #FFFFFF;
  height: 26px;
  margin: -5px 10px 0 0;
  width: 26px;
}
.c-lingua-attack__form--login #user-login #edit-persistent-login-wrapper input[type=checkbox] + span span {
  border-radius: 3px;
  border: 1px solid #CDCECF;
  height: 26px;
  margin: 0;
  width: 26px;
}
.c-lingua-attack__form--login #user-login #edit-persistent-login-wrapper input[type=checkbox]:checked + span span {
  background-color: #4A90E2;
  border: none;
}
.c-lingua-attack__form--login #user-login .item-new-pass {
  margin: 0 auto;
  max-width: 235px;
  padding-bottom: 10px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 480px) {
  .c-lingua-attack__form--login #user-login .item-new-pass {
    padding-bottom: 3px;
  }
}
.c-lingua-attack__form--login #user-login #link-newpass {
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 9.75pt;
  letter-spacing: -0.12px;
  line-height: 15px;
  padding-bottom: 10px;
}
.c-lingua-attack__form--login #user-login #edit-submit {
  background-color: #4A90E2;
  border-radius: 25px;
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 11.25pt;
  letter-spacing: -0.15px;
  line-height: 19px;
  max-width: 235px !important;
  min-width: unset;
  padding: 10px 15px;
  text-align: center;
  width: 100%;
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
@media (max-width: 480px) {
  .c-lingua-attack__form--login #user-login #edit-submit {
    margin-top: 20px !important;
    margin-bottom: 23px !important;
  }
}
.c-lingua-attack__form--login #user-login .form-item:last-of-type {
  color: #A6A6A6;
  font-family: "Open Sans";
  font-size: 11px;
  letter-spacing: -0.12px;
  line-height: 15px;
}
.c-lingua-attack__form--login #user-login .form-item:last-of-type a {
  color: #4A90E2;
}
@media (max-width: 480px) {
  .c-lingua-attack__form--login #user-login .form-item:last-of-type a {
    font-size: 13px !important;
    font-weight: 600;
    line-height: 17px !important;
    letter-spacing: -0.14px !important;
  }
}
.c-lingua-attack__form--login #user-login .wrong-details {
  background: transparent;
  border-radius: 25px;
  border: none;
  color: #EF7C8E;
  font-family: "Open Sans";
  font-size: 13px;
  letter-spacing: -0.14px;
  line-height: 18px;
  text-align: center;
  font-weight: 400;
  display: none;
  margin: 0 auto -22px;
  padding: 10px 0;
  max-width: 260px;
  width: 100%;
}
.c-lingua-attack__form--login #user-login .check-again.shown {
  background: transparent;
  border-radius: 25px;
  border: none;
  color: #EB7070;
  font-size: 9.75pt;
  letter-spacing: -0.15px;
  line-height: 16px;
  margin: 0 auto 10px;
  padding: 10px 0;
  text-align: center;
  width: 60%;
}
.c-lingua-attack__form--login #user-login #block-fb {
  max-width: 100%;
  padding-right: 20px;
}
.c-lingua-attack__form--login #user-login #block-fb:before {
  left: 0;
  right: 0;
}
.c-lingua-attack__form--login #user-login #block-fb a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #3B5998;
  border-radius: 20.5px;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 400;
  height: 36px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: -0.14px;
  line-height: 17px;
  margin: 0 auto 20px;
  max-width: 250px;
  min-width: 218px;
  padding: 0 0 0 20px;
  width: 100%;
}
.c-lingua-attack__form--login #user-login #block-fb a:before {
  background-color: #26427D;
  background-position: center;
  background-size: 60%;
  border-radius: 50%;
  bottom: 5px;
  height: 35px;
  left: 0;
  top: 0;
  width: 35px;
}
.c-lingua-attack__form--login #user-login #block-fb p {
  background: #FFFFFF;
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.15px;
  line-height: 19px;
  margin-right: -35px;
  text-align: center;
  width: 44px;
}
.c-lingua-attack__form--login #user-login #block-fb + .form-item {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 24px;
  text-align: center;
}
.c-lingua-attack__form--login #user-login #edit-name-wrapper #edit-name {
  margin-bottom: 0;
}
.c-lingua-attack__form--login #user-login #edit-pass-wrapper #edit-pass {
  margin: 20px auto;
  margin-bottom: 10px;
}

/* Tablet Landscape mode */
@media (max-device-width: 1280px) and (orientation: landscape) {
  .c-lingua-attack__form--login #user-login #edit-name-wrapper .form-text-error:after {
    top: 12px;
  }
  .c-lingua-attack__form--login #user-login #edit-name-wrapper .form-text-passed:after {
    bottom: 14px;
  }
}
@media (min-width: 600px) and (max-width: 768px) {
  .c-lingua-attack__form #user-register label.focused {
    padding-left: 20px !important;
  }
}
@media (max-width: 600px) {
  .is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-pass1-wrapper {
    height: unset !important;
  }
  .is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-pass2-wrapper {
    margin-top: 30px !important;
  }
}
@media (min-width: 400px) and (max-width: 768px) {
  .c-lingua-attack__form--login #user-login #edit-name-wrapper label.focused {
    top: -18px;
  }
  .c-lingua-attack__form--login .form-item-title {
    max-width: 320px;
    margin: 0 auto;
    padding-bottom: 30px !important;
  }
  .page-user-login-register #page-content > .container .form-item {
    margin: 0 auto;
  }
  .c-lingua-attack__form #user-register #edit-name-wrapper label.focused,
  .c-lingua-attack__form #user-register #edit-pass-wrapper #edit-pass-pass1-wrapper label.focused,
  .c-lingua-attack__form #user-register #edit-pass-wrapper [for=edit-pass-pass2].focused {
    top: -18px;
  }
  .c-lingua-attack__form #user-register .form-item.form-text-error#edit-mail-wrapper label {
    top: 6px !important;
  }
  .c-lingua-attack__form #user-register .span-error {
    padding-top: 1px;
  }
  .c-lingua-attack__form .edit-subscribe-newsletter-wrapper {
    max-width: 320px !important;
  }
  .js-requirement1 {
    font-size: 11px;
  }
  #edit-pass-pass1-wrapper .tooltip {
    max-width: 320px !important;
  }
  #edit-pass-pass1-wrapper .tooltip .tooltip-inner p,
  #edit-pass-pass1-wrapper .tooltip .tooltip-inner ul li {
    font-size: 12px !important;
  }
}
@media (max-width: 599px) {
  .c-lingua-attack__form #user-register label.focused {
    padding-left: 15px !important;
  }
}
@media (max-width: 600px) {
  .c-lingua-attack__form--login {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .c-lingua-attack__form .captcha:not(:root:root) .form-item:not(:root:root) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .c-lingua-attack__form .title {
    font-size: 18px;
    margin: 0;
    padding-top: 20px;
  }
  .c-lingua-attack__form #user-register .form-submit {
    margin-bottom: 10px !important;
  }
  .c-lingua-attack__form #user-register #edit-pass-wrapper #edit-pass-pass1-wrapper label.focused {
    bottom: 0 !important;
    top: -15px !important;
  }
  .c-lingua-attack__form #user-register #edit-pass-wrapper #edit-pass-pass1-wrapper label.focused.c-label-not-empty-input {
    bottom: 0px !important;
  }
  #block-fb {
    padding-right: 0 !important;
  }
  #block-fb p {
    margin: 0 auto !important;
  }
  #social-sign-in {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  #social-sign-in #sign-in-with-linkedin-container {
    margin: 8px auto !important;
  }
  .page-user-login-register #edit-pass-wrapper #edit-pass-pass1-wrapper label.focused {
    bottom: 150px !important;
  }
  /* Mobile style for login/register on Qioz and Lingua - see #9409 */
  .c-lingua-attack__form--login #user-login #edit-name-wrapper.form-text-error:after {
    top: 10px;
  }
  .c-lingua-attack__form--login #user-login #edit-name-wrapper.form-text-passed:after {
    bottom: 13px;
  }
  /* Validation icons for login/register form - see #9409 */
  ._lingua-page-user-login-register .c-lingua-attack__form #user-register div.form-item.form-text-passed:after,
  ._lingua-page-user-login-register .c-lingua-attack__form #user-login div.form-item.form-text-passed:after {
    background-size: contain;
    right: -10px;
  }
  ._lingua-page-user-login-register .c-lingua-attack__form #user-register div.form-item.form-text-error:after,
  ._lingua-page-user-login-register .c-lingua-attack__form #user-login div.form-item.form-text-error:after {
    height: 23px;
    background-size: contain;
  }
}
@media (max-width: 360px) {
  .c-lingua-attack__form--login #user-login .wrong-details {
    font-size: 11px;
    max-width: 235px;
    width: 100%;
  }
}
/* LA login language selector */
@media (max-width: 600px) {
  .is-lingua .la-login {
    background-color: #f9f9f9;
    padding: 0;
    margin-bottom: 30px;
  }
}
.is-lingua .la-login .la-header-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 2.1;
      -ms-flex: 2.1;
          flex: 2.1;
}
@media (max-width: 820px) {
  .is-lingua .la-login .la-header-logo img {
    max-width: 210px;
  }
}
.is-lingua .la-login .la-header-langauge-select {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 10px;
}
@media (max-width: 820px) {
  .is-lingua .la-login .la-header-langauge-select {
    margin: 0 10px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .is-lingua .la-login .la-header-langauge-select .ls-language-selector:after {
    content: none;
  }
}
@media (max-width: 679px) {
  .is-lingua .la-login .la-header-langauge-select {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media (max-width: 480px) {
  .is-lingua .la-login .la-header-langauge-select {
    margin-right: 0;
    padding-right: 0;
  }
}
.is-lingua .la-login .la-header-langauge-select .ls-language-select-list {
  right: 0;
  top: 40px;
  left: -43%;
}
@media (max-width: 920px) {
  .is-lingua .la-login .la-header-langauge-select .ls-language-select-list {
    height: auto !important;
    top: 53px;
  }
}
@media (max-width: 820px) {
  .is-lingua .la-login .la-header-langauge-select .ls-language-select-list {
    top: 57px;
    left: -61px;
  }
}
@media (max-width: 415px) {
  .is-lingua .la-login .la-header-langauge-select .ls-language-select-list {
    min-width: 140px;
  }
  .is-lingua .la-login .la-header-langauge-select .ls-language-select-list:after, .is-lingua .la-login .la-header-langauge-select .ls-language-select-list:before {
    left: 57%;
  }
}
.is-lingua .la-login .la-header-langauge-select .ls-language-container {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 400px) {
  .is-lingua .c-login-register-logout-header .la-header-logo {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
@media (max-width: 400px) {
  .is-lingua .c-login-register-logout-header .la-header-langauge-select #language-container {
    width: auto;
  }
}
@media (max-width: 480px) {
  .is-lingua .c-login-register-logout-header .la-header-langauge-select {
    margin-right: 10px;
  }
}

.is-lingua.logged-in .la-login .la-header-logo {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 400px) {
  .is-lingua.logged-in .la-login .la-header-logo {
    -webkit-box-flex: 2.1;
        -ms-flex: 2.1;
            flex: 2.1;
  }
}

.is-andjoys .c-exp-code-header.c-login-register-logout-header,
.is-tutlogo .c-exp-code-header.c-login-register-logout-header {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 10px;
  padding-right: 10px;
}
.is-andjoys .c-exp-code-header.c-login-register-logout-header .la-header-logo img,
.is-tutlogo .c-exp-code-header.c-login-register-logout-header .la-header-logo img {
  max-width: 190px;
}

/* move language select dropdown a few px to the right on mobile devices */
@media (pointer: coarse) {
  .is-lingua .la-login .la-header-langauge-select .ls-language-select-list {
    left: -49.5px;
  }
}
@media (min-width: 481px) and (max-width: 800px) {
  .is-lingua .la-login .la-header-langauge-select .ls-language-select-list:before, .is-lingua .la-login .la-header-langauge-select .ls-language-select-list:after {
    left: 77%;
  }
}
@media (max-width: 480px) {
  .is-lingua .la-login .la-header-langauge-select .ls-language-select-list:before, .is-lingua .la-login .la-header-langauge-select .ls-language-select-list:after {
    left: 88%;
  }
}
@media (min-width: 481px) and (max-width: 800px) {
  .is-lingua .la-login .la-header-langauge-select .ls-language-select-list {
    left: -103px;
  }
}
@media (max-width: 480px) {
  .is-lingua .la-login .la-header-langauge-select .ls-language-select-list {
    left: -125px;
  }
}

@-moz-document url-prefix() {
  .is-lingua .la-login .la-header-langauge-select .ls-language-select-list {
    left: -38.5%;
  }
  @media (max-width: 820px) {
    .is-lingua .la-login .la-header-langauge-select .ls-language-select-list {
      left: -59px;
    }
  }
}
.c-delete-input-text {
  background-image: url("/sites/all/themes/lingua/assets/delete-icon.svg");
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  height: 18px;
  width: 18px;
  border: none;
  padding: 0;
  position: absolute;
  top: 11px;
  right: 23px;
}

.is-lingua .c-back-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 10px;
}
.is-lingua .c-back-button__image {
  background-color: #F2F2F2;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 10px;
}
.is-lingua .c-back-button__text {
  color: #4B4B4B;
  font-size: 14px;
  font-weight: 600;
}
@media (max-width: 600px) {
  .is-lingua .c-back-button__text {
    display: none;
  }
}
.is-lingua .c-back-button__image .c-back-button-caret {
  margin-top: 0px;
  margin-left: 3px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  border-right: 2px solid;
  border-bottom: 2px solid;
  color: #262e31;
}
.is-lingua .c-back-button__image .c-back-button-caret::before {
  content: "";
}

.c-learning-act__container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 700px;
}
@media (max-width: 991px) {
  .c-learning-act__container {
    margin: 15px auto 0;
  }
}
@media (max-width: 900px) {
  .c-learning-act__container {
    max-width: 680px;
  }
}
@media (max-width: 767px) {
  .c-learning-act__container {
    max-width: 100%;
  }
}
.c-learning-act__container .c-learning-act__title {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}

.c-chart-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 10px;
  width: 100%;
}

.nav-tabs > li {
  float: none;
}
.nav-tabs > li a {
  border: none;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  background: transparent !important;
}

.c-chart-header__col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.c-learning-act__chart {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #2A2C30;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 5px 0 0 5px;
}
.c-learning-act__chart canvas {
  width: 100% !important;
  margin-top: 25px;
}
.c-learning-act__details {
  background-color: #2F3136;
  padding: 30px 0 30px 40px;
  border-radius: 0 5px 5px 0;
}
.c-learning-act__details-lb {
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 11px;
  letter-spacing: -0.08px;
  line-height: 20px;
}
.c-learning-act__details-lb-nr {
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 26px;
  font-weight: 600;
  letter-spacing: -0.07px;
  line-height: 15px;
}
.c-learning-act__details-list-title {
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.14px;
  line-height: 18px;
  padding-top: 10px;
  margin-bottom: 0;
}
.c-learning-act__details-border {
  border-top: 1px solid #26282B;
  width: 90%;
}
.c-learning-act__details-items {
  padding-left: 15px;
}
.c-learning-act__details-list-item {
  color: #C4C4C4;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.09px;
  line-height: 19px;
}
.c-learning-act__details-list-item a {
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.07px;
  line-height: 19px;
}
.c-learning-act__char-img {
  width: 100%;
}
.c-learning-act__nav-link {
  border: 0;
}
.c-learning-act__nav-link:hover, .c-learning-act__nav-link:focus {
  background: none !important;
  border: 0;
}
.c-learning-act__nav-item {
  margin-left: 5px;
}
.c-learning-act__nav-item.active .c-learning-act__nav-link {
  border-bottom: 1px solid #FF46AC !important;
  border: 0 !important;
  color: #FF46AC !important;
  font-size: 13px;
  letter-spacing: -0.1px;
  line-height: 18px;
}
.c-learning-act__nav-link {
  color: #9B9B9B;
  font-size: 13px;
  letter-spacing: -0.1px;
  line-height: 18px;
}
.c-learning-act__nav-link:hover {
  background-color: transparent !important;
}
.c-learning-act__nav-tabs {
  border-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
.c-learning-act__nav-tabs li > a#home-tab {
  color: #9B9B9B;
  font-family: "Open Sans";
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.1px;
  line-height: 18px;
  padding: 5px 0;
}
.c-learning-act__nav-tabs li > a#profile-tab {
  color: #9B9B9B;
  font-family: "Open Sans";
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.1px;
  line-height: 18px;
  padding: 5px 10px 5px 0;
}
.c-learning-act__title {
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.17px;
  line-height: 22px;
  margin: 0 auto;
  padding-left: 20px;
}

.is-andjoys .c-learning-act__details-border {
  border-top: 1px solid #aac939;
}

.c-learning-act__col-left .tab-content {
  width: 90%;
}

.u-color-blue {
  color: #4A90E2;
}

.results-panel .c-student-result__chart {
  background-color: #F9F9F9;
}
.results-panel .c-student-result__chart canvas {
  margin-top: 15px;
  margin-bottom: 10px;
}
.results-panel .c-student-result__chart .c-learning-act__col-left {
  background-color: #fff;
}
.results-panel .c-student-result__chart .c-learning-act__details-lb-nr, .results-panel .c-student-result__chart .c-learning-act__details-lb {
  color: #4B4B4B;
}

.c-student-learning-section,
.c-student-quick-access,
.c-student-teacher-assignments {
  height: 300px;
  max-height: 300px !important;
}

.c-assignment-mission {
  position: relative;
}

@media (min-width: 992px) {
  .c-student-learning-section {
    margin-bottom: 10px;
  }
}

@media (min-width: 600px) {
  .c-learning-act__col-left {
    padding-right: 0;
    padding-left: 10px;
  }
  .c-learning-act__col-right {
    padding-left: 0;
  }
  .c-learning-act__details {
    background-color: #2F3136;
    border-left: 0;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
    min-height: 260px;
    padding: 17px 0 0 20px;
  }
  .c-learning-act__chart {
    min-height: 276px;
  }
}
@media (max-width: 1400px) {
  .c-learning-act__container .c-learning-act__col-right {
    -ms-flex: 1;
    -webkit-box-flex: 1;
            flex: 1;
  }
  .c-learning-act__container .c-learning-act__col-left {
    -ms-flex: 1;
  }
}
@media (min-width: 900px) and (max-width: 1175px) {
  .c-learning-act__chart,
  .c-learning-act__details {
    min-height: 300px; /* adjusted learning activity blocks */
  }
}
@media (min-width: 600px) and (max-width: 900px) {
  .c-learning-act__col-right {
    padding-right: 0;
    padding-left: 0;
  }
  .c-learning-act__col-left {
    padding-left: 0;
    padding-right: 0;
  }
  .c-learning-act__chart,
  .c-learning-act__details {
    min-height: 320px; /* adjusted learning activity blocks */
  }
}
@media (min-width: 900px) {
  .c-learning-act__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (max-width: 767px) {
  .c-learning-act__chart {
    min-height: unset !important;
    border-radius: 5px 5px 0 0;
  }
  .c-learning-act__details {
    border-radius: 0 0 5px 5px;
  }
}
@media (max-width: 600px) {
  .c-learning-act__container .col-lg-12 {
    padding: 0;
  }
  .c-learning-act__col-left, .c-learning-act__col-right {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 450px) {
  .c-learning-act__title {
    font-size: 14px;
  }
  .c-chart-header {
    padding-top: 10px;
  }
}
@media (max-width: 380px) {
  .c-learning-act__nav-tabs {
    display: grid;
  }
  .c-learning-act__nav-tabs li > a#profile-tab {
    padding-left: 0;
  }
}
@supports (-moz-appearance: none) {
  .c-learning-act__container {
    margin-bottom: 10px;
  }
}
@media (max-width: 1920px) {
  .c-learning-act__nav-link {
    padding-right: 10px !important;
  }
}
@media (max-width: 1350px) {
  .c-learning-act__nav-link {
    font-size: 11px !important;
  }
  .c-learning-act__title {
    font-size: 12px;
    margin: 0;
    padding-left: 10px;
  }
}
#learning-streak {
  margin-left: -16px;
}

#logged-in-time {
  color: #000000;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.09px;
  line-height: 19px;
}

/* homepage, learning panel - if there are no assignments text style */
p.placeholder-text {
  color: #000000;
  padding: 20px;
  font-size: 15px;
}

.js-learning-activity-col-right > * {
  display: none;
}

.c-category-slider__container {
  background-color: #FFFFFF;
  overflow: visible;
  padding: 0 0 20px 0;
  position: relative;
  min-height: 400px;
}

.c-category-slider__header-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left;
  margin-left: 40px;
}

.c-category-slider__header-title {
  display: block;
}

.c-category-slider__header-icon-empty {
  margin-left: 30px;
}

.c-category-slider__content {
  margin-bottom: 10px;
  padding: 20px 0;
  position: relative;
}

.c-category-slider__title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.21px;
  line-height: 27px;
  margin-bottom: 0;
  padding-top: 10px;
}

.c-category-slider__subtile {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 13px;
  font-weight: 400;
  letter-spacing: -0.14px;
  line-height: 18px;
  padding-left: 30px;
}

.c-category-slider__show-all {
  color: #4A90E2;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.1px;
  line-height: 18px;
}

.c-category-slider__desc {
  color: #6B6B6B;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.1px;
  line-height: 18px;
  padding: 0 50px 0 10px;
}

.c-category-slider__desc--right {
  text-align: right;
}

.c-category-slider__link {
  color: #4A90E2;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.1px;
  line-height: 18px;
}

.c-category-slider__show-all-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 10px;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-category-slider__show-all-links a {
  color: #4E93E3;
  font-size: 13px;
  font-weight: 600;
}
@media (min-width: 600px) {
  .c-category-slider__show-all-links a {
    font-size: 14px;
  }
}
.c-category-slider__show-all-links a:hover {
  text-decoration: none;
}

.c-category-slider__header-title .c-category-slider__subtile {
  padding-left: 0;
}

.c-sb__completed-boosters {
  font-size: 15px;
}

@media screen and (min-width: 600px) {
  .c-category-slider__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    margin: 0;
    padding: 20px 0 0 15px;
  }
  .c-category-slider__subtile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 40px;
  }
  .c-category-slider__header-title .c-category-slider__subtile {
    padding-left: 15px;
    width: 78%;
  }
  .c-category-slider__show-all-links {
    float: none;
    height: 25px;
    padding: 0 40px;
  }
}
@media (max-width: 600px) {
  .c-category-slider__header {
    padding: 0 20px 25px 0;
  }
  .c-category-slider__container {
    min-height: unset;
  }
  .c-category-slider__show-all-links {
    padding-left: 20px;
  }
  .c-category-slider__content {
    padding-bottom: 0;
  }
  .c-category-slider__header-icon {
    margin-left: 20px;
    padding-right: 10px;
  }
  .c-category-slider__desc--right {
    display: block;
    padding: 10px 10px 0 20px;
    text-align: left;
    width: 100%;
  }
}
/* ==[ General Style ]== */
.flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 100%;
  max-width: 10000px;
}

.items {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  position: relative;
}

.items .card-carousel.js-hide-card {
  visibility: hidden;
}

.carousel-homepage-left.disabled {
  border: 1px solid #D8D8D8;
  border-width: 2px 2px 0 0;
  cursor: url("/sites/all/themes/lingua/assets/not-allowed-xs.png"), auto !important;
}

.carousel-homepage-right.disabled {
  border: 1px solid #D8D8D8;
  border-width: 2px 2px 0 0;
  cursor: url("/sites/all/themes/lingua/assets/not-allowed-xs.png"), auto !important;
}

.carousel-wrapper {
  padding-left: 10px;
}
.carousel-wrapper:focus {
  outline: none !important;
}

.wrapper.overlay-gradient-right:after {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(2%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(82%, rgba(255, 255, 255, 0.6)), color-stop(92%, rgba(255, 255, 255, 0.7)), to(rgb(255, 255, 255)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 2%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.6) 82%, rgba(255, 255, 255, 0.7) 92%, rgb(255, 255, 255) 100%);
  content: " ";
  display: block;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00FFFFFF", endColorstr="#FFFFFF", GradientType=1);
  height: 90%;
  position: absolute;
  right: -5px;
  width: 10%;
  z-index: 4;
}

.wrapper.overlay-gradient-left:before {
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), color-stop(2%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(82%, rgba(255, 255, 255, 0.6)), color-stop(92%, rgba(255, 255, 255, 0.7)), to(white));
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 2%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.6) 82%, rgba(255, 255, 255, 0.7) 92%, white 100%);
  content: " ";
  display: block;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00FFFFFF", endColorstr="#FFFFFF", GradientType=1);
  height: 90%;
  position: absolute;
  left: 0;
  width: 10%;
  z-index: 5;
}

.c-carousel-arrows {
  border-radius: 7px;
  border: 1px solid #DFDFDF;
  cursor: pointer;
  display: none;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-right: 30px;
  padding: 11px 10px;
  position: absolute;
  right: 0;
  top: -40px;
  width: 60px;
  z-index: 0;
}

.carousel-homepage-left {
  -webkit-transform: rotate(45deg);
  background-color: transparent;
  border: 1px solid #4B91E2;
  border-width: 2px 2px 0 0;
  cursor: pointer;
  height: 15px;
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  width: 15px;
  padding: 1px 6px;
}
.carousel-homepage-left:before {
  bottom: -4px;
  content: "";
  left: -6px;
  position: absolute;
  right: -17px;
  top: -10px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.carousel-homepage-left:after {
  background-color: #D8D8D8;
  content: "";
  display: block;
  height: 38px;
  margin-left: -8px;
  margin-top: -7px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  width: 1px;
}

.carousel-homepage-right {
  -webkit-transform: rotate(45deg);
  background-color: transparent;
  border: 1px solid #4B91E2;
  border-width: 2px 2px 0 0;
  cursor: pointer;
  height: 15px;
  transform: rotate(45deg);
  width: 15px;
  padding: 1px 6px;
}
.carousel-homepage-right:after {
  bottom: -4px;
  content: "";
  left: -6px;
  position: absolute;
  right: -17px;
  top: -10px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/* ==[ Videobooster Card Component ]== */
.c-videobooster {
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.7s ease;
  background-color: #FFFFFF;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 5px #E6E6E6;
          box-shadow: 0 0 5px #E6E6E6;
  height: 140px;
  margin-right: 20px;
  position: relative;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  transition: all 0.7s ease;
  width: 160px;
  z-index: 1;
}
.c-videobooster .card-overlay {
  height: 67%;
  left: 0;
  top: 0;
  width: 100%;
}
.c-videobooster .card-type {
  padding-right: 10px;
}
.c-videobooster .card-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 87%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 10px;
  padding-left: 25px;
  width: 100%;
}
.c-videobooster .card-actions:focus {
  outline: none !important;
}
.c-videobooster .card-actions .favorite-star {
  bottom: 5px;
  right: 17px;
}
.c-videobooster {
  /* Video booster overlay that is displayed on hover */
}
.c-videobooster__overlay {
  color: #FFFFFF;
  display: none;
  padding: 20px;
  position: absolute;
  top: 0;
  width: 100%;
}

.c-vb-overlay__title {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.21px;
  line-height: 27px;
  text-align: right;
}
.c-vb-overlay__resume, .c-vb-overlay__details, .c-vb-overlay__fav {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.17px;
  line-height: 22px;
}

.c-videobooster .favorite-star {
  right: 15px;
}
.c-videobooster__thumbnail {
  background-image: url("https://images.pexels.com/photos/67636/rose-blue-flower-rose-blooms-67636.jpeg?auto=compress&cs=tinysrgb&h=350");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  height: 90px;
}
.c-videobooster__details {
  padding: 7px 10px 14px 10px;
}
.c-videobooster__details--translated, .c-videobooster__details--progress {
  padding-top: 0;
}
.c-videobooster__details--translated .c-videobooster__subtitle {
  width: 50%;
}
.c-videobooster__title {
  color: #4B4B4B;
  font-family: "Roboto";
  font-size: 11px;
  letter-spacing: -0.15px;
  line-height: 13px;
  margin-bottom: 0;
  padding-top: 3px;
}
.c-videobooster__translated-title {
  color: #BFBFBF;
  font-family: "Roboto";
  font-size: 10px;
  letter-spacing: -0.11px;
  line-height: 12px;
  margin: 0;
}
.c-videobooster__duration {
  font-size: 10px;
}
.c-videobooster__subtitle-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-videobooster__subtitle {
  color: #6B6B6B;
  display: block;
  font-family: "Roboto";
  font-size: 10px;
  letter-spacing: -0.11px;
  line-height: 12px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 75%;
}
.c-videobooster__category {
  color: #4A90E2;
  text-align: right;
  font-size: 10px;
  letter-spacing: -0.11px;
  line-height: 12px;
  font-family: "Roboto";
}
.c-videobooster__category:hover, .c-videobooster__category:focus {
  text-decoration: none;
}
.c-videobooster__badge {
  border-bottom-right-radius: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  width: 30px;
}
.c-videobooster__badge-text {
  color: #FFFFFF;
  font-size: 11px;
  left: 3px;
  position: absolute;
  top: 3px;
}

/* Progress */
.c-progress {
  background-color: #D6D6D6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 2px;
  margin-bottom: 5px;
  position: relative;
}
.c-progress__bar {
  background-color: #BD2FEE;
  height: 2px;
}
.c-progress__value {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #FFFFFF;
  border-radius: 50%;
  border: 2px solid #BD2FEE;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  color: #BD2FEE;
  display: none;
  font-size: 9px;
  font-weight: 600;
  height: 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: -0.1px;
  line-height: 13px;
  position: relative !important;
  top: -15px;
  width: 30px;
}
.c-progress ~ .favorite-star {
  bottom: 77px;
}

/* ==[ Photovocab Card Component ]== */
.c-photovocab {
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.7s ease;
  background-color: #FFFFFF;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 5px #E6E6E6;
          box-shadow: 0 0 5px #E6E6E6;
  height: 200px;
  margin-right: 20px;
  padding: 10px;
  padding: 3px;
  position: relative;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  transition: all 0.7s ease;
  width: 130px;
}
.c-photovocab .favorite-star {
  right: 15px;
}
.c-photovocab .card-overlay {
  height: 82%;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
}
.c-photovocab .card-overlay .card-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 75%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 25px;
  position: relative;
  top: 0;
}
.c-photovocab .card-overlay .card-actions .favorite-star {
  bottom: 1px;
  right: 23px;
}
.c-photovocab .card-overlay .card-type {
  float: none;
  margin: 0;
  padding-right: 20px;
  padding-top: 10px;
  text-align: right;
}
.c-photovocab:after {
  -moz-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
  background-color: rgba(234, 234, 234, 0.7);
  border-radius: 10px;
  border: 1px solid transparent;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
  content: "";
  display: block;
  height: 98%;
  left: 0;
  margin-right: -10px;
  position: absolute;
  top: 0;
  -webkit-transform: rotate(-8deg);
          transform: rotate(-8deg);
  width: 98%;
  z-index: 0;
}
.c-photovocab__thumbnail {
  background-image: url("https://images.pexels.com/photos/67636/rose-blue-flower-rose-blooms-67636.jpeg?auto=compress&cs=tinysrgb&h=350");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 120px;
}
.c-photovocab__details {
  font-family: "Roboto";
  padding: 10px 10px 14px 10px;
}
.c-photovocab__details--progress {
  padding-top: 6px;
}
.c-photovocab__title {
  color: #4B4B4B;
  display: block;
  font-family: "Roboto";
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 17px;
  margin: 0;
  overflow: hidden;
  padding-bottom: 0px;
  padding-top: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c-photovocab__category {
  color: #4A90E2;
  font-family: "Roboto";
  font-size: 10px;
  letter-spacing: -0.11px;
  line-height: 12px;
  text-decoration: none;
}
.c-photovocab__cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
}
.c-photovocab__translated-title {
  color: #9B9B9B;
  font-family: "Roboto";
  font-size: 10px;
  letter-spacing: -0.11px;
  line-height: 12px;
  margin-bottom: 0;
}

.card-details-video,
.card-details-photo,
.card-details-starter-lab,
.card-details-skill-booster {
  display: none;
  width: 100%;
  z-index: 9999;
}
.card-details-video.visible,
.card-details-photo.visible,
.card-details-starter-lab.visible,
.card-details-skill-booster.visible {
  display: block;
}

.favorite-star {
  background-image: url("/sites/all/themes/lingua/assets/favorite-star-sprite.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto 20px;
  bottom: 70px;
  cursor: pointer;
  display: none;
  height: 20px;
  position: absolute;
  width: 21px;
}
.favorite-star.favorite-in {
  background-position: -27px 0;
}
@media (min-width: 601px) {
  .favorite-star--see-details {
    position: relative;
    display: block;
    bottom: 0;
    height: 35px;
    width: 38px;
    background-size: cover;
  }
  .favorite-star--see-details.favorite-in {
    background-position: -45px 0;
  }
}

.c-add-fav__text {
  color: #BFBFBF;
  font-size: 14px;
  margin: 0 0 0 5px;
  font-weight: 400;
  letter-spacing: -0.15px;
  line-height: 19px;
}

.favorite-in,
.card-carousel:hover .favorite-star,
.card-carousel:focus .favorite-star {
  display: block;
}

.c-add-exercice-to-assignments_icon {
  bottom: 80px;
  cursor: pointer;
  position: absolute;
  right: 14px;
}
@media (min-width: 800px) {
  .c-add-exercice-to-assignments_icon.c-add-exercice-to-assignments_icon__featured-carousel ~ .c-details__add-fav .c-add-fav__text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.card-overlay {
  display: none;
  left: 30px;
  position: absolute;
  right: 10px;
  top: 10px;
}
.card-overlay .card-type {
  color: #FFFFFF;
  float: right;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.21px;
  line-height: 27px;
  margin: 0;
}
.card-overlay .card-actions {
  position: absolute;
  top: 20px;
}
.card-overlay .card-actions > div {
  padding-bottom: 3px;
}
.card-overlay .card-actions > div span {
  cursor: pointer;
}
.card-overlay .card-icon-round {
  background-size: contain;
  border-radius: 50%;
  display: inline-block;
  height: 30px;
  margin: 5px 10px 5px 0;
  vertical-align: middle;
  width: 30px;
}
.card-overlay .card-icon-round.icon-resume {
  background-image: url("/sites/all/themes/lingua/assets/icon_play-detailed-view.svg");
}
.card-overlay .card-icon-round.icon-details {
  background-image: url("/sites/all/themes/lingua/assets/icon_see-details.svg");
}
.card-overlay .card-text {
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 600;
  height: 22px;
  letter-spacing: -0.17px;
  line-height: 22px;
  width: 61.28px;
}
.card-overlay .card-text a {
  color: #FFFFFF;
}
.card-overlay .card-text a:hover {
  text-decoration: none;
}

/* #8888 Design change for active state of card/carousel */
.center-elem {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.center-elem .card-carousel.active:before {
  margin-bottom: -60px;
}

.items.center-elem[data-carousel-name=my_recent_activity] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.items.center-elem[data-carousel-name=my_recent_activity] .card-carousel.active:not(.c-photovocab) {
  margin-top: -60px;
}
.items.center-elem[data-carousel-name=my_recent_activity] .card-carousel.active:before {
  margin-bottom: -92px;
}

.items[data-carousel-name=coach_suggested_exercises_0],
.items[data-carousel-name=coach_suggested_exercises_1],
.items[data-carousel-name=coach_suggested_exercises_2],
.items[data-carousel-name=coach_suggested_exercises_3],
.items[data-carousel-name=coach_suggested_exercises_4] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.items[data-carousel-name=coach_suggested_exercises_0] .card-carousel.active:not(.c-photovocab),
.items[data-carousel-name=coach_suggested_exercises_1] .card-carousel.active:not(.c-photovocab),
.items[data-carousel-name=coach_suggested_exercises_2] .card-carousel.active:not(.c-photovocab),
.items[data-carousel-name=coach_suggested_exercises_3] .card-carousel.active:not(.c-photovocab),
.items[data-carousel-name=coach_suggested_exercises_4] .card-carousel.active:not(.c-photovocab) {
  margin-top: -60px;
}
.items[data-carousel-name=coach_suggested_exercises_0] .card-carousel.active:before,
.items[data-carousel-name=coach_suggested_exercises_1] .card-carousel.active:before,
.items[data-carousel-name=coach_suggested_exercises_2] .card-carousel.active:before,
.items[data-carousel-name=coach_suggested_exercises_3] .card-carousel.active:before,
.items[data-carousel-name=coach_suggested_exercises_4] .card-carousel.active:before {
  margin-bottom: -92px;
}

.c-videobooster.c-sl-thumbnail.card-carousel.active:before {
  margin-bottom: -60px;
}

.c-photovocab.active:before {
  margin-bottom: -30px !important;
}

.card-carousel.active:before {
  border-color: transparent transparent #36393F transparent;
  border-style: solid;
  border-width: 0 13px 16px 13px;
  bottom: -150px;
  bottom: 0;
  content: " ";
  display: block;
  height: 0;
  left: 50%;
  margin-bottom: -30px;
  position: absolute;
  width: 0;
}

.card-carousel .c-photovocab__details,
.card-carousel .c-videobooster__details {
  display: block;
}

.c-sl-thumbnail__small .card-carousel.active .c-photovocab__details,
.c-sl-thumbnail__small .card-carousel.active .c-videobooster__details,
.c-sl-photovocab__small .card-carousel.active .c-photovocab__details,
.c-sl-photovocab__small .card-carousel.active .c-videobooster__details {
  display: block;
}

.card-carousel.active .c-photovocab__details,
.card-carousel.active .c-videobooster__details {
  display: none;
}

/* ==[ Media Queries ]== */
@media (min-width: 750px) {
  .c-videobooster__title {
    font-size: 14px;
    line-height: 17px;
    padding-top: 6px;
  }
}
@media (max-width: 600px) {
  .card-carousel:hover .favorite-star {
    display: none;
  }
  .card-carousel .favorite-star.favorite-in {
    display: block;
  }
  .c-add-exercice-to-assignments_icon {
    display: none;
  }
  .card-carousel.active:before {
    display: none !important;
  }
  .items {
    padding-left: 10px;
  }
  .c-add-fav__text {
    display: none;
  }
}
@media screen and (min-width: 600px) {
  .card-carousel.active {
    -webkit-box-shadow: 0 -4px 15px -5px #80838a, 0 5px 10px -5px #80838a;
            box-shadow: 0 -4px 15px -5px #80838a, 0 5px 10px -5px #80838a;
    height: auto;
    overflow: visible;
  }
  .card-carousel.active .favorite-star {
    bottom: 12px;
  }
  .card-carousel.active .c-add-exercice-to-assignments_icon {
    bottom: 20px;
  }
  .card-carousel.active .c-videobooster__thumbnail {
    border-radius: 5px;
  }
  .card-carousel.active .c-progress {
    display: none;
  }
  .card-carousel.active.c-photovocab {
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .card-carousel.active.c-photovocab .c-photovocab__frame {
    -webkit-box-shadow: 0 -4px 15px -5px #80838a, 0 5px 10px -5px #80838a;
            box-shadow: 0 -4px 15px -5px #80838a, 0 5px 10px -5px #80838a;
    height: auto;
    padding: 10px;
  }
  .card-carousel.active.c-photovocab:after {
    display: none;
  }
  .c-carousel-arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .carousel-wrapper {
    display: grid !important;
    padding-left: 40px;
  }
  .c-progress__value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .c-videobooster {
    height: 220px;
    width: 280px;
  }
  .c-videobooster:not(.disabled-hover):not(.active):not(.c-vb-empty):hover {
    -moz-box-shadow: 0 0 13px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 13px 4px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(1.1);
    box-shadow: 0 0 13px 4px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    z-index: 99999;
  }
  .c-videobooster:not(.disabled-hover):not(.active):not(.c-vb-empty):hover.first-card {
    margin-left: 65px;
  }
  .c-videobooster:not(.disabled-hover):not(.active):not(.c-vb-empty):hover__overlay {
    display: block;
  }
  .c-videobooster:not(.disabled-hover):not(.active):not(.c-vb-empty):hover .c-videobooster__thumbnail {
    -webkit-filter: brightness(70%);
            filter: brightness(70%);
    -webkit-transition: -webkit-filter 0s;
    transition: -webkit-filter 0s;
    transition: filter 0s;
    transition: filter 0s, -webkit-filter 0s;
  }
  .c-videobooster:not(.disabled-hover):not(.active):not(.c-vb-empty):hover .favorite-star {
    display: block;
  }
  .c-videobooster__thumbnail {
    height: 160px;
  }
  .c-photovocab {
    height: 285px;
    width: 230px;
  }
  .c-photovocab:not(.disabled-hover):not(.active):not(.c-pv-empty):hover {
    /*hover over pv card*/
  }
  .c-photovocab:not(.disabled-hover):not(.active):not(.c-pv-empty):hover .c-photovocab__frame {
    -moz-box-shadow: 0 0 13px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 13px 4px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(1.5);
    box-shadow: 0 0 13px 4px rgba(0, 0, 0, 0.2);
    transform: scale(1.5);
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    z-index: 10;
    z-index: 99999;
  }
  .c-photovocab:not(.disabled-hover):not(.active):not(.c-pv-empty):hover.first-card {
    margin-left: 30px;
  }
  .c-photovocab:not(.disabled-hover):not(.active):not(.c-pv-empty):hover:after {
    display: none;
  }
  .c-photovocab:not(.disabled-hover):not(.active):not(.c-pv-empty):hover .c-photovocab__thumbnail {
    -webkit-filter: brightness(70%);
            filter: brightness(70%);
    -webkit-transition: -webkit-filter 2s;
    transition: -webkit-filter 2s;
    transition: filter 2s;
    transition: filter 2s, -webkit-filter 2s;
  }
  .c-photovocab__thumbnail {
    height: 220px;
  }
  .c-photovocab.card-carousel:not(.active):not(.disabled-hover):hover .card-overlay,
  .c-videobooster.card-carousel:not(.active):not(.disabled-hover):hover .card-overlay {
    display: block;
  }
}
.c-add-assignments__text {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 400;
  line-height: 15px;
  margin: 0 0 0 10px;
}
@media (max-width: 600px) {
  .c-add-assignments__text {
    display: none;
  }
}

@media (min-width: 800px) {
  #carousel-example-generic .just-vb-details .c-add-exercice-to-assignments_icon ~ .c-details__add-fav .favorite-star--see-details,
  #carousel-example-generic .c-pv-details .c-add-exercice-to-assignments_icon ~ .c-details__add-fav .favorite-star--see-details {
    max-width: 38px;
    width: 100%;
  }
  #carousel-example-generic .c-add-exercice-to-assignments_icon ~ .c-details__add-fav {
    width: 35%;
  }
}
#carousel-example-generic.only-one-card .c-carousel-arrows {
  display: none;
}

@media (min-width: 601px) {
  .card-carousel .c-add-exercice-to-assignments_icon ~ .favorite-star {
    bottom: 110px;
  }
  .card-carousel.active .c-add-exercice-to-assignments_icon ~ .favorite-star {
    bottom: 50px;
  }
  .card-carousel.c-photovocab.active .c-add-exercice-to-assignments_icon ~ .favorite-star {
    bottom: 65px;
  }
  .card-carousel.c-photovocab.active .c-add-exercice-to-assignments_icon {
    bottom: 35px;
  }
}
.c-achievements__title {
  color: #4B4B4B;
  font-size: 18px;
  letter-spacing: -0.19px;
  line-height: 24px;
  font-weight: 500;
  margin: 15px 0;
}
.c-achievements__container {
  background-color: #FFFFFF;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 5px #E6E6E6;
          box-shadow: 0 0 5px #E6E6E6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  max-width: 680px;
  min-height: 100px;
  padding: 20px 40px 15px 20px;
  width: 100%;
}
.c-achievements__link {
  color: #4A90E2;
  display: none;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.1px;
  line-height: 18px;
  text-align: right;
  text-decoration: underline;
}

.c-achievement {
  display: none;
}
.c-achievement--img {
  height: 63px;
  width: 63px;
}
.c-achievement--img-titles {
  margin-top: 15px;
}
.c-achievement__image {
  margin: 10px;
}
.c-achievement__image:after {
  background-color: #D8D8D8;
  border-radius: 30px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 50px;
  width: 50px;
}
.c-achievement__icon-title {
  font-size: 13px;
  font-weight: 500;
  margin: 5px 0 0 10px;
  width: 100px;
}
.c-achievement__icon-title-won {
  color: green;
  font-size: 10px;
  margin: 0 0 0 10px;
}
.c-achievement__icon-title-failed {
  color: pink;
  font-size: 10px;
  margin: 0 0 0 10px;
}

@media screen and (min-width: 600px) {
  .c-achievements__container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
#organizations-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px 25px;
}
@media (max-width: 800px) {
  #organizations-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
#organizations-header .c-header-details {
  -webkit-box-flex: 0.6;
      -ms-flex: 0.6;
          flex: 0.6;
}
@media (max-width: 800px) {
  #organizations-header .c-header-details {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    margin-bottom: 15px;
  }
}
@media (max-width: 600px) {
  #organizations-header .c-header-details {
    padding: 9px 0 0;
  }
}
@media (max-width: 500px) {
  #organizations-header .c-header-details {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
#organizations-header .c-header-details .details-col1, #organizations-header .c-header-details .details-col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 500px) {
  #organizations-header .c-header-details .details-col1 {
    margin-bottom: 10px;
  }
}
#organizations-header .c-header-details .c-school-logo {
  max-width: 200px;
  width: auto;
  margin: 0;
  height: 60px;
}
#organizations-header .c-header-details .c-school-name {
  color: #2F3136;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.17px;
  white-space: nowrap;
  line-height: 32px;
  margin: 0 21px 0 10px;
}
#organizations-header .c-header-details .c-school-name-border {
  border-right: 1px solid #35383E;
  margin: 0 21px 0 21px;
}
@media (max-width: 500px) {
  #organizations-header .c-header-details .c-school-name-border {
    margin: 0 0 0 10px;
  }
}
@media (max-width: 500px) {
  #organizations-header .c-header-details .c-school-name {
    padding-right: 0;
    margin: 0 10px 0 10px;
    border: none;
  }
}
#organizations-header .c-header-details .org-logo {
  padding-right: 14px;
}
#organizations-header .c-header-details .org-logo img {
  width: 35px;
  height: auto;
}
#organizations-header .c-header-details .c-header-link {
  width: auto;
}
@media (max-width: 800px) {
  #organizations-header .c-header-details .c-header-link {
    margin: 0;
  }
}
#organizations-header .c-header-details .c-header-link .c-headder-start-learning {
  padding: 7px 15px;
  display: inline-block;
  text-align: center;
}
#organizations-header .org-translate-lang {
  -webkit-box-flex: 0.4;
      -ms-flex: 0.4;
          flex: 0.4;
}
#organizations-header .c-header-subtitle {
  color: #969696;
  width: 100%;
}

.c-challenge-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 25px;
  background-color: #F2F2F5;
  padding: 7px 20px 7px 10px;
  gap: 15px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.c-challenge-details__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-challenge__details {
  width: 100%;
  height: 63px;
  border-radius: 0 0 0 6px;
  margin: 0;
  padding: 0 15px;
  position: relative;
  background-color: #2F3136;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-challenge__details--duration {
  border-radius: 0 0 6px 0;
  border-left: 1px solid #26282B;
}
.c-challenge_content {
  max-width: 680px;
  width: 100%;
  border-radius: 0 0 6px 6px;
  margin-left: 0px;
  position: relative;
}
.c-challenge__objectives-img-round {
  display: none;
  min-width: 230px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 20px;
  min-height: 200px;
}
@media (min-width: 600px) {
  .c-challenge__objectives-img-round {
    display: block;
  }
}
.c-challenge__objectives-details-intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-challenge__objectives-details-intro .c-challenge-title {
  color: #4B4B4B;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
}
.c-challenge__objectives-details-intro .c-challenge-title--blue {
  color: #4A90E2;
}
.c-challenge__objectives-details-intro .c-challenge-description {
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
}
.c-challenge__objectives-details-intro button {
  min-height: 37.2px;
  max-width: 100%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  white-space: pre-wrap;
  border: 1px solid #5A9AE5;
  border-radius: 20.5px;
  background-color: #5A9AE5;
  color: #FFFFFF;
  padding: 10px;
  font-family: "Open Sans";
  font-size: 12px;
  letter-spacing: -0.13px;
  line-height: 17px;
  margin-bottom: 20px;
}
.c-challenge__objectives-details-intro button:hover, .c-challenge__objectives-details-intro button:focus-visible {
  color: #FFFFFF;
  outline: none;
}
.c-challenge__objectives--intro .c-challenge__objectives-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
  gap: 30px;
}
@media (min-width: 1040px) {
  .c-challenge__objectives--intro .c-challenge__objectives-details {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.c-challenge__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.c-challenge__icon img {
  width: 44px;
}
.c-challenge__details_content {
  display: inline-block;
  margin-left: 10px;
  padding-top: 2px;
}
.c-challenge__details-info {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.c-challenge__details-title {
  color: #000000;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.17px;
  line-height: 22px;
  margin: 0;
  margin-bottom: -7px;
}
.c-challenge__details-info {
  color: #383838;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.15px;
  line-height: 22px;
  margin-bottom: -7px;
}
.c-challenge__details-time {
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -0.28px;
  line-height: unset;
}
.c-challenge__details-time-sm {
  display: none;
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 7px;
  letter-spacing: 0.84px;
  line-height: 18px;
  margin-bottom: 0;
  margin-top: -10px;
}
.c-challenge__details-time-sm span {
  padding-right: 12px;
}
.c-challenge__details-time-sm span:first-of-type {
  padding-left: 4px;
}
.c-challenge__details-time-sm span:last-of-type {
  margin-left: -4px;
}

.c-first-col {
  padding: 0;
  display: none;
  height: 100%;
}

.c-first-col-intro {
  padding: 0;
  height: 100%;
}

.c-challenge__objectives {
  min-height: -webkit-max-content;
  min-height: -moz-max-content;
  min-height: max-content;
  max-width: 680px;
  width: 100%;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #FFFFFF;
  padding: 10px;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
}
.c-challenge__objectives:after {
  content: "";
  display: table;
  clear: both;
}
.c-challenge__objectives:nth-child(1) {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}
@media (min-width: 901px) {
  .c-challenge__objectives {
    max-width: 709px;
  }
}
@media (min-width: 992px) {
  .c-challenge__objectives {
    height: 100%;
  }
}
.c-challenge__objectives-details {
  padding: 13px 0;
}
.c-challenge__obj-title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 20px;
  margin-left: 10px;
  margin-bottom: 0;
}
.c-challenge__obj-list-content {
  max-width: 415px;
  padding: 0 0 0 20px;
}
.c-challenge__obj-list {
  min-height: -webkit-min-content;
  min-height: -moz-min-content;
  min-height: min-content;
  max-width: 420px;
  width: 100%;
  color: #C4C4C4;
  font-family: "Open Sans";
  font-size: 13px;
  font-weight: 400;
  letter-spacing: -0.16px;
  line-height: 17px;
  word-break: break-word;
  margin: 5px 0 20px;
}
.c-challenge__obj-list--current {
  color: #FFFFFF;
}
.c-challenge__obj-list a {
  color: #4A90E2;
  text-decoration: underline;
}
.c-challenge__obj-list a:hover {
  text-decoration: underline;
}
.c-challenge__obj-list span {
  color: #EF7C8E;
}
.c-challenge__obj-title-container {
  border-bottom: 1px solid #EFEFEF;
  height: 60px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-challenge__obj-icon {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 3px;
}
.c-challenge__obj-percentage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.c-challenge__obj-percentage img {
  width: auto;
}

.is-andjoys .c-challenge__obj-title-container {
  border-bottom: 1px solid #aac939;
}
.is-andjoys .c-challenge__objectives {
  border-bottom: 1px solid #aac939;
}
.is-andjoys .c-challenge__details--duration {
  border-left: 1px solid #aac939;
}

/* demo css for progress tracker */
.c-challenge_content .info {
  padding-left: 35px;
}
.c-challenge_content .progress-tracker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 0 10px;
  list-style: none;
  margin: 0;
}
.c-challenge_content .progress-step {
  display: block;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  margin: 0;
  padding: 0;
  min-width: 28px;
}
.c-challenge_content .progress-step:last-child {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}
.c-challenge_content .progress-step:not(:last-child)::after {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  bottom: 12px;
  right: -14px;
  width: 100%;
  height: 4px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.c-challenge_content .progress-step.is-active .progress-title {
  font-weight: 400;
}
.c-challenge_content .progress-step > a {
  display: block;
}
.c-challenge_content .progress-marker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 17px;
  height: 17px;
  padding-bottom: 2px;
  color: #FFFFFF;
  font-weight: 400;
  border-radius: 50%;
  -webkit-transition: background-color, border-color;
  transition: background-color, border-color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.c-challenge_content .progress-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.c-challenge_content .progress-title {
  margin-top: 0;
}
.c-challenge_content .progress-step .progress-marker {
  color: #2196F3;
  background-color: #FFFFFF;
}
.c-challenge_content .progress-step::after {
  background-color: #EDEDED;
}
.c-challenge_content .progress-step .progress-text,
.c-challenge_content .progress-step .progress-step > a .progress-text {
  color: #333333;
}
.c-challenge_content .progress-step.is-active .progress-marker {
  background-color: #2196F3;
}
.c-challenge_content .progress-step.is-complete .progress-marker {
  background-color: #4A90E2;
  border: 1px solid #4A90E2;
  color: #FFFFFF;
}
.c-challenge_content .progress-step.is-failed .progress-marker {
  background-color: #EF7C8E;
  border: 1px solid #EF7C8E;
  color: #FFFFFF;
}
.c-challenge_content .progress-step.is-complete::after {
  background-color: #4A90E2;
}
.c-challenge_content .progress-tracker--center .progress-step {
  text-align: center;
}
.c-challenge_content .progress-tracker--center .progress-step:last-child {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.c-challenge_content .progress-tracker--center .progress-step::after {
  right: -50%;
}
.c-challenge_content .progress-tracker--center .progress-marker {
  margin-left: auto;
  margin-right: auto;
}
.c-challenge_content .progress-tracker--right .progress-step {
  text-align: right;
}
.c-challenge_content .progress-tracker--right .progress-step:last-child {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.c-challenge_content .progress-tracker--right .progress-step::after {
  right: calc(-100% + 14px);
}
.c-challenge_content .progress-tracker--right .progress-marker {
  margin-left: auto;
}
.c-challenge_content .progress-tracker--border {
  padding: 5px;
  border: 2px solid #868686;
  border-radius: 38px;
}
.c-challenge_content .progress-tracker--spaced .progress-step::after {
  width: calc(100% - 48px);
  margin-right: 24px;
}
.c-challenge_content .progress-tracker--word {
  padding-right: 38.6666666667px;
  overflow: hidden;
}
.c-challenge_content .progress-tracker--word .progress-text {
  display: inline-block;
  white-space: nowrap;
}
.c-challenge_content .progress-tracker--word .progress-title {
  margin: 0;
}
.c-challenge_content .progress-tracker--word-center {
  padding-right: 38.6666666667px;
  padding-left: 38.6666666667px;
}
.c-challenge_content .progress-tracker--word-center .progress-text {
  padding-right: 0;
  padding-left: 0;
  -webkit-transform: translateX(calc(-50% + 14px));
  transform: translateX(calc(-50% + 14px));
}
.c-challenge_content .progress-tracker--word-right {
  padding-right: 0;
  padding-left: 38.6666666667px;
}
.c-challenge_content .progress-tracker--word-right .progress-text {
  padding-left: 0;
  -webkit-transform: translateX(calc(-100% + 28px));
  transform: translateX(calc(-100% + 28px));
}
.c-challenge_content .progress-tracker--text .progress-step:last-child {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.c-challenge_content .progress-tracker--text-top .progress-step::after {
  top: auto;
}
.c-challenge_content .progress-tracker--text-top .progress-text {
  height: 100%;
}
.c-challenge_content .progress-tracker--text-top .progress-marker {
  bottom: 28px;
}
.c-challenge_content .progress-tracker--text-inline .progress-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-challenge_content .progress-tracker--text-inline .progress-text {
  position: relative;
  z-index: 30;
  max-width: 70%;
  white-space: nowrap;
  padding-top: 0;
  padding-bottom: 0;
  background-color: #FFFFFF;
}
.c-challenge_content .progress-tracker--text-inline .progress-title {
  margin: 0;
}
.c-challenge_content .progress-tracker--square .progress-step {
  padding-top: 0;
}
.c-challenge_content .progress-tracker--square .progress-marker {
  -webkit-transform: scaleX(0.33) translateY(-12px);
  transform: scaleX(0.33) translateY(-12px);
  border-radius: 0;
}
.c-challenge_content {
  /* challenge circular progress bar */
}
.c-challenge_content .c-challenge-progress__container {
  display: grid;
  grid-template-columns: repeat(1, 122px);
  grid-gap: 80px;
  margin: auto 0;
  height: 122px;
}
.c-challenge_content .c-challenge-progress__container .c-challenge-progress__box {
  width: 100%;
}
.c-challenge_content .c-challenge-progress__container .c-challenge-progress__box .c-challenge-progress__chart {
  position: relative;
  width: 100%;
  height: 100%;
  line-height: 122px;
  font-weight: 900;
  height: 160px;
  color: #A83CE1;
  font-family: "Open Sans";
  font-size: 26px;
  letter-spacing: -0.35px;
  text-align: center;
}
.c-challenge_content .c-challenge-progress__zero-value .c-challenge-progress__chart {
  color: #C3C3C3 !important;
}
.c-challenge_content .c-challenge-progress__container .c-challenge-progress__box canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: auto !important;
}
@media (max-width: 1199px) {
  .c-challenge_content .c-challenge__details--duration {
    border-left: none;
    border-top: 1px solid #26282B;
    border-radius: 0 0 6px 6px !important;
  }
  .c-challenge_content .c-challenge__details {
    border-radius: 0;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .c-challenge_content .c-challenge__obj-list {
    max-width: 360px;
  }
}
@media (min-width: 767px) and (max-width: 799px) {
  .c-challenge_content .c-challenge-progress__container {
    width: 100%;
  }
}
@media (min-width: 800px) {
  .c-challenge_content .c-challenge__objectives {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (max-width: 760px) {
  .c-challenge_content .c-challenge__obj-percentage {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 399px) {
  .c-challenge_content .progress-tracker-mobile {
    overflow-x: auto;
  }
  .c-challenge_content .progress-tracker-mobile .progress-tracker {
    min-width: 200%;
  }
}
.c-challenge_content .progress-tracker--vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.c-challenge_content .progress-tracker--vertical .progress-step {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.c-challenge_content .progress-tracker--vertical .progress-step::after {
  right: auto;
  top: 22px;
  left: 7px;
  width: 1px;
  height: 100%;
}
.c-challenge_content .progress-tracker--vertical .progress-marker {
  position: absolute;
  left: 0;
  top: 5px;
}
.c-challenge_content .progress-tracker--vertical .progress-marker i {
  font-size: 10px;
}

.c-custom-css-checkmark {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border: solid white;
  border-width: 0 2px 2px 0;
  height: 9px;
  width: 5px;
}

.c-challenge-title-block {
  border-bottom: 1px solid #EFEFEF;
  padding-bottom: 10px;
}

@media (max-width: 1199px) {
  .is-andjoys .c-challenge_content .c-challenge__details--duration {
    border-top: 1px solid #aac939;
  }
}

@media (max-width: 760px) {
  .c-challenge__objectives {
    padding-bottom: 10px;
  }
}
@media (min-width: 600px) {
  .img-mobile {
    display: none;
  }
  .img-desktop {
    display: block;
  }
}
@media (max-width: 767px) {
  .c-challenge_content {
    max-width: 100%;
  }
  .c-challenge__objectives {
    max-width: 100%;
  }
}
@media (max-width: 600px) {
  .c-challenge__objectives {
    padding-bottom: 10px;
  }
  .c-challenge_content {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (max-width: 450px) {
  .c-learning-act__details-border {
    border: 0;
  }
}
@media (max-width: 325px) {
  .c-challenge__details-info {
    margin: 0;
  }
}
.c-pv-details {
  background-color: #36393F;
  width: 100%;
  padding-top: 6px;
  z-index: 9999;
  top: 100vh;
  bottom: 0;
  left: 0;
  max-height: 100vh;
  margin-top: 50px;
  position: fixed;
  overflow-y: scroll;
  overflow-x: hidden;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}
.c-pv-details-header {
  background-color: #2F3136;
  min-height: 60px;
  padding: 5px 10px;
  z-index: 1;
}

.pv-det p {
  margin-bottom: 0;
}

.col-photovocab {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.c-pv-header-cover {
  padding: 5px 15px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.c-pv-icon-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-pv-image-container {
  margin-left: 10px;
}

.front .c-pv-image-container {
  margin-left: 20px;
}

.c-pv-icon-image {
  background-image: url("/sites/all/themes/earesponsive/images/all-icons/PV-logo.svg");
  width: 40px;
  height: 40px;
  background-color: #FA9F70;
  border-radius: 50%;
  background-position: 50% 35%;
  background-repeat: no-repeat;
  background-size: 65% 65%;
}

.c-pv-title-header {
  font-size: 19px;
  display: inline-grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 50px;
  padding-top: 5px;
  width: 185px;
  color: #EFEFEF;
  font-weight: 400;
}

.c-pv-close {
  max-height: 30px;
  height: auto;
}

.c-pv-close-icon {
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 30px;
  margin: -4px 0px;
  color: #BFBFBF;
  cursor: pointer;
  font-family: "Open Sans";
}

.c-pv-container-cards .c-pv-close-icon_large {
  display: none;
}

.c-pv-image-big {
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 100%;
  min-height: 370px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.c-progress-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 1px;
  position: relative;
  background-color: #D8D8D8;
  top: -21px;
}

.c-progress-bar-pv {
  height: 1px;
  background-image: -webkit-gradient(linear, left top, right top, from(#7028E4), to(#AE60D0));
  background-image: linear-gradient(to right, #7028E4 0%, #AE60D0 100%);
}

.c-pv-value-progress {
  position: absolute;
  color: #AE60D0;
  font-size: 11px;
  width: 35px;
  height: 35px;
  background-color: #FFFFFF;
  border-radius: 50%;
  position: relative;
  border: 2px solid #AE60D0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: -15px;
}

.c-pv-content {
  padding: 15px 20px;
}
.c-pv-content-title {
  color: #FFFFFF;
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: 400;
}
.c-pv-content-subtitle {
  color: #979797;
}
.c-pv-content-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: right;
  font-size: 14px;
  font-weight: 500;
  color: #4A90E2;
}
.c-pv-content-btns {
  background-color: #2F3136;
  min-height: 75px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: relative;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-pv-content-btns .c-add-exercice-to-assignments_icon img {
  width: 40px;
}
.c-pv-content__play-btn {
  color: #FFFFFF;
  font-size: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}
.c-pv-content__play-btn a {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 600;
  max-width: 160px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-pv-content__play-btn a:before {
  background-image: url("/sites/all/themes/lingua/assets/icon_play-detailed-view.svg");
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 40px;
  margin-right: 10px;
  min-width: 40px;
}
.c-pv-content__play-btn a:not(:root:root) {
  max-width: 160px;
  width: 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.c-pv-content__play-btn a:hover {
  text-decoration: none;
}
.c-pv-content__play-btn-open-link {
  position: relative;
}
@media (min-width: 800px) {
  .c-pv-content__play-btn + .c-details__add-fav {
    margin-left: 8%;
  }
}
.c-pv-content__body {
  padding: 10px 25px 15px;
}
.c-pv-content-details {
  color: #EAEAEA;
  font-size: 16px;
  font-weight: 400;
}
.c-pv-content-features {
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  color: #BDBDBD;
  line-height: 25px;
  padding: 0;
  list-style-type: none;
}
.c-pv-content-features li {
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  color: #BDBDBD;
  line-height: 25px;
  display: initial;
}
.c-pv-content__photo {
  max-width: 85px;
  width: 100%;
  height: 105px;
  position: relative;
  margin-right: 26px;
}
.c-pv-content__photo:before {
  position: absolute;
  top: -4px;
  left: -5px;
  width: 98%;
  height: 96%;
  content: "";
  border-radius: 4px;
  -webkit-transform: rotate(0deg);
  transform: rotate(-6deg);
  background: #ACACAC;
}
.c-pv-content__photo-frame {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  border-radius: 4px;
  background-color: #FFFFFF;
  padding: 7px 7px 32px 7px;
}

.btn-default.active,
.btn-default:active,
.open > .dropdown-toggle.btn-default {
  background-color: #FFFFFF;
}

/* Basic/ Advanced switch buttons*/
.c-pv-details__switch_level {
  height: 35px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  width: 100%;
  border-radius: 20.5px;
  background-color: #2F3136;
  position: relative;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-pv-details__switch_slide {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 50%;
  background-color: #FFFFFF;
  border-radius: 20.5px;
}
.c-pv-details_buttons {
  display: contents;
}
.c-pv-details_buttons input {
  position: absolute;
  opacity: 0;
}
.c-pv-details__switch_btn {
  color: #ACACAC;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  border: 0;
  padding: 0 10px;
  border-radius: 20.5px;
  margin: 0;
  cursor: pointer;
}
.c-pv-details__switch_btn_basics {
  padding: 0 20px;
}
.c-pv-details__switch_btn_active {
  background-color: #FFFFFF;
  color: #AE60D0;
  font-weight: 600;
}
.c-pv-details .c-add-exercice-to-assignments_icon ~ .c-details__add-fav {
  width: unset;
}

.a_right {
  margin-right: 0;
  margin-left: auto;
}

.btn-default.active,
.btn-default:active,
.open > .dropdown-toggle.btn-default {
  color: #951EFE;
}

.c-pv-body__details {
  padding: 4px 7px 0 3px;
}

.c-pv-photos-conteiner_div {
  padding-bottom: 20px;
  max-width: 445px;
  width: 100%;
  height: auto;
}

.c-pv-conteiner__card-image {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 445px;
  width: 100%;
  height: auto;
  margin-bottom: 27px;
}

.c-pv-image_card {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 71px;
}

/* Test end */
.c-bottom-page {
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-bottom-content {
  color: #BFBFBF;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 350px;
  width: 100%;
  min-height: 67px;
  background-color: #2F3136;
  border-radius: 6px;
  font-weight: 400;
}
.c-bottom-content:before {
  background-image: url("/sites/all/themes/lingua/assets/back-arrow.svg");
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  max-width: 22px;
  width: 100%;
  height: 23px;
  margin: 0 5% 0 36%;
}

.c-pv-container__informations {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.c-pv-container__informations .wrapper:last-of-type {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (min-width: 1020px) {
  .c-pv-container__informations {
    margin-left: 30px;
  }
  .c-pv-content-details {
    font-size: 18px;
  }
  .c-pv-content-features li {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .flexbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
  }
  .c-pv-details-header,
  .c-bottom-page {
    display: none;
  }
  .pv-det .c-pv-content {
    display: grid;
    padding-bottom: 35px;
  }
  .c-pv-content-category {
    padding: 9px 0 0 0;
  }
  .c-pv-content-btns {
    background-color: transparent;
    padding-left: 0;
  }
  .c-pv-content-title {
    font-size: 30px;
    margin-top: 10px;
  }
  .c-pv-content-subtitle {
    font-size: 18px;
    margin-top: 2px;
    margin-bottom: 0;
  }
  .c-pv-content-features {
    line-height: 30px;
  }
  .c-progress-bar {
    width: 330px;
  }
  .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .c-pv-body__details {
    line-height: 43px;
  }
  .c-pv-container-cards .c-pv-close-icon_large {
    display: block;
  }
  .c-pv-close-icon_large {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 15px;
  }
  .c-pv-close-icon {
    font-size: 40px;
    line-height: 0px;
    color: #9B9B9B;
    cursor: pointer;
  }
  .c-pv-photos-content {
    padding: 30px 0 0 59px;
  }
  .c-pv-icon__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
  }
  .c-pv-icon__image {
    width: 180px;
    height: 180px;
    background-color: #FA9F70;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    top: -68px;
    left: -77px;
  }
  .c-vv-icon__image {
    width: 180px;
    height: 180px;
    background-color: #A8DEF3;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    top: -68px;
    left: -77px;
  }
  .pv-icon {
    background-image: url("/sites/all/themes/earesponsive/images/all-icons/PV-logo.svg");
    width: 220px;
    height: 220px;
    background-position: 50% 48%;
    background-repeat: no-repeat;
    background-size: 16% 75%;
  }
  .vv-icon {
    background-image: url("/sites/all/themes/lingua/assets/lsf/vv-logo.svg");
    width: 320px;
    height: 220px;
    background-position: 30% 48%;
    background-repeat: no-repeat;
    background-size: 16% 75%;
  }
  .c-pv-button__advances {
    font-size: 14px;
    height: 30px;
  }
  .c-pv-button__basic {
    font-size: 14px;
    height: 30px;
    padding: 7px 23px;
  }
  .c-pv-container-cards {
    position: relative;
    max-width: 454px;
    width: 100%;
  }
  .c-pv-photos-conteiner_div {
    bottom: 0;
  }
  .c-pv-content {
    max-height: unset;
    padding: 0 0 8px 0;
  }
  .c-pv-content__body {
    padding: 0 0 15px;
  }
  .c-pv-subtitle-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 1000px) and (max-width: 1025px) {
  .c-progress-bar {
    width: 295px;
  }
}
@media (min-width: 800px) and (max-width: 991px) {
  .c-progress-bar {
    top: 0;
  }
  .c-pv-details__switch_level {
    margin-top: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .c-pv-details {
    max-height: unset;
  }
}
@media (max-width: 991px) {
  .c-pv-content-btns {
    padding: 0 25px;
  }
  .c-pv-content_details-theme {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (min-width: 601px) and (max-width: 991px) {
  .c-pv-content {
    padding-left: 25px;
  }
  .c-pv-content-btns {
    padding: 0 25px;
  }
}
@media (min-width: 800px) and (max-width: 991px) {
  #carousel-example-generic .c-pv-content-btns {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media (max-width: 800px) {
  .c-progress-bar {
    top: 0;
  }
}
@media (min-width: 601px) and (max-width: 767px) {
  .c-pv-details {
    max-height: unset;
  }
  .c-pv-container-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 700px) {
  .c-pv-photos-conteiner_div {
    padding-top: 60px;
  }
}
@media (max-width: 600px) {
  .c-pv-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .c-pv-content-title {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
  }
  .c-pv-content-subtitle {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
  }
  .c-pv-content-category {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
    text-align: right;
  }
  .flexbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .c-pv-content-btns .favorite-star {
    display: block;
    height: 30px;
    width: 30px;
    background-size: auto 28px;
    bottom: 0;
    position: relative;
  }
  .c-pv-content-btns .favorite-star.favorite-in {
    background-position: -37px 0;
  }
  .c-pv-content-btns .c-add-exercice-to-assignments_icon {
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    bottom: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (min-width: 601px) {
  .c-pv-content-btns .c-add-exercice-to-assignments_icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    bottom: 0;
    right: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 2.5%;
  }
  .c-pv-details {
    position: relative;
    overflow: hidden;
    margin-top: 30px;
    height: auto;
    top: 0 !important;
  }
  .c-bottom-page {
    display: none;
  }
  .c-pv-details__switch_level {
    margin-left: 0;
  }
  .c-pv-body__details {
    padding: 4px 7px 0 0;
  }
}
@media (max-width: 650px) {
  .c-pv-photos-conteiner_div {
    padding-left: 20px;
  }
}
@media (max-width: 420px) {
  .c-pv-photo-conteiner {
    margin-right: 8px;
    width: 66px;
    height: 80px;
  }
  .c-pv-content__photo {
    max-width: 73px;
    width: 100%;
    max-height: 91px;
    margin-right: 12px;
    padding: 6px 6px 22px 6px;
  }
  .c-pv-image_card {
    height: 61px;
  }
  .c-pv-photos-conteiner_div {
    padding-left: 34px;
  }
}
@media (max-width: 360px) {
  .c-pv-photos-content {
    padding-left: 15px;
  }
  .c-pv-photos-conteiner_div {
    padding-left: 5px;
  }
}
@media (min-width: 330px) and (max-width: 355px) {
  .c-pv-photos-content {
    padding-left: 18px;
  }
}
@media (max-width: 330px) {
  .c-pv-photos-content {
    padding-left: 15px;
  }
}
/* Hack - classes to remove padding/margin */
.hack-padding-0 {
  padding: 0;
}

/* Add space between elements */
.c-vb-content__caption-block {
  border-top: 1px solid #2D2C2C;
  padding: 10px;
}
.c-vb-content__caption-block:nth-child(2), .c-vb-content__caption-block:nth-child(3) {
  padding-top: 10px;
}
.c-vb-content__caption-block:nth-child(2) .c-vb-details__caption-text, .c-vb-content__caption-block:nth-child(3) .c-vb-details__caption-text {
  padding-top: 0;
}
.c-vb-content__caption-block:first-of-type {
  padding-top: 5px !important;
}
.c-vb-content_play-btn-open-link {
  position: relative;
}

.c-details__add-fav {
  display: inherit;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-vb-details {
  background-color: #36393F !important;
  border-top: 5px solid #36393F;
  bottom: 0;
  -webkit-box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.4);
  font-family: "Open Sans";
  height: 100vh;
  height: auto;
  margin-top: 60px;
  max-width: 1440px;
  min-height: 452px;
  overflow-x: hidden;
  overflow-y: scroll;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  position: fixed;
  top: 100vh;
  width: 100%;
  z-index: 9999;
}
.c-vb-details__content-block {
  color: #FAFAFA;
  letter-spacing: -0.16px;
  line-height: 25px;
}
.c-vb-details__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 10px 4px 10px;
  width: 100%;
}
.c-vb-details__header-title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 19px;
  padding-left: 20px;
}
.c-vb-details__header-icon {
  background-color: #5BB4C7;
  background-image: url("/sites/all/themes/earesponsive/images/all-icons/VB-logo.svg");
  background-position: 50% 35%;
  background-repeat: no-repeat;
  background-size: 65% 65%;
  border-radius: 50%;
  height: 40px;
  margin-left: 10px;
  width: 40px;
}
.c-vb-details__icon-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-vb-details__photo {
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 723px;
  min-height: 220px;
  width: 100%;
}
.c-vb-details_desc-block {
  height: auto;
  max-width: 695px;
  width: 100%;
  padding: 0 0 5px 20px;
}
.c-vb-details_desc-block .c-pv-close-icon_large {
  display: none;
}
@media (max-width: 991px) {
  .c-vb-details_desc-block {
    padding: 0 0 0 30px;
  }
}
@media (max-width: 799px) {
  .c-vb-details_desc-block {
    padding: 0;
  }
}
.c-vb-details__footer {
  padding: 0;
}
@media (min-width: 800px) {
  .c-vb-details__footer:not(.c-vb-details__footer--sl) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.c-vb-details__footer .c-add-exercice-to-assignments_icon img {
  width: 40px;
}
.c-vb-details__title {
  color: #fff;
  font-size: 18px;
  letter-spacing: -0.32px;
  line-height: 18px;
  margin: 12px 40px 2px 0;
  font-weight: 400;
}
.c-vb-details__title-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 20px 20px 0;
}
.c-vb-details__title-container > div {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.c-vb-details__caption-text {
  color: #FAFAFA;
  font-family: "Roboto";
  font-size: 13px;
  letter-spacing: -0.16px;
  line-height: 22px;
  list-style: none;
  margin-bottom: 0;
  padding-top: 10px;
  padding: 0;
}
.c-vb-details__caption-text li {
  display: inline-block;
}
.c-vb-details__caption-title {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 0;
  margin-top: 0;
}
.c-vb-details__title2 {
  color: #BFBFBF;
  font-family: "Roboto";
  font-size: 14px;
  letter-spacing: -0.19px;
  line-height: 15px;
  margin: 0;
}
.c-vb-details__clip-name {
  color: #FAFAFA;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: normal;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  letter-spacing: -0.19px;
  line-height: 10px;
  margin: 0;
}
.c-vb-details__clip-nameLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin: 0;
}
.c-vb-details__category {
  color: #4A90E2;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.15px;
  line-height: 19px;
}
.c-vb-details__category__desktop {
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.15px;
  line-height: 19px;
  text-align: right;
}
.c-vb-details__category__desktop:hover, .c-vb-details__category__desktop:focus {
  color: #4A90E2;
  text-decoration: none;
}
.c-vb-details__dificulty {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-left: 7px solid #9DC49E;
  border-top: 1px solid #2F3136;
  color: #B2B2B2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 32px;
  padding: 15px;
}
.c-vb-details__btns {
  background-color: #2F3136;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 75px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 799px) {
  .c-vb-details__btns {
    padding: 0 3%;
  }
}
.c-vb-details__play-btn {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.c-vb-details__play-btn a {
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.14px;
  line-height: 18px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-vb-details__play-btn a:before {
  background-image: url("/sites/all/themes/lingua/assets/icon_play-detailed-view.svg");
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 40px;
  margin-right: 10px;
  min-width: 40px;
  width: 100%;
}
.c-vb-details__play-btn a:not(:root:root) {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  max-width: 160px;
  width: 100%;
}
.c-vb-details__play-btn a:hover {
  text-decoration: none;
}
@media (min-width: 800px) {
  .c-vb-details__play-btn + .c-details__add-fav {
    margin-left: 8%;
    margin-right: 8%;
  }
}
.c-vb-details__btn-container {
  height: 100px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-vb-details__back {
  color: #BFBFBF;
  font-size: 16px;
}
.c-vb-details__back:before {
  background-image: url("/sites/all/themes/lingua/assets/back-arrow.svg");
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 23px;
  margin: 0 5% 0 36%;
  max-width: 22px;
  width: 100%;
}
.c-vb-details__back-btn {
  background-color: #2F3136;
  border-radius: 6px;
  min-height: 67px;
  width: 100%;
  max-width: 350px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* Progress */
.c-progress {
  background-color: #D8D8D8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 1px;
  position: relative;
}
.c-progress__bar {
  background-image: -webkit-gradient(linear, left top, right top, from(#7028e4), to(#AE60D0));
  background-image: linear-gradient(to right, #7028e4 0%, #AE60D0 100%);
  height: 1px;
}
.c-progress__value {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #FFFFFF;
  border-radius: 50%;
  border: 1px solid #AE60D0;
  color: #AE60D0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 11px;
  height: 27.59px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  position: relative;
  top: -15px;
  width: 27.58px;
}

.only-vb-details-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
@media (max-width: 799px) {
  .only-vb-details-content {
    height: auto;
  }
}

.caption-block-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.c-vb-level {
  font-size: 14px;
  margin: 0;
}

@media screen and (min-width: 800px) {
  .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .card-details-video .c-progress {
    width: 330px;
  }
  .c-vb-details__btns {
    background-color: transparent;
    padding: 0;
    width: 72%;
  }
  .c-vb-details__dificulty {
    -webkit-transform: skew(-12deg);
    background-color: #2A2C30;
    margin: 10px -10px 0 10px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 0 23px 0 9px;
  }
  .c-vb-details__play-btn a {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.15px;
    line-height: 19px;
    margin-right: 20px;
  }
  .c-vb-content__caption-block {
    border-top: none;
    padding: 5px 15px 0 0;
  }
  .c-vb-level {
    color: #F1F1F1;
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.13px;
    line-height: 17px;
    margin: 0 5px 0 0;
    -webkit-transform: skew(13deg);
            transform: skew(13deg);
  }
  .hack-padding-0 {
    padding-right: 0;
  }
  .c-pv-icon-wrapper__big-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
  }
  .c-pv-icon-image__big-image {
    background-color: #5BB4C7;
    border-radius: 50%;
    height: 180px;
    left: -77px;
    position: absolute;
    top: -68px;
    width: 180px;
    z-index: 1;
  }
  .c-pv-pic__big-image {
    background-image: url("https://djp7tmjfh8mmh.cloudfront.net/sites/all/themes/earesponsive/images/all-icons/VB-logo.svg");
    background-position: 50% 48%;
    background-repeat: no-repeat;
    background-size: 20% 75%;
    height: 220px;
    width: 220px;
  }
}
@media screen and (min-width: 990px) {
  .c-vb-details__header-wrapper {
    display: none;
  }
  .c-vb-details_desc-block .c-pv-close-icon_large {
    display: block;
  }
  .c-pv-close-icon {
    margin: 5px 0;
  }
}
@media (min-width: 800px) {
  .c-details__add-fav {
    width: 100%;
  }
  .c-add-exercice-to-assignments_icon ~ .c-details__add-fav {
    width: 35%;
  }
}
@supports (-moz-appearance: none) {
  @media screen and (min-width: 601px) {
    .page-chinese .c-vb-details__caption-title {
      margin-bottom: 0 !important;
    }
    .page-chinese .c-vb-details__caption-text rt {
      margin-bottom: 0 !important;
    }
    .page-chinese .c-vb-details_desc-block {
      height: 500px !important;
    }
    .page-chinese .c-vb-details__photo {
      height: 500px !important;
    }
  }
}
@media screen and (min-width: 601px) {
  .c-vb-details {
    height: 100%;
    margin-top: 0;
    overflow: hidden;
    position: relative;
    top: 0 !important;
  }
  .c-vb-details__title {
    font-size: 30px;
    line-height: 35px;
  }
  .c-vb-details__title2 {
    font-size: 18px;
    line-height: 21px;
  }
  .c-vb-details__clip-name {
    font-size: 18px;
    line-height: 21px;
  }
  .c-vb-details_desc-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 100%;
    min-height: 500px;
  }
  .c-vb-details_desc-block .wrapper:first-of-type {
    padding-left: 0;
  }
  .c-vb-details_desc-block .wrapper:last-of-type {
    height: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .c-vb-details__header {
    padding: 10px;
  }
  .c-vb-details__photo {
    max-width: 100%;
    min-height: 500px;
    overflow: hidden;
    position: relative;
  }
  .c-vb-details__btn-container {
    display: none;
  }
  .c-vb-details__clip-nameLink {
    display: none;
  }
  .c-vb-details__category__desktop {
    margin: 0 20px 0 0;
  }
  .c-vb-details__caption-text {
    font-size: 14px;
    line-height: 25px;
  }
  .c-vb-details__caption-title {
    font-size: 17px;
    font-weight: 500;
  }
  .page-chinese .c-vb-details_desc-block {
    min-height: 487px;
  }
  .page-chinese .c-vb-details_desc-block .wrapper:last-of-type {
    max-height: none;
  }
  .page-chinese .c-vb-details__photo {
    height: 487px;
  }
  .just-vb-details .c-vb-details_desc-block .wrapper:last-of-type {
    height: 100%;
  }
  .c-vb-content__caption-block {
    padding: 5px 15px 0 0;
  }
  .c-vb-details-category-container {
    width: 100%;
    text-align: right;
  }
}
@media (min-width: 600px) {
  .c-vb-details__btns .c-add-exercice-to-assignments_icon {
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    right: 0;
    margin-right: 2.5%;
  }
}
@media (max-width: 799px) {
  .c-vb-details__title-container, .c-vb-details__content-block {
    padding-left: 3%;
  }
}
@media (max-width: 600px) {
  .c-vb-details {
    max-width: unset !important;
    width: unset !important;
    left: 0;
  }
  .c-vb-details__category__desktop {
    display: none;
  }
  .c-vb-details__btns .favorite-star {
    background-size: auto 28px;
    position: relative;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 30px;
    right: 10px;
    width: 30px;
  }
  .c-vb-details__btns .favorite-star.favorite-in {
    background-position: -37px 0;
  }
  .c-vb-details__btns .c-add-exercice-to-assignments_icon {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    bottom: 0;
    right: 20px;
  }
}
/* Progressbar */
.c-steps-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #EEEEEE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  min-height: 59px;
  position: relative;
  width: 100%;
  z-index: -1;
}
.c-steps-container ul {
  padding: 0;
}

#progressbar {
  /* CSS counters to number the steps */
  counter-reset: step;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0;
  margin-top: 10px;
  max-width: 400px;
  overflow: hidden;
  width: 100%;
  padding: 0;
}
#progressbar li {
  color: #6B6B6B;
  float: left;
  font-family: "Open Sans";
  font-size: 13px;
  font-weight: 400;
  letter-spacing: -0.14px;
  line-height: 18px;
  list-style-type: none;
  position: relative;
  text-align: center;
  width: 22.33%;
}
#progressbar li:before {
  background: #FFFFFF;
  border-radius: 25px;
  border: 1px solid #DDD9D9;
  -webkit-box-shadow: 0px 3px 15px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 15px 0 rgba(0, 0, 0, 0.1);
  color: #DDD9D9;
  content: counter(step);
  counter-increment: step;
  display: block;
  font-size: 12px;
  height: 21px;
  line-height: 21px;
  margin: 0 auto 3px auto;
  width: 21px;
}
#progressbar li {
  /* Progressbar connectors */
}
#progressbar li:after {
  background-color: #A6A6A6;
  content: "";
  height: 1px;
  left: -50%;
  position: absolute;
  top: 9px;
  width: 100%;
  /* Put it behind the numbers */
  z-index: -1;
}
#progressbar li:first-child:after {
  /* Connector not needed before the first step */
  content: none;
}
#progressbar li {
  /*marking active/completed steps green*/
  /*The number of the step and the connector before it = green*/
}
#progressbar li.active:before, #progressbar li.active:after {
  color: #4A90E2;
  border: 1px solid #4A90E2;
}
#progressbar li.active:after {
  background: #A6A6A6;
  border: 0;
}
#progressbar li.active, #progressbar li.pass {
  color: #4A90E2;
}
#progressbar li.pass:before {
  background: #4A90E2;
  color: #FFFFFF;
  content: url("/sites/all/themes/lingua/assets/check-white.svg");
  font-size: 15px;
}

.c-steps-container p {
  display: none;
  margin-bottom: 7px;
}

.c-steps__title {
  color: #6B6B6B;
  display: block !important;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.14px;
  line-height: 18px;
  text-align: center;
}
.c-steps__title span {
  color: #4A90E2;
}

@media (min-width: 600px) {
  .c-steps-container p {
    display: block;
  }
  #progressbar li {
    display: block;
    width: 33.33%;
  }
  .c-steps__title {
    display: none !important;
  }
}
@media (max-width: 991px) {
  .c-steps-container {
    padding-top: 33px;
  }
}
@media (max-width: 820px) {
  .c-steps-container {
    padding-top: 13px;
  }
}
@media (max-width: 600px) {
  .c-steps-container {
    padding-top: 23px;
  }
  .c-steps-container #progressbar {
    padding: 0;
    margin: 0 0 5px 0;
  }
}
.user-panel--title .c-grammar-rules__title {
  color: #2F2F2F;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 26px;
  margin: 0 0 3px 0;
}
.user-panel--title .c-grammar-rules__desc {
  color: #2F2F2F;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: -0.19px;
  line-height: 22px;
  font-style: normal;
  margin: 0;
}

.c-grammar-rules__table-col-title {
  color: #2F2F2F !important;
  font-family: "Open Sans";
  font-size: 15px;
  letter-spacing: -0.16px;
  line-height: 20px;
  font-weight: 400;
  text-align: left;
}
.c-grammar-rules__table-col-title span.caret {
  border-width: 1px;
  color: #2F2F2F;
}
.c-grammar-rules__table-col-title a {
  color: #2F2F2F;
}

.c-grammar-rules__header-table {
  padding: 0 3px;
}

.learned-grammar-rules-container .learned-grammar-rules-header {
  min-height: 50px;
  height: auto;
  border-radius: 4px;
  background-color: #EEEEEE;
  padding-left: 2.6%;
}
.learned-grammar-rules-container .learned-grammar-rules-list__expand-icon {
  border: none;
  font-size: 30px;
  color: #979797;
}

.learned-grammar-rules-list__row {
  margin: 0 !important;
  padding: 20px 15px 23px !important;
  font-style: normal;
}
.learned-grammar-rules-list__row .learned-grammar-rules__description {
  cursor: default !important;
}
.learned-grammar-rules-list__row .grammar_title.c-grammar-rules__item-title {
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 15px;
  letter-spacing: -0.19px;
  line-height: 26px;
}
.learned-grammar-rules-list__row .c-grammar-rules__explanation {
  color: #2F2F2F;
  font-family: "Open Sans";
  font-size: 15px;
  letter-spacing: -0.16px;
  line-height: 26px;
  cursor: pointer;
}
.learned-grammar-rules-list__row .grammar_exercise_count {
  color: #9B9B9B;
  font-size: 15px;
  letter-spacing: -0.16px;
  line-height: 26px;
}
.learned-grammar-rules-list__row .learned-grammar-rules-list__exercise_example {
  color: #6C6C6C;
  font-size: 15px;
  letter-spacing: -0.16px;
  line-height: 26px;
}
.learned-grammar-rules-list__row .learned-grammar-rules-list__exercise_example em {
  font-style: normal;
  color: #4A90E2;
}
.learned-grammar-rules-list__row .learned-grammar-rules-list__exercise_title {
  font-style: normal;
  font-size: 15px;
  color: #BFBFBF;
}
.learned-grammar-rules-list__row .learned-grammar-rules-list__exercise_title a {
  color: #6C6C6C;
  font-weight: 600;
}
.learned-grammar-rules-list__row .learned-grammar-rules-list__exercise_title a:hover {
  color: #000000;
}
.learned-grammar-rules-list__row .learned-grammar-rules-list__view-all-button {
  border-radius: 4px;
  background-color: #EEEEEE;
  color: #2F2F2F;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.15px;
  line-height: 26px;
  margin-top: 30px;
}
.learned-grammar-rules-list__row .learned-grammar-rules__circle {
  background-color: #EEEEEE;
  color: #2F2F2F;
  font-family: "Open Sans";
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 20px;
  padding-top: 20px;
}
.learned-grammar-rules-list__row .learned-grammar-rules__circle .exercise_count_node,
.learned-grammar-rules-list__row .learned-grammar-rules__circle .exercise_count_total {
  font-size: inherit;
  font-weight: inherit;
}
.learned-grammar-rules-list__row .learned-grammar-rules__circle.active {
  background-color: #4A90E2;
  color: #FFFFFF;
  font-weight: 400;
}
.learned-grammar-rules-list__row .glyphicon.glyphicon-ok-sign {
  background-color: #4A90E2;
  border-radius: 50%;
}
.learned-grammar-rules-list__row .glyphicon.glyphicon-ok-sign:before {
  content: "";
  background-image: url("/sites/all/themes/lingua/assets/checked-icon.svg");
  width: 15px;
  height: 15px;
  display: block;
  background-size: 65%;
  background-repeat: no-repeat;
  background-position: center;
}

@media (max-width: 991px) {
  .learned-grammar-rules-list__row .learned-grammar-rules__circle {
    padding-top: 10px !important;
    margin-top: 20px !important;
    font-size: 13px;
  }
  .learned-expression-list__header-item a {
    max-width: 120px !important;
  }
  .learned-expression-list__header-item a .caret {
    border-right: 1px solid;
    border-bottom: 1px solid;
    -webkit-transform: rotate(45deg) translateY(-50%);
            transform: rotate(45deg) translateY(-50%);
    right: 0;
    top: 50%;
  }
  .learned-expression-list__header-item a .caret:before {
    content: "";
  }
  .learned-expression-list__header-item a .caret.caret--up {
    -webkit-transform: rotate(-135deg) translateY(0);
            transform: rotate(-135deg) translateY(0);
  }
}
.c-accessibility-popup_content li {
  background-color: #36393F;
  border-bottom: 1px solid #2A2C30;
}
.c-accessibility-popup_content li .c-accessibility-popup-close-icon_large {
  padding: 8px 15px 0 0;
}
.c-accessibility-popup_content li .c-accessibility-popup-close-icon_large .c-accessibility-popup-close-icon {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #F5F5F5;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: right;
  font-size: 35px;
}
.c-accessibility-popup_content li p {
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 13px;
  font-weight: 400;
  letter-spacing: -0.14px;
  line-height: 19px;
  margin: 15px 0;
  padding: 0 33px 0 26px;
}

.c-accessibility-popup-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: right;
  height: 30px;
  margin: 0 0 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.c-accessibility-popup_body-contrast fieldset legend,
.c-accessibility-popup_body-font fieldset legend {
  border: none;
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.14px;
  line-height: 15px;
  margin-bottom: 10px;
  padding: 0 2%;
}
.c-accessibility-popup_body-contrast fieldset input,
.c-accessibility-popup_body-font fieldset input {
  opacity: 0;
  position: absolute;
}
.c-accessibility-popup_body-contrast fieldset label,
.c-accessibility-popup_body-font fieldset label {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  float: left;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.13px;
  line-height: 25px;
  list-style-type: none;
  margin: 0;
  max-width: 33%;
  padding: 5px 38px;
  text-align: center;
  width: 100%;
}
.c-accessibility-popup_body-contrast fieldset label:first-of-type,
.c-accessibility-popup_body-font fieldset label:first-of-type {
  border-radius: 19px 0 0 19px;
}
.c-accessibility-popup_body-contrast fieldset label:last-of-type,
.c-accessibility-popup_body-font fieldset label:last-of-type {
  border-radius: 0 19px 19px 0;
}

.c-accessibility-popup_body-contrast,
.c-accessibility-popup_body-font {
  padding: 3% 4% 4% !important;
}

/* Active class */
.active-accessibility {
  background-color: #4A90E2 !important;
}

.is-qioz .c-accessibility-popup_content li {
  background-color: #FFFFFF;
  border-bottom: 2px solid #C7C8CA;
}
.is-qioz .c-accessibility-popup_content li p {
  color: #36393F;
  font-weight: 600;
}
.is-qioz .c-accessibility-popup_body-contrast legend,
.is-qioz .c-accessibility-popup_body-font legend {
  color: #36393F;
  font-weight: 600;
}
.is-qioz .c-accessibility-popup_body-contrast label,
.is-qioz .c-accessibility-popup_body-font label {
  border: 1px solid #36393F;
  color: #36393F;
  font-weight: 600;
}
.is-qioz .c-accessibility-popup-close-icon {
  color: #36393F !important;
}
.is-qioz {
  /* Active class */
}
.is-qioz .active-accessibility {
  background-color: #36393F !important;
  color: #FFFFFF !important;
}
.is-qioz.not-logged-in:not(.page-user-login-register) button.dropdown-toggle.js-accessibility-link {
  color: #2F3136 !important;
  font-family: "Open Sans";
  font-size: 1.111em;
  font-weight: 400;
  letter-spacing: -0.1px;
  line-height: 27px;
}
@media (min-width: 900px) {
  .is-qioz.not-logged-in:not(.page-user-login-register) .c-accessibility-popup_content {
    right: -180px !important;
    top: 100% !important;
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
    width: 511px !important;
  }
}
.is-qioz.not-logged-in .js-accessibility-navbar:hover, .is-qioz.not-logged-in .js-accessibility-navbar.active-trail, .is-qioz.onboarding-steps .js-accessibility-navbar:hover, .is-qioz.onboarding-steps .js-accessibility-navbar.active-trail {
  background-color: transparent !important;
  color: #36393F !important;
}
@media (max-width: 820px) {
  .is-qioz.not-logged-in .js-accessibility-navbar, .is-qioz.onboarding-steps .js-accessibility-navbar {
    font-weight: 600;
    list-style: none;
  }
  .is-qioz.not-logged-in .js-accessibility-navbar .js-accessibility-link, .is-qioz.onboarding-steps .js-accessibility-navbar .js-accessibility-link {
    padding: 0;
  }
  .is-qioz.not-logged-in .c-accessibility-popup_content, .is-qioz.onboarding-steps .c-accessibility-popup_content {
    -webkit-box-shadow: unset;
            box-shadow: unset;
    left: unset !important;
    margin-top: 20px;
    max-width: 100% !important;
    padding: 0;
    right: unset !important;
    top: unset !important;
    -webkit-transform: none !important;
            transform: none !important;
    width: 100% !important;
  }
  .is-qioz.not-logged-in .c-accessibility-popup_content li, .is-qioz.onboarding-steps .c-accessibility-popup_content li {
    list-style: none;
  }
}
.is-qioz._lingua-page-user-login-register .js-accessibility-link {
  color: #4B4B4B !important;
  font-family: "Open Sans";
  font-size: 14px !important;
  letter-spacing: -0.15px;
  line-height: 19px;
  text-align: center;
}

.is-lingua .c-accessibility-popup_content {
  background-color: #36393F;
}

.onboarding-steps.not-front.logged-in .main-navbar-lingua .main-navbar__logo {
  padding: 0;
}
.onboarding-steps.not-front.logged-in #block-locale-0 {
  width: 90px !important;
}
.onboarding-steps.not-front.logged-in #block-locale-0 #language-container-logged {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 901px) {
  .onboarding-steps.not-front.logged-in .js-accessibility-link:after {
    content: " " !important;
  }
  .onboarding-steps.not-front.logged-in .c-accessibility-popup_content {
    -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.5) !important;
            box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.5) !important;
  }
}
@media (min-width: 821px) {
  .onboarding-steps.not-front.logged-in #a11y-popup {
    -webkit-transform: translate(-55%, 0%);
            transform: translate(-55%, 0%);
  }
  .onboarding-steps.not-front.logged-in #block-menu-menu-lingua-navigation .menu {
    height: 100% !important;
  }
  .onboarding-steps.not-front.logged-in .c-accessibility-popup_content {
    width: 511px !important;
  }
}
@media (max-width: 920px) {
  .onboarding-steps.not-front.logged-in #block-locale-0 {
    position: relative;
    right: 0;
  }
}

@media (min-width: 921px) {
  body.logged-in .c-accessibility-popup_content {
    width: 511px !important;
    right: -180px !important;
  }
}
@media (min-width: 821px) {
  body.not-logged-in .c-accessibility-popup_content {
    width: 511px !important;
    right: -180px !important;
  }
}
@media (max-width: 920px) {
  body.logged-in .c-accessibility-popup-close-icon_large {
    display: none !important;
  }
  body.logged-in .c-accessibility-popup_content label {
    margin-bottom: 5px !important;
    padding-left: 33px !important;
    clear: initial;
  }
  body.logged-in {
    /* Open accessibility tab from responsive menu on login/register */
  }
  body.logged-in .is-qioz.page-user-login-register .js-accessibility-navbar.open .c-accessibility-popup_content, body.logged-in .is-qioz.onboarding-steps .js-accessibility-navbar.open .c-accessibility-popup_content {
    display: block !important;
  }
}

@media (max-width: 600px) {
  .c-accessibility-popup_content label {
    border-radius: 19px !important;
    clear: both;
    min-width: 130px;
  }
}
@media (max-width: 820px) {
  body.not-logged-in.is-qioz .c-accessibility-popup-close-icon_large {
    display: none !important;
  }
  body.not-logged-in.is-qioz .js-accessibility-link {
    font-size: 18px !important;
    font-weight: 600 !important;
  }
  body.not-logged-in.is-qioz .c-accessibility-popup_content label {
    margin-bottom: 5px !important;
    padding-left: 33px !important;
    clear: initial;
  }
}

/* Open accessibility tab from responsive menu on login/register */
@media (max-width: 820px) {
  .page-user-login-register .js-accessibility-navbar.open .c-accessibility-popup_content,
  .onboarding-steps .js-accessibility-navbar.open .c-accessibility-popup_content,
  .page-webservice-register .js-accessibility-navbar.open .c-accessibility-popup_content,
  .front.not-logged-in .js-accessibility-navbar.open .c-accessibility-popup_content {
    display: block !important;
  }
  .page-user-login-register .js-accessibility-navbar.open .c-accessibility-popup_content li p,
  .onboarding-steps .js-accessibility-navbar.open .c-accessibility-popup_content li p,
  .page-webservice-register .js-accessibility-navbar.open .c-accessibility-popup_content li p,
  .front.not-logged-in .js-accessibility-navbar.open .c-accessibility-popup_content li p {
    margin: 0;
    padding: 5px !important;
  }
}
@media (min-width: 821px) {
  .page-user-login-register .c-overlay-menu,
  .onboarding-steps .c-overlay-menu,
  .page-webservice-register .c-overlay-menu,
  .front.not-logged-in .c-overlay-menu {
    display: none !important;
  }
}

/* Password strength text */
#edit-pass-pass1-wrapper #edit-pass-pass1 {
  margin-bottom: 0 !important;
}
#edit-pass-pass1-wrapper #edit-pass-pass1:not(.form-text-error) label {
  bottom: 40px !important;
}
#edit-pass-pass1-wrapper #edit-pass-pass1:not(.form-text-error) label {
  bottom: 40px !important;
}
#edit-pass-pass1-wrapper .tooltip {
  border: none;
  margin-left: 6px;
  max-width: 160px;
  opacity: 1;
  padding: 0;
  width: 100%;
}
#edit-pass-pass1-wrapper .tooltip.right .tooltip-inner {
  position: relative;
}
#edit-pass-pass1-wrapper .tooltip.right .tooltip-inner:before {
  position: absolute;
  width: 9px;
  height: 9px;
  border-top: 0px solid #D4D4D4;
  border-right: 0px solid #D4D4D4;
  border-bottom: 1px solid #D4D4D4;
  border-left: 1px solid #D4D4D4;
  top: 72%;
  left: 0;
  margin-left: -5px;
  content: "";
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-top: -25px;
  background: #FFFFFF;
}
#edit-pass-pass1-wrapper .tooltip.bottom .tooltip-inner {
  position: relative;
}
#edit-pass-pass1-wrapper .tooltip.bottom .tooltip-inner:before {
  position: absolute;
  width: 9px;
  height: 9px;
  border-top: 1px solid #D4D4D4;
  border-right: 0px solid #D4D4D4;
  border-bottom: 0px solid #D4D4D4;
  border-left: 1px solid #D4D4D4;
  top: 25%;
  left: 50%;
  margin-left: -5px;
  content: "";
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-top: -25px;
  background: #FFFFFF;
}
@media (max-width: 480px) {
  #edit-pass-pass1-wrapper .tooltip.bottom .tooltip-inner:before {
    display: none;
  }
}
#edit-pass-pass1-wrapper .tooltip .tooltip-inner {
  border: 1px solid #D4D4D4;
  border-radius: 3px !important;
  max-width: 100%;
  padding: 5px 10px;
  opacity: 0.95;
}
#edit-pass-pass1-wrapper .tooltip .tooltip-inner p {
  color: #525252;
  font-size: 10px;
  font-weight: 600;
  margin: 0;
}
@media (max-width: 480px) {
  #edit-pass-pass1-wrapper .tooltip .tooltip-inner p {
    padding-left: 2px;
    font-size: 11px;
    letter-spacing: -0.03px;
  }
}
#edit-pass-pass1-wrapper .tooltip .tooltip-inner ul {
  list-style: none;
  margin: 0 0 0 5px;
  padding: 0;
}
#edit-pass-pass1-wrapper .tooltip .tooltip-inner ul li {
  color: #A6A6A6;
  font-size: 10px;
  font-weight: 300;
  text-align: start;
}
#edit-pass-pass1-wrapper .tooltip .tooltip-inner ul li:before {
  content: "•";
  font-weight: 600;
  margin-right: 7px;
}
#edit-pass-pass1-wrapper .tooltip .tooltip-inner ul li.js-verified {
  font-weight: 400;
}
#edit-pass-pass1-wrapper .tooltip .tooltip-inner ul li.js-verified:before {
  content: "\f00c";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: "Font Awesome 5 Free";
  height: auto;
  margin-right: 2px;
  width: 10px;
}
@media (max-width: 480px) {
  #edit-pass-pass1-wrapper .tooltip .tooltip-inner ul li {
    color: #525252;
    font-size: 11px;
    letter-spacing: -0.03px;
    line-height: 16px;
    font-weight: 400;
  }
}
@media (max-width: 480px) {
  #edit-pass-pass1-wrapper .tooltip .tooltip-inner ul {
    margin-left: 3px !important;
  }
}
@media (max-width: 480px) {
  #edit-pass-pass1-wrapper .tooltip .tooltip-inner {
    border: none;
  }
}
@media (max-width: 600px) {
  #edit-pass-pass1-wrapper .tooltip {
    margin: 0 auto;
    max-width: 290px !important;
    position: static !important;
    width: 100%;
    z-index: 0;
  }
  #edit-pass-pass1-wrapper .tooltip p {
    padding-left: 25px;
    text-align: start;
  }
  #edit-pass-pass1-wrapper .tooltip .tooltip-inner ul {
    margin-left: 12px;
  }
}

.c-progress-password-strength {
  background-color: #FFFFFF;
  border-radius: 0.5px;
  height: 3px;
  left: 13px;
  margin: 0 auto;
  max-width: 235px;
  position: absolute;
  top: 40px;
  width: 100%;
}

.c-progress-bar_password-strength {
  left: 0;
  position: absolute;
}

.c-progress-password-strength__steps-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-progress-password-strength__steps-container span {
  background-color: #D8D8D8;
  height: 3px;
  margin-right: 2px;
  width: 33.33%;
}
.c-progress-password-strength__steps-container span:last-of-type {
  margin: 0;
}

.c-strength-text {
  font-size: 10px;
  font-weight: 600;
  margin: 0;
  position: absolute;
  right: 25px;
  top: 42px;
}

.js-requirement1 {
  color: #A6A6A6;
  font-size: 10px;
  font-weight: 400;
  line-height: 14px;
  margin: 0;
  max-width: 274px;
  padding-left: 15px;
  text-align: left;
}

.js-verified {
  font-weight: 400;
}
.js-verified:before {
  color: #80E0C9 !important;
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  padding-right: 3px;
}

.js-failed {
  font-weight: 400;
}
.js-failed:before {
  color: #EF7C8E !important;
  content: "\f00d";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  padding-right: 3px;
}

/* DYSGE Password strength text */
/* DYSGE Username validation*/
.js-dysge-password.c-webservice-form__item-container.invalid-value-input input,
.js-dysge-username.c-webservice-form__item-container.invalid-value-input input {
  border: 1px solid #E76B6B;
}
.js-dysge-password.c-webservice-form__item-container.invalid-value-input:after,
.js-dysge-username.c-webservice-form__item-container.invalid-value-input:after {
  color: #E76B6B;
  content: url("/sites/all/themes/lingua/images/icons/warning.svg");
  height: 1px;
  position: absolute;
  right: -10px;
  top: 50%;
  width: 4px;
}
.js-dysge-password .tooltip,
.js-dysge-username .tooltip {
  border: none;
  margin-left: 6px;
  max-width: 160px;
  opacity: 1;
  padding: 0;
  width: 100%;
}
.js-dysge-password .tooltip.right .tooltip-inner,
.js-dysge-username .tooltip.right .tooltip-inner {
  position: relative;
}
.js-dysge-password .tooltip.right .tooltip-inner:before,
.js-dysge-username .tooltip.right .tooltip-inner:before {
  position: absolute;
  width: 9px;
  height: 9px;
  border-top: 0px solid #D4D4D4;
  border-right: 0px solid #D4D4D4;
  border-bottom: 1px solid #D4D4D4;
  border-left: 1px solid #D4D4D4;
  top: 72%;
  left: 0;
  margin-left: -5px;
  content: "";
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-top: -25px;
  background: #FFFFFF;
}
.js-dysge-password .tooltip.bottom .tooltip-inner,
.js-dysge-username .tooltip.bottom .tooltip-inner {
  position: relative;
}
.js-dysge-password .tooltip.bottom .tooltip-inner:before,
.js-dysge-username .tooltip.bottom .tooltip-inner:before {
  position: absolute;
  width: 9px;
  height: 9px;
  border-top: 1px solid #D4D4D4;
  border-right: 0px solid #D4D4D4;
  border-bottom: 0px solid #D4D4D4;
  border-left: 1px solid #D4D4D4;
  top: 25%;
  left: 50%;
  margin-left: -5px;
  content: "";
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-top: -25px;
  background: #FFFFFF;
}
@media (max-width: 480px) {
  .js-dysge-password .tooltip.bottom .tooltip-inner:before,
  .js-dysge-username .tooltip.bottom .tooltip-inner:before {
    display: none;
  }
}
.js-dysge-password .tooltip .tooltip-inner,
.js-dysge-username .tooltip .tooltip-inner {
  border: 1px solid #D4D4D4;
  border-radius: 3px !important;
  max-width: 100%;
  padding: 5px 10px;
  opacity: 0.95;
}
.js-dysge-password .tooltip .tooltip-inner p,
.js-dysge-username .tooltip .tooltip-inner p {
  color: #525252;
  font-size: 10px;
  font-weight: 600;
  margin: 0;
}
@media (max-width: 480px) {
  .js-dysge-password .tooltip .tooltip-inner p,
  .js-dysge-username .tooltip .tooltip-inner p {
    padding-left: 2px;
    font-size: 11px;
    letter-spacing: -0.03px;
  }
}
.js-dysge-password .tooltip .tooltip-inner ul,
.js-dysge-username .tooltip .tooltip-inner ul {
  list-style: none;
  margin: 0 0 0 5px;
  padding: 0;
}
.js-dysge-password .tooltip .tooltip-inner ul li,
.js-dysge-username .tooltip .tooltip-inner ul li {
  color: #A6A6A6;
  font-size: 10px;
  font-weight: 300;
  text-align: start;
}
.js-dysge-password .tooltip .tooltip-inner ul li:before,
.js-dysge-username .tooltip .tooltip-inner ul li:before {
  content: "•";
  font-weight: 600;
  margin-right: 7px;
}
.js-dysge-password .tooltip .tooltip-inner ul li.js-verified,
.js-dysge-username .tooltip .tooltip-inner ul li.js-verified {
  font-weight: 400;
}
.js-dysge-password .tooltip .tooltip-inner ul li.js-verified:before,
.js-dysge-username .tooltip .tooltip-inner ul li.js-verified:before {
  content: "\f00c";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: "Font Awesome 5 Free";
  height: auto;
  margin-right: 2px;
  width: 10px;
}
.js-dysge-password .tooltip .tooltip-inner ul li.js-failed:before,
.js-dysge-username .tooltip .tooltip-inner ul li.js-failed:before {
  content: "\f00d";
  margin-right: 2px;
}
@media (max-width: 480px) {
  .js-dysge-password .tooltip .tooltip-inner ul li,
  .js-dysge-username .tooltip .tooltip-inner ul li {
    color: #525252;
    font-size: 11px;
    letter-spacing: -0.03px;
    line-height: 16px;
    font-weight: 400;
  }
}
.js-dysge-password .tooltip .tooltip-inner ul li.js-requirement1,
.js-dysge-password .tooltip .tooltip-inner ul li.js-username-requirement1,
.js-dysge-username .tooltip .tooltip-inner ul li.js-requirement1,
.js-dysge-username .tooltip .tooltip-inner ul li.js-username-requirement1 {
  padding-left: unset;
}
@media (max-width: 480px) {
  .js-dysge-password .tooltip .tooltip-inner ul,
  .js-dysge-username .tooltip .tooltip-inner ul {
    margin-left: 3px !important;
  }
}
@media (max-width: 480px) {
  .js-dysge-password .tooltip .tooltip-inner,
  .js-dysge-username .tooltip .tooltip-inner {
    border: none;
  }
}
@media (max-width: 600px) {
  .js-dysge-password .tooltip,
  .js-dysge-username .tooltip {
    margin: 0 auto;
    max-width: 290px !important;
    position: static !important;
    width: 100%;
    z-index: 0;
  }
  .js-dysge-password .tooltip p,
  .js-dysge-username .tooltip p {
    padding-left: 25px;
    text-align: start;
  }
  .js-dysge-password .tooltip .tooltip-inner ul,
  .js-dysge-username .tooltip .tooltip-inner ul {
    margin-left: 12px;
  }
}

.js-dysge-username .tooltip.right .tooltip-inner:before {
  margin-top: -20px;
}

/* class for hiding tooltips when you toggle enable / disable tips */
.hide-tooltip {
  display: none !important;
}

/* hide tooltip toggle on select language page */
body.logged-in.page-languages #tooltips-menu-toggle {
  display: none !important;
}

/* different style for qioz / la tooltip switch */
body.is-qioz .c-info-switch__popup {
  background-color: #ffffff;
}
body.is-qioz .c-info-switch__popup p {
  color: #2f3136;
}

/* tooltip toggle switch top menu */
#tooltips-menu-toggle {
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 920px) {
  #tooltips-menu-toggle {
    width: auto !important;
    position: absolute;
    right: 145px;
    top: 0;
  }
}
@media (max-width: 600px) {
  #tooltips-menu-toggle {
    right: 120px;
  }
}
@media (max-width: 440px) {
  #tooltips-menu-toggle {
    position: static;
    border-bottom: 1px solid #E8E8E8;
    padding-right: 35px;
    padding-left: 33px;
  }
}

@media (max-width: 920px) {
  .info-toggle {
    right: 100px !important;
    top: -5px !important;
  }
}

.c-info-switch__container {
  position: relative;
}
@media (max-width: 440px) {
  .c-info-switch__container {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.c-info-switch__container:hover .c-info-switch__popup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-info-switch__btn-container {
  background-image: url("/sites/all/themes/lingua/assets/info-icon.svg");
  border: none;
  background-color: transparent;
  background-size: 23px;
  background-repeat: no-repeat;
  padding: 0 15px 0 10px;
  height: 70px;
  min-width: 60px;
  background-position: 5px;
  vertical-align: middle;
}
@media (max-width: 920px) {
  .c-info-switch__btn-container {
    height: 58px !important;
  }
}
@media (max-width: 440px) {
  .c-info-switch__btn-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 40px;
  }
}
.c-info-switch__btn-container:after {
  content: "\e80b";
  font-family: "fontello";
  color: #36393F;
  font-size: 16px;
  margin-left: 26px;
  position: relative;
  top: 1px;
}
@media (max-width: 440px) {
  .c-info-switch__btn-container:after {
    content: none;
  }
}
.c-info-switch__popup {
  position: absolute;
  padding: 3px 5px 3px 10px;
  height: 43px;
  min-width: 158px;
  border: 1px solid #FFFFFF;
  border-radius: 5px;
  background-color: #363A3E;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  display: none;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  right: 50%;
  z-index: 9999;
}
.c-info-switch__popup p {
  -webkit-box-flex: 0;
      -ms-flex: 0 1;
          flex: 0 1;
  min-width: 100px;
  text-align: left;
}
@media (min-width: 441px) {
  .c-info-switch__popup p {
    line-height: 14px;
  }
}
@media (max-width: 440px) {
  .c-info-switch__popup p {
    max-width: 140px;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
}
@media (max-width: 440px) {
  .c-info-switch__popup {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-transform: none;
            transform: none;
    position: static;
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: none;
    height: 100%;
    width: 100%;
  }
}
.c-info-switch__popup.open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-info-switch__popup fieldset {
  -webkit-box-flex: 0;
      -ms-flex: 0 1;
          flex: 0 1;
  min-width: 50px;
}
@media (max-width: 440px) {
  .c-info-switch__popup fieldset {
    padding-bottom: 5px;
  }
}
.c-info-switch__btn {
  background-color: #4CD964;
  border-radius: 20px;
  display: block;
  width: 50px;
  height: 28px;
  position: relative;
  margin: 0;
}
.c-info-switch__btn:after {
  -moz-transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
  -webkit-transition: all 2s ease-in-out;
  background-color: #FFFFFF;
  border-radius: 50%;
  -webkit-box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.2);
  content: "";
  display: block;
  height: 24px;
  width: 24px;
  right: 3px;
  position: absolute;
  top: 2px;
  transition: all 2s ease-in-out;
}
.c-info-switch__btn.inactive {
  background-color: #E5E5E5;
}
.c-info-switch__btn.inactive:after {
  left: 3px;
  -webkit-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;
}
.c-info-switch__btn input[type=checkbox] {
  opacity: 0;
}
.c-info-switch__text {
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 600;
  margin: 0;
}
@media (max-width: 440px) {
  .c-info-switch__text {
    color: #35393E;
    font-size: 18px;
    letter-spacing: -0.19px;
    line-height: 24px;
    font-family: "Open Sans";
    font-weight: 400;
  }
}

.is-lingua .c-info-switch__btn-container {
  background-image: url("/sites/all/themes/lingua/assets/info-icon-white-border.svg");
}
.is-lingua .c-info-switch__btn-container:after {
  color: #ffffff;
}

/* Info icon - see #9508 */
.c-coaching-header .c-info-icon {
  position: inherit;
  margin-left: 20px;
}
.c-coaching-header .c-info-popup {
  right: 40px;
  top: 20px;
}
@media (max-width: 600px) {
  .c-coaching-header .c-info-popup {
    right: 20px;
  }
}

.c-info__btn-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-info-popup {
  position: absolute;
  max-width: 465px;
  width: 100%;
  border-radius: 13px;
  background-color: #353940;
  -webkit-box-shadow: -2px 2px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: -2px 2px 5px 0 rgba(0, 0, 0, 0.2);
  z-index: 2;
  padding: 0 0 24px 30px;
  right: 5px;
  top: 5px;
  display: none;
}
.c-info-popup p {
  color: #F7F7F7;
  font-weight: 400;
  padding-right: 25px;
}
.c-info-popup p:first-of-type {
  font-size: 16px;
  margin-top: 20px;
  letter-spacing: -0.2px;
}
.c-info-popup p:last-of-type {
  font-size: 14px;
  letter-spacing: -0.17px;
}
.c-info-popup a {
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
  color: #2F90E9;
}

.c-info-popup__close {
  background-image: url(/sites/all/themes/lingua/assets/close-icon.svg);
  background-color: transparent;
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  float: right;
  height: 30px;
  padding: 0;
  width: 30px;
}

.c-info-icon {
  background-image: url("/sites/all/themes/lingua/assets/info-icon-dark.svg");
  border: none;
  width: 28px;
  height: 28px;
  padding: 0;
  border-radius: 50%;
  background-color: #36393f;
  background-size: cover;
  position: absolute;
  top: 7px;
  right: 7px;
}
.c-info-icon--white {
  background-image: url("/sites/all/themes/lingua/assets/info-icon-white.svg");
  background-color: #f7f7f7;
}
.c-info-icon--white ~ .c-info-popup {
  background-color: #F7F7F7;
}
.c-info-icon--white ~ .c-info-popup p {
  color: #2F3136;
}
.c-info-icon--white ~ .c-info-popup .c-info-popup__close {
  background-image: url(/sites/all/themes/lingua/assets/close-icon-black.svg);
}

@media (max-width: 500px) {
  .c-info-popup {
    max-width: unset;
    width: 90%;
  }
}
/* white tooltip text in hamburger menu LINGUA */
@media (max-width: 450px) {
  body.is-lingua .nav__wrapper.of-canvas-menu.is-opened #tooltips-menu-toggle .c-info-switch__popup p.c-info-switch__text {
    color: #fff;
  }
}
/* [ vb, sb, pv, sl ] catalog header styles for adding info tooltip */
.c-row-header-catalog .tooltip-container,
.c-sl-catalog-row .tooltip-container,
.c-favorite_header .tooltip-container,
.c-grammar-rules__titles-text .tooltip-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  z-index: 1;
}
.c-row-header-catalog .tooltip-container .c-info__btn-container,
.c-sl-catalog-row .tooltip-container .c-info__btn-container,
.c-favorite_header .tooltip-container .c-info__btn-container,
.c-grammar-rules__titles-text .tooltip-container .c-info__btn-container {
  position: relative;
  margin-left: 40px;
}
.c-row-header-catalog .tooltip-container .c-info__btn-container > button,
.c-sl-catalog-row .tooltip-container .c-info__btn-container > button,
.c-favorite_header .tooltip-container .c-info__btn-container > button,
.c-grammar-rules__titles-text .tooltip-container .c-info__btn-container > button {
  position: relative;
  top: 0;
  right: 0;
}
.c-row-header-catalog .tooltip-container .c-info__btn-container .c-info-popup,
.c-sl-catalog-row .tooltip-container .c-info__btn-container .c-info-popup,
.c-favorite_header .tooltip-container .c-info__btn-container .c-info-popup,
.c-grammar-rules__titles-text .tooltip-container .c-info__btn-container .c-info-popup {
  width: 380px;
  top: 27%;
  right: 0;
}
@media (max-width: 940px) {
  .c-row-header-catalog .tooltip-container .c-info__btn-container .c-info-popup,
  .c-sl-catalog-row .tooltip-container .c-info__btn-container .c-info-popup,
  .c-favorite_header .tooltip-container .c-info__btn-container .c-info-popup,
  .c-grammar-rules__titles-text .tooltip-container .c-info__btn-container .c-info-popup {
    width: 320px;
  }
}
@media (max-width: 600px) {
  .c-row-header-catalog .tooltip-container .c-info__btn-container .c-info-popup,
  .c-sl-catalog-row .tooltip-container .c-info__btn-container .c-info-popup,
  .c-favorite_header .tooltip-container .c-info__btn-container .c-info-popup,
  .c-grammar-rules__titles-text .tooltip-container .c-info__btn-container .c-info-popup {
    width: 250px;
  }
}
@media (max-width: 411px) {
  .c-row-header-catalog .tooltip-container .c-info__btn-container .c-info-popup,
  .c-sl-catalog-row .tooltip-container .c-info__btn-container .c-info-popup,
  .c-favorite_header .tooltip-container .c-info__btn-container .c-info-popup,
  .c-grammar-rules__titles-text .tooltip-container .c-info__btn-container .c-info-popup {
    width: 200px;
  }
}

/* exercises - favorites page modifications */
.c-favorite_header .tooltip-container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 411px) {
  .c-favorite_header .tooltip-container .c-info__btn-container {
    margin-right: 10px;
  }
}
.c-favorite_header .tooltip-container .c-info__btn-container .c-info-popup {
  width: 310px;
}
@media (max-width: 670px) {
  .c-favorite_header .tooltip-container .c-info__btn-container .c-info-popup {
    width: 290px;
  }
}
@media (max-width: 411px) {
  .c-favorite_header .tooltip-container .c-info__btn-container .c-info-popup {
    width: 250px;
  }
}

/* dashboard pages, my school pages [ my challenges, grammar rules, assessment tests .. ] */
.c-grammar-rules__titles-text .dashboard-tooltip-container,
.school-panel.assessments .dashboard-tooltip-container,
.user-page .dashboard-tooltip-container,
.c-students_titles .dashboard-tooltip-container,
.c-class-management_page .dashboard-tooltip-container,
.c-assessment_titles .dashboard-tooltip-container,
.c-class-results__name-col .dashboard-tooltip-container,
.c-stats-results__container .dashboard-tooltip-container,
.c-teacher-assignments__block .dashboard-tooltip-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  z-index: 1;
  padding: 10px 0;
}
.c-grammar-rules__titles-text .dashboard-tooltip-container > h1,
.school-panel.assessments .dashboard-tooltip-container > h1,
.user-page .dashboard-tooltip-container > h1,
.c-students_titles .dashboard-tooltip-container > h1,
.c-class-management_page .dashboard-tooltip-container > h1,
.c-assessment_titles .dashboard-tooltip-container > h1,
.c-class-results__name-col .dashboard-tooltip-container > h1,
.c-stats-results__container .dashboard-tooltip-container > h1,
.c-teacher-assignments__block .dashboard-tooltip-container > h1 {
  margin: 0 !important;
  padding: 0 !important;
}
.c-grammar-rules__titles-text .dashboard-tooltip-container .c-info__btn-container,
.school-panel.assessments .dashboard-tooltip-container .c-info__btn-container,
.user-page .dashboard-tooltip-container .c-info__btn-container,
.c-students_titles .dashboard-tooltip-container .c-info__btn-container,
.c-class-management_page .dashboard-tooltip-container .c-info__btn-container,
.c-assessment_titles .dashboard-tooltip-container .c-info__btn-container,
.c-class-results__name-col .dashboard-tooltip-container .c-info__btn-container,
.c-stats-results__container .dashboard-tooltip-container .c-info__btn-container,
.c-teacher-assignments__block .dashboard-tooltip-container .c-info__btn-container {
  position: relative;
  margin-left: 40px;
}
.c-grammar-rules__titles-text .dashboard-tooltip-container .c-info__btn-container > button,
.school-panel.assessments .dashboard-tooltip-container .c-info__btn-container > button,
.user-page .dashboard-tooltip-container .c-info__btn-container > button,
.c-students_titles .dashboard-tooltip-container .c-info__btn-container > button,
.c-class-management_page .dashboard-tooltip-container .c-info__btn-container > button,
.c-assessment_titles .dashboard-tooltip-container .c-info__btn-container > button,
.c-class-results__name-col .dashboard-tooltip-container .c-info__btn-container > button,
.c-stats-results__container .dashboard-tooltip-container .c-info__btn-container > button,
.c-teacher-assignments__block .dashboard-tooltip-container .c-info__btn-container > button {
  position: relative;
  top: 0;
  right: 0;
}
.c-grammar-rules__titles-text .dashboard-tooltip-container .c-info__btn-container .c-info-popup,
.school-panel.assessments .dashboard-tooltip-container .c-info__btn-container .c-info-popup,
.user-page .dashboard-tooltip-container .c-info__btn-container .c-info-popup,
.c-students_titles .dashboard-tooltip-container .c-info__btn-container .c-info-popup,
.c-class-management_page .dashboard-tooltip-container .c-info__btn-container .c-info-popup,
.c-assessment_titles .dashboard-tooltip-container .c-info__btn-container .c-info-popup,
.c-class-results__name-col .dashboard-tooltip-container .c-info__btn-container .c-info-popup,
.c-stats-results__container .dashboard-tooltip-container .c-info__btn-container .c-info-popup,
.c-teacher-assignments__block .dashboard-tooltip-container .c-info__btn-container .c-info-popup {
  width: 450px;
  top: 0;
  right: 0;
}
@media (max-width: 991px) {
  .c-grammar-rules__titles-text .dashboard-tooltip-container .c-info__btn-container .c-info-popup,
  .school-panel.assessments .dashboard-tooltip-container .c-info__btn-container .c-info-popup,
  .user-page .dashboard-tooltip-container .c-info__btn-container .c-info-popup,
  .c-students_titles .dashboard-tooltip-container .c-info__btn-container .c-info-popup,
  .c-class-management_page .dashboard-tooltip-container .c-info__btn-container .c-info-popup,
  .c-assessment_titles .dashboard-tooltip-container .c-info__btn-container .c-info-popup,
  .c-class-results__name-col .dashboard-tooltip-container .c-info__btn-container .c-info-popup,
  .c-stats-results__container .dashboard-tooltip-container .c-info__btn-container .c-info-popup,
  .c-teacher-assignments__block .dashboard-tooltip-container .c-info__btn-container .c-info-popup {
    width: 210px;
    margin-left: 10px;
  }
}
@media (max-width: 600px) {
  .c-grammar-rules__titles-text .dashboard-tooltip-container .c-info__btn-container .c-info-popup,
  .school-panel.assessments .dashboard-tooltip-container .c-info__btn-container .c-info-popup,
  .user-page .dashboard-tooltip-container .c-info__btn-container .c-info-popup,
  .c-students_titles .dashboard-tooltip-container .c-info__btn-container .c-info-popup,
  .c-class-management_page .dashboard-tooltip-container .c-info__btn-container .c-info-popup,
  .c-assessment_titles .dashboard-tooltip-container .c-info__btn-container .c-info-popup,
  .c-class-results__name-col .dashboard-tooltip-container .c-info__btn-container .c-info-popup,
  .c-stats-results__container .dashboard-tooltip-container .c-info__btn-container .c-info-popup,
  .c-teacher-assignments__block .dashboard-tooltip-container .c-info__btn-container .c-info-popup {
    width: 190px;
  }
}

/* class for bigger z-index on tooltip on stats&results page  */
.tooltip-index {
  z-index: 2 !important;
}

/* class for extra margin on test results div on stats&results page */
.tooltip-margin {
  margin-bottom: 200px !important;
}

/* small modifications for individual pages from dashboards -- 
-assessments page */
.school-panel.assessments .dashboard-tooltip-container .c-info__btn-container {
  margin-left: 50px;
}

/* dashboard - my challenges */
.dashboard-tooltip-container.my-challenges-margins {
  margin: 40px 0 10px;
  padding: 15px 20px 10px 10px;
}
.dashboard-tooltip-container.my-challenges-margins > h2 {
  margin: 0 !important;
  padding: 0 !important;
}

/* small modifications for individual pages from my school -- 
-students page */
@media (max-width: 991px) {
  .c-students_titles .dashboard-tooltip-container .c-info__btn-container {
    z-index: 3;
    margin-left: 60px;
  }
}
.c-students_titles .dashboard-tooltip-container .c-info__btn-container .c-info-popup {
  width: 430px;
}
@media (max-width: 991px) {
  .c-students_titles .dashboard-tooltip-container .c-info__btn-container .c-info-popup {
    width: 200px;
    margin-left: 10px;
  }
}
@media (max-width: 600px) {
  .c-students_titles .dashboard-tooltip-container .c-info__btn-container .c-info-popup {
    width: 190px;
  }
}

/* class managements page  */
@media (max-width: 350px) {
  .c-students_titles .js-class-management_add-new-class-button,
  .c-class-management_page .js-class-management_add-new-class-button {
    margin-top: 10px;
  }
}
@media (max-width: 991px) {
  .c-students_titles .c-class-management_titles,
  .c-class-management_page .c-class-management_titles {
    padding-top: 20px;
  }
}

/* class managements and asessment tests page  */
@media (max-width: 320px) {
  .c-students_titles .dashboard-tooltip-container .c-info__btn-container,
  .c-class-management_page .dashboard-tooltip-container .c-info__btn-container,
  .c-assessment_titles .dashboard-tooltip-container .c-info__btn-container {
    margin-right: 10px;
  }
}
@media (max-width: 991px) {
  .c-students_titles .dashboard-tooltip-container .c-info__btn-container .c-info-popup,
  .c-class-management_page .dashboard-tooltip-container .c-info__btn-container .c-info-popup,
  .c-assessment_titles .dashboard-tooltip-container .c-info__btn-container .c-info-popup {
    width: 230px;
  }
}
@media (max-width: 320px) {
  .c-students_titles .dashboard-tooltip-container .c-info__btn-container .c-info-popup,
  .c-class-management_page .dashboard-tooltip-container .c-info__btn-container .c-info-popup,
  .c-assessment_titles .dashboard-tooltip-container .c-info__btn-container .c-info-popup {
    width: 210px;
  }
}

/* assignments page */
.tooltip-parent .c-info__btn-container .c-info-icon {
  top: 10px;
  right: 10px;
}
@media (max-width: 991px) {
  .tooltip-parent .c-info__btn-container .c-info-icon {
    top: 30px;
  }
}
.tooltip-parent .c-info__btn-container .c-info-popup {
  right: 10px;
  top: 10px;
}
@media (max-width: 991px) {
  .tooltip-parent .c-info__btn-container .c-info-popup {
    top: 30px;
  }
}

/* stats and results page */
.c-class-results__name-col .dashboard-tooltip-container {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding: 10px;
}
@media (max-width: 991px) {
  .c-class-results__name-col .dashboard-tooltip-container .c-info__btn-container .c-info-popup {
    width: 450px;
  }
}
@media (max-width: 600px) {
  .c-class-results__name-col .dashboard-tooltip-container .c-info__btn-container .c-info-popup {
    width: 250px;
  }
}
@media (max-width: 370px) {
  .c-class-results__name-col .dashboard-tooltip-container .c-info__btn-container .c-info-popup {
    width: 210px;
  }
}

/* stats and results - class - student page */
.tooltip-student .dashboard-tooltip-container {
  padding-bottom: 0;
}
@media (max-width: 320px) {
  .tooltip-student .dashboard-tooltip-container {
    padding: 10px 0 0 0;
  }
}
@media (max-width: 320px) {
  .tooltip-student .dashboard-tooltip-container .c-info__btn-container .c-info-popup {
    width: 190px;
  }
}

/* user account and profile */
.dashboard-tooltip-container.user {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 991px) {
  .dashboard-tooltip-container.user .c-info__btn-container {
    margin-left: 70px;
  }
}
.dashboard-tooltip-container.user .c-info__btn-container > span {
  position: relative;
  top: 0;
  right: 0;
}
.dashboard-tooltip-container.user .c-info__btn-container > span:hover {
  cursor: pointer;
}
.dashboard-tooltip-container.user .c-info__btn-container .c-info-popup {
  width: 430px;
}
.dashboard-tooltip-container.user .c-info__btn-container .c-info-popup span:hover {
  cursor: pointer;
}
@media (max-width: 991px) {
  .dashboard-tooltip-container.user .c-info__btn-container .c-info-popup {
    width: 210px;
    margin-left: 10px;
  }
}
@media (max-width: 600px) {
  .dashboard-tooltip-container.user .c-info__btn-container .c-info-popup {
    width: 190px;
  }
}

/* stats and results teacher 1 */
.c-stats-results__container .c-badges__header-sections div {
  height: auto !important;
  min-height: 68px;
}
.c-stats-results__container .dashboard-tooltip-container {
  padding: 0;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-stats-results__container .dashboard-tooltip-container .c-info__btn-container {
  margin: 0;
}
.c-stats-results__container .dashboard-tooltip-container .c-info__btn-container .c-info-popup {
  top: 20px;
  right: 7px;
}
@media (max-width: 991px) {
  .c-stats-results__container .dashboard-tooltip-container .c-info__btn-container .c-info-popup {
    width: 450px;
  }
}
@media (max-width: 600px) {
  .c-stats-results__container .dashboard-tooltip-container .c-info__btn-container .c-info-popup {
    width: 210px;
  }
}

/* stats and results teacher 2 - download stats */
.c-stats__download-container .c-info__btn-container {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}
.c-stats__download-container .c-info__btn-container .c-info-icon {
  top: 15px;
  right: 22px;
}
.c-stats__download-container .c-info__btn-container .c-info-popup {
  z-index: 3;
  width: 450px;
  top: 15px;
  right: 22px;
}
@media (max-width: 991px) {
  .c-stats__download-container .c-info__btn-container .c-info-popup {
    width: 450px;
  }
}
@media (max-width: 600px) {
  .c-stats__download-container .c-info__btn-container .c-info-popup {
    width: 210px;
  }
}
.c-stats__download-container .c-info__btn-container .c-info-popup p {
  margin-left: 0;
  margin-bottom: 10px;
  padding: 0 25px 0 0;
}
@media (max-width: 600px) {
  .c-stats__download-container .results__header {
    margin-top: 30px;
  }
}

/* homepage teacher panel 2 - assisgnments in progress */
.c-teacher-assignments__block .dashboard-tooltip-container {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 20px 10px;
}
@media (max-width: 991px) {
  .c-teacher-assignments__block .dashboard-tooltip-container .c-info__btn-container .c-info-popup {
    width: 400px;
  }
}
@media (max-width: 600px) {
  .c-teacher-assignments__block .dashboard-tooltip-container .c-info__btn-container .c-info-popup {
    width: 210px;
  }
}
.c-teacher-assignments__block .dashboard-tooltip-container .c-info__btn-container .c-info-popup p:nth-of-type(2) {
  margin-bottom: 10px;
}

/* hide tooltip until page loads */
@media (max-width: 920px) {
  #tooltips-menu-toggle {
    display: none;
  }
}

.page-user-manual .main-navbar__logo {
  margin-left: 0;
  padding: 0;
}

.c-user-manual__menu {
  max-width: 290px;
  width: 100%;
  -webkit-box-shadow: 5px 0 8px -5px rgba(0, 0, 0, 0.1), -5px 0 8px -5px rgba(0, 0, 0, 0.1);
          box-shadow: 5px 0 8px -5px rgba(0, 0, 0, 0.1), -5px 0 8px -5px rgba(0, 0, 0, 0.1);
  background-color: #FFFFFF;
  height: auto;
}
.c-user-manual__menu ul {
  padding: 0;
  list-style: none;
}
.c-user-manual__menu ul li {
  background-repeat: no-repeat;
  background-size: 28px;
  background-position: 10px center;
}
.c-user-manual__menu ul li.icon-intro {
  background-image: url("/sites/all/themes/lingua/assets/user-manual/intro.svg");
}
.c-user-manual__menu ul li.icon-getting-started {
  background-image: url("/sites/all/themes/lingua/assets/user-manual/start.svg");
}
.c-user-manual__menu ul li.icon-video-boosters {
  background-image: url("/sites/all/themes/lingua/assets/learned-expressions/group-vb.png");
}
.c-user-manual__menu ul li.icon-assignments {
  background-image: url("/sites/all/themes/lingua/assets/assignments/assignments.svg");
}
.c-user-manual__menu ul li.icon-missions {
  background-image: url("/sites/all/themes/lingua/assets/user-manual/missions.svg");
}
.c-user-manual__menu ul li.icon-assessment-tests {
  background-image: url("/sites/all/themes/lingua/assets/homepage-teacher/assesment-coaching-logo.svg");
}
.c-user-manual__menu ul li.icon-statistics-and-results {
  background-image: url("/sites/all/themes/lingua/assets/user-manual/stats.svg");
}
.c-user-manual__menu ul li.icon-personal-data {
  background-image: url("/sites/all/themes/lingua/assets/user-manual/personal-data.svg");
}
.c-user-manual__menu ul li.icon-dashboards {
  background-image: url("/sites/all/themes/lingua/assets/user-manual/dashboards.svg");
}
.c-user-manual__menu ul li.icon-career-track {
  background-image: url("/sites/all/themes/lingua/assets/career-tracks/careertracks.svg");
}
.c-user-manual__menu ul li.icon-classes {
  background-image: url("/sites/all/themes/lingua/assets/user-manual/presentation.svg");
}
.c-user-manual__menu ul li.icon-skill-boosters {
  background-image: url("/sites/all/themes/lingua/assets/skill-booster-icons/sb-header-icon.png");
}
.c-user-manual__menu ul li.icon-starter-labs {
  background-image: url("/sites/all/themes/lingua/assets/starterlab-icons/starter_labs.png");
}
.c-user-manual__menu ul li.icon-photo-vocabs {
  background-image: url("/sites/all/themes/lingua/assets/pv-circle-icon.png");
}
.c-user-manual__menu ul li.icon-video-vocabs {
  background-image: url("/sites/all/themes/lingua/assets/lsf/vv-logo.svg");
}
.c-user-manual__menu ul li.active-tab {
  background-color: #36393F;
}
.c-user-manual__menu ul li.active-tab a {
  color: #FFFFFF;
  font-weight: 400;
}

.c-user-manual__menu-tab {
  width: 100%;
  border: 1px solid #F2F2F2;
}

.c-user-manual__menu-text {
  color: #2F3136;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.17px;
  line-height: 22px;
  text-decoration: none;
  padding: 19px 0 19px 50px;
  display: block;
}

.c-user-manual__page {
  width: 100%;
  padding: 0 6.3%;
}

.c-user-manual {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 92vh;
}
.c-user-manual .c-badges__categories-badges-container {
  max-width: inherit;
  border-radius: 0 0 10px 10px;
  -webkit-box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.1);
  border: none;
  border-top: 1px solid #E2E2E2;
}
.c-user-manual .c-badges__header-sections {
  min-height: 80px;
  height: auto;
  max-width: inherit;
  border-radius: 10px;
  padding: 0 25px;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
}
.c-user-manual .c-badges__header-sections.active-section {
  border-radius: 10px 10px 0 0;
}
@media (max-width: 600px) {
  .c-user-manual .c-badges__header-sections {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 5px 25px;
  }
  .c-user-manual .c-badges__header-sections .c-badges__header-sections-title {
    line-height: 21px;
  }
}
.c-user-manual .c-badges__header-sections-title {
  width: 100%;
}
.c-user-manual .c-badges__plus-icon {
  max-width: 30px;
  width: 100%;
}
.c-user-manual .c-badges__container {
  max-width: 970px;
  width: 100%;
  margin-bottom: 15px;
}
.c-user-manual__info {
  padding: 2.7% 3%;
  display: inline-block;
  width: 100%;
}
@media (max-width: 420px) {
  .c-user-manual__info {
    padding: 11px 12px;
  }
}
.c-user-manual__info p {
  color: #4B4B4B;
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
  font-weight: 400;
}
@media (min-width: 600px) {
  .c-user-manual__info p {
    font-size: 15px;
    line-height: 21px;
  }
}
.c-user-manual__info a {
  color: #4A90E2;
}
.c-user-manual__info--sb-badges .c-user-manual__game-information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-user-manual__image {
  float: left;
  margin-right: 3.8%;
  max-width: 300px;
  width: 100%;
  -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  image-rendering: -webkit-optimize-contrast;
}
@media (max-width: 600px) {
  .c-user-manual__image {
    max-width: 100%;
    margin-bottom: 3%;
  }
}
.c-user-manual__game-information {
  min-height: 70px;
  margin: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-user-manual__page-title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.24px;
  line-height: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0;
}
.c-user-manual__page-title .c-vb__header-icon-rework,
.c-user-manual__page-title .c-start__header-icon-rework,
.c-user-manual__page-title .c-sl__header-icon-rework,
.c-user-manual__page-title .c-classes__header-icon-rework,
.c-user-manual__page-title .c-dashboards__header-icon-rework,
.c-user-manual__page-title .c-personal__header-icon-rework,
.c-user-manual__page-title .c-stats__header-icon-rework,
.c-user-manual__page-title .c-assignments__header-icon-rework,
.c-user-manual__page-title .c-missions__header-icon-rework,
.c-user-manual__page-title .c-sb__header-icon,
.c-user-manual__page-title .c-intro__header-icon,
.c-user-manual__page-title .c-career-tracks__header-icon {
  height: 43px;
  width: 43px;
  margin-right: 15px;
  background-size: contain;
  background-repeat: no-repeat;
}
.c-user-manual__page-title .c-start__header-icon-rework {
  background-image: url("/sites/all/themes/lingua/assets/user-manual/start.svg");
}
.c-user-manual__page-title .c-classes__header-icon-rework {
  background-image: url("/sites/all/themes/lingua/assets/user-manual/presentation.svg");
}
.c-user-manual__page-title .c-assignments__header-icon-rework {
  background-image: url("/sites/all/themes/lingua/assets/assignments/assignments.svg");
}
.c-user-manual__page-title .c-missions__header-icon-rework {
  background-image: url("/sites/all/themes/lingua/assets/user-manual/missions.svg");
}
.c-user-manual__page-title .c-dashboards__header-icon-rework {
  background-image: url("/sites/all/themes/lingua/assets/user-manual/dashboards.svg");
}
.c-user-manual__page-title .c-stats__header-icon-rework {
  background-image: url("/sites/all/themes/lingua/assets/user-manual/stats.svg");
}
.c-user-manual__page-title .c-personal__header-icon-rework {
  background-image: url("/sites/all/themes/lingua/assets/user-manual/personal-data.svg");
}
.c-user-manual__page-title .c-intro__header-icon {
  background-image: url("/sites/all/themes/lingua/assets/user-manual/intro.svg");
}
.c-user-manual__list-info {
  padding: 0 0 0 15px;
  margin: 0;
}
.c-user-manual__list-info li {
  list-style: none;
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
  font-weight: 400;
}
.c-user-manual__toggle-menu {
  display: none;
}

@media (max-width: 991px) {
  .is-lingua .c-anon-user-manual .c-um-header {
    padding: 105px 35px 25px 35px;
  }
}
@media (max-width: 820px) {
  .is-lingua .c-anon-user-manual .c-um-header {
    padding: 95px 35px 25px 35px;
  }
}
@media (max-width: 991px) {
  .is-lingua .c-anon-user-manual .c-empty-back-section {
    height: 70px;
  }
}
@media (max-width: 820px) {
  .is-lingua .c-anon-user-manual .c-empty-back-section {
    height: 60px;
  }
}

.is-qioz .c-anon-user-manual {
  background-color: #FFFFFF;
}

.c-anon-user-manual .c-um-header {
  padding: 35px 35px 25px 35px;
  border-bottom: 1px solid #B1B1B1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-anon-user-manual .c-um-header .c-back-section {
  max-width: 255px;
  width: 100%;
}
.c-anon-user-manual .c-um-header .c-back-section__link {
  font-weight: 600;
  font-size: 20px;
  color: #4b4b4b;
}
.c-anon-user-manual .c-um-header .c-back-section__link .c-link-text {
  text-decoration: underline;
}
@media (min-width: 801px) and (max-width: 1080px) {
  .c-anon-user-manual .c-um-header .c-back-section {
    max-width: 205px;
  }
}
.c-anon-user-manual .c-um-header .c-title-section {
  color: #4B4B4B;
  font-size: 22px;
  font-weight: 600;
  width: 100%;
  padding: 0 6.3%;
}
@media (max-width: 800px) {
  .c-anon-user-manual .c-um-header .c-title-section {
    text-align: center;
    padding: 0;
    margin-top: 20px;
  }
}
@media (min-width: 801px) and (max-width: 1080px) {
  .c-anon-user-manual .c-um-header .c-title-section {
    padding: 0 4%;
  }
}
@media (max-width: 800px) {
  .c-anon-user-manual .c-um-header {
    display: block;
  }
}
.c-anon-user-manual .c-user-manual__anon {
  padding: 0 35px;
}
.c-anon-user-manual .c-user-manual__anon .c-user-manual__anon-title {
  text-align: center;
  padding: 65px 0;
  font-weight: 600;
  font-size: 24px;
  color: #4b4b4b;
}
.c-anon-user-manual .c-user-manual__anon .c-user-manual__anon-buttons {
  padding-bottom: 100px;
  text-align: center;
  width: 470px;
  min-width: 200px;
  margin: 0 auto;
}
.c-anon-user-manual .c-user-manual__anon .c-user-manual__anon-buttons .c-um-button {
  background-color: #00A0D8;
  -webkit-box-shadow: inset 0 0.0625rem 0.1875rem 0 #43aac9, 0 0.25rem 1.875rem 0 rgba(61, 167, 229, 0.5);
          box-shadow: inset 0 0.0625rem 0.1875rem 0 #43aac9, 0 0.25rem 1.875rem 0 rgba(61, 167, 229, 0.5);
  color: #fff;
  font-size: 22px;
  font-weight: 400;
  border-radius: 42.5px;
  margin-bottom: 35px;
  padding: 29px;
}
@media (max-width: 600px) {
  .c-anon-user-manual .c-user-manual__anon .c-user-manual__anon-buttons {
    width: 100%;
  }
}

.is-lingua .c-anon-user-manual .c-user-manual__anon .c-user-manual__anon-buttons .c-um-button {
  background-color: #e06894;
  -webkit-box-shadow: inset 0 0.0625rem 0.1875rem 0 #c94374, 0 0.25rem 1.875rem 0 rgba(251, 99, 155, 0.5);
          box-shadow: inset 0 0.0625rem 0.1875rem 0 #c94374, 0 0.25rem 1.875rem 0 rgba(251, 99, 155, 0.5);
  border-radius: 6px;
}

.is-linguaphone .c-anon-user-manual .c-user-manual__anon .c-user-manual__anon-buttons .c-um-button {
  background-color: #DF1F26;
  -webkit-box-shadow: inset 0 0.0625rem 0.1875rem 0 #c94374, 0 0.25rem 1.875rem 0 rgba(251, 99, 155, 0.5);
          box-shadow: inset 0 0.0625rem 0.1875rem 0 #c94374, 0 0.25rem 1.875rem 0 rgba(251, 99, 155, 0.5);
}

.c-games-icons {
  max-width: 68px;
  width: 100%;
  height: 68px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  float: left;
  margin-right: 15px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.icon-badges {
  background-image: url("/sites/all/themes/lingua/assets/skill-booster-icons/badges/badges.svg");
  background-size: cover;
  max-width: 65px;
}
.icon-badges--no-badges {
  background-position: -180px 10px;
}
.icon-badges--bronze {
  background-position: -120px;
}
.icon-badges--silver {
  background-position: -56px;
}
.icon-badges--gold {
  background-position: 5px;
}

/* Adjust styles to fit side menu */
@media (min-width: 801px) and (max-width: 1080px) {
  .c-user-manual__menu {
    max-width: 240px;
    -webkit-transition: width 2s;
    transition: width 2s;
  }
  .c-user-manual__menu .c-user-manual__menu-text {
    padding: 19px 5px 19px 50px;
  }
  .c-user-manual__page {
    padding: 0 4%;
  }
}
/* Breakpoint for hiding side menu */
@media (max-width: 800px) {
  .c-user-manual {
    padding-top: 10px;
  }
  .c-user-manual__menu {
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
    -webkit-transform: translateX(-290px);
            transform: translateX(-290px);
    position: absolute;
    z-index: 1;
    height: 100%;
  }
  .c-user-manual__menu.open-menu {
    -webkit-transform: none;
            transform: none;
  }
  .c-user-manual__menu.open-menu .c-user-manual__toggle-menu:before {
    color: #36393F;
  }
  .c-user-manual__menu.open-menu .c-user-manual__toggle-menu span {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  .c-user-manual__menu.open-menu ~ .c-user-manual__overlay {
    display: block;
  }
  .c-user-manual__overlay {
    position: absolute;
    height: 100%;
    background-color: #000;
    width: 100%;
    opacity: 0.2;
    display: none;
  }
  .c-user-manual__toggle-menu {
    position: absolute;
    top: 20%;
    right: -25px;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    display: block;
    border: none;
    height: 90px;
    border-radius: 5px;
    background-color: transparent;
    width: 25px;
    padding: 0;
  }
  .c-user-manual__toggle-menu span {
    position: absolute;
    width: 100%;
    top: 0;
    height: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    z-index: 1;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .c-user-manual__toggle-menu span:before {
    content: "\e80a";
    font-family: "fontello";
    color: #A5A5A5;
    font-size: 17px;
  }
  .c-user-manual__toggle-menu:before {
    content: "";
    -webkit-transform: skew(0deg, 30deg);
            transform: skew(0deg, 30deg);
    position: absolute;
    background: #F7F7F7;
    display: block;
    width: 100%;
    height: 70%;
    border-radius: 0 5px;
    border: 1px solid #E3E6EA;
    border-bottom: none;
  }
  .c-user-manual__toggle-menu:after {
    content: "";
    -webkit-transform: skew(0deg, -30deg);
            transform: skew(0deg, -30deg);
    background: #F7F7F7;
    display: block;
    width: 100%;
    height: 70%;
    border-radius: 0 0 5px 0;
    margin-top: 16px;
    border: 1px solid #E3E6EA;
    border-top: none;
  }
}
@media (max-width: 600px) {
  .c-user-manual__menu {
    height: auto;
  }
}
/* image modal styles */
#imagemodal.modal.fade.in {
  background-color: rgba(0, 0, 0, 0.3);
}
#imagemodal .modal-dialog {
  width: 50vw;
  height: auto;
  margin: 80px auto 30px;
}
@media (max-width: 1000px) {
  #imagemodal .modal-dialog {
    width: 85vw;
  }
}
@media (max-width: 450px) {
  #imagemodal .modal-dialog {
    width: 98vw;
  }
}
#imagemodal .modal-dialog .modal-content {
  border: none;
}
#imagemodal .modal-dialog .modal-body {
  padding: 0 10px 10px;
}
#imagemodal .modal-dialog .modal-body .imagepreview {
  width: 100%;
}
#imagemodal .modal-dialog .modal-body .close {
  font-size: 36px;
  color: #2F3136;
  opacity: 0.7;
}

.c-vv-header-icon {
  height: 43px;
  width: 43px;
  margin-right: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("/sites/all/themes/lingua/assets/lsf/vv-logo.svg");
}

/* Text header from Intro to pinyin, intro to hanzi and hanzi exercises */
.page-starting-to-learn-chinese #page-content .container,
.page-intro-to-hanzi #page-content .container,
.node-type-hanzi-quartet #page-content .container {
  margin-top: 8.5px;
}
.page-starting-to-learn-chinese .main-navbar__title,
.page-intro-to-hanzi .main-navbar__title,
.node-type-hanzi-quartet .main-navbar__title {
  width: 100%;
  margin: 0;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-starting-to-learn-chinese .main-navbar__title h1, .page-starting-to-learn-chinese .main-navbar__title span,
.page-intro-to-hanzi .main-navbar__title h1,
.page-intro-to-hanzi .main-navbar__title span,
.node-type-hanzi-quartet .main-navbar__title h1,
.node-type-hanzi-quartet .main-navbar__title span {
  font-size: 24px;
  font-weight: 400;
}
@media (max-width: 991px) {
  .page-starting-to-learn-chinese .main-navbar__title h1, .page-starting-to-learn-chinese .main-navbar__title span,
  .page-intro-to-hanzi .main-navbar__title h1,
  .page-intro-to-hanzi .main-navbar__title span,
  .node-type-hanzi-quartet .main-navbar__title h1,
  .node-type-hanzi-quartet .main-navbar__title span {
    font-size: 20px;
  }
}
@media (max-width: 850px) {
  .page-starting-to-learn-chinese .main-navbar__title h1, .page-starting-to-learn-chinese .main-navbar__title span,
  .page-intro-to-hanzi .main-navbar__title h1,
  .page-intro-to-hanzi .main-navbar__title span,
  .node-type-hanzi-quartet .main-navbar__title h1,
  .node-type-hanzi-quartet .main-navbar__title span {
    font-size: 18px;
  }
}
.page-starting-to-learn-chinese.is-lingua .c-sl-lingua-game-header__title,
.page-intro-to-hanzi.is-lingua .c-sl-lingua-game-header__title,
.node-type-hanzi-quartet.is-lingua .c-sl-lingua-game-header__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-starting-to-learn-chinese.is-lingua .c-pinyin-header-title,
.page-intro-to-hanzi.is-lingua .c-pinyin-header-title,
.node-type-hanzi-quartet.is-lingua .c-pinyin-header-title {
  margin: 0;
}
.page-starting-to-learn-chinese.is-lingua .c-pinyin-header-title,
.page-intro-to-hanzi.is-lingua .c-pinyin-header-title,
.node-type-hanzi-quartet.is-lingua .c-pinyin-header-title {
  color: #FFFFFF;
}
.page-starting-to-learn-chinese.is-lingua .c-pinyin-header-subtitle,
.page-intro-to-hanzi.is-lingua .c-pinyin-header-subtitle,
.node-type-hanzi-quartet.is-lingua .c-pinyin-header-subtitle {
  color: #B6B6B6;
}
.page-starting-to-learn-chinese .c-pinyin-header-title,
.page-intro-to-hanzi .c-pinyin-header-title,
.node-type-hanzi-quartet .c-pinyin-header-title {
  margin: 0 7px 0 0;
  color: #4B4B4B;
}
.page-starting-to-learn-chinese .c-pinyin-header-subtitle,
.page-intro-to-hanzi .c-pinyin-header-subtitle,
.node-type-hanzi-quartet .c-pinyin-header-subtitle {
  color: #A6A6A6;
}
.page-starting-to-learn-chinese.not-front #tooltips-menu-toggle,
.page-starting-to-learn-chinese.not-front #block-locale-0,
.page-intro-to-hanzi.not-front #tooltips-menu-toggle,
.page-intro-to-hanzi.not-front #block-locale-0,
.node-type-hanzi-quartet.not-front #tooltips-menu-toggle,
.node-type-hanzi-quartet.not-front #block-locale-0 {
  display: none !important;
}
@media (max-width: 920px) {
  .page-starting-to-learn-chinese .of-canvas-navigation,
  .page-intro-to-hanzi .of-canvas-navigation,
  .node-type-hanzi-quartet .of-canvas-navigation {
    visibility: visible !important;
  }
}
@media (max-width: 600px) {
  .page-starting-to-learn-chinese .c-close-icon-header-games,
  .page-starting-to-learn-chinese .c-close-icon_div,
  .page-starting-to-learn-chinese .c-close-icon-header-games,
  .page-intro-to-hanzi .c-close-icon-header-games,
  .page-intro-to-hanzi .c-close-icon_div,
  .page-intro-to-hanzi .c-close-icon-header-games,
  .node-type-hanzi-quartet .c-close-icon-header-games,
  .node-type-hanzi-quartet .c-close-icon_div,
  .node-type-hanzi-quartet .c-close-icon-header-games {
    display: block;
  }
}

.chinese-grey-text {
  color: #9B9B9B;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.15px;
  line-height: 19px;
  text-align: center;
}

.oval-btn, .c-starting-learn-chinese__prev-btn, .c-starting-learn-chinese__continue-btn {
  min-height: 50px;
  min-width: 235px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 25px;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: -0.15px;
  line-height: 19px;
}

.small-btn, .c-starting-learn-chinese__reset {
  min-height: 40px;
  min-width: 100px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 50px;
  border: none;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.15px;
  line-height: 19px;
  border: none;
  color: #FFFFFF;
  background-color: #E2E2E2;
}

.italic-grey-text, .c-starting-learn-chinese__pronunciation-advert p, .c-starting-learn-chinese--pronunciation-tools .c-starting-learn-chinese__indication-text {
  color: #9B9B9B;
  font-size: 18px;
  font-style: italic;
  letter-spacing: -0.19px;
  line-height: 24px;
  font-weight: 400;
}

/* Colors */
.red-color {
  color: #EF7C8E !important;
}

.green-color {
  color: #80E0C9 !important;
}

.c-starting-learn-chinese {
  min-height: calc(100vh - 178px);
  font-family: "Open Sans";
  background-color: transparent;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  padding: 3% 0 110px 0;
}
@media (max-width: 1160px) {
  .c-starting-learn-chinese {
    min-height: calc(100vh - 156px);
  }
}
@media (min-height: 1290px) {
  .c-starting-learn-chinese {
    min-height: 560px;
  }
}
@media (max-width: 800px) {
  .c-starting-learn-chinese {
    /* Applicable on all pinyin steps */
    padding-bottom: 120px !important;
  }
}
.c-starting-learn-chinese br {
  content: " ";
  margin-bottom: 24px;
  display: block;
}
.c-starting-learn-chinese br.br-no-space {
  margin: 0;
}
.c-starting-learn-chinese {
  /* Pinyin first step and hanzi steps */
}
.c-starting-learn-chinese--what-is-pinyin, .c-starting-learn-chinese__intro-hanzi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 801px) {
  .c-starting-learn-chinese--what-is-pinyin .c-starting-learn-chinese__image-container, .c-starting-learn-chinese__intro-hanzi .c-starting-learn-chinese__image-container {
    width: 27%;
  }
  .c-starting-learn-chinese--what-is-pinyin .c-starting-learn-chinese__text-container, .c-starting-learn-chinese__intro-hanzi .c-starting-learn-chinese__text-container {
    width: 73%;
  }
}
@media (max-width: 800px) {
  .c-starting-learn-chinese--what-is-pinyin, .c-starting-learn-chinese__intro-hanzi {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .c-starting-learn-chinese--what-is-pinyin .c-starting-learn-chinese__image-container, .c-starting-learn-chinese__intro-hanzi .c-starting-learn-chinese__image-container {
    padding: 10px 15px;
  }
}
.c-starting-learn-chinese {
  /* Pinyin structure step */
}
.c-starting-learn-chinese--structure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-starting-learn-chinese--structure .c-starting-learn-chinese__text span {
  font-weight: 600;
}
.c-starting-learn-chinese--structure .c-starting-learn-chinese__border-ilustration {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 403px;
  min-width: 403px;
}
.c-starting-learn-chinese--structure .c-starting-learn-chinese__border-ilustration .accent-line-green {
  width: 28px;
  background-size: 28px;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  top: 10px;
}
.c-starting-learn-chinese--structure .c-starting-learn-chinese__border-ilustration .central-text p {
  font-size: 82px;
  font-weight: 400;
  color: #4B4B4B;
  line-height: 80px;
  margin: 10px 0;
  position: relative;
}
.c-starting-learn-chinese--structure .c-starting-learn-chinese__border-ilustration .top-text span,
.c-starting-learn-chinese--structure .c-starting-learn-chinese__border-ilustration .bottom-text span {
  font-size: 33px;
  font-weight: 400;
  color: #4B4B4B;
  word-break: break-word;
}
.c-starting-learn-chinese--structure .c-starting-learn-chinese__border-ilustration .bottom-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 100%;
}
@media (max-width: 989px) and (min-width: 801px) {
  .c-starting-learn-chinese--structure .c-starting-learn-chinese__border-ilustration {
    min-height: 355px;
    min-width: 355px;
  }
  .c-starting-learn-chinese--structure .c-starting-learn-chinese__border-ilustration .central-text p {
    font-size: 70px;
  }
  .c-starting-learn-chinese--structure .c-starting-learn-chinese__border-ilustration .top-text span,
  .c-starting-learn-chinese--structure .c-starting-learn-chinese__border-ilustration .bottom-text span {
    font-size: 28px;
  }
}
@media (max-width: 600px) {
  .c-starting-learn-chinese--structure .c-starting-learn-chinese__border-ilustration {
    min-height: 300px;
    min-width: unset;
  }
  .c-starting-learn-chinese--structure .c-starting-learn-chinese__border-ilustration .central-text p {
    font-size: 70px;
  }
  .c-starting-learn-chinese--structure .c-starting-learn-chinese__border-ilustration .top-text span,
  .c-starting-learn-chinese--structure .c-starting-learn-chinese__border-ilustration .bottom-text span {
    font-size: 28px;
  }
}
@media (min-width: 600px) {
  .c-starting-learn-chinese--structure .c-starting-learn-chinese__image-container {
    max-width: 403px;
    width: 100%;
  }
}
@media (max-width: 800px) {
  .c-starting-learn-chinese--structure {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 600px) {
  .c-starting-learn-chinese--structure .c-starting-learn-chinese__image-container {
    max-width: 300px;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }
}
.c-starting-learn-chinese {
  /* Pinyin Initial characters step */
}
.c-starting-learn-chinese--initials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 1000px) {
  .c-starting-learn-chinese--initials .c-starting-learn-chinese__text-container {
    padding: 0 16% 0 4%;
  }
}
.c-starting-learn-chinese--initials .c-starting-learn-chinese__letter-box {
  padding: 2.5% 0;
}
@media (min-width: 800px) {
  .c-starting-learn-chinese--initials .c-starting-learn-chinese__letter-box {
    margin-left: 20px;
  }
}
.c-starting-learn-chinese--initials .c-pinyin-letter-box-container {
  max-width: 320px;
}
.c-starting-learn-chinese--initials .c-pinyin-letter-box-container button {
  cursor: default;
}
@media (max-width: 840px) and (min-width: 800px) {
  .c-starting-learn-chinese--initials .c-pinyin-letter-box-container {
    max-width: 255px;
  }
}
@media (max-width: 365px) {
  .c-starting-learn-chinese--initials .c-pinyin-letter-box-container {
    max-width: 200px;
  }
}
@media (max-width: 800px) {
  .c-starting-learn-chinese--initials {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .c-starting-learn-chinese--initials .c-starting-learn-chinese__text-container {
    margin-top: 20px;
  }
}
.c-starting-learn-chinese {
  /* Pinyin final characters steps */
}
.c-starting-learn-chinese--finals {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-starting-learn-chinese--finals .c-starting-learn-chinese__letter-box {
  padding: 1.5% 0;
}
.c-starting-learn-chinese--finals .c-pinyin-letter-box-container {
  max-width: 385px;
}
.c-starting-learn-chinese--finals .c-pinyin-letter-box-container .c-starting-learn-chinese__text {
  margin: 10px 0;
}
.c-starting-learn-chinese--finals .c-starting-learn-chinese__text-container {
  padding: 0 8% 0 2.5%;
}
@media (min-width: 800px) {
  .c-starting-learn-chinese--finals .c-starting-learn-chinese__letter-box {
    margin-left: 20px;
  }
}
@media (min-width: 987px) {
  .c-starting-learn-chinese--finals .c-starting-learn-chinese__letter-box {
    width: 40%;
  }
  .c-starting-learn-chinese--finals .c-starting-learn-chinese__text-container {
    width: 60%;
  }
}
@media (max-width: 986px) and (min-width: 801px) {
  .c-starting-learn-chinese--finals .c-starting-learn-chinese__letter-box, .c-starting-learn-chinese--finals .c-starting-learn-chinese__text-container {
    width: 50%;
  }
}
@media (max-width: 800px) {
  .c-starting-learn-chinese--finals {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .c-starting-learn-chinese--finals .c-starting-learn-chinese__text-container {
    margin-top: 20px;
  }
}
@media (max-width: 470px) {
  .c-starting-learn-chinese--finals .c-pinyin-letter-box-container {
    max-width: 325px;
  }
}
@media (max-width: 320px) {
  .c-starting-learn-chinese--finals .c-pinyin-letter-box-container {
    max-width: 260px;
  }
}
.c-starting-learn-chinese {
  /* Pinyin Tones first step */
}
.c-starting-learn-chinese--tones-first {
  padding: 2% 0 110px 0;
}
.c-starting-learn-chinese {
  /* Pinyin Tones second step */
}
.c-starting-learn-chinese--tones-second {
  padding: 3% 14% 110px 4%;
}
.c-starting-learn-chinese--tones-second .c-starting-learn-chinese__text {
  line-height: 24px;
}
.c-starting-learn-chinese {
  /* Pinyin Pronunciation step */
}
.c-starting-learn-chinese--pronunciation-tools {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2% 2% 110px 2%;
}
@media (max-width: 991px) {
  .c-starting-learn-chinese--pronunciation-tools {
    padding-bottom: 120px;
  }
}
@media (max-width: 991px) {
  .c-starting-learn-chinese--pronunciation-tools {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.c-starting-learn-chinese--pronunciation-tools .c-starting-learn-chinese__title {
  margin: 0 0 1% 0;
  font-size: 19px;
}
.c-starting-learn-chinese--pronunciation-tools .c-starting-learn-chinese__letter-box--medium {
  max-width: 430px;
  padding: 2% 1% 2.5% 2.5%;
}
@media (min-width: 992px) {
  .c-starting-learn-chinese--pronunciation-tools .c-starting-learn-chinese__letter-box--medium {
    width: 30%;
  }
}
.c-starting-learn-chinese--pronunciation-tools .c-starting-learn-chinese__letter-box--big {
  padding: 2% 2.2%;
}
@media (min-width: 992px) {
  .c-starting-learn-chinese--pronunciation-tools .c-starting-learn-chinese__letter-box--big {
    margin-left: 25px;
    width: 70%;
  }
}
@media (max-width: 991px) {
  .c-starting-learn-chinese--pronunciation-tools .c-starting-learn-chinese__letter-box--big {
    margin-top: 20px;
  }
}
.c-starting-learn-chinese--pronunciation-tools .c-starting-learn-chinese__text {
  font-size: 21px;
  color: #36393F;
  margin-bottom: 7px;
}
.c-starting-learn-chinese--pronunciation-tools .c-extra-space {
  margin-bottom: 15px;
}
.c-starting-learn-chinese--pronunciation-tools .c-listen-characters__icon {
  background-image: url(/sites/all/themes/lingua/assets/headphones-pink.svg);
  max-width: 23px;
  height: 23px;
  margin-right: 9px;
}
.c-starting-learn-chinese--pronunciation-tools .c-starting-learn-chinese__indication-text {
  font-size: 16px;
  line-height: 19px;
}
.c-starting-learn-chinese--pronunciation-tools .c-starting-learn-chinese__btns-container {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: unset;
  -webkit-box-direction: unset;
      -ms-flex-direction: unset;
          flex-direction: unset;
  margin: 40px 0 0 0;
}
.c-starting-learn-chinese--pronunciation-tools .c-pinyin-letter-box-container button {
  margin: 5px 3px;
}
.c-starting-learn-chinese {
  /* Only hanzi intro steps */
}
.c-starting-learn-chinese.c-intro-hanzi {
  /* Only hanzi first intro steps */
}
@media (min-width: 1120px) {
  .c-starting-learn-chinese.c-intro-hanzi--first .c-starting-learn-chinese__text-container {
    padding: 0 14% 0 4%;
  }
}
.c-starting-learn-chinese.c-intro-hanzi {
  /* Only hanzi first intro steps */
}
.c-starting-learn-chinese.c-intro-hanzi--second .c-starting-learn-chinese__title {
  font-size: 20px;
}
.c-starting-learn-chinese.c-intro-hanzi--second .c-starting-learn-chinese__title:last-of-type {
  margin-top: 30px;
}
@media (min-width: 1120px) {
  .c-starting-learn-chinese.c-intro-hanzi--second .c-starting-learn-chinese__text-container {
    padding: 0 13% 0 4%;
  }
}
.c-starting-learn-chinese.c-intro-hanzi--third .c-starting-learn-chinese__title {
  font-size: 20px;
}
@media (min-width: 1120px) {
  .c-starting-learn-chinese.c-intro-hanzi--third .c-starting-learn-chinese__text-container {
    padding: 0 15% 0 4%;
  }
}
.c-starting-learn-chinese__text-container {
  padding: 0 10% 0 4%;
}
.c-starting-learn-chinese__title {
  color: #4B4B4B;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.24px;
  line-height: 30px;
  margin: 0 0 3% 0;
}
.c-starting-learn-chinese__text {
  color: #404040;
  font-size: 18px;
  letter-spacing: -0.18px;
  line-height: 30px;
  font-weight: 400;
  margin: 0;
}
.c-starting-learn-chinese__continue-btn {
  background-color: #4A90E2;
  color: #FFFFFF;
  border: none;
}
.c-starting-learn-chinese__continue-btn:hover {
  color: #FFFFFF;
}
@media (hover: none) {
  .c-starting-learn-chinese__continue-btn:hover {
    color: #4A90E2;
  }
}
.c-starting-learn-chinese__prev-btn {
  background-color: #FFFFFF;
  color: #4A90E2;
  border: 1px solid #4A90E2;
  font-weight: 600;
}
.c-starting-learn-chinese__prev-btn:hover {
  color: #4A90E2;
}
.c-starting-learn-chinese__continue-btn, .c-starting-learn-chinese__prev-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-starting-learn-chinese__continue-btn:focus, .c-starting-learn-chinese__prev-btn:focus {
  color: #fff;
  text-decoration: none;
}
@media (max-width: 900px) {
  .c-starting-learn-chinese__continue-btn, .c-starting-learn-chinese__prev-btn {
    min-width: 200px;
  }
}
@media (max-width: 500px) {
  .c-starting-learn-chinese__continue-btn, .c-starting-learn-chinese__prev-btn {
    border: none;
    background-color: transparent;
    color: #4A90E2;
    font-weight: 600;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
}
.c-starting-learn-chinese__skip-tutorial {
  cursor: pointer;
}
.c-starting-learn-chinese__skip-tutorial:focus {
  color: #9B9B9B;
  text-decoration: none;
}
.c-starting-learn-chinese__btns-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-starting-learn-chinese__footer {
  min-height: 98px;
  max-width: 1440px;
  width: 100%;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 3%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-height: 1280px) {
  .c-starting-learn-chinese__footer {
    position: fixed;
    bottom: 0;
  }
}
@media (max-width: 768px) {
  .c-starting-learn-chinese__footer {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.c-starting-learn-chinese__footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
}
.c-starting-learn-chinese__footer ul li {
  height: 25px;
  width: 25px;
  background-color: #E2E2E2;
  border-radius: 50%;
  list-style: none;
  margin: 0 5px;
}
@media (max-width: 900px) {
  .c-starting-learn-chinese__footer ul li {
    height: 22px;
    width: 22px;
  }
}
@media (max-width: 768px) {
  .c-starting-learn-chinese__footer ul li {
    height: 22px;
    width: 22px;
    margin: 0 2px;
  }
}
@media (max-width: 500px) {
  .c-starting-learn-chinese__footer ul li {
    height: 18px;
    width: 18px;
    margin: 0 4px;
  }
}
.c-starting-learn-chinese__footer ul li.active {
  background-color: #4A90E2;
}
.c-starting-learn-chinese__letter-box {
  border: 1px solid #C5CFDD;
  border-radius: 17px;
  height: 100%;
  width: 100%;
}
.c-starting-learn-chinese__letter-box--small {
  max-width: 400px;
}
.c-starting-learn-chinese__letter-box--medium {
  max-width: 445px;
}
.c-starting-learn-chinese__letter-box--big {
  max-width: 726px;
}
.c-starting-learn-chinese__pronunciation-advert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.c-starting-learn-chinese__pronunciation-advert p {
  margin: 0;
}
.c-starting-learn-chinese__image-container img,
.c-starting-learn-chinese__image-container .c-starting-learn-chinese__border-ilustration {
  border-radius: 50%;
  border: 1px solid #4A90E2;
  padding: 18px;
  width: 100%;
  height: auto;
}
@media (min-width: 801px) {
  .c-starting-learn-chinese__image-container {
    margin-left: 30px;
  }
}
.c-starting-learn-chinese__card-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 600px) {
  .c-starting-learn-chinese__card-container {
    padding: 0 10px;
  }
}
.c-starting-learn-chinese__column-card-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.c-starting-learn-chinese__card {
  max-width: 480px;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.16);
  margin: 13px;
  padding: 6% 6.5%;
}
@media (max-width: 1012px) {
  .c-starting-learn-chinese__card {
    margin: 13px 5px;
  }
}
@media (max-width: 600px) {
  .c-starting-learn-chinese__card {
    margin: 13px 0;
  }
}
.c-starting-learn-chinese__card .c-starting-learn-chinese__text {
  line-height: 26px;
}
.c-starting-learn-chinese__card-characters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #4B4B4B;
  font-size: 26px;
  letter-spacing: -0.28px;
  line-height: 36px;
  font-weight: 400;
  position: relative;
}
.c-starting-learn-chinese__main-character {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
.c-starting-learn-chinese__translate-hanzi {
  margin-top: 15px;
}
.c-starting-learn-chinese__syllabes-frame {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 30px 0 10px 0;
  height: 40px;
}
.c-starting-learn-chinese__syllabes-frame.centered-syllables {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.c-starting-learn-chinese__syllabes-frame span {
  font-size: 27px;
  color: #4A90E2;
  font-weight: 400;
  font-family: "NotoSansSC-Regular";
  border-bottom: 2px solid #E8E3E3;
  min-width: 50px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.c-starting-learn-chinese__syllabes-frame span.filled {
  border: none;
  cursor: pointer;
}
.c-starting-learn-chinese__syllabes-frame span.filled ~ span:not(.filled) {
  display: none;
}
.c-starting-learn-chinese__syllabes-frame span:first-of-type {
  margin-left: 0;
}
.c-starting-learn-chinese__reset.active {
  background-color: #4A90E2;
}
.c-starting-learn-chinese__accent {
  background-repeat: no-repeat;
  background-size: auto;
  width: 12px;
  height: 9px;
  position: absolute;
  right: 0;
  top: 0;
}
.c-starting-learn-chinese__modal-hanzi.modal.fade.in, .c-starting-learn-chinese__modal-pinyin.modal.fade.in {
  background-color: rgba(0, 0, 0, 0.35);
}
.c-starting-learn-chinese__modal-hanzi .modal-dialog, .c-starting-learn-chinese__modal-pinyin .modal-dialog {
  max-width: 650px;
  width: 100%;
  margin: 10px auto;
}
.c-starting-learn-chinese__modal-hanzi .modal-content, .c-starting-learn-chinese__modal-pinyin .modal-content {
  border-radius: 16px;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  border: none;
  margin: 0 10px;
}
.c-starting-learn-chinese__modal-hanzi .c-modal-header, .c-starting-learn-chinese__modal-pinyin .c-modal-header {
  background-image: url("/sites/all/themes/lingua/assets/pinyin/chinese-temple-banner.svg");
  min-height: 203px;
}
.c-starting-learn-chinese__modal-hanzi .c-starting-learn-chinese__continue-btn, .c-starting-learn-chinese__modal-pinyin .c-starting-learn-chinese__continue-btn {
  margin: 0 0 10px 0;
}
.c-starting-learn-chinese__modal-hanzi .c-starting-learn-chinese__text,
.c-starting-learn-chinese__modal-hanzi .c-starting-learn-chinese__title, .c-starting-learn-chinese__modal-pinyin .c-starting-learn-chinese__text,
.c-starting-learn-chinese__modal-pinyin .c-starting-learn-chinese__title {
  color: #6B6B6B;
}
.c-starting-learn-chinese__modal-hanzi .c-starting-learn-chinese__text, .c-starting-learn-chinese__modal-pinyin .c-starting-learn-chinese__text {
  font-size: 17px;
  line-height: 26px;
}
.c-starting-learn-chinese__modal-hanzi .c-close-btn, .c-starting-learn-chinese__modal-pinyin .c-close-btn {
  background-image: url("/sites/all/themes/lingua/assets/close-gray.svg");
  background-repeat: no-repeat;
  opacity: 0.7;
  width: 25px;
  height: 25px;
  margin: 0;
  position: absolute;
  top: 20px;
  right: 20px;
}
.c-starting-learn-chinese__body-intro {
  padding: 5% 7% 1.7%;
}
.c-starting-learn-chinese__footer-intro {
  border: none;
  padding: 1.7% 0 4% 0;
}

.accent-line {
  background-image: url("/sites/all/themes/lingua/assets/minus-pink.svg");
  width: 15px;
}

.accent-line-green {
  background-image: url("/sites/all/themes/lingua/assets/minus-green.svg");
}

.accent-arrow {
  background-image: url("/sites/all/themes/lingua/assets/arrow-pink.svg");
}

.accent-slash-right {
  background-image: url("/sites/all/themes/lingua/assets/slash-right.svg");
}

.accent-slash-left {
  background-image: url("/sites/all/themes/lingua/assets/slash-left.svg");
}

.c-listen-characters__icon {
  background-image: url("/sites/all/themes/lingua/assets/headphones-pink-border.svg");
  background-size: cover;
  background-repeat: no-repeat;
  max-width: 60px;
  width: 100%;
  height: 55px;
  margin-right: 15px;
  display: block;
  background-position: center;
}

.c-pinyin-sound-character {
  background-image: url("/sites/all/themes/lingua/assets/starterlab-icons/sound.svg");
  width: 35px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-left: 10px;
  -ms-flex-item-align: end;
      align-self: flex-end;
  border: none;
  background-color: transparent;
}

.c-footer-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}
.c-footer-grid--dots {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 768px) {
  .c-footer-grid--dots {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
}
.c-footer-grid--next-btn {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.c-footer-grid--restart-btn {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (max-width: 500px) {
  .c-footer-grid--restart-btn {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.c-pinyin-letter-box-container {
  margin: 0 auto;
}
.c-pinyin-letter-box-container button {
  height: 50px;
  width: 50px;
  border-radius: 5px;
  background-color: #C5CFDD;
  border: none;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  margin: 9px 5px;
  font-weight: 600;
  font-size: 16px;
  color: #36393F;
  position: relative;
  padding: 0;
}
.c-pinyin-letter-box-container button.selected {
  background-color: #4A90E2;
  color: white;
}
.c-pinyin-letter-box-container button.disabled {
  opacity: 0.2;
  cursor: not-allowed;
}

.c-finals-characters-keyboard {
  margin-top: 20px;
}

.red-characters span {
  color: #EF7C8E;
}

.c-chinese-lessons-block {
  padding: 21px 40px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  margin-top: 15px;
  border-radius: 20px;
}
.c-chinese-lessons-block__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-chinese-lessons-block__header img {
  margin-right: 15px;
}
.c-chinese-lessons-block__start-btn {
  border-radius: 16px;
  background-color: #4A90E2;
  padding: 6.5px 21px;
  font-size: 13px;
  color: #FFFFFF;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  border: none;
}
.c-chinese-lessons-block__cards {
  border-radius: 11px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
  max-width: unset;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 1001px) {
  .c-chinese-lessons-block__cards {
    max-width: 659px;
  }
  .c-chinese-lessons-block__cards--pinyin {
    margin-right: 20px;
  }
  .c-chinese-lessons-block__cards--hanzi {
    margin-left: 20px;
  }
}
.c-chinese-lessons-block__cards .c-category-slider__title {
  margin: 5px 0 10px 0;
}
.c-chinese-lessons-block__cards .c-category-slider__subtile {
  margin-bottom: 15px;
}
.c-chinese-lessons-block__card-container {
  display: grid;
  -ms-grid-columns: 0.5fr 0.5fr;
  grid-template-columns: 0.5fr 0.5fr;
  margin-top: 15px;
}
@media (max-width: 1000px) {
  .c-chinese-lessons-block__card-container {
    grid-template-columns: 1fr;
    grid-row-gap: 10px;
  }
}
.c-chinese-lessons-block__text-container {
  padding: 12px 15px 12px 6%;
}
.c-chinese-lessons-block .c-block-chinese-image {
  max-width: 170px;
  width: 100%;
  height: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.c-chinese-lessons-block .c-block-pinyin-image {
  background-image: url("/sites/all/themes/lingua/assets/pinyin/pinyin-block.svg");
  border-radius: 11px 0 0 11px;
  background-color: #D7EAE5;
}
.c-chinese-lessons-block .c-block-hanzi-image {
  background-image: url("/sites/all/themes/lingua/assets/hanzi/hanzi-block.svg");
  background-color: #FAFAFA;
}
.c-chinese-lessons-block .c-category-slider__title {
  font-size: 20px;
  letter-spacing: -0.21px;
  line-height: 27px;
}
.c-chinese-lessons-block p {
  padding: 0;
  margin: 0;
}

.c-tap-chatacter-animation {
  position: absolute;
  top: 25px;
  left: 25px;
  width: 25px;
  height: 25px;
  background-color: #299EF7;
  border-radius: 50%;
  padding: 4px 0;
  -webkit-transition: height 0.25s ease, width 0.25s ease;
  transition: height 0.25s ease, width 0.25s ease;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0.7;
}
.c-tap-chatacter-animation:before, .c-tap-chatacter-animation:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 1px solid #299EF7;
  -webkit-animation: ripple 2s linear infinite;
  animation: ripple 2s linear infinite;
}
.c-tap-chatacter-animation:after {
  -webkit-animation: ripple 2s linear 1s infinite;
  animation: ripple 2s linear 1s infinite;
}
@-webkit-keyframes ripple {
  0% {
    -webkit-transform: scale(1);
  }
  75% {
    -webkit-transform: scale(1.75);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(2);
    opacity: 0;
  }
}
@keyframes ripple {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  75% {
    -webkit-transform: scale(1.75);
            transform: scale(1.75);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
  }
}

/* hanzi popup */
#starting-learn-hanzi.c-starting-learn-chinese__modal-hanzi .modal-dialog {
  margin: 35px auto;
}
#starting-learn-hanzi .c-starting-learn-chinese__footer-intro .c-starting-learn-chinese__btns-container a {
  font-size: 14px;
}
#starting-learn-hanzi .c-starting-learn-chinese__footer-intro .c-starting-learn-chinese__btns-container .c-starting-learn-chinese__continue-btn {
  min-width: 255px;
}
@media (max-width: 900px) {
  #starting-learn-hanzi .c-starting-learn-chinese__footer-intro .c-starting-learn-chinese__btns-container .c-starting-learn-chinese__continue-btn {
    min-width: 250px;
  }
}

.intro-pinyin-first .c-pinyin-header-subtitle,
.intro-pinyin-first .c-lingua-header__border {
  display: none;
}

.c-open-app-popup.modal.fade.in .modal-body {
  bottom: 0;
  opacity: 1;
}

.c-open-app-popup {
  z-index: 10000;
}
.c-open-app-popup .modal-body {
  position: absolute;
  bottom: -280px;
  padding: 50px 15px 30px 15px;
  width: 100%;
  height: 280px;
  background-color: #ffffff;
  border-radius: 6px 6px 0 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
  transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
}
.c-open-app-popup .c-open-app-title {
  text-align: center;
  font-weight: 600;
  font-size: 20px;
}
.c-open-app-popup .popup-button {
  margin-top: 40px;
  font-weight: bold;
  width: 100%;
  background-color: #FF3333;
}
.c-open-app-popup .c-open-app-close-option {
  text-align: center;
  width: 100%;
  font-weight: bold;
  margin-top: 30px;
  font-size: 15px;
}

.c-idf-popup .modal-content {
  border-radius: 16px;
}

.c-idf-popup .c-close-modal {
  background-repeat: no-repeat;
  background: url("/sites/all/themes/lingua/assets/close-gray.svg");
  background-position: center;
  display: block;
  height: 20px;
  width: 20px;
  opacity: 1;
  position: absolute;
  right: 4%;
  top: 5%;
  z-index: 1;
}

.c-idf-popup .c-header-image {
  background-repeat: no-repeat;
  min-height: 100px;
  background-size: cover;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.c-idf-popup .c-body-container {
  padding: 38px 5% 53px 5%;
}

.c-idf-popup .c-body-container .c-text {
  color: #4B4B4B;
  font-size: 21px;
  font-weight: 400;
}

.c-idf-popup .c-body-container .c-idf-popup-container-btn {
  text-align: center;
  margin-top: 107px;
}

.c-idf-popup .c-body-container .c-idf-popup-btn {
  background-color: #4A90E2;
  font-weight: 400;
  font-size: 14px;
  border-radius: 25px;
  padding: 15px 90px;
}

/* Empty Carousel Cards */
.c-vb-empty {
  background-color: #FFFFFF;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 5px #E6E6E6;
          box-shadow: 0 0 5px #E6E6E6;
  min-height: 130px;
  overflow: hidden;
  position: relative;
  width: 160px;
}
.c-vb-empty__bg {
  background-color: #E4E4E4;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  height: 90px;
}
.c-vb-empty__details {
  padding: 0 10px 14px 10px;
}
.c-vb-empty__detail {
  background-color: #E4E4E4;
  border-radius: 25px;
  height: 20px;
  margin: 10px;
  max-width: 160px;
}
.c-vb-empty__detail:first-of-type {
  width: 80%;
}
.c-vb-empty__detail:last-of-type {
  width: 40%;
}

@media screen and (min-width: 600px) {
  .c-vb-empty {
    height: 230px;
    width: 280px;
  }
  .c-vb-empty__bg {
    height: 160px;
  }
  .c-vb-empty__detail:first-of-type {
    background-color: #EFEFEF;
    height: 15px;
    max-width: 100px;
    width: 100%;
  }
  .c-vb-empty__detail:last-of-type {
    background-color: #EFEFEF;
    height: 15px;
    max-width: 50px;
    width: 100%;
  }
}
.c-pv-empty {
  background-color: #FFFFFF;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 5px #E6E6E6;
          box-shadow: 0 0 5px #E6E6E6;
  min-height: 160px;
  padding: 10px;
  position: relative;
  width: 130px;
}
.c-pv-empty:after {
  background-color: rgba(234, 234, 234, 0.7);
  border-radius: 10px;
  border: 1px solid transparent;
  content: "";
  display: block;
  height: 98%;
  left: 0;
  margin-right: -10px;
  position: absolute;
  top: 0;
  -webkit-transform: rotate(-8deg);
          transform: rotate(-8deg);
  width: 98%;
  z-index: 0;
}
.c-pv-empty__frame {
  background-color: #FFFFFF;
  border-radius: 4px;
  bottom: 0;
  left: 0;
  padding: 7px 7px 32px 7px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 4;
}
.c-pv-empty__bg {
  background-color: #E4E4E4;
  height: 120px;
}
.c-pv-empty__details {
  padding: 0 10px 14px 10px;
}
.c-pv-empty__detail {
  background-color: #E4E4E4;
  border-radius: 25px;
  height: 20px;
  margin: 10px;
  max-width: 160px;
}
.c-pv-empty__detail:first-of-type {
  width: 80%;
}
.c-pv-empty__detail:last-of-type {
  width: 40%;
}

@media screen and (min-width: 600px) {
  .c-pv-empty {
    height: 300px;
    width: 230px;
  }
  .c-pv-empty__bg {
    height: 220px;
  }
  .c-pv-empty__detail:first-of-type {
    background-color: #EFEFEF;
    height: 15px;
    max-width: 100px;
    width: 100%;
  }
  .c-pv-empty__detail:last-of-type {
    background-color: #EFEFEF;
    height: 15px;
    max-width: 50px;
    width: 100%;
  }
}
/* #9307 Changed from fiedlset to radiogroup to keep the required design
-tested for a11y with ChromeVox and it seems that this will not affect SR reading */
.c-personal-info-radiogroup {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-personal-info-radiogroup .c-card-form_row-title {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 37%;
          flex: 1 0 37%;
  display: block;
  padding-top: 0;
}
.c-personal-info-radiogroup .c-form-radios {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 60%;
          flex: 1 0 60%;
  display: block;
  max-width: unset;
}
.c-personal-info-radiogroup label[for=edit-age-variation-15-17] {
  margin-left: 0;
}
.c-personal-info-radiogroup .c-age-range__label {
  margin-right: 15px;
}
@media (max-width: 700px) {
  .c-personal-info-radiogroup .c-age-range__label {
    margin-right: 5px;
  }
}
@media (max-width: 600px) {
  .c-personal-info-radiogroup {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.c-form-info_gender-options {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-form-info_gender-options .c-card-form_row-title {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 55%;
          flex: 1 0 55%;
  display: block;
  padding-top: 0;
}
.c-form-info_gender-options .c-form-radios {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 70%;
          flex: 1 0 70%;
  display: block;
  max-width: unset;
}
.c-form-info_gender-options #male-second {
  margin-left: 25%;
}
.c-form-info_gender-options #female-first {
  margin-left: 0;
}
@media (max-width: 600px) {
  .c-form-info_gender-options {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .c-form-info_gender-options .c-card-form_row-title {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
  }
}

.c-container {
  margin: auto;
  max-width: 680px;
  width: 100%;
}
.c-container legend {
  border-bottom: 0;
}
.c-container fieldset {
  margin-top: 0;
}

.c-set-title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.24px;
  line-height: 30px;
  margin: 0 auto;
  min-height: 36px;
  text-align: center;
}
.c-set-title_parent {
  padding: 55px 40px 10px 40px;
}

#edit-mother-tongue-wrapper label {
  width: 35%;
}

.is-qioz #edit-mother-tongue-wrapper .autocomplete__menu--inline {
  max-height: 80px;
}

.c-choice-text {
  color: #A6A6A6;
  font-family: "Open Sans";
  font-size: 11px;
  font-style: italic;
  letter-spacing: -0.12px;
  line-height: 15px;
  padding-left: 20px;
  text-align: right;
}

.c-set-description {
  color: #A6A6A6;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: italic;
  letter-spacing: -0.17px;
  line-height: 22px;
  margin-top: 3px;
  min-height: 28px;
  text-align: center;
}

.c-card_header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #FFFFFF;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 20px 20px 40px;
  z-index: 999;
}
.c-card_header-title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 12pt;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 24px;
  margin: 0;
}
.c-card_header-title .fa-check-circle {
  color: #68E5C8;
  display: none;
  margin-left: 10px;
}
.c-card_header-btn {
  background-color: #4A90E2;
  border-radius: 20.5px;
  border: 1px solid #4A90E2;
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 14px;
  height: 40px;
  letter-spacing: -0.15px;
  line-height: 19px;
  max-width: 115px;
  text-align: center;
  width: 100%;
}
.c-card_header-btn:disabled {
  background-color: #FFFFFF;
  border-radius: 20.5px;
  border: 1px solid #CDCECF;
  color: #CDCECF;
  font-family: "Open Sans";
  font-size: 14px;
  height: 40px;
  letter-spacing: -0.15px;
  line-height: 19px;
  max-width: 115px;
  text-align: center;
  width: 100%;
}
.c-card-form_row {
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
  height: 60px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
  width: 100%;
}

.c-section-edit-btn {
  background-color: #FFFFFF;
  color: #4A90E2;
  display: none;
}

.c-settings-franch_content {
  background-color: #FFFFFF;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
  max-width: 680px;
}

.c-form-info_gender-options {
  padding-top: 8px;
}

.c-card-form_row-title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 10.5pt;
  font-weight: 600;
  letter-spacing: -0.15px;
  line-height: 19px;
  margin: 0;
  padding-top: 8px;
  width: 35%;
  display: contents;
}
.c-card-form_row-values {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  width: 70%;
}
.c-card-form_row-values_items {
  margin: -4px 0 0 0 !important;
  padding: 0 10px;
}
.c-card-form_row-label {
  -ms-flex-line-pack: center;
      align-content: center;
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 9.75pt;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: -0.13px;
  line-height: 17px;
}
.c-card-form_row-label_checkbox {
  margin: 2px !important;
}
.c-card-form_row-label_input {
  -ms-flex-line-pack: center;
      align-content: center;
  background-color: #FFFFFF;
  border: 1px solid #CDCECF;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 36px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px;
  width: 106px;
}
.c-card-form_row-label_input::-webkit-input-placeholder {
  color: #A6A6A6;
  font-family: "Open Sans";
  font-size: 11px;
  letter-spacing: -0.12px;
  line-height: 15px;
}
.c-card-form_row-label_input::-moz-placeholder {
  color: #A6A6A6;
  font-family: "Open Sans";
  font-size: 11px;
  letter-spacing: -0.12px;
  line-height: 15px;
}
.c-card-form_row-label_input:-ms-input-placeholder {
  color: #A6A6A6;
  font-family: "Open Sans";
  font-size: 11px;
  letter-spacing: -0.12px;
  line-height: 15px;
}
.c-card-form_row-label_input::-ms-input-placeholder {
  color: #A6A6A6;
  font-family: "Open Sans";
  font-size: 11px;
  letter-spacing: -0.12px;
  line-height: 15px;
}
.c-card-form_row-label_input::placeholder {
  color: #A6A6A6;
  font-family: "Open Sans";
  font-size: 11px;
  letter-spacing: -0.12px;
  line-height: 15px;
}

.c-personal-info_content {
  background-color: #FFFFFF;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
  max-width: 680px;
}
.c-personal-info_content .c-card_header-btn-container.c-card_header--sticky {
  -webkit-box-shadow: 0 -2px 7px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 -2px 7px 0 rgba(0, 0, 0, 0.1);
}

.c-professional-profile_content {
  background-color: #FFFFFF;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
  max-width: 680px;
}

.c-settings-franch_content {
  background-color: #FFFFFF;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
  max-width: 680px;
}

.c-form_conteiner {
  border-top: 1px solid #E2E2E2;
  display: none;
  padding: 9px 20px 24px 20px;
}
.c-form_conteiner-profile-setup {
  border-top: 1px solid #E2E2E2;
  padding: 9px 20px 24px 20px;
}
.c-form_conteiner--pers-info {
  display: block;
  padding: 29px 20px 24px 20px;
}
.c-form_conteiner--pers-info fieldset {
  display: inline;
  width: 100%;
}

.c-personal-info_form_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  padding-bottom: 15px;
}
.c-personal-info_form_row:last-of-type {
  padding-bottom: 37px;
  padding-top: 7px;
}
.c-personal-info_input {
  background-color: #FFFFFF;
  border-radius: 4px !important;
  border: 1px solid #CDCECF !important;
  font-family: "Open Sans";
  font-size: 11px !important;
  height: 36px;
  letter-spacing: -0.12px;
  line-height: 15px;
  max-width: 106px;
  padding: 10px 10px 13px 10px;
  width: 100%;
}
.c-personal-info_input::-webkit-input-placeholder {
  color: #A6A6A6 !important;
}
.c-personal-info_input::-moz-placeholder {
  color: #A6A6A6 !important;
}
.c-personal-info_input:-ms-input-placeholder {
  color: #A6A6A6 !important;
}
.c-personal-info_input::-ms-input-placeholder {
  color: #A6A6A6 !important;
}
.c-personal-info_input::placeholder {
  color: #A6A6A6 !important;
}
.c-personal-info_input--big {
  max-width: 212px;
}

.autocomplete-error-message {
  font-size: 9.75pt;
  color: #FF0000;
  margin-left: 10px;
  font-family: "Open Sans";
  letter-spacing: -0.13px;
  line-height: 17px;
}

.results.transition.visible .header {
  display: none;
}

.c-professional-profile_category-title {
  color: #4B4B4B;
  display: inline !important;
  font-family: "Open Sans";
  font-size: 10.5pt;
  font-weight: 600;
  letter-spacing: -0.15px;
  line-height: 19px;
}
@media (max-width: 600px) {
  .c-professional-profile_category-title {
    position: relative;
  }
}

.c-set-profile_options label {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 9.75pt;
  letter-spacing: -0.13px;
  line-height: 17px;
}
@media (max-width: 600px) {
  .c-set-profile_options label {
    font-size: 9pt;
    margin-bottom: 15px !important;
  }
}

.js-c-form_container--language-settings .c-set-profile_options label {
  display: inline-block;
  width: 49%;
}
@media (max-width: 600px) {
  .js-c-form_container--language-settings .c-set-profile_options label {
    width: 100%;
  }
}
.js-c-form_container--language-settings label {
  display: inline-block !important;
  width: 100%;
}
.js-c-form_container--professional-profile .c-custom-label__radio {
  padding-bottom: 12px;
}
.js-c-form_container--professional-profile .form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.js-c-form_container--professional-profile .c-professional-profile_category-title {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 90%;
          flex: 1 0 90%;
}
.js-c-form_container--professional-profile .question-check::before {
  vertical-align: -webkit-baseline-middle;
}
.js-c-form_container--professional-profile label {
  display: block !important;
}

.c-professional-profile_ocupation-options {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #FFFFFF;
  background: url("https://image.ibb.co/m5bSeq/gray.png") 97%/10% no-repeat;
  border: 1px solid #CDCECF !important;
  border-radius: 4px !important;
  display: block !important;
  font-family: "Open Sans";
  font-size: 9.75pt !important;
  height: 36px;
  letter-spacing: -0.12px;
  line-height: 15px;
  padding-left: 10px;
  width: 212px;
}
.c-professional-profile_ocupation-options:required:invalid {
  color: #A6A6A6 !important;
}
.c-professional-profile_ocupation-options option[value=""][disabled] {
  display: none;
}
.c-professional-profile_ocupation-options option {
  color: #4B4B4B !important;
}
.c-professional-profile_ocupation-options input.search {
  padding: 11px 10px !important;
}
.c-professional-profile_ocupation-options i {
  font-size: 12px !important;
}

#edit-ocupation-wrapper .c-professional-profile_ocupation-options {
  margin-top: 10px;
}

.c-setting-franch_category-title {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 12pt;
  font-weight: 600;
  letter-spacing: -0.15px;
  line-height: 19px;
}
@media (max-width: 600px) {
  .c-setting-franch_category-title {
    font-size: 9.75pt;
    letter-spacing: -0.14px;
    line-height: 20px;
    position: relative;
  }
}

.c-registration_checkbox-choice {
  display: inline !important;
}
.c-registration_checkbox-choice-text {
  color: #A6A6A6;
  font-family: "Open Sans";
  font-size: 9.75pt;
  font-style: italic;
  letter-spacing: -0.12px;
  line-height: 15px;
  margin-left: 15px;
}
@media (max-width: 600px) {
  .c-registration_checkbox-choice-text {
    font-size: 9pt;
    font-weight: normal !important;
    text-align: right;
    position: relative;
    bottom: 1.8px;
    right: 0;
  }
}

/* Style for custom radio box*/
/* The container */
.c-custom-label__radio {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
  display: block;
  margin-bottom: 12px;
  padding: 3px 0 0 35px;
  position: relative;
  user-select: none;
}
.c-custom-label__radio:focus {
  outline: none !important;
}
.c-custom-label__radio {
  /* Hide the browser's default radio button */
}
.c-custom-label__radio .c-custom-input__radio {
  cursor: pointer;
  opacity: 0;
  position: absolute;
}

/* Create a custom radio button */
.c-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  border: 1px solid #CDCECF;
  background-color: #FFFFFF;
  /* Create the indicator (the dot/circle - hidden when not checked) */
}
.c-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* When the radio button is checked, add a blue background */
.c-custom-label__radio .c-custom-input__radio:checked ~ .c-checkmark {
  background-color: #FFFFFF;
  border: 1px solid #4A90E2;
}

/* Show the indicator (dot/circle) when checked */
.c-custom-label__radio .c-custom-input__radio:checked ~ .c-checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.c-custom-label__radio .c-checkmark:after {
  background: #4A90E2;
  border-radius: 50%;
  height: 8px;
  left: 8px;
  top: 8px;
  width: 8px;
}

/* Custom style for age range radio boxes*/
.c-form-radios {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0;
  max-width: 280px;
  width: 100%;
}

.c-age-range__label {
  -webkit-transition: all 0.2s linear;
  -webkit-user-select: none;
  border: 1px solid #4A90E2;
  border-radius: 5px;
  color: #4A90E2;
  cursor: pointer;
  font-family: "Open Sans";
  font-size: 9.75pt;
  letter-spacing: -0.12px;
  line-height: 15px;
  padding: 10px 20px;
  text-align: center;
  transition: all 0.2s linear;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
}
.c-age-range__wrapper:last-of-type .c-age-range__label {
  padding: 10px 30px;
}
.c-age-range__input {
  display: block;
  position: absolute;
  opacity: 0;
}
.c-age-range__input:checked + .c-age-range__label {
  background-color: #4A90E2;
  color: #FFFFFF;
}

/* style for custom checkboxes */
/* The container */
.c-custom-label__checkbox {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-bottom: 12px;
  padding: 3px 0 0 35px;
  position: relative;
  user-select: none;
}
.c-custom-label-checkbox-disabled {
  color: #CDCECF !important;
}
.c-custom-label {
  /* Hide the browser's default checkbox */
}
.c-custom-label .c-custom-input__checkbox {
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}

/* Create a custom checkbox */
.c-checkbox {
  background-color: #FFFFFF;
  border-radius: 3px;
  border: 1px solid #CDCECF;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  height: 25px;
  left: 0;
  position: absolute;
  top: 0;
  width: 25px;
  /* Create the checkmark/indicator (hidden when not checked) */
}
.c-checkbox:after {
  content: "";
  display: none;
  position: absolute;
}

/* When the checkbox is checked, add a blue background */
.c-custom-label__checkbox .c-custom-input__checkbox:checked ~ .c-checkbox {
  background-color: #4A90E2;
}

/* Show the checkmark when checked */
.c-custom-label__checkbox .c-custom-input__checkbox:checked ~ .c-checkbox:after {
  display: block;
}

/* Style the checkmark/indicator */
.c-custom-label__checkbox .c-checkbox:after {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  border-width: 0 3px 3px 0;
  border: solid #FFFFFF;
  height: 9.53px !important;
  left: 5.5px !important;
  top: 3px !important;
  transform: rotate(45deg);
  width: 7px !important;
}

/* Question check */
.fas.fa-check.question-check {
  color: #68E5C8;
  visibility: hidden;
  font-size: 12px;
  margin-right: 10px;
}
.fas.fa-check.question-check.question-visible {
  visibility: visible;
}
@media (max-width: 600px) {
  .fas.fa-check.question-check:not(.question-visible) {
    display: none;
  }
}

.c-form_conteiner--pers-info .fas.fa-check.question-check {
  margin-top: 12px;
}
.c-form_conteiner--pers-info #edit-postal-code:focus {
  border: 1px solid #CDCECF !important;
  border-radius: 4px !important;
}

/* German settings*/
.c-form_conteiner--german {
  border: none;
}

.form-columns {
  width: 100%;
}

.form-columns > div {
  display: inline-block;
  width: 49%;
}

.c-form-profile__start_btn {
  background-color: #4A90E2;
  border-radius: 25px;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Open Sans";
  font-size: 11.25pt;
  font-weight: 100;
  height: 50px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: -0.15px;
  line-height: 19px;
  margin: 0 auto;
  max-width: 230px;
  padding: 0;
  text-align: center;
}
.c-form-profile__start_btn:disabled {
  background-color: #FFFFFF;
  border-radius: 25px;
  border: 1px solid #CDCECF;
  color: #CDCECF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Open Sans";
  font-size: 11.25pt;
  font-weight: 100;
  height: 50px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: -0.15px;
  line-height: 19px;
  margin: 0 auto;
  max-width: 230px;
  padding: 0;
  text-align: center;
}

/* Media Queries */
@media (max-width: 700px) {
  .c-container {
    padding: 10px;
  }
  label[for="edit-age-variation-60+"] {
    display: inline-block !important;
    margin-top: 8px;
  }
}
@media (max-width: 600px) {
  #female-first {
    margin-left: 0;
  }
  #gender-group:not(:root:root),
  #age-group:not(:root:root) {
    padding-bottom: 0;
  }
  .c-card-form_row-values {
    width: 100%;
  }
  .c-card-form_row {
    height: 90px;
  }
  #edit-mother-tongue-wrapper {
    padding-top: 0;
  }
  .c-personal-info_items-mobile:not(:root:root) {
    margin-top: 10px;
  }
  .c-card-form_row:not(:root:root),
  .c-personal-info_form_row:not(:root:root) {
    padding-top: 0;
  }
  .c-personal-info-radiogroup .c-card-form_row-title {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
  }
  #edit-mother-tongue-wrapper:not(:root:root),
  .c-personal-info-radiogroup:not(:root:root) {
    padding-top: 20px;
  }
  label[for=edit-age-variation-15-17] {
    display: inline-block !important;
    margin-bottom: 16px;
    margin-left: 0;
  }
  .c-card-form_row-title {
    display: block;
    padding-bottom: 10px;
    width: 100%;
  }
  .c-card-form_row-values_items {
    padding-left: 0;
  }
  .c-card-form_row {
    margin-bottom: 20px;
  }
  label[for="edit-age-variation-60+"] {
    margin-top: 0;
  }
  .form-columns > div {
    display: inline-block;
    width: 100%;
  }
  .c-card-form_row,
  .c-personal-info_form_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  #edit-mother-tongue-wrapper .c-personal-info_items-mobile {
    width: 100%;
  }
  .c-personal-info_items-mobile {
    margin-top: 15px;
    min-height: unset;
    padding-bottom: 30px;
  }
  .c-personal-info_items-mobile .text {
    top: 5px;
  }
  .c-form-info_gender-options {
    padding-top: 20px;
  }
  .c-set-profile_options label {
    display: block !important;
  }
  .c-form-info_gender-options legend {
    padding-bottom: 0;
  }
  .c-personal-info_form_row label[for=edit-postal-code], .c-personal-info_form_row label[for=edit-mother-tongue] {
    display: block;
    white-space: nowrap;
    min-width: 150px;
    width: 35% !important;
    margin-right: 15px;
  }
  .is-andjoys .c-personal-info_form_row label[for=edit-ocupation] {
    width: 90%;
  }
  .is-andjoys .c-personal-info_items-mobile {
    padding-bottom: 5px;
  }
  .c-set-description {
    margin: 0;
  }
}
@media (max-width: 450px) {
  .c-set-title_parent.c-container {
    padding-bottom: 0;
  }
  .c-card_header-title {
    margin: 0;
  }
  .c-card_header {
    padding: 20px !important;
  }
}
@media (max-width: 340px) {
  .c-age-range__label {
    padding: 10px;
  }
  .c-age-range__wrapper:last-of-type .c-age-range__label {
    padding: 10px 24px;
  }
}
@media (max-width: 330px) {
  .c-card_header {
    padding: 20px 20px 20px 35px;
  }
}
@media (min-width: 601px) {
  .c-personal-info_content .c-scrollbar-container {
    overflow-x: visible !important;
    overflow-y: auto !important;
  }
}
#edit-mother-tongue {
  -webkit-appearance: none;
  padding: 0 10px;
  width: 100%;
}

.c-sectors-section .form-item {
  vertical-align: top;
}
.c-sectors-section .form-item .c-sector-title {
  color: #6B6B6B;
  font-size: 10.5pt;
  font-weight: 600;
  margin-bottom: 10px;
}
.c-sectors-section .form-item .c-sector-item {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  display: inline-block;
  width: 100%;
}
.c-sectors-section .form-item .c-sector-item-level {
  font-style: italic;
}
.c-sectors-section .form-item .c-sector-item-level.intermediate {
  color: green;
}
.c-sectors-section .form-item .c-sector-item-level.advanced {
  color: red;
}
.c-sectors-section .form-item .c-sector-item-level.beginner {
  color: blue;
}
.c-sectors-section .form-item .c-custom-label-checkbox-disabled .c-sector-item-level {
  opacity: 0.3;
}

.h-remove-padding {
  padding: 0;
}

.u-color-purple {
  color: #5B38B9;
  font-weight: 600;
}

.c-cefr-test__hide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 1440px;
  text-align: right;
  width: 100%;
}

.u-color-blue {
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 12px;
  letter-spacing: -0.13px;
  line-height: 17px;
}

@media (min-width: 900px) and (max-width: 930px) {
  .c-cefr-test__hide {
    display: inline-block;
    width: 30%;
  }
}
@media (max-width: 600px) {
  .c-cefr-test__hide {
    text-align: center;
  }
}
.languages-selection-container {
  margin: 0 auto;
  max-width: 990px;
}
.languages-selection-container .c-languages-selection__title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.24px;
  line-height: 30px;
  text-align: center;
  margin: 50px auto 70px;
  display: block;
}
.languages-selection-container > p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 70px;
  max-width: 600px;
}
.languages-selection-container > p:first-of-type {
  display: block;
  font-size: 16px;
  letter-spacing: -0.17px;
  line-height: 22px;
  margin-bottom: 70px;
  max-width: 900px;
  min-width: 400px;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.languages-selection-container .c-language-dashboard__text {
  display: block;
  font-size: 16px;
  letter-spacing: -0.17px;
  line-height: 22px;
  margin: 0 auto 70px;
  text-align: center;
  width: 700px;
}
.languages-selection-container .c-language-dashboard__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  letter-spacing: -0.17px;
  line-height: 22px;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.languages-selection-container ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.languages-selection-container ul li {
  float: left;
  list-style: none;
  padding: 20px 0;
  position: relative;
  margin-bottom: 40px;
}
.languages-selection-container ul a:first-child {
  margin: 0;
}
.languages-selection-container ul a {
  color: rgb(96, 130, 175);
  margin-left: 40px;
  text-decoration: none;
}
.languages-selection-container .c-languages-selection__lang-name {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.24px;
  line-height: 30px;
  text-align: center;
  margin-top: 30px;
}
.languages-selection-container p {
  clear: both;
  color: rgb(156, 156, 156);
  float: none;
  text-align: center;
  text-decoration: none;
}
.languages-selection-container li > * {
  color: #4A90E2;
  display: block;
  font-family: "Open Sans";
  font-size: 13px;
  letter-spacing: -0.14px;
  line-height: 18px;
  text-align: center;
}
.languages-selection-container li > p:last-of-type {
  color: #9B9B9B;
  font-family: "Open Sans";
  font-size: 13px;
  letter-spacing: -0.14px;
  line-height: 18px;
  margin-top: 0;
  text-align: center;
}
.languages-selection-container li > p:first-of-type {
  color: #9B9B9B;
  font-family: "Open Sans";
  font-size: 13px;
  letter-spacing: -0.14px;
  line-height: 18px;
  margin-bottom: 0;
  text-align: center;
}
.languages-selection-container .img {
  margin: auto;
  position: relative;
  width: 200px;
}
.languages-selection-container img {
  border-radius: 50%;
  display: block;
  margin-bottom: 60px;
  position: relative;
  height: 160px;
  width: 160px;
  margin: 0 auto;
}
.languages-selection-container li.selected a .img > .check,
.languages-selection-container .selected_lang .img .check {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgb(99, 232, 201);
  border-radius: 50%;
  color: rgb(99, 232, 201);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left;
  height: 35px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: -10px;
  width: 35px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .languages-selection-container li.selected a .img > .check,
  .languages-selection-container .selected_lang .img .check {
    color: #FFFFFF !important;
  }
}
.languages-selection-container li.selected a .img > .check {
  bottom: 5%;
  float: none;
  position: absolute;
  right: 10%;
}
@media (min-width: 600px) {
  .languages-selection-container ul > li:hover:not(.selected) img {
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
.languages-selection-container .c-language-selected {
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
}
.languages-selection-container .start-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 40px auto;
  width: 100%;
}
.languages-selection-container .selected_lang {
  margin: auto;
  padding-bottom: 40px;
  width: 100%;
}
.languages-selection-container .selected_lang h2 {
  color: rgb(76, 76, 76);
  margin: 0 auto 30px;
  text-align: center;
  width: 100%;
}
.languages-selection-container button {
  background: rgb(72, 145, 224);
  border-radius: 25px;
  border: 0;
  color: #FFFFFF;
  cursor: pointer;
  margin: 15px auto;
  padding: 15px 100px;
}
.languages-selection-container .resume_button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgb(72, 145, 224);
  border-radius: 25px;
  border: 0;
  color: #FFFFFF;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  height: 50px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0px auto;
  max-width: 230px;
  width: 100%;
}
.languages-selection-container .resume_button:hover {
  color: #FFFFFF;
  text-decoration: none;
}
.languages-selection-container .c-chcked-icon {
  content: url("/sites/all/themes/lingua/assets/checked-icon.svg");
  padding: 6px 7px 3px 9px;
}
.languages-selection-container .c-language-selection-container {
  margin-bottom: 20px;
}
.languages-selection-container .c-language-selection-container .c-language-row {
  border-bottom: 0.5px solid #979797;
  padding: 12px 24px 12px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
}
.languages-selection-container .c-language-selection-container .c-language-row:first-of-type {
  border-top: 0.5px solid #979797;
}
.languages-selection-container .c-language-selection-container .c-language-row.marked .c-checked-icon {
  display: block !important;
}
.languages-selection-container .c-language-selection-container .c-language-row .c-language-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.languages-selection-container .c-language-selection-container .c-language-row .c-language-block img {
  margin-right: 20px;
  width: 39px;
  height: 24px;
  border-radius: 0;
  margin-bottom: 0;
}
.languages-selection-container .c-language-selection-container .c-language-row .c-language-block .c-text {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  margin-right: 20px;
}
.languages-selection-container .c-language-selection-container .c-language-row .c-language-block .c-status {
  color: #4A90E2;
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  font-size: 12px;
}
.languages-selection-container .c-language-selection-container .c-language-row .c-checked-icon {
  background: #63e8c9;
  border-radius: 50%;
  color: #63e8c9;
  height: 24px;
  width: 24px;
  display: none;
  padding: 6px 5px 3px 6px;
}
@media (max-width: 600px) {
  .languages-selection-container .c-language-selection-container {
    margin-top: 20px;
  }
}
@media (min-width: 821px) {
  .languages-selection-container .c-language-selection-container {
    display: none;
  }
}
@media (max-width: 950px) {
  .languages-selection-container .start-button {
    margin: 0 auto;
  }
}
@media all and (min-width: 601px) and (max-width: 950px) {
  .languages-selection-container ul {
    display: block;
  }
  .languages-selection-container ul a {
    margin: 0;
  }
  .languages-selection-container ul a:nth-child(3) li {
    clear: both;
  }
  .languages-selection-container ul li:not(:first-of-type),
  .languages-selection-container ul li:not(:last-of-type) {
    margin-left: 40px;
  }
  .languages-selection-container li .img,
  .languages-selection-container .selected_lang .img {
    height: auto;
    margin: 0 auto;
    width: 40vw;
  }
  .languages-selection-container li .img img,
  .languages-selection-container .selected_lang .img img {
    height: auto;
    width: 100%;
  }
  .languages-selection-container {
    width: auto;
  }
}
@media (max-width: 600px) {
  .languages-selection-container li.selected a .img > .check {
    right: 20%;
  }
  .languages-selection-container .c-languages-selection__title {
    padding-top: 35px;
    margin-top: 0;
    margin-bottom: 0;
    color: #4B4B4B;
    font-family: "Open Sans";
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.16px;
    line-height: 20px;
    text-align: center;
  }
  .languages-selection-container .c-languages-selection__lang-name {
    color: #4B4B4B;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.17px;
    line-height: 22px;
    text-align: center;
    margin-top: 12px;
  }
  .languages-selection-container {
    width: auto;
  }
  .languages-selection-container .selected_lang .img {
    width: 50vw;
  }
  .languages-selection-container .c-button-language-selector img {
    margin: 0 auto;
  }
  .languages-selection-container .c-language-dashboard__text {
    font-size: 14px;
    padding: 0 30px 30px 30px;
  }
  .languages-selection-container h2 {
    font-size: 18px;
    margin: 20px auto 30px;
  }
  .languages-selection-container .selected_lang .img img {
    height: auto;
    margin: 0 auto;
    width: 40vw;
  }
  .languages-selection-container .selected_lang .img .check {
    font-size: xx-large;
    height: 60px;
    margin-top: -20px;
    width: 60px;
  }
  .languages-selection-container .selected_lang h2 {
    margin: 30px auto;
  }
  .languages-selection-container ul {
    display: initial;
  }
  .languages-selection-container ul li {
    float: none;
    margin: 0 auto;
    padding: 10px 20px 0 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .languages-selection-container ul li:first-of-type {
    padding-top: 20px;
  }
  .languages-selection-container ul li:last-of-type {
    padding-top: 25px;
    padding-bottom: 20px;
  }
  .languages-selection-container li .img img {
    height: 117px;
    width: 118px;
    margin: 0 auto;
  }
  .languages-selection-container ul > li:hover .img img {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@media (max-height: 1080px) {
  .languages-selection-container .start-button {
    position: fixed;
    bottom: 0;
    position: fixed;
    bottom: 0;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 -2px 7px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 -2px 7px 0 rgba(0, 0, 0, 0.1);
    padding: 15px 0;
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
  }
  .languages-selection-container .c-language-dashboard__text {
    margin: 0 auto 100px;
  }
}
@media (min-width: 600px) and (max-width: 1024px) {
  .languages-selection-container .c-languages-selection__title {
    color: #4B4B4B;
    font-family: "Open Sans";
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.24px;
    line-height: 30px;
    text-align: center;
    margin-top: 48px;
    margin-bottom: 50px;
  }
  .languages-selection-container .c-languages-selection__lang-name {
    color: #4B4B4B;
    font-family: "Open Sans";
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.24px;
    line-height: 30px;
    text-align: center;
  }
  .languages-selection-container li .img img {
    height: 160px;
    width: 160px;
    margin: 0 auto;
  }
  .languages-selection-container .img {
    width: auto !important;
  }
  .languages-selection-container .c-languages-selection__flag-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .languages-selection-container .c-languages-selection__flag {
    margin-bottom: 0;
    margin-left: 0;
    padding: 0 10px;
    min-height: 276px;
  }
}
@media (max-width: 820px) {
  .languages-selection-container .c-languages-selection__flag-container {
    display: none;
  }
}

@media (min-width: 960px) and (max-width: 1024px) {
  .c-languages-selection__flag {
    padding: 0 20px !important;
  }
}
@media (min-width: 840px) and (max-width: 920px) {
  .c-languages-selection__flag {
    padding: 0 20px !important;
  }
}
@media (min-width: 600px) and (max-width: 720px) {
  .c-languages-selection__flag {
    margin-left: 0 !important;
  }
}
@media (min-width: 920px) and (max-width: 1024px) {
  .c-languages-selection__flag {
    margin: 0 30px !important;
  }
}
.page-languages #page-content .container:first-of-type {
  min-height: calc(100vh - 71px);
}
@media (max-width: 1160px) {
  .page-languages .scroll-bar__content {
    display: block !important;
  }
}
@media (max-width: 1024px) {
  .page-languages .languages-selection-container .c-language-dashboard__text {
    margin: 0 auto 100px;
  }
}
@media (max-width: 600px) {
  .page-languages .main-navbar__logo {
    margin-left: 0 !important;
  }
  .page-languages #page-content .container:first-of-type {
    height: 100%;
  }
}

.c-disabled-button {
  opacity: 0.5;
  cursor: default !important;
}

.registration-step-2-container .container {
  max-width: 990px;
  width: 100%;
  margin: 0 auto;
}
.registration-step-2-container .c-language-selector-desc-text {
  padding-top: 30px;
}
.registration-step-2-container .select-language-to-learn {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.24px;
  line-height: 30px;
  text-align: center;
}
.registration-step-2-container .container > h1 {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 70px;
  margin: 50px auto 22px;
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.24px;
  line-height: 30px;
  text-align: center;
}
.registration-step-2-container .container > p {
  max-width: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  color: #A6A6A6;
  font-size: 16px;
  letter-spacing: -0.17px;
  line-height: 22px;
  font-weight: 400;
}
.registration-step-2-container .container > p:first-of-type {
  margin-bottom: 70px;
  width: 100%;
  max-width: 100%;
  text-align: center;
  display: block;
  font-weight: 400;
}
.registration-step-2-container ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
}
.registration-step-2-container ul li {
  list-style: none;
  float: left;
  position: relative;
  margin-bottom: 40px;
}
.registration-step-2-container ul a:first-child {
  margin: 0;
}
.registration-step-2-container ul a {
  text-decoration: none;
  color: rgb(96, 130, 175);
  margin-left: 40px;
}
.registration-step-2-container li .c-heading-lvl2 {
  margin: 0;
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.24px;
}
.registration-step-2-container p {
  color: rgb(156, 156, 156);
  text-align: center;
  float: none;
  clear: both;
  text-decoration: none;
}
.registration-step-2-container li > * {
  text-align: center;
  display: block;
}
.registration-step-2-container li > p:last-of-type {
  margin-top: 0;
}
.registration-step-2-container li > p:first-of-type {
  margin-bottom: 0;
}
.registration-step-2-container .img {
  position: relative;
  width: 200px;
  margin: auto;
}
.registration-step-2-container img:not(.c-ogp-logo) {
  display: block;
  height: 160px;
  width: 160px;
  margin: 0 auto;
  border-radius: 50%;
  margin-bottom: 30px;
  position: relative;
}
.registration-step-2-container a.selected li .img > .check,
.registration-step-2-container .selected_lang .img .check {
  width: 35px;
  height: 35px;
  color: #ffffff;
  background-color: rgb(99, 232, 201);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  float: left;
  margin-top: -10px;
}
.registration-step-2-container a.selected li .img > .check {
  position: absolute;
  right: 10%;
  bottom: 5%;
  float: none;
}
.registration-step-2-container ul > li:not(.c-ogp-official-lang):hover:not(.selected) img:not(.c-ogp-logo), .registration-step-2-container ul > li.marked:not(.selected) img:not(.c-ogp-logo) {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
}
.registration-step-2-container legend {
  border-bottom: none;
  text-align: center;
}
.registration-step-2-container .start-button {
  width: 100%;
  margin: 20px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.registration-step-2-container .selected_lang {
  padding-bottom: 40px;
  margin: auto;
  width: 100%;
}
.registration-step-2-container .selected_lang h2 {
  width: 100%;
  margin: 0 auto 30px;
  text-align: center;
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.24px;
  line-height: 30px;
  text-align: center;
}
.registration-step-2-container .change {
  position: absolute;
  right: -40px;
  bottom: 3%;
}
.registration-step-2-container .change a {
  color: rgb(72, 145, 224);
  margin-left: 7px;
}
.registration-step-2-container button {
  background: rgb(72, 145, 224);
  color: #ffffff;
  margin: 15px auto;
  padding: 15px 100px;
  border-radius: 25px;
  cursor: pointer;
  border: 0;
}
.registration-step-2-container .container > p {
  margin-bottom: 85px;
}
.registration-step-2-container .next-step {
  display: block;
  max-width: 670px;
  width: 100%;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 21px 8px rgba(243, 243, 243, 0.81);
  box-shadow: 0 0 21px 8px rgba(243, 243, 243, 0.81);
  padding: 20px;
  height: 250px;
  text-align: center;
  margin: 0 auto;
}
.registration-step-2-container .resume_button {
  background: rgb(72, 145, 224);
  color: #ffffff;
  margin: 15px auto;
  width: 100%;
  max-width: 235px;
  height: 50px;
  padding: 0;
  border-radius: 25px;
  cursor: pointer;
  border: 0;
  font-size: 11.25pt;
}
.registration-step-2-container .resume_button:hover {
  color: #ffffff;
  text-decoration: none;
}
.registration-step-2-container .resume_button:disabled {
  color: rgb(156, 156, 156);
  background: none;
  width: 100%;
  max-width: 235px;
  height: 50px;
  padding: 0;
  border: 1px rgb(170, 170, 170) solid;
  border-radius: 25px;
}
.registration-step-2-container .next-step span {
  margin-bottom: 35px;
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.24px;
  line-height: 30px;
  text-align: center;
}
.registration-step-2-container .next-step > label.container {
  color: rgb(156, 156, 156);
  margin-bottom: 20px;
  max-width: 100px !important;
}
.registration-step-2-container .container label.container:hover {
  color: rgb(72, 145, 224);
}
.registration-step-2-container .container label.container {
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #A6A6A6;
  font-family: "Open Sans";
  font-size: 18px;
  letter-spacing: -0.19px;
  line-height: 24px;
  width: 20% !important;
}
.registration-step-2-container .container label.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.registration-step-2-container .custom_radio {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #FFFFFF;
  border-radius: 50%;
  border: 1px rgb(156, 156, 156) solid;
}
.registration-step-2-container .container label.container:hover input ~ .custom_radio {
  background-color: #FFFFFF;
}
.registration-step-2-container .container label.container input:checked ~ .custom_radio {
  background-color: #FFFFFF;
  border-color: rgb(72, 145, 224);
}
.registration-step-2-container .custom_radio:after {
  content: "";
  position: absolute;
  display: none;
}
.registration-step-2-container .container label.container input:checked ~ .custom_radio:after {
  display: block;
}
.registration-step-2-container .container label.container .custom_radio:after {
  top: 8px;
  left: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgb(72, 145, 224);
}
.registration-step-2-container #step-2-2 {
  display: none;
}
.registration-step-2-container .c-chcked-icon {
  content: url("/sites/all/themes/lingua/assets/checked-icon.svg");
  padding: 6px 7px 3px 9px;
}
.registration-step-2-container .c-button-language-selector {
  background-color: transparent;
  margin: 0;
  padding: 20px 10px;
  cursor: pointer;
}
.registration-step-2-container .c-button-language-selector.marked .check.c-chcked-icon {
  display: block !important;
}
.registration-step-2-container .c-next-button-banner {
  bottom: 0;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 -2px 7px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 -2px 7px 0 rgba(0, 0, 0, 0.1);
  padding: 15px;
  width: 100%;
}
@media (max-height: 1080px) {
  .registration-step-2-container .c-next-button-banner {
    position: fixed;
  }
}
.registration-step-2-container .c-next-button {
  border-radius: 25px;
  border: none;
  color: #FFFFFF !important;
  background-color: #4891e0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  height: 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  max-width: 250px;
  padding: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  align-items: center;
}
.registration-step-2-container .c-next-button.disabled {
  cursor: no-drop !important;
  border: 1px #aaaaaa solid;
  color: #9c9c9c !important;
  background-color: #FFFFFF;
}
.registration-step-2-container .c-next-button-color {
  color: #FFFFFF !important;
}
.registration-step-2-container #step-2-1 .c-chcked-icon {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #63e8c9;
  border-radius: 50%;
  color: #63e8c9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 35px;
  margin-left: auto;
  width: 35px;
  position: absolute;
  right: 10%;
  bottom: 30%;
  display: none;
}
.registration-step-2-container #step-2-1 .c-checked-icon {
  position: unset;
  width: 24px;
  height: 24px;
  padding: 6px 5px 3px 6px;
}
.registration-step-2-container .c-desktop-language-selection-container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
@media (max-width: 820px) {
  .registration-step-2-container .c-desktop-language-selection-container {
    display: none;
  }
}
.registration-step-2-container .c-language-selection-container {
  margin-bottom: 20px;
}
.registration-step-2-container .c-language-selection-container .c-language-row {
  border-bottom: 0.5px solid #979797;
  padding: 12px 24px 12px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
}
.registration-step-2-container .c-language-selection-container .c-language-row:first-of-type {
  border-top: 0.5px solid #979797;
}
.registration-step-2-container .c-language-selection-container .c-language-row.marked .c-checked-icon {
  display: block !important;
}
.registration-step-2-container .c-language-selection-container .c-language-row.marked .c-ogp-official-lang-mobile-container {
  border: 1px solid #80E0C9;
}
.registration-step-2-container .c-language-selection-container .c-language-row .c-language-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.registration-step-2-container .c-language-selection-container .c-language-row .c-language-block img {
  margin-right: 20px;
  width: 39px;
  height: 24px;
  border-radius: 0;
  margin-bottom: 0;
}
.registration-step-2-container .c-language-selection-container .c-language-row .c-language-block .c-text {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
}
.registration-step-2-container .c-language-selection-container .c-language-row.c-ogp-official-lang-mobile + .c-language-row {
  border-top: 0.5px solid #979797;
}
@media (max-width: 600px) {
  .registration-step-2-container .c-language-selection-container {
    margin-top: 20px;
  }
}
@media (min-width: 821px) {
  .registration-step-2-container .c-language-selection-container {
    display: none;
  }
}
@media all and (max-width: 950px) {
  .registration-step-2-container ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .registration-step-2-container ul a {
    margin: 0;
  }
  .registration-step-2-container ul a:nth-child(3) li {
    clear: both;
  }
  .registration-step-2-container ul li {
    margin-left: 40px;
  }
  .registration-step-2-container li .img,
  .registration-step-2-container .selected_lang .img {
    width: 30vw;
    height: auto;
    margin: 0 auto;
  }
  .registration-step-2-container li .img img,
  .registration-step-2-container .selected_lang .img img {
    width: 100%;
    height: auto;
  }
  .registration-step-2-container .container {
    width: auto;
  }
  .registration-step-2-container .change a {
    text-decoration: underline;
    font-weight: 400;
  }
}
@media (max-width: 700px) {
  .registration-step-2-container .change a {
    text-decoration: underline;
    font-weight: 400;
  }
}
@media (max-width: 700px) and (min-width: 601px) {
  .registration-step-2-container .change {
    right: -50px;
  }
}
@media (max-width: 600px) {
  .registration-step-2-container #step-2-2 .selected-language-title {
    padding-bottom: 30px;
  }
  .registration-step-2-container .container {
    width: auto;
  }
  .registration-step-2-container .selected_lang .img {
    width: 50vw;
  }
  .registration-step-2-container .container > h1 {
    padding-top: 35px;
    padding-bottom: 5px;
    margin-top: 0;
    margin-bottom: 0;
    color: #4B4B4B;
    font-family: "Open Sans";
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.16px;
    line-height: 20px;
    text-align: center;
  }
  .registration-step-2-container .c-heading-lvl2 {
    color: #4B4B4B !important;
    font-family: "Open Sans" !important;
    font-size: 16px !important;
    font-weight: 600;
    letter-spacing: -0.17px;
    line-height: 22px !important;
    text-align: center;
    margin-top: 12px;
  }
  .registration-step-2-container .container > p:first-of-type,
  .registration-step-2-container .container > p {
    color: #A6A6A6;
    font-family: "Open Sans";
    font-size: 12px;
    letter-spacing: -0.13px;
    line-height: 18px;
    text-align: center;
  }
  .registration-step-2-container .c-button-language-selector {
    padding-top: 0;
  }
  .registration-step-2-container .c-button-language-selector img {
    height: 117px;
    width: 118px;
    margin: 0 auto;
  }
  .registration-step-2-container .c-button-language-selector:first-of-type {
    padding-top: 20px;
  }
  .registration-step-2-container .selected_lang .img img {
    width: 40vw;
    height: auto;
    margin: 0 auto;
  }
  .registration-step-2-container .change a {
    text-decoration: underline;
    font-weight: 400;
  }
  .registration-step-2-container .selected_lang .img .check {
    font-size: xx-large;
    width: 40px;
    height: 40px;
  }
  .registration-step-2-container .change a,
  .registration-step-2-container button {
    font-size: medium;
  }
  .registration-step-2-container .selected_lang h2 {
    margin: 30px auto;
  }
  .registration-step-2-container ul {
    display: initial;
  }
  .registration-step-2-container ul li {
    float: none;
    margin: 0 0 20px 0;
  }
  .registration-step-2-container li .img {
    width: 50vw;
  }
  .registration-step-2-container li .img img {
    height: 117px;
    width: 118px;
    margin: 0 auto;
  }
  .registration-step-2-container li h2 {
    font-size: 18px;
  }
  .registration-step-2-container ul > a:hover .img img {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .registration-step-2-container a.selected li .img > .check {
    display: none;
  }
  .registration-step-2-container .container > h2 {
    font-size: 16px;
  }
  .registration-step-2-container .selected_lang h2 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 40px;
  }
  .registration-step-2-container .next-step {
    padding: 20px;
  }
  .registration-step-2-container .next-step h2 {
    font-size: 15px;
  }
  .registration-step-2-container .container label.container {
    font-size: 18px;
  }
  .registration-step-2-container .resume_button {
    width: 100%;
    max-width: 235px;
    height: 50px;
    padding: 0;
  }
  .registration-step-2-container #step-2-1 p {
    padding: 0 30px;
    width: 100%;
    font-size: 13px;
  }
  .registration-step-2-container #step-2-1 p:first-of-type {
    margin-bottom: 0;
  }
  .registration-step-2-container #step-2-1 h2:first-of-type {
    margin-top: 30px;
    margin-bottom: 0;
  }
  .registration-step-2-container #step-2-1 .c-button-language-selector {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
  }
  .registration-step-2-container #step-2-2 h2:first-of-type {
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .registration-step-2-container #step-2-2 .next-step-question {
    font-size: 18px;
  }
  .registration-step-2-container #step-2-2 .next-step {
    margin-bottom: 30px;
  }
  .registration-step-2-container .container label.container {
    width: 50% !important;
    padding: 0;
  }
}
.registration-step-2-container {
  /* end of media max-wdith: 600px */
}
@media (max-width: 600px) and (min-width: 500px) {
  .registration-step-2-container .change {
    right: 0;
  }
}
@media (min-width: 600px) and (max-width: 1200px) {
  .registration-step-2-container .container > h1 {
    color: #4B4B4B;
    font-family: "Open Sans";
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.24px;
    line-height: 30px;
    text-align: center;
    margin-top: 48px;
    margin-bottom: 20px;
  }
  .registration-step-2-container .c-heading-lvl2 {
    color: #4B4B4B;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.17px;
    line-height: 22px;
    text-align: center;
    margin-top: 12px;
  }
  .registration-step-2-container .container > p:first-of-type {
    margin-bottom: 20px;
  }
  .registration-step-2-container ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .registration-step-2-container .c-button-language-selector {
    padding: 20px 10px;
  }
}
@media (max-width: 499px) and (min-width: 450px) {
  .registration-step-2-container .change {
    right: -20px;
  }
}
@media (max-width: 390px) {
  .registration-step-2-container .change a {
    text-decoration: underline;
    font-weight: 400;
  }
}

/* end of [ .registration-step-2-container ] */
.c-learning-settings_content {
  max-width: 880px;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
  margin: 0 auto;
}
.c-learning-settings_question {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.15px;
  line-height: 24px;
}
.c-learning-settings_question legend {
  border-bottom: 0;
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.15px;
  line-height: 24px;
}
.c-learning-settings_options label {
  color: #4B4B4B;
  display: inline-block !important;
  font-family: "Open Sans";
  font-size: 12px;
  letter-spacing: -0.13px;
  line-height: 17px;
  width: 100%;
}
.c-learning-settings_save-btn {
  background-color: #4A90E2;
  border: none;
  border-radius: 20.5px;
  color: #FFFFFF !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Open Sans";
  font-size: 14px;
  height: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: -0.15px;
  line-height: 19px;
  margin: 0 auto;
  max-width: 121px;
  text-align: center;
  width: 100%;
}
.c-learning-settings_save-btn:disabled {
  border: 1px solid #CDCECF;
  background-color: transparent;
  color: #CDCECF !important;
  cursor: url("/sites/all/themes/lingua/assets/not-allowed-xs.png"), auto !important;
}
.c-learning-settings_title {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.c-learning-settings_title h1 {
  color: #2F2F2F;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 26px;
}

/* Custom checkbox */
.c-custom-label__checkbox {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-bottom: 12px;
  padding-left: 35px;
  position: relative;
  user-select: none;
}

/* Hide the browser's default checkbox */
.c-custom-label__checkbox .c-custom-input__checkbox {
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}

/* Create a custom checkbox */
.c-checkbox {
  background-color: #FFFFFF;
  border: 1px solid #CDCECF;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  height: 25px;
  left: 0;
  position: absolute;
  top: 0;
  width: 25px;
}

/* When the checkbox is checked, add a blue background */
.c-custom-label__checkbox .c-custom-input__checkbox:checked ~ .c-checkbox {
  background-color: #4A90E2;
}

/* Create the checkmark/indicator (hidden when not checked) */
.c-checkbox:after {
  content: "";
  display: none;
  position: absolute;
}

/* Show the checkmark when checked */
.c-custom-label__checkbox .c-custom-input__checkbox:checked ~ .c-checkbox:after {
  display: block;
}

/* Style the checkmark/indicator */
.c-custom-label__checkbox .c-checkbox:after {
  -ms-transform: rotate(45deg);
  -transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  border: solid white;
  border-width: 0 3px 3px 0;
  height: 10px;
  left: 9px;
  top: 5px;
  width: 5px;
}

.form-columns > div {
  width: 100%;
  display: inline-block;
}

@media (min-width: 600px) {
  .form-columns {
    width: 100%;
  }
  .form-columns > div {
    display: inline-block;
    width: 49%;
  }
  .c-learning-settings_options label {
    width: 49%;
  }
  .c-training-plan-item {
    width: 49%;
    display: inline-block;
  }
}
.form-columns > div.c-training-plan-container {
  width: 100%;
}

.c-training-plan-item {
  color: #4B4B4B;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 12px;
}

.c-close-icon {
  color: #9B9B9B;
  font-size: 45px;
  font-weight: 100;
  padding: 30px;
}

.modal-backdrop {
  background-color: #FFFFFF;
}

.modal-backdrop.in {
  opacity: 0.85;
}

.c-modal-dialog {
  max-width: 680px;
}

.c-modal-content {
  border-radius: 15px;
  border: none;
}

.c-modal-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  min-height: 250px;
  padding: 0;
  width: 100%;
}
.c-modal-header__title {
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 27px;
  font-weight: 500;
  float: right;
  letter-spacing: -0.19px;
  line-height: 32px;
  max-width: 300px;
  padding: 60px 60px 50px 0;
  text-align: right;
}
.c-modal-header__banner {
  width: 100%;
}

.c-modal-body {
  padding: 0;
}
.c-modal-body__content {
  padding: 20px 20px 0 20px;
  width: 100%;
}
.c-modal-body__title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 24px;
  letter-spacing: -0.26px;
  line-height: 33px;
  font-weight: 400;
  margin-bottom: 22px;
}
.c-modal-body__subtitle {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 15px;
  font-weight: 400;
  letter-spacing: -0.16px;
  line-height: 26px;
  margin-bottom: 20px;
}
.c-modal-body__link {
  color: #4A90E2;
}
.c-modal-body__objectives-title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -0.16px;
  line-height: 26px;
  padding-left: 30px;
}
.c-modal-body__objectives {
  border: 1px solid #E6E6E6;
  border-radius: 5px;
  margin-top: 20px;
  padding: 10px 20px;
}
.c-modal-body__objectives .c-challenge__obj-list-content {
  max-width: 397px;
  padding-right: 33px;
}
.c-modal-body__objectives .c-challenge__obj-list {
  color: #6B6B6B;
  font-family: Roboto;
  font-size: 14px;
  letter-spacing: -0.16px;
  line-height: 22px;
  min-height: 40px;
  max-width: 397px;
  width: 100%;
}
.c-modal-body__objectives .c-challenge__obj-list a {
  color: #4A90E2;
}
.c-modal-body__objectives .c-challenge__obj-list span {
  color: #EF7C8E;
}
.c-modal-body__objectives .c-challenge__obj-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 30.03px;
  margin-left: 3px;
  margin-top: 18px;
  width: 30.02px;
}

/* demo css for progress tracker !!!! */
.c-modal-body__objectives .info {
  padding-left: 35px;
}
.c-modal-body__objectives .progress-tracker {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  padding: 5px 0 0 0;
  list-style: none;
}
.c-modal-body__objectives .progress-tracker--vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.c-modal-body__objectives .progress-step {
  display: block;
  flex: 1 1 0%;
  margin: 0;
  min-width: 28px;
  position: relative;
  padding: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0%;
}
.c-modal-body__objectives .progress-step:last-child {
  flex-grow: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
}
.c-modal-body__objectives .progress-step:not(:last-child)::after {
  bottom: 12px;
  content: "";
  display: block;
  height: 4px;
  position: absolute;
  right: -14px;
  top: 12px;
  transition: background-color 0.3s;
  width: 100%;
  -webkit-transition: background-color 0.3s;
}
.c-modal-body__objectives .progress-step.is-active .progress-title {
  font-weight: 400;
}
.c-modal-body__objectives .progress-step > a {
  display: block;
}
.c-modal-body__objectives .progress-step::after {
  background-color: #EDEDED;
}
.c-modal-body__objectives .progress-marker {
  align-items: center;
  border: 2px solid transparent;
  border-radius: 5px;
  color: #FFFFFF;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  font-weight: 400;
  justify-content: center;
  position: relative;
  padding-bottom: 2px;
  transition: background-color, border-color;
  transition-duration: 0.3s;
  width: 22px;
  height: 22px;
  z-index: 20;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-transition-duration: 0.3s;
  -webkit-transition: background-color, border-color;
}
.c-modal-body__objectives .progress-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.c-modal-body__objectives .progress-title {
  margin-top: 0;
}
.c-modal-body__objectives .progress-step .progress-marker {
  background-color: #FFFFFF;
  border: 1px solid #E2E2E2;
  color: #2196F3;
}
.c-modal-body__objectives .progress-step .progress-text,
.c-modal-body__objectives .progress-step .progress-step > a .progress-text {
  color: #333333;
}
.c-modal-body__objectives .progress-step.is-active .progress-marker {
  background-color: #80e1c9;
}
.c-modal-body__objectives .progress-step.is-complete .progress-marker {
  background-color: #80e1c9;
  border: 1px solid #80e1c9;
  color: #FFFFFF;
}
.c-modal-body__objectives .progress-step.is-failed .progress-marker {
  background-color: #EF7C8E;
  border: 1px solid #EF7C8E;
  color: #FFFFFF;
}
.c-modal-body__objectives .progress-step.is-complete::after {
  background-color: #80e1c9;
}
.c-modal-body__objectives .progress-tracker--center .progress-step {
  text-align: center;
}
.c-modal-body__objectives .progress-tracker--center .progress-step:last-child {
  flex-grow: 1;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
}
.c-modal-body__objectives .progress-tracker--center .progress-step::after {
  right: -50%;
}
.c-modal-body__objectives .progress-tracker--center .progress-marker {
  margin-left: auto;
  margin-right: auto;
}
.c-modal-body__objectives .progress-tracker--right .progress-step {
  text-align: right;
}
.c-modal-body__objectives .progress-tracker--right .progress-step:last-child {
  flex-grow: 1;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
}
.c-modal-body__objectives .progress-tracker--right .progress-step::after {
  right: calc(-100% + 14px);
}
.c-modal-body__objectives .progress-tracker--right .progress-marker {
  margin-left: auto;
}
.c-modal-body__objectives .progress-tracker--border {
  border: 2px solid #868686;
  border-radius: 38px;
  padding: 5px;
}
.c-modal-body__objectives .progress-tracker--spaced .progress-step::after {
  margin-right: 24px;
  width: calc(100% - 48px);
}
.c-modal-body__objectives .progress-tracker--word {
  overflow: hidden;
  padding-right: 38.6666666667px;
}
.c-modal-body__objectives .progress-tracker--word .progress-text {
  display: inline-block;
  white-space: nowrap;
}
.c-modal-body__objectives .progress-tracker--word .progress-title {
  margin: 0;
}
.c-modal-body__objectives .progress-tracker--word-center {
  padding: 0 38.6666666667px;
}
.c-modal-body__objectives .progress-tracker--word-center .progress-text {
  padding-right: 0;
  padding-left: 0;
  transform: translateX(calc(-50% + 14px));
  -webkit-transform: translateX(calc(-50% + 14px));
}
.c-modal-body__objectives .progress-tracker--word-right {
  padding-right: 0;
  padding-left: 38.6666666667px;
}
.c-modal-body__objectives .progress-tracker--word-right .progress-text {
  padding-left: 0;
  transform: translateX(calc(-100% + 28px));
  -webkit-transform: translateX(calc(-100% + 28px));
}
.c-modal-body__objectives .progress-tracker--text .progress-step:last-child {
  flex-grow: 1;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
}
.c-modal-body__objectives .progress-tracker--text-top .progress-step::after {
  top: auto;
}
.c-modal-body__objectives .progress-tracker--text-top .progress-text {
  height: 100%;
}
.c-modal-body__objectives .progress-tracker--text-top .progress-marker {
  bottom: 28px;
}
.c-modal-body__objectives .progress-tracker--text-inline .progress-step {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
}
.c-modal-body__objectives .progress-tracker--text-inline .progress-text {
  background-color: #fff;
  max-width: 70%;
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
  white-space: nowrap;
  z-index: 30;
}
.c-modal-body__objectives .progress-tracker--text-inline .progress-title {
  margin: 0;
}
.c-modal-body__objectives .progress-tracker--square .progress-step {
  padding-top: 0;
}
.c-modal-body__objectives .progress-tracker--square .progress-marker {
  border-radius: 0;
  transform: scaleX(0.33) translateY(-12px);
  -webkit-transform: scaleX(0.33) translateY(-12px);
}
@media (max-width: 399px) {
  .c-modal-body__objectives .progress-tracker-mobile {
    overflow-x: auto;
  }
  .c-modal-body__objectives .progress-tracker-mobile .progress-tracker {
    min-width: 200%;
  }
}
.c-modal-body__objectives .progress-tracker--vertical {
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}
.c-modal-body__objectives .progress-tracker--vertical .progress-step {
  flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-box-flex: 1;
}
.c-modal-body__objectives .progress-tracker--vertical .progress-step::after {
  height: 100%;
  left: 9px;
  right: auto;
  top: 14px;
  width: 2px;
}
.c-modal-body__objectives .progress-tracker--vertical .progress-marker {
  left: 0;
  position: absolute;
  top: 8px;
}
.c-modal-body__objectives .progress-tracker--vertical .progress-marker i {
  font-size: 14px;
  margin-right: 3px;
}

.c-modal-footer {
  border-top: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 600px;
  margin: 0 auto;
  padding: 25px;
  width: 100%;
}

.c-modal-btn {
  background-color: #4A90E2;
  border-radius: 25px;
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 14px;
  height: 46px;
  letter-spacing: -0.15px;
  line-height: 19px;
  padding: 0;
  text-align: center;
  width: 235px;
}

@media (min-width: 600px) {
  .c-modal-body__content {
    padding: 40px 80px 0 80px;
  }
}
.c-new-test-modal .c-modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 599px) {
  .c-new-test-modal .c-modal-header {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
  }
}
.c-new-test-modal .c-modal-header__title {
  max-width: 242px;
  padding: 10px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 15px;
  margin: 10px;
}

.c-close-icon {
  color: #9B9B9B;
  font-size: 45px;
  font-weight: 100;
  padding: 30px;
}

.modal-backdrop {
  background-color: #FFFFFF;
}

.c-modal-dialog {
  max-width: 680px;
}

.c-modal-content {
  border-radius: 15px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.c-modal-content .c-challenge__obj-list {
  font-weight: 100;
}

.c-assesment-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  min-height: 250px;
  padding: 0;
  width: 100%;
}

.c-modal-header__banner {
  width: 100%;
}

.c-modal-body {
  padding: 0;
}

.c-modal-body__content {
  padding: 20px 20px 0 20px;
  width: 100%;
}

.c-assesment-title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 20px;
}

.c-assesment__text {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.16px;
  line-height: 26px;
  padding-left: 10px;
}

.u-bold {
  font-weight: 600;
}

.c-assesment__testimonial {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #DFDFDF;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  position: relative;
  max-width: 520px;
  min-height: 100px;
  width: 100%;
}

.c-assesment__level {
  background-color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 15px;
  font-weight: 400;
  letter-spacing: -0.16px;
  line-height: 26px;
  position: absolute;
  top: -15px;
  text-align: center;
}

.c-assesment__quote {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.16px;
  line-height: 23px;
}

.c-assesment__subtitle {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.16px;
  line-height: 22px;
  padding-top: 25px;
}

.u-light {
  color: #9C9C9C;
}

.c-modal-footer {
  border-top: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  max-width: 600px;
  padding: 25px 25px 40px 25px;
  width: 100%;
}

.c-modal-btn {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 25px;
  background-color: #4A90E2;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-family: "Open Sans";
  height: 46px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: -0.15px;
  line-height: 19px;
  text-align: center;
  padding: 0;
  width: 235px;
}

.c-modal-btn-pink {
  background-color: #EF7C8E;
}

.c-modal-btn__print-certificate {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #FFFFFF;
  border: 2px solid #4A90E2;
  color: #4A90E2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.c-modal-btn__print-certificate:hover {
  color: #4A90E2;
}

.c-modal__print-icon {
  background-image: url("/sites/all/themes/lingua/assets/printer.svg");
  background-repeat: no-repeat;
  display: block;
  height: 30px;
  margin-left: 20px;
  width: 45px;
}

.c-modal-btn__white-bg {
  background-color: white;
  border: 2px solid #4A90E2;
  color: #4A90E2;
}
.c-modal-btn__white-bg:hover {
  color: #4A90E2;
}

@media (max-width: 600px) {
  .c-modal-dialog {
    padding-top: 50px;
  }
  .c-modal-footer {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .c-modal__print-button {
    margin-top: 10px;
  }
  .c-modal-btn-pink {
    margin-bottom: 10px;
  }
}
@media (min-width: 600px) {
  .c-modal-body__content {
    padding: 40px 80px 0px 80px;
  }
}
.c-coaching-header:not(.c-coaching-header--teacher):not(.c-coaching-header--student) {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.c-coaching-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #2F3136;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  min-height: 70px;
  padding: 0 40px;
  width: 100%;
  position: relative;
}
.c-coaching-header__icon {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-coaching-header__text {
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.15px;
  line-height: 19px;
  margin: 0;
  padding-left: 10px;
}
.c-coaching-header__info-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.is-andjoys .c-coaching-header {
  background-color: #aac939;
}

.c-toggle-coaching {
  color: #FFFFFF;
  cursor: pointer;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.15px;
  line-height: 19px;
  margin-bottom: 0;
  text-align: right;
  visibility: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-toggle-coaching i {
  padding-left: 5px;
  visibility: visible;
}

@media (min-width: 600px) {
  .c-coaching-header__text {
    font-size: 20px;
    letter-spacing: -0.21px;
    line-height: 27px;
  }
  .c-toggle-coaching {
    visibility: visible;
  }
}
@media (max-width: 600px) {
  .c-coaching-header {
    padding: 0 20px;
  }
}
/* Internet Exporer style only */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* annonimous page */
  .c-annonimous-hero {
    display: table !important;
    width: 100%;
  }
  .c-annonimous-hero__wrapper {
    display: table-cell;
    vertical-align: middle;
  }
  body .c-lingua-attack__form--login .user-login-custom .pass-eye {
    bottom: 18px !important;
  }
  body.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register .form-item input[type=text],
  body.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register .form-item input[type=password],
  body.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register .form-item select {
    padding: 5px 20px !important;
  }
  .c-lingua-attack__form #user-login .form-item input[type=text],
  .c-lingua-attack__form #user-login .form-item input[type=password] {
    padding: 5px 20px !important;
  }
  input[type=password]::-ms-clear, input[type=password]::-ms-reveal {
    display: none;
  }
  .c-steps-container #progressbar {
    margin-top: 17px;
  }
  .c-personal-info-radiogroup .c-card-form_row-title {
    -webkit-box-flex: 37%;
        -ms-flex: 37% 0 0px;
            flex: 37% 0 0;
  }
  .c-form_conteiner {
    padding-bottom: 50px !important;
  }
  .not-logged-in .main-navbar__menu,
  .page-lingua-registration-step .main-navbar-lingua .main-navbar__menu {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .c-annonimous-section1 {
    background-image: url("/sites/all/themes/lingua/assets/annonimous/large-image.svg") !important;
  }
  .c-personal-info_form_row:last-of-type {
    padding-bottom: 80px;
  }
  .c-personal-info-radiogroup .c-form-radios {
    max-width: 60%;
  }
  .content-split {
    display: block;
  }
  .col-lg-10 {
    width: 76%;
  }
  .landing__header.content-split {
    min-height: 0;
  }
  .front .main-navbar__menu {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  #header .block-menu,
  #header .block-locale {
    height: 70px !important;
  }
  .c-header {
    padding: 13px 20px 0 20px !important;
  }
  .c-pv-details__switch_level {
    display: table;
    max-width: 157px;
  }
  .c-pv-details__switch_btn {
    display: table-cell;
    padding-bottom: 10px;
    padding-top: 10px;
  }
  .pv-det .c-pv-content {
    display: block;
  }
  .c-pv-content-features li {
    display: -ms-inline-flexbox;
  }
  .languages-selection-container .start-button {
    display: block;
  }
  .c-coaching-header {
    padding-top: 8px;
  }
  .c-coaching__details-text {
    width: 100%;
  }
  .registration-step-2-container .start-button {
    display: inline-block;
  }
  .c-lingua-attack__form #user-register #edit-name-wrapper label,
  .c-lingua-attack__form #user-register #edit-mail-wrapper label {
    bottom: 40px;
  }
  .c-lingua-attack__form #user-register #edit-pass-wrapper #edit-pass-pass1-wrapper label {
    top: 10px;
  }
  .c-lingua-attack__form #user-register #edit-pass-wrapper #edit-pass-pass1-wrapper .tooltip .tooltip-inner ul li {
    text-align: justify;
  }
  .c-lingua-attack__form #user-register #edit-pass-wrapper #edit-pass-pass2-wrapper label {
    bottom: 55px !important;
  }
  .c-lingua-attack__form #user-register #edit-pass-wrapper #showpw2 {
    top: 73px;
  }
  .c-lingua-attack__form #user-register #edit-pass-wrapper #showpw1 {
    top: 10px;
  }
  .c-lingua-attack__form #user-register .form-text-error #edit-name-wrapper:after,
  .c-lingua-attack__form #user-register .form-text-error #edit-mail-wrapper:after,
  .c-lingua-attack__form #user-register .form-text-error #edit-pass-pass1-wrapper:after,
  .c-lingua-attack__form #user-register .form-text-error #edit-field-mother-tongue-value-wrapper:after,
  .c-lingua-attack__form #user-register .form-text-error #edit-field-birthday-0-value-month-wrapper:after,
  .c-lingua-attack__form #user-register .form-text-error #edit-field-birthday-0-value-year-wrapper:after {
    bottom: 35px !important;
    height: 18px !important;
    right: 0;
    width: 18px !important;
  }
  .c-lingua-attack__form #user-register .form-text-error #edit-pass-pass2-wrapper:after {
    bottom: 10px !important;
  }
  .c-lingua-attack__form--login .user-login-custom .pass-eye {
    bottom: 27px !important;
    margin-bottom: 0;
    margin-top: 0;
    position: absolute;
  }
  .c-lingua-attack__form--login .user-login-custom .form-text-error #edit-name-wrapper:after,
  .c-lingua-attack__form--login .user-login-custom .form-text-error #edit-pass-wrapper:after {
    bottom: 33px;
    height: 18px !important;
    right: 0;
    width: 18px !important;
  }
  .c-lingua-attack__form--login .form-item label.focused {
    bottom: 93px !important;
  }
  .c-lingua-attack__form #user-login .span-error, .c-lingua-attack__form #user-pass .span-error, .c-lingua-attack__form #user-register .span-error {
    padding-left: 20px;
  }
  .c-lingua-attack__form #sign-in-with-linkedin-container {
    max-width: 220px;
  }
  .user-login-custom .form-submit {
    min-width: 50px !important;
  }
  .is-lingua .c-lingua-attack__form--login .user-login-custom .form-item input[type=text],
  .is-lingua .c-lingua-attack__form--login .user-login-custom .form-item input[type=password] {
    padding: 0 0 0 10px;
  }
  .is-qioz :not(.c-lingua-attack__form--login).c-lingua-attack__form #user-register #edit-name-wrapper input[type=text],
  .is-qioz :not(.c-lingua-attack__form--login).c-lingua-attack__form #user-register #edit-mail-wrapper input[type=text],
  .is-qioz :not(.c-lingua-attack__form--login).c-lingua-attack__form #user-register #edit-pass-wrapper input[type=password],
  .is-qioz :not(.c-lingua-attack__form--login).c-lingua-attack__form #user-register select {
    padding: 5px 20px !important;
  }
  .registration-step-2-container .c-chcked-icon {
    content: "";
    background-image: url("/sites/all/themes/lingua/assets/checked-icon.svg");
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
  }
  .check-again,
  .wrong-regcode {
    font-size: 14px;
  }
  .c-challenge__icon {
    display: block;
    padding-top: 17px;
  }
  .c-challenge__photo {
    margin-left: 5px;
    min-height: 250px;
  }
  .c-steps-container ul {
    padding-top: 10px;
  }
  .c-card_header {
    position: relative !important;
    z-index: 9;
  }
  .of-canvas-menu .block-menu .menu .leaf,
  .of-canvas-menu .block-menu .menu-toolbox-dropdown .leaf {
    display: block !important;
    max-height: 60px;
  }
  .of-canvas-menu .block-menu .menu .leaf.expanded .dropdown-menu,
  .of-canvas-menu .block-menu .menu-toolbox-dropdown .leaf.expanded .dropdown-menu {
    position: absolute !important;
    z-index: 999;
  }
  .revamp-2016 .qtip-translation .qtip-content {
    background: #FFFFFF !important;
  }
  .c-accessibility-popup_content .c-accessibility-popup_body-text p {
    padding-top: 30px;
  }
  .c-contrast_options {
    display: table;
  }
  .c-contrast_options li {
    display: table-cell;
    padding: 5px 38px;
  }
  .c-contrast_options li, .c-font_options li {
    border: 1px solid white;
  }
  .c-sl-comprehension__exercise {
    padding-top: 20px;
  }
  /* media screen,projection */
  .flex-container {
    display: -ms-grid;
  }
  .c-videobooster:not(.disabled-hover):not(.active):not(.c-vb-empty):hover {
    margin-left: 45px;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    z-index: 99;
  }
  .only-vb-details-content {
    display: block;
  }
  .landing__header.content-split.landing__header--full {
    min-height: auto;
  }
  .c-sl-catalog__grid .c-videobooster:not(.disabled-hover):not(.active):not(.c-vb-empty):hover {
    margin-left: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    z-index: 99;
  }
  .c-photovocab:not(.disabled-hover):not(.active):not(.c-pv-empty):hover {
    margin-left: 45px;
    -webkit-transform: scale(1);
            transform: scale(1);
    z-index: 99;
  }
  .c-container__coaching-right .c-videobooster:not(.disabled-hover):not(.active):not(.c-vb-empty):hover {
    -webkit-transform: none;
            transform: none;
  }
  .c-container__coaching-right .c-photovocab:not(.disabled-hover):not(.active):not(.c-pv-empty):hover {
    -webkit-transform: none;
            transform: none;
  }
  .c-sl-catalog-header__logo {
    padding-top: 10px;
  }
  .c-sl-details__btn {
    padding: 9px 0 !important;
  }
  .c-vb-catalog__categories-title {
    height: 83px;
  }
  .caption-block-category {
    display: block;
  }
  .c-vb-catalog__carousel,
  .c-pv-catalog__carousel {
    z-index: 0;
  }
  .is-qioz_lingua-page-user-login-register .main-navbar__logo img, .is-qioz.page-languages .main-navbar__logo img {
    max-width: 295px;
  }
  .assessments_table .table__content .english--level.print-certificate {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .assessments_table .table__content .cefr-level--icon {
    margin: 0 !important;
  }
  /* Register */
  .c-form_conteiner--pers-info fieldset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .c-form_conteiner--pers-info #female-first {
    margin: 0 20px 0 0;
  }
  .c-form_conteiner--pers-info label[for=edit-age-variation-15-17] {
    margin-left: 0 !important;
  }
  .c-form_conteiner--pers-info .c-age-range__label {
    margin-right: 10px;
  }
  .c-account-register_input-container {
    max-width: 235px;
  }
  .c-account-register_container form button {
    max-width: 235px;
  }
  .c-account-register_go-to-login {
    max-width: 235px;
  }
  .c-input-value-invalid:after {
    height: 22px !important;
    right: -12px !important;
    width: 5px !important;
  }
  .c-account-register_checkbox-container {
    max-width: 235px;
    width: 100%;
  }
  .c-account-register_select-birth-date {
    margin-right: 0 !important;
  }
  /* Cookies popup */
  .c-cookies-popup_btn {
    display: inline-table;
    padding-top: 20px !important;
  }
  .c-cookies-popup__table {
    display: table;
  }
  .c-cookies-popup__tables-col .c-cookies-popup__header {
    display: table-cell !important;
    padding-left: 40px !important;
    vertical-align: middle;
    width: 340px;
  }
  .c-cookies-popup__cookies-active {
    display: table-cell !important;
    vertical-align: middle;
  }
  .c-cookies-popup__use p {
    word-break: break-all;
  }
  /* Skill booster */
  .c-sb-intro_button-container .c-sb-intro_btn {
    float: left;
  }
  .c-sb-badge_card-circle.default-state {
    background-position: -1009px -26px !important;
    background-size: 1258px 371px !important;
  }
  .c-sb-badge_card-circle.gold-state {
    background-position: 10px -3px !important;
  }
  .c-sb-badge-train.default-train {
    background-position: -750px -11px !important;
  }
  .c-sb-badge-train.gold-train {
    background-position: 12px 5px !important;
  }
  .c-sb-table__vocab .c-tab-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .c-sb-accordion-body {
    margin-left: -12px !important;
    margin-top: -15px !important;
  }
  .c-sb-accordion-header {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -ms-inline-flexbox;
  }
  .c-sb-dialogue__exercise {
    padding-top: 15px;
  }
  .c-sb-dialogue__exercise-text {
    line-height: 28px !important;
  }
  .c-sb-advanced-comprehension .c-sl-comprehension__exercise {
    padding-top: 15px;
  }
  .c-sb-advanced-comprehension .c-sl-comprehension__exercise-text {
    margin-left: 20px;
    line-height: 28px;
  }
  .c-sb-advanced-comprehension .c-sb-comprehension__exercise-icon {
    margin: 0;
  }
  .c-sb-transcript-focus_button-container {
    display: block;
  }
  .c-sb_container-endlesson .c-sb-transcript-focus_button-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .c-sb-details {
    z-index: 999;
  }
  .c-sb-catalog__text {
    padding-top: 15px;
  }
  .c-sb-badge__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .c-sb-table__vocab {
    display: block !important;
  }
  /* Skill booster - display hover effect for radio buttons */
  .node-type-skill-booster .c-checkmark:hover {
    background-color: #FFFFFF;
    border: 1px solid #4A90E2;
  }
  .node-type-skill-booster .c-checkmark:hover:after {
    content: "";
    position: absolute;
    background: #4A90E2;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    left: 9px;
    top: 9px;
    display: block;
  }
  .node-type-skill-booster .c-checkmark.nohover:not(.c-checkmark--failed):not(.c-checkmark--good):hover {
    border: 1px solid #CDCECF;
  }
  .node-type-skill-booster .c-checkmark.nohover:not(.c-checkmark--failed):not(.c-checkmark--good):hover:after {
    display: none;
  }
  .node-type-skill-booster .c-checkmark.nohover.c-checkmark--failed:after, .node-type-skill-booster .c-checkmark.nohover.c-checkmark--good:after {
    background-color: transparent;
  }
  .node-type-skill-booster .c-checkmark.nohover.c-checkmark--failed:hover, .node-type-skill-booster .c-checkmark.nohover.c-checkmark--good:hover {
    border: none;
  }
  .node-type-skill-booster .c-checkmark.nohover.c-checkmark--failed:hover:after, .node-type-skill-booster .c-checkmark.nohover.c-checkmark--good:hover:after {
    background-image: url("/sites/all/themes/lingua/assets/starterlab-icons/failed.svg");
    height: 40px;
    width: 40px;
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    left: 0;
    top: 0;
    background-color: transparent;
    border: none;
  }
  .node-type-skill-booster .c-checkmark.nohover.c-checkmark--good:hover:after {
    background-image: url("/sites/all/themes/lingua/assets/starterlab-icons/check-green.svg");
  }
  /* Necessary to fix properly rate video button */
  .c-sb-video-img__title,
  .c-sb-dialogue_video-desc,
  .c-sb-building-sentences_video-desc,
  .c-sb-transcript-focus_video-desc,
  .c-sb-advanced-comprehension_video-desc,
  .c-sl-vid__desc-title,
  .c-building-sentences_video-title {
    margin-right: auto !important;
  }
  .catalog-search-form .form__group.active-vb:after, .catalog-search-form .form__group.active-pv:after {
    display: none;
  }
  .catalog-search-form .form__input {
    width: auto !important;
  }
  /* New photovocab */
  .c-pv__spelling-main {
    min-width: auto;
  }
  .c-pv__spelling-main.ie-width {
    min-width: 100%;
  }
  .c-pv__spelling-main .c-pv__spelling-characters .c-pv__spelling-required-character-container span {
    margin: 0 0.3em 5px;
    padding-top: 8px;
  }
  .c-pv__spelling-main .c-pv__spelling-characters .c-pv__spelling-character-container span {
    margin: 0.3em;
  }
  .c-pv__spelling-main .c-pv__spelling-available-characters {
    max-width: 500px;
  }
  .c-new-pv__tinder-of-terms-images-container {
    padding: 20px 8px !important;
  }
  .c-new-pv__tinder-of-terms-images-container .twentytwenty-down-arrow,
  .c-new-pv__tinder-of-terms-images-container .twentytwenty-up-arrow {
    height: 3px;
    left: 50%;
    width: 1px;
  }
  .c-new-pv__tinder-of-terms-images-container .twentytwenty-down-arrow {
    border-top: 6px solid white;
  }
  .c-new-pv__tinder-of-terms-images-container .twentytwenty-up-arrow {
    border-bottom: 6px solid white;
  }
  .c-settings-icon {
    background-image: url("/sites/all/themes/lingua/assets/new-photovocab/settings-icon.svg");
    background-repeat: no-repeat;
    height: 25px;
    width: 25px;
  }
  .c-new-pv__settings-menu ul li {
    line-height: 30px;
  }
  .c-new-pv_flip-card-inner.c-flipped-card .c-new-pv_flip-card-word-back {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
  .c-new-pv_flip-card-inner.c-flipped-card .c-new-pv_flip-card-image-back {
    position: relative;
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
  .c-new-pv_flip-card-inner.c-flipped-card .c-new-pv_flip-card-front {
    z-index: 0;
  }
  .c-new-pv_flip-card-image-back .c-new-pv__checked-image-badge {
    background-color: transparent;
    background-image: url("/sites/all/themes/lingua/assets/new-photovocab/check-memory.svg");
    background-position: -25px 0;
    background-size: 65px;
  }
  .c-new-pv_flip-card-word-back {
    -webkit-transform: none;
            transform: none;
  }
  .c-new-pv_flip-card-image-back {
    position: unset;
    -webkit-transform: none;
            transform: none;
  }
  .c-new-pv_flip-card-front {
    z-index: 1;
  }
  .c-pv-footer-gameszone__container img {
    margin: 0 auto;
    max-width: 105px;
    width: 100%;
  }
  .c-pv-album__carousel .carousel-item {
    width: auto !important;
  }
  .c-gamezone__intro .img-responsive {
    height: 100%;
  }
  .c-letters-box__countdown-circle svg {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  .node-type-photovocab .c-pv-footer__container {
    border: none;
  }
  .c-game-instructions {
    display: inline-table !important;
  }
  .c-game-instructions__desc {
    width: 100%;
  }
  .c-game-instructions__btn {
    left: 18%;
  }
  .c-game-instructions__video {
    display: list-item;
    width: 264px;
  }
  .c-pv-announcement__popup .right.carousel-control {
    background-image: none;
    text-shadow: none;
    top: 89%;
  }
  .c-pv-announcement__slide-img--first {
    background-size: 90%;
  }
  .c-learn-desc__word {
    width: auto;
    display: table;
  }
  /* PV search on catalog page */
  .c-sl-catalog__col-search--pv .catalog-search-form--photo-vocab .c-pv-search__dropdown {
    display: inline-table;
  }
  .c-sl-catalog__col-search--pv .catalog-search-form--photo-vocab .c-pv-search__dropdown #pv-serach-dropdown {
    height: 100%;
  }
  .c-sl-catalog__col-search--pv .form__submit.catalog-search__submit.icon-search {
    display: inline-table !important;
  }
  .c-vb-catalog__col-breadcrumbs {
    display: table !important;
  }
  .c-vb-catalog__col-breadcrumbs .catalog-breadcrumb {
    display: table-cell;
    vertical-align: middle;
  }
  .is-qioz.page-pv-list-search .catalog-panel--no-padding,
  .is-lingua.page-pv-list-search .catalog-panel--no-padding {
    z-index: 1;
  }
  /* Badges page */
  .c-badges__header-sections {
    padding: 18px 10px !important;
  }
  .c-badges__header-sections div {
    display: -ms-inline-grid !important;
  }
  .c-badges__header-sections div img {
    width: 30px;
  }
  .c-badges-number {
    margin-left: 40px !important;
  }
  .c-badges__plus-icon {
    height: 30px;
  }
  .c-badges__category {
    padding-top: 12px;
  }
  .c-badges-page__badges-train--silver {
    background-position: -70px !important;
  }
  .c-badges-page__badges-train--gold {
    background-position: 0 !important;
  }
  .c-badges_score-container {
    margin-left: 70px;
  }
}
@media (-ms-high-contrast: none) and (min-width: 992px), (-ms-high-contrast: active) and (min-width: 992px) {
  .c-pv-content {
    max-height: 100%;
  }
}
@media (-ms-high-contrast: none) and (min-width: 600px), (-ms-high-contrast: active) and (min-width: 600px) {
  .c-badges__category p span {
    top: 23px;
  }
  .c-badges__header-sections-title {
    padding-left: 45px !important;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* Assessments test page */
  .assessments_table .table__content .test--date {
    width: 40%;
  }
  .assessments_table .table__content .english--level.print-certificate {
    width: 60%;
  }
  .c-icon-print_container {
    margin: 0 auto;
    width: 70%;
  }
  /* Certification page */
  .c-certification-page .c-badges__header-sections {
    padding: 0 15px !important;
  }
  .c-certification-page .c-badges__header-sections div {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .c-certification-page .c-certification-table-btn {
    margin: 15px 0;
  }
  /* Certification popup */
  .c-certification-modal_header {
    max-width: 100px;
  }
  .c-certification-modal_header .c-badges-popup-language {
    height: 90px;
    width: 100%;
  }
  /* Career tracks */
  .c-career-tracks__header-container {
    padding-top: 15px;
  }
  .c-career-tracks__category-section .c-career-tracks__category-header {
    padding-top: 20px;
  }
  .c-career-tracks__category-header-details .c-career-tracks__category-title-container {
    width: auto;
    white-space: nowrap;
  }
  #careerTracksModal div.modal-content {
    padding-right: 0;
  }
  #careerTracksModal div.modal-content div.c-scroll {
    padding: 5.5% 0 0 1%;
  }
  /* Career tracks carousel */
  .c-career-tracks__carousel-container .owl-next-arrow,
  .c-career-tracks__carousel-container .owl-prev-arrow {
    margin-top: 6px;
  }
  /* Vb games */
  .is-qioz.node-type-video .panel--video-booster footer.panel__footer,
  .is-lingua.node-type-video .panel--video-booster footer.panel__footer {
    padding-top: 35px !important;
  }
  .is-qioz.node-type-video .panel--video-booster .comprehension__answer-container .video-booster__checkbox-label,
  .is-lingua.node-type-video .panel--video-booster .comprehension__answer-container .video-booster__checkbox-label {
    padding-left: 50px;
  }
}
@media (-ms-high-contrast: none) and (min-width: 991px), (-ms-high-contrast: active) and (min-width: 991px) {
  .is-qioz.node-type-video .panel--video-booster .advanced-comprehension-content .answers_container,
  .is-lingua.node-type-video .panel--video-booster .advanced-comprehension-content .answers_container {
    height: 357px;
  }
  .is-qioz.node-type-video .panel--video-booster .comprehension__answer-container,
  .is-lingua.node-type-video .panel--video-booster .comprehension__answer-container {
    height: 322px;
  }
  .is-qioz.node-type-video .panel--video-booster #next_advanced_comprehension,
  .is-lingua.node-type-video .panel--video-booster #next_advanced_comprehension {
    width: 306px;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .is-qioz.node-type-video .c-sb-key-vocab-desc,
  .is-lingua.node-type-video .c-sb-key-vocab-desc {
    line-height: 17px;
    padding-top: 0;
  }
  .is-qioz.node-type-video .vocab-academy-phrase .vb__draggable,
  .is-lingua.node-type-video .vocab-academy-phrase .vb__draggable {
    text-shadow: none;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* Skill Boosters and Video Boosters style */
  .c-sb-comprehension__tabs .video-booster__content-right {
    max-width: 100%;
  }
  .c-sb-comprehension .c-sl-comprehension__translations {
    padding-top: 20px !important;
  }
  /* My school pages */
  .c-teacher-assignments__table-container {
    max-height: 220px;
    min-height: unset;
  }
  .c-class-management-content .c-class-management_add-students-to-class {
    min-width: 530px;
  }
  .c-progress-modal__content .catalog-search-form .form__input {
    width: 530px !important;
  }
  .c-progress-modal__content .catalog-search__submit.icon-search {
    height: 20px;
    width: 20px;
  }
  .c-add-exercice-to-assignments_icon__featured-carousel img {
    height: 24px;
  }
  .c-assessment_header {
    padding-top: 10px;
  }
  .c-assessment_page .c-assessment_add-test-icon {
    background-size: 100%;
    height: 20px;
    width: 30px;
    margin-top: 3px;
  }
  .c-class-management_create-class {
    height: 25px;
  }
  .c-class-management_body-header button {
    max-width: 160px;
  }
  .c-class-management_create-class-popup {
    max-width: 530px;
  }
  .c-class-management-content {
    max-width: 530px;
    margin: 0 auto;
  }
  .c-schools-page_container .c-students-page_container .container.c-students-search_container {
    border-radius: 0 !important;
    max-width: 270px !important;
  }
  .c-new-assignment__btn .icon-red-circle {
    line-height: 22px !important;
    margin: 0 10px;
    padding-top: 2px !important;
  }
  .c-assignments-exercise__link .c-assignments-exercise__icon {
    height: 40px;
    width: 40px;
  }
  .c-assignment-body__header .icon-close-assignment {
    height: 20px;
    width: 25px;
  }
  .c-assignment-body__exercise .assignment__item-add {
    width: 100%;
  }
  .c-assignments__select .dropdown-toggle {
    display: -ms-inline-flexbox;
  }
  .c-assignments__select .dropdown-toggle .js-class-select {
    margin-right: 10px;
  }
  .c-assignments__select .dropdown-toggle .catalog-filter__icon {
    left: 150px;
    position: absolute;
    top: 23px;
  }
  .c-assignments__select .dropdown-toggle small.text-muted {
    display: table-footer-group;
  }
  .c-assignments__select .dropdown-toggle .caret {
    top: 22px !important;
  }
  .c-assignments__datepicker-container.assignment__date-container {
    right: 0;
  }
  .c-assignments__datepicker-container.assignment__date-container .c-assignments-due-date__text {
    margin-right: 35px;
  }
  .c-stats__download-container .c-stats__download-row .icon-download {
    width: 20px;
  }
  .c-stats-results__container .c-badges__categories-badges-container .c-test-results__header {
    padding-top: 20px;
  }
  .c-class-results__select {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
}
@media (-ms-high-contrast: none) and (min-width: 600px), (-ms-high-contrast: active) and (min-width: 600px) {
  .c-vb-details__btns .c-add-exercice-to-assignments_icon.c-add-exercice-to-assignments_icon__featured-carousel {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (-ms-high-contrast: none) and (max-width: 600px), (-ms-high-contrast: active) and (max-width: 600px) {
  .c-return-assignments-icon {
    max-width: 50px !important;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* Grammar rules */
  .user-panel.user-panel--title.c-grammar-rules__titles-text {
    margin: auto 0 32px 0;
  }
}
@media (-ms-high-contrast: none) and (min-width: 1310px), (-ms-high-contrast: active) and (min-width: 1310px) {
  .learned-grammar-rules-header {
    padding-top: 15px !important;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* Accessibility popup */
  .c-accessibility-popup_body-font fieldset label, .c-accessibility-popup_body-contrast fieldset label {
    max-width: 150px;
  }
  /* Lingua Attack anonymous */
  .is-lingua .c-annonimous-language__container.is-opened {
    height: 100px;
  }
  .is-lingua .c-la__jumbotron-container {
    padding: 0 !important;
  }
  .is-lingua .c-la__img-wrapper .c-annonimous-section__img-text {
    font-size: 30px;
  }
  .is-lingua .c-la__jumbotron {
    background-image: url("/sites/all/themes/lingua/assets/lingua-homepage/bg-shape-pink.png");
    background-position: 27% 95%;
  }
  .is-lingua .c-discover-methods_category-container div:first-of-type {
    display: table;
    padding-top: 25px;
  }
  .is-lingua .c-lingua-attack__form--login {
    min-height: auto;
  }
  .c-media-btn__section2 {
    float: left;
  }
  .is-lingua.not-logged-in:not(.page-user-login-register) #popups #popups-title #popups-close {
    top: 20px;
  }
  /* Chinese */
  .page-chinese .vocab-quickview .translatable-word {
    text-align: center;
  }
  .page-chinese .vocab-quickview .c-tab-item a {
    padding: 0 !important;
  }
  .page-chinese {
    /* Vb checkbox style */
  }
  .page-chinese .video-booster__checkbox-label.correct + .video-booster__checkbox-text ruby,
  .page-chinese .video-booster__checkbox-label.correct + .video-booster__checkbox-text rt, .page-chinese .video-booster__checkbox-label.incorrect + .video-booster__checkbox-text ruby,
  .page-chinese .video-booster__checkbox-label.incorrect + .video-booster__checkbox-text rt {
    -webkit-transition-delay: 0.9s;
            transition-delay: 0.9s;
  }
  /* Learned Expressions */
  .c-learned-expression__memorization-container.user-panel, .c-learned-expression__title-container.user-panel {
    max-width: 1125px;
  }
}
@media (-ms-high-contrast: none) and (max-width: 1380px), (-ms-high-contrast: active) and (max-width: 1380px) {
  .is-lingua .c-la__img-wrapper .c-annonimous-section__img-text {
    font-size: 25px;
  }
}
@media (-ms-high-contrast: none) and (min-width: 1251px), (-ms-high-contrast: active) and (min-width: 1251px) {
  .c-la__nav-container .navbar-header {
    max-width: 400px;
    width: 100%;
  }
  .c-la__nav-logo {
    width: auto !important;
  }
}
@media (-ms-high-contrast: none) and (min-width: 1200px) and (max-width: 1250px), (-ms-high-contrast: active) and (min-width: 1200px) and (max-width: 1250px) {
  .c-la__nav-logo {
    max-width: 240px !important;
    width: auto !important;
  }
}
@media (-ms-high-contrast: none) and (max-width: 1160px), (-ms-high-contrast: active) and (max-width: 1160px) {
  #header .block-menu,
  #header .block-locale {
    height: 60px !important;
  }
  .of-canvas-menu .block-menu .menu .leaf,
  .of-canvas-menu .block-menu .menu-toolbox-dropdown .leaf {
    max-height: 100% !important;
  }
  .of-canvas-menu .block-menu .menu .leaf.expanded .dropdown-menu,
  .of-canvas-menu .block-menu .menu-toolbox-dropdown .leaf.expanded .dropdown-menu {
    position: relative !important;
  }
  .of-canvas-menu .of-canvas-navigation {
    overflow-x: hidden !important;
  }
  .block-menu .leaf.expanded .dropdown-menu {
    right: auto;
  }
}
@media (-ms-high-contrast: none) and (min-width: 992px), (-ms-high-contrast: active) and (min-width: 992px) {
  .c-progress-bar {
    top: 0;
  }
  .c-pv-content__body {
    padding: 25px 0 0;
  }
}
@media (-ms-high-contrast: none) and (max-width: 991px), (-ms-high-contrast: active) and (max-width: 991px) {
  #carousel-lingua-homepage .carousel-indicators {
    top: auto;
  }
  .c-jumbotron-carousel-img, .c-jumbotron-section_main-img {
    display: table !important;
  }
}
@media (-ms-high-contrast: none) and (max-width: 920px), (-ms-high-contrast: active) and (max-width: 920px) {
  .of-canvas-menu div#block-menu-menu-lingua-navigation {
    height: auto !important;
  }
  .of-canvas-menu div#block-menu-menu-lingua-navigation .menu .leaf a,
  .of-canvas-menu div#block-menu-menu-lingua-navigation .menu .leaf button {
    text-align: left;
  }
}
@media (-ms-high-contrast: none) and (min-width: 768px), (-ms-high-contrast: active) and (min-width: 768px) {
  .c-la__footer-link {
    display: table !important;
  }
  .c-la__footer-container {
    padding-top: 32px !important;
  }
}
@media (-ms-high-contrast: none) and (min-width: 600px), (-ms-high-contrast: active) and (min-width: 600px) {
  .c-sl-block__container .c-photovocab:hover .card-overlay,
  .c-sl-block__container .c-videobooster:hover .card-overlay {
    display: none !important;
  }
}
@media (-ms-high-contrast: none) and (max-width: 600px), (-ms-high-contrast: active) and (max-width: 600px) {
  .node-type-skill-booster .main-navbar__logo,
  .node-type-starter-lab .main-navbar__logo {
    width: 100%;
  }
  .node-type-skill-booster .main-navbar__logo a,
  .node-type-starter-lab .main-navbar__logo a {
    width: 100%;
  }
  .node-type-skill-booster .main-navbar__logo a .c-logo-header,
  .node-type-starter-lab .main-navbar__logo a .c-logo-header {
    max-width: 100% !important;
    width: 100% !important;
  }
}
/* Edge Browser style only */
@supports (-ms-ime-align: auto) {
  .c-videobooster:not(.disabled-hover):not(.active):not(.c-vb-empty):hover {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    z-index: 99;
  }
  .c-photovocab:not(.disabled-hover):not(.active):not(.c-pv-empty):hover {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    z-index: 99;
  }
  .c-pv-details__switch_level {
    display: table;
    max-width: 157px;
  }
  .c-pv-details__switch_btn {
    display: table-cell;
    padding-bottom: 10px;
    padding-top: 10px;
  }
  #header .block-menu,
  #header .block-locale {
    height: 70px !important;
  }
  .video-js {
    background-color: #FFFFFF !important;
  }
  .c-badges__header-sections div img {
    width: 35px;
  }
  .c-cookies-popup__use p {
    word-break: break-all;
  }
  .c-cookies-popup_btn {
    display: inline-table;
    padding-top: 20px !important;
  }
  .c-container__coaching-right .c-videobooster:not(.disabled-hover):not(.active):not(.c-vb-empty):hover {
    -webkit-transform: none;
            transform: none;
  }
  .c-container__coaching-right .c-photovocab:not(.disabled-hover):not(.active):not(.c-pv-empty):hover {
    -webkit-transform: none;
            transform: none;
  }
  .c-videobooster:not(.disabled-hover):not(.active):not(.c-vb-empty):hover {
    margin-left: 45px;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    z-index: 99;
  }
  .c-sl-catalog__grid .c-videobooster:not(.disabled-hover):not(.active):not(.c-vb-empty):hover {
    margin-left: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    z-index: 99;
  }
  .c-photovocab:not(.disabled-hover):not(.active):not(.c-pv-empty):hover {
    margin-left: 45px;
    -webkit-transform: scale(1);
            transform: scale(1);
    z-index: 99;
  }
  .c-sb-badge-text {
    width: 75%;
    padding: 0 10px !important;
  }
  /* Register */
  .c-account-register_input-container {
    max-width: 235px;
  }
  .c-account-register_container form button {
    max-width: 235px;
  }
  .c-account-register_go-to-login {
    max-width: 235px;
  }
  .c-account-register_checkbox-container {
    max-width: 235px;
    width: 100%;
  }
  .c-account-register_select-birth-date {
    margin-right: 0 !important;
  }
  .c-form_conteiner--pers-info .c-form-info_gender-options legend.c-card-form_row-title {
    float: left;
  }
  .c-form_conteiner--pers-info label[for=edit-age-variation-15-17] {
    margin-left: 0 !important;
  }
  .c-form_conteiner--pers-info #female-first {
    margin-left: 10px;
  }
  .c-form_conteiner--pers-info .c-card-form_row-title--age {
    float: left;
  }
  #edit-pass-wrapper #edit-pass-pass1-wrapper .tooltip .tooltip-inner ul li {
    text-align: justify;
  }
  .c-lingua-attack__form #sign-in-with-linkedin-container {
    max-width: 220px;
  }
  .registration-step-2-container .c-chcked-icon {
    content: "";
    background-image: url("/sites/all/themes/lingua/assets/checked-icon.svg");
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
  }
  /* New photovocab */
  .c-pv__spelling-main {
    min-width: 100%;
  }
  .c-pv__spelling-main .c-pv__spelling-characters .c-pv__spelling-required-character-container span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 0.3em 5px;
  }
  .c-pv__spelling-main .c-pv__spelling-characters .c-pv__spelling-character-container span {
    margin: 0.3em;
  }
  .c-pv__spelling-main .c-pv__spelling-available-characters {
    max-width: 500px;
  }
  .c-new-pv__tinder-of-terms-images-container .twentytwenty-down-arrow,
  .c-new-pv__tinder-of-terms-images-container .twentytwenty-up-arrow {
    height: 3px;
    left: 50%;
    width: 1px;
  }
  .c-new-pv__tinder-of-terms-images-container .twentytwenty-down-arrow {
    border-top: 6px solid #FFFFFF;
  }
  .c-new-pv__tinder-of-terms-images-container .twentytwenty-up-arrow {
    border-bottom: 6px solid #FFFFFF;
  }
  .c-settings-icon {
    background-image: url("/sites/all/themes/lingua/assets/new-photovocab/settings-icon.svg");
    background-repeat: no-repeat;
    height: 25px;
    width: 25px;
  }
  .c-new-pv_flip-card-inner.c-flipped-card .c-new-pv_flip-card-word-back {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
  .c-new-pv_flip-card-inner.c-flipped-card .c-new-pv_flip-card-image-back {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    position: relative;
  }
  .c-new-pv_flip-card-inner.c-flipped-card .c-new-pv_flip-card-front {
    z-index: 0;
  }
  .c-new-pv_flip-card-word-back {
    -webkit-transform: none;
            transform: none;
  }
  .c-new-pv_flip-card-image-back {
    -webkit-transform: none;
            transform: none;
    position: unset;
  }
  .c-new-pv_flip-card-front {
    z-index: 1;
  }
  .c-new-pv_flip-card-image-back .c-new-pv__checked-image-badge {
    background-color: transparent;
    background-image: url("/sites/all/themes/lingua/assets/new-photovocab/check-memory.svg");
    background-position: -25px 0;
    background-size: 65px;
  }
  .c-pv-footer-gameszone__container img {
    margin: 0 auto;
    max-width: 105px;
    width: 100%;
  }
  .c-pv-album__carousel .carousel-item {
    width: auto !important;
  }
  .node-type-photovocab .c-pv-footer__container {
    border: none;
  }
  /* Career tracks */
  .c-career-tracks__category-title-container {
    width: auto !important;
    white-space: nowrap;
  }
  /* Onboarding step 3 */
  .c-settings-franch_content .c-form_conteiner .form-item {
    margin: 5px 0;
  }
  /* Lingua Attack anonymous */
  .is-lingua .c-annonimous-language__container.is-opened {
    height: 100px;
  }
  .is-lingua .c-la__jumbotron {
    background-image: url("/sites/all/themes/lingua/assets/lingua-homepage/bg-shape-pink.png");
    background-position: 27% 95%;
  }
  /* Accessibility popup */
  .c-accessibility-popup_body-font fieldset label, .c-accessibility-popup_body-contrast fieldset label {
    max-width: 150px;
  }
  @media (max-width: 1160px) {
    #header .block-menu,
    #header .block-locale {
      height: 60px !important;
    }
  }
  @media (max-width: 920px) {
    .of-canvas-menu div#block-menu-menu-lingua-navigation .menu .leaf a,
    .of-canvas-menu div#block-menu-menu-lingua-navigation .menu .leaf button {
      text-align: left;
    }
  }
  @media (min-width: 600px) {
    .c-sl-block__container .c-photovocab:hover .card-overlay,
    .c-sl-block__container .c-videobooster:hover .card-overlay {
      display: none !important;
    }
  }
}
.c-learned-expression__title-container .user-page__title {
  padding-top: 10px;
}

.c-past-challenge__container {
  background-color: #FFFFFF;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 750px;
  min-height: 185px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.c-past-challenge__container .c-challenge_content .info {
  padding-left: 35px;
}
.c-past-challenge__container .c-challenge_content .progress-tracker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 0 10px;
  list-style: none;
  margin: 0;
}
.c-past-challenge__container .c-challenge_content .progress-step {
  display: block;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  margin: 0;
  padding: 0;
  min-width: 28px;
}
.c-past-challenge__container .c-challenge_content .progress-step:last-child {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.c-past-challenge__container .c-challenge_content .progress-step:not(:last-child)::after {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  bottom: 12px;
  right: -14px;
  width: 100%;
  height: 4px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.c-past-challenge__container .c-challenge_content .progress-marker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 17px;
  height: 17px;
  padding-bottom: 2px;
  color: #EBEBEB;
  font-weight: 400;
  border-radius: 50%;
  -webkit-transition: background-color, border-color;
  transition: background-color, border-color;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.c-past-challenge__container .c-challenge_content .progress-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.c-past-challenge__container .c-challenge_content .progress-step .progress-marker {
  color: #2196F3;
  background-color: #EBEBEB;
}
.c-past-challenge__container .c-challenge_content .progress-step::after {
  background-color: #EBEBEB;
}
.c-past-challenge__container .c-challenge_content .progress-step .progress-text,
.c-past-challenge__container .c-challenge_content .progress-step .progress-step > a .progress-text {
  color: #333333;
}
.c-past-challenge__container .c-challenge_content .progress-step.is-active .progress-marker {
  background-color: #2196F3;
}
.c-past-challenge__container .c-challenge_content .progress-step.is-complete .progress-marker {
  background-color: #4A90E2;
  border: 1px solid #4A90E2;
  color: #FFFFFF;
}
.c-past-challenge__container .c-challenge_content .progress-step.is-failed .progress-marker {
  background-color: #EF7C8E;
  border: 1px solid #EF7C8E;
  color: #FFFFFF;
}
.c-past-challenge__container .c-challenge_content .progress-step.is-complete::after {
  background-color: #4A90E2;
}
.c-past-challenge__container .c-challenge_content .progress-tracker--spaced .progress-step::after {
  width: calc(100% - 48px);
  margin-right: 24px;
}
.c-past-challenge__container .c-challenge_content .progress-tracker--text .progress-step:last-child {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.c-past-challenge__container .c-challenge_content .c-challenge__obj-list {
  color: #404749;
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .c-past-challenge__container .c-challenge_content .c-challenge__obj-list {
    max-width: 360px;
  }
}
.c-past-challenge__container .c-challenge_content .progress-tracker--vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.c-past-challenge__container .c-challenge_content .progress-tracker--vertical .progress-step {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.c-past-challenge__container .c-challenge_content .progress-tracker--vertical .progress-step::after {
  right: auto;
  top: 22px;
  left: 7px;
  width: 1px;
  height: 100%;
}
.c-past-challenge__container .c-challenge_content .progress-tracker--vertical .progress-marker {
  position: absolute;
  left: 0;
  top: 5px;
}
.c-past-challenge__container .c-challenge_content .progress-tracker--vertical .progress-marker i {
  font-size: 10px;
}
.c-past-challenge__main-title {
  color: #2F2F2F;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 26px;
  margin-top: 40px;
  padding: 15px 20px 10px 30px;
}
.c-past-challenge__wrapper {
  padding: 20px 20px 20px 30px;
}
.c-past-challenge__wrapper:nth-child(odd) {
  background-color: transparent;
}
.c-past-challenge__wrapper:nth-child(even) {
  background-color: transparent;
}
.c-past-challenge_badge {
  background-color: #80E0C9;
  height: 67px;
  position: absolute;
  right: -20px;
  top: -34px;
  -webkit-transform: rotate(136deg);
          transform: rotate(136deg);
  width: 51px;
}
.c-past-challenge_badge--red {
  background-color: #EF7C8E;
}
.c-past-challenge__header {
  border-bottom: 1px solid #E2E2E2;
  padding-bottom: 5px;
  padding-top: 10px;
}
.c-past-challenge__header-title {
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.17px;
  line-height: 22px;
  margin-bottom: 0;
  margin-top: 0;
}
.c-past-challenge__date {
  color: #B5B5B5;
  display: block;
  font-family: "Open Sans";
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.17px;
  line-height: 22px;
}
.c-past-challenge__photo {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  min-height: 200px;
}
.c-past-challenge__details {
  padding-left: 10px;
  position: relative;
}
.c-past-challenge__obj-title {
  color: #404749;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.17px;
  line-height: 22px;
  margin-bottom: 13px;
  margin-top: 0;
}
.c-past-challenge__obj {
  padding-top: 5px;
}
.c-past-challenge__obj ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.c-past-challenge__bonus {
  color: #404749;
  font-family: "Open Sans";
  font-size: 15px;
  letter-spacing: -0.17px;
  line-height: 22px;
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 10px;
}
.c-past-challenge__bonus span {
  font-weight: 600;
}

.user-page__content {
  padding: 0 !important;
}

.badge-icon {
  color: #FFFFFF;
  font-size: 13px;
  position: absolute;
  right: 9px;
  top: 5px;
}

.c-past-challenges_in-progress {
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 13px;
  font-weight: 400;
  margin-right: 10px;
  margin-top: 8px;
  position: absolute;
  right: 0;
}

.c-obj-item__check {
  color: #80E0C9;
}
.c-obj-item__check--red {
  color: #EF7C8E;
}

.c-challenge__obj-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #4B4B4B;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Open Sans";
  font-size: 14px;
}
.c-challenge__obj-item p {
  margin-bottom: 0;
}
.c-challenge__obj-item span {
  padding-left: 20px;
}

@media (max-width: 600px) {
  .c-past-challenge__photo {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    clip-path: none !important;
    max-width: 100% !important;
  }
  .c-past-challenge_badge {
    border-top-left-radius: 100%;
    bottom: 0;
    height: 50px;
    right: 0;
    top: unset;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    width: 45px;
  }
  .c-past-challenge__wrapper {
    padding: 0;
    margin-top: 15px;
  }
  .c-coaching__container-details {
    -webkit-transform: none !important;
    clip-path: none !important;
    max-width: 100% !important;
  }
  .badge-icon {
    bottom: 15px;
    right: 12px;
    top: unset;
  }
  .c-challenge__obj-item {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    font-weight: 400;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .c-challenge__obj-item span {
    padding-left: 0;
    padding-right: 20px;
  }
}
@media (max-width: 599px) {
  .c-past-challenge__container {
    padding-bottom: 10px;
  }
  .c-past-challenge__bonus {
    color: #B6B6B6;
    font-weight: 400;
  }
  .c-past-challenge__bonus span {
    color: #555555;
  }
}
@media (max-width: 767px) {
  .c-past-challenge__container {
    margin-bottom: 10px;
    max-width: 100%;
  }
}
@media (min-width: 600px) {
  .c-past-challenge__photo {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    clip-path: polygon(0 0, 85% 0%, 100% 100%, 0% 100%);
    content: "";
    display: block;
    max-width: 270px;
    min-height: 200px;
    width: 100%;
  }
  .c-past-challenge__containee {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
  }
  .c-past-challenge__details {
    max-width: 480px;
    padding: 5px 20px 0 10px;
    width: 100%;
  }
  .c-past-challenge__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 10px;
  }
}
@media (min-width: 601px) {
  .c-back-to-top__btn-container {
    display: none;
  }
}
@media (max-width: 600px) {
  .c-back-to-top__btn-container {
    background-color: #F7F7F8;
    height: 100px;
    padding: 0 20px 30px 20px;
  }
  .c-back-to-top-details__back {
    color: #9E9E9E;
    font-size: 16px;
    padding: 25px 20px;
  }
  .c-back-to-top-details__back:after {
    background-image: url("/sites/all/themes/lingua/assets/back-to-top-arrow.svg");
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 23px;
    margin: 0 auto 0 7px;
    max-width: 21px;
    width: 100%;
  }
  .c-back-to-top__back-btn {
    background-color: #FFFFFF;
    border-radius: 5px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    margin: 0 auto;
    min-height: 75px;
    width: 100%;
  }
  .c-back-to-top__text-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
  }
  .btn:hover,
  .btn:active,
  .btn:focus {
    color: #FFFFFF !important;
  }
}
.c-new-challenge-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  min-height: 250px;
  padding: 0;
  width: 100%;
}
.c-new-challenge-title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 400;
  letter-spacing: -0.26px;
  line-height: 33px;
  padding-bottom: 10px;
}
.c-new-challenge-title {
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 19px;
  font-weight: 400;
  letter-spacing: -0.2px;
  line-height: 26px;
  text-decoration: none;
}
.c-new-challenge-title:hover {
  color: #4A90E2;
  text-decoration: none;
}
.c-new-challenge-desc {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 15px;
  font-weight: 400;
  letter-spacing: -0.16px;
  line-height: 26px;
  padding-top: 10px;
}

.c-sl-vid__container .row {
  margin-right: 0;
}

.c-building-meaning_container {
  max-width: 1440px;
  width: 100%;
  background-color: #FFFFFF;
}
.c-building-meaning_details {
  margin-right: 0;
}
.c-building-meaning_details-score p {
  text-align: right;
  color: #BCBCBC;
  font-family: "Open Sans";
  font-size: 20px;
  letter-spacing: -0.25px;
  line-height: 27px;
  font-weight: 400;
  padding-top: 10px;
}
.c-building-meaning_details-score p span {
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 26px;
  font-weight: 600;
  letter-spacing: -0.33px;
  line-height: 27px;
}
.c-building-meaning_details-text__title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 22px;
  letter-spacing: -0.32px;
  line-height: 41px;
  font-weight: 400;
  margin-top: 0;
}
.c-building-meaning_details-text__subtitle {
  color: #6B6B6B !important;
  font-weight: 400 !important;
  letter-spacing: -0.19px !important;
  margin-top: 10px;
  float: none !important;
  margin-top: 0;
}
.c-building-meaning_lesson {
  padding: 22px 27px 0;
  min-height: 488px !important;
  margin: 0;
}
.c-building-meaning_question-container {
  padding: 0 40px;
}
.c-building-meaning_question {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 79px;
}
@media (min-width: 768px) {
  .c-building-meaning_question {
    padding-right: 30px;
  }
}
.c-building-meaning_question p {
  width: 90%;
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 21px;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin: 0;
}
.c-building-meaning_question-icon {
  background-image: url("/sites/all/themes/lingua/assets/ls-arrows.svg");
  content: "";
  width: 47px;
  height: 25px;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  margin: 0;
}
.c-building-meaning_answer-container {
  background-color: #F5F5F5;
  border: 2px solid #FFFFFF;
  border-radius: 8px;
  padding: 10px 25px 10px 30px;
}
.c-building-meaning_answer {
  border-radius: 6px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
  cursor: move;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #E4E4E4;
}
.c-building-meaning_answer p {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 400;
  padding-left: 28px;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-building-meaning_answer-icon {
  background-color: #4A90E2;
  max-width: 68px;
  width: 100%;
  height: 73px;
  border-radius: 0 6px 6px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-building-meaning_answer-icon:after {
  background-image: url("/sites/all/themes/lingua/assets/ls-move.svg");
  content: "";
  width: 34px;
  height: 34px;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}
.c-building-meaning_answer-checked-container {
  padding: 0 35px 0 40px;
}
.c-building-meaning_answer-ckecked {
  min-height: 78px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0;
}
.c-building-meaning_answer-checked_text {
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.19px;
  line-height: 28px;
  margin: 0;
}
@media (max-width: 768px) {
  .c-building-meaning_answer-checked_text {
    font-size: 21px;
  }
}
.c-building-meaning_answer-checked-icon {
  background-image: url("/sites/all/themes/lingua/assets/ls-checked.svg");
  content: "";
  width: 47px;
  height: 47px;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}
.c-building-meaning_button-container {
  padding: 20px 40px 20px;
}
.c-building-meaning_btn {
  width: 230px;
  border-radius: 25px;
  background-color: #4A90E2;
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
  text-align: center;
  padding: 15px;
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-building-meaning_lesson-options {
  background-color: #F5F5F5;
  border-radius: 8px;
  padding: 0 30px;
}
.c-building-meaning_lesson-proposals {
  padding: 0;
}
.c-building-meaning_answer--desktop {
  margin-top: 0;
}
.c-building-meaning_answer-checked-container--desktop {
  background: #FFFFFF;
  margin-left: -30px;
  width: calc(100% + 60px);
  padding: 30px 35px 0 35px;
}
.c-building-meaning_answer-checked-container--desktop + .c-building-meaning_answer-checked-container--desktop {
  padding: 30px 35px 0 35px;
}
.c-building-meaning_answer-checked-container--desktop:last-of-type {
  padding: 30px 35px 0 35px;
}
.c-building-meaning_answer-container--desktop {
  border: 2px solid #F5F5F5;
  background-color: #E4E4E4;
  margin: 30px 0;
}
.c-building-meaning_answer-container--desktop + .c-building-meaning_answer-checked-container--desktop {
  padding: 0 35px;
}
.c-building-meaning_answer-container--desktop:first-of-type {
  border-radius: 8px 8px 0 0;
}
.c-building-meaning_answer-container--desktop:last-of-type {
  border-radius: 0 0 8px 8px;
}
.c-building-meaning_ui-state-highlight {
  background-clip: content-box;
  background-color: #E4E4E4;
  height: 103px;
  padding: 15px 25px 15px 30px;
}
.c-building-meaning_question-container--desktop {
  margin: 30px 0;
  padding: 0;
}
.c-building-meaning_answer--dashed {
  border: 2px dashed #80B1EB;
}
.c-building-meaning_wrong-answer {
  border: 1px solid #EF7C8E;
}
.c-building-meaning__points-text {
  color: #BEBEBE;
  display: none;
  float: right;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  margin-right: 40px;
  letter-spacing: -0.28px;
  line-height: 24px;
}
.c-building-meaning__points-nr {
  color: #4A90E2;
  font-size: 32px;
  letter-spacing: -0.4px;
  line-height: 43px;
  font-weight: 400;
}

@media (max-width: 991px) {
  .c-building-meaning_details {
    padding: 10px;
  }
  .c-building-meaning_lesson {
    padding: 0 10px 10px;
  }
}
@media (max-width: 600px) {
  .c-building-meaning_answer-checked-container {
    padding: 0 35px 0 30px;
  }
  .c-building-meaning_answer-checked_text {
    font-size: 16px;
    line-height: 22px;
  }
  .c-building-meaning_answer-checked-icon {
    width: 30px;
    height: 30px;
  }
  .c-building-meaning_details-text p {
    font-size: 15px;
    line-height: 24px;
  }
  .c-building-meaning_lesson .c-building-meaning_exercise:not(:first-of-type) {
    margin-top: 25px;
  }
  .c-building-meaning_question-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 40px 0 30px;
  }
  .c-building-meaning_question-container p {
    font-size: 15px;
  }
  .c-building-meaning_question {
    min-height: 50px;
  }
  .c-building-meaning_answer p {
    min-height: 23px;
    font-size: 13px;
    max-width: 300px;
    line-height: 20px;
  }
  .c-building-meaning_answer-icon {
    height: 53px;
    max-width: 50px;
  }
  .c-building-meaning_answer-icon:after {
    width: 25px;
    height: 25px;
  }
  .c-building-meaning_btn {
    width: 220px;
    padding: 10px;
    position: absolute;
    bottom: 0;
    margin: 0 15px;
  }
  .c-building-meaning_question-icon {
    width: 30px;
    height: 15px;
  }
  .c-building-meaning_button-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    position: relative;
    height: 100px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding: 0;
    max-width: 250px;
    width: 100%;
    margin: 0 auto 10px;
  }
  .c-building-meaning__points-text {
    margin: 0 auto;
    font-size: 14px;
    line-height: 20px;
  }
  .c-building-meaning__points-nr {
    font-size: 25px;
    line-height: 30px;
  }
  .c-building-meaning_ui-state-highlight {
    height: 90px;
  }
  .c-building-meaning_details {
    padding: 20px 20px 10px !important;
  }
  .c-building-meaning_details-text h2 {
    color: #4B4B4B;
    font-family: Helvetica;
    font-size: 19px;
    letter-spacing: -0.16px;
    line-height: 18px;
    font-weight: normal;
  }
  .c-building-meaning_details-text h2 > span {
    display: none;
  }
  .c-building-meaning_details-text p {
    font-family: Helvetica;
    font-size: 14px;
    letter-spacing: -0.12px;
    line-height: 13px;
  }
  .c-building-meaning_details-score p {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.15px;
    line-height: 17px;
  }
  .c-building-meaning_details-score p span {
    font-size: 19px;
  }
}
@media (max-width: 450px) {
  .c-building-meaning_answer-container {
    padding: 10px;
  }
  .c-building-meaning_question-container {
    padding: 0 20px 0 15px;
  }
  .c-building-meaning_answer-checked-container {
    padding: 0 15px;
  }
}
.popover-step {
  background-color: #FFFFFF;
  border-radius: 8px;
  padding: 20px !important;
  width: 100% !important;
  z-index: 9999;
}

.popover-step_1 {
  min-height: 160px;
}
.popover-step_1 .popover-step__footer {
  padding-top: 0;
}

.popover-step_4 {
  z-index: 9999;
}

.popover-step_5 .popover-step__footer {
  padding-top: 0;
}

/* Starter lab tooltip */
.sl_tool-tip {
  min-height: auto !important;
}

.popover-description {
  margin-bottom: 0;
  padding: 0 !important;
}

.popover-step__content {
  background-color: #FFFFFF !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.c-pop-over__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 20px;
}
.c-pop-over-img__container {
  padding-right: 20px;
}
.c-pop-over-img {
  height: 80px;
  width: 80px;
}

.pop-over-title {
  color: #EF7C8E !important;
  font-family: "Open Sans";
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: -0.17px;
  line-height: 22px;
  padding-bottom: 6px !important;
}
.pop-over-desc {
  color: #6B6B6B !important;
  font-family: "Open Sans";
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: -0.16px;
  line-height: 19px;
}

.next-tip {
  background-color: #EF7C8E !important;
  border-radius: 20.5px !important;
  -webkit-box-shadow: 0 2px 6px 0 rgba(239, 124, 142, 0.6);
          box-shadow: 0 2px 6px 0 rgba(239, 124, 142, 0.6);
  color: #FFFFFF !important;
  font-family: "Open Sans";
  font-size: 12px !important;
  font-weight: 600;
  height: 37px !important;
  letter-spacing: -0.13px;
  line-height: 17px;
  padding-top: 0 !important;
  width: 155px !important;
}

.popover-step__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: unset !important;
}
.popover-step__progress {
  text-align: left !important;
  background-color: #FFFFFF !important;
  color: #EF7C8E !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.progress-nr {
  color: #EF7C8E;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.13px;
  line-height: 17px;
}

.c-tool-top-tutorial.right {
  margin-left: 37px;
}
.c-tool-top-tutorial.left {
  margin-left: -50px;
}
.c-tool-top-tutorial.bottom {
  margin-top: 37px;
}

.popover.right > .c-tool-tip-arrow {
  background-color: #EF7C8E;
  border-radius: 50%;
  border-color: #EF7C8E;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.4);
          box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.4);
  height: 20px;
  margin-left: -50px !important;
  position: absolute;
  width: 20px;
}
.popover.right > .c-tool-tip-arrow:after {
  border: 0.5px solid #FFFFFF;
  bottom: 0;
  left: 11px;
  width: 37px;
  z-index: -1;
}

.popover.left > .c-tool-tip-arrow {
  width: 22px;
  height: 22px;
  background-color: #EF7C8E;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.4);
          box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  margin-right: -50px !important;
  border-color: #EF7C8E;
}
.popover.left > .c-tool-tip-arrow:after {
  border: 0.5px solid #FFFFFF;
  width: 45px;
  bottom: 0;
  z-index: -1;
  right: 20px;
}

.popover.bottom > .c-tool-tip-arrow {
  width: 20px;
  height: 22px;
  background-color: #EF7C8E;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.4);
          box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  border-color: #EF7C8E;
  top: -50px;
}
.popover.bottom > .c-tool-tip-arrow:after {
  top: 30px;
  margin-left: -25px;
  content: " ";
  border: 0.5px solid #FFFFFF;
  width: 50px;
  z-index: -1;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  bottom: 0;
}

.front .popover.top > .c-tool-tip-arrow {
  left: 50%;
  width: 20px;
  height: 22px;
  background-color: #EF7C8E;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.4);
          box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  margin-right: -35px !important;
  border-color: #EF7C8E;
  bottom: -55px !important;
  border-top-color: #EF7C8E !important;
}
.front .popover.top > .c-tool-tip-arrow:after {
  top: -21px;
  margin-left: -25px;
  content: " ";
  border: 0.5px solid #FFFFFF;
  width: 50px;
  z-index: -1;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.front .popover.popover-step .popover-step__progress {
  color: #EF7C8E;
}

@media screen and (max-width: 481px) {
  .front .popover.popover-step {
    left: 0px !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .c-tool-top-tutorial.right {
    margin-left: 24px;
  }
  .c-tool-top-tutorial.left {
    margin-left: -35px;
  }
}
@media (min-width: 1024px) {
  .popover-step {
    max-width: 470px !important;
  }
}
@media (max-width: 767px) {
  .front .pop-over-desc {
    padding-top: 10px !important;
  }
  .popover-step {
    margin: 0 auto;
  }
  .c-pop-over__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .popover-step_1 .popover-step__footer {
    padding-top: 20px;
  }
  .popover-step_3 .popover-step__footer,
  .popover-step_4 .popover-step__footer {
    padding-top: 20px;
  }
  .popover-step_1 .pop-over-title,
  .popover-step_4 .pop-over-title,
  .popover-step_5 .pop-over-title {
    position: absolute;
    top: 25px;
    width: 73%;
    right: 0;
  }
  .popover-step_2 .pop-over-title,
  .popover-step_3 .pop-over-title {
    position: absolute;
    top: 15px;
    width: 73%;
    right: 15px;
  }
  .c-pop-over-img {
    width: 60px;
    height: 60px;
  }
}
/* Starter Lab */
.node-type-starter-lab #header {
  margin-bottom: 10px;
}
.node-type-starter-lab .main-navbar__logo {
  padding-left: 0;
  width: 34.1%;
  -webkit-box-align: unset;
      -ms-flex-align: unset;
          align-items: unset;
}
.node-type-starter-lab {
  /* When the radio button is hovered, add a blue background */
}
.node-type-starter-lab .c-custom-label__radio .c-custom-input__radio:hover ~ .c-checkmark:not(.c-checkmark--good):not(.c-checkmark--failed):not(.selected-checkmark):not(.nohover) {
  background-color: #FFFFFF;
  border: 1px solid #4A90E2;
  /* Show the indicator (dot/circle) when hovered */
}
.node-type-starter-lab .c-custom-label__radio .c-custom-input__radio:hover ~ .c-checkmark:not(.c-checkmark--good):not(.c-checkmark--failed):not(.selected-checkmark):not(.nohover):after {
  display: block;
}
.node-type-starter-lab .c-fullscreen-icon {
  margin: 10px 0 0 6%;
}
@media (max-width: 1366px) {
  .node-type-starter-lab .c-sl-game__score-container-responsive {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media (max-height: 1080px) {
  .node-type-starter-lab .c-sl-game__score-container-responsive {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

/*  Apply same box-shadow as PV */
.node-type-starter-lab .container:first-of-type {
  -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
}

/*  Starter Lab steps icons */
.sl-icon-video {
  background-image: url("/sites/all/themes/lingua/assets/starterlab-icons/icons-steps/video.svg");
}
.sl-icon-vocabulary {
  background-image: url("/sites/all/themes/lingua/assets/starterlab-icons/icons-steps/vocabulary.svg");
}
.sl-icon-comprehension {
  background-image: url("/sites/all/themes/lingua/assets/starterlab-icons/icons-steps/comprehension.svg");
}
.sl-icon-dialogue {
  background-image: url("/sites/all/themes/lingua/assets/starterlab-icons/icons-steps/dialogue.svg");
}
.sl-icon-building-sentences {
  background-image: url("/sites/all/themes/lingua/assets/starterlab-icons/icons-steps/building-sentences.svg");
}
.sl-icon-word-jigsaw {
  background-image: url("/sites/all/themes/lingua/assets/starterlab-icons/icons-steps/word-jigsaw.svg");
}

.c-sl__header-icon-rework {
  background-image: url("/sites/all/themes/lingua/assets/starterlab-icons/starter_labs.png");
  background-size: contain;
  background-repeat: no-repeat;
  height: 42px;
  width: 42px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
}

.c-sl-desc__container {
  padding: 22px 25px 0 25px;
  min-height: 550px;
}

.c-sl-vid__container {
  max-width: 1440px;
  width: 100%;
  background-color: #FFFFFF;
}
.c-sl-vid__cell-right {
  max-width: 826px;
  width: 100%;
}
.c-sl-vid__cell-left {
  padding-left: 30px;
}
.c-sl-vid__header-title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.27px;
  line-height: 34px;
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-sl-vid__header-desc {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 16px;
  letter-spacing: -0.17px;
  line-height: 22px;
  font-weight: 400;
}
.c-sl-vid__header {
  padding: 15px 27px;
  border-bottom: 1px solid #D8D8D8;
}
.c-sl-vid__video {
  max-width: 707px;
  width: 100%;
}
.c-sl-vid {
  /* Style for iframe */
}
.c-sl-vid__iframe {
  display: block;
  max-width: 707px;
  width: 100%;
  margin: 0;
  height: 460px;
}
.c-sl-vid__desc {
  max-width: 707px;
  width: 100%;
  border-radius: 0 0 4px 4px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  padding: 13px 12px 13px 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-sl-vid__desc-title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 24px;
  margin-bottom: 0;
  margin-top: 0;
}
.c-sl-vid__desc-subtitle {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.17px;
  line-height: 22px;
  display: block;
  margin: 5px 0 3px 0;
}
.c-sl-vid__desc-icon {
  background-image: url("/sites/all/themes/lingua/assets/starterlab-icons/turtle-hover.svg");
  height: 54px;
  width: 54px;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
  position: relative;
}
.c-sl-vid__step-title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 16px;
  letter-spacing: -0.17px;
  line-height: 22px;
  font-weight: 600;
  margin-top: 0;
}
.c-sl-vid__step-subtitle {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 16px;
  letter-spacing: -0.17px;
  line-height: 22px;
  text-align: justify;
  padding-bottom: 30px;
  font-weight: 400;
}
.c-sl-vid__step-btn {
  background-color: #4A90E2;
  border: 0;
  color: #FFFFFF !important;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
  text-align: center;
  border-radius: 25px;
  padding: 15px 90px;
  text-decoration: none;
}
.c-sl-vid__step-btn:disabled {
  background-color: #FFFFFF;
  border: 1px solid #CDCECF;
  color: #CDCECF !important;
}
.c-sl-vid__step-btn:disabled:hover {
  color: #CDCECF !important;
}
.c-sl-vid__step-btn:hover {
  color: #FFFFFF !important;
  text-decoration: none;
}
@media (max-width: 1290px) {
  .c-sl-vid__step-btn {
    font-weight: 400;
  }
}
.c-sl-vid__comprehension-step-btn {
  display: none;
}

.icon-close {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  background-color: transparent;
  background-image: url("/sites/all/themes/lingua/assets/close-icon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px 25px;
}

.c-close-icon-header {
  top: 15px !important;
  right: 30px !important;
}

.page-sl-test #page-content .container {
  background-color: #F7F7F8;
}

.c-sl-turtle-icon__blue {
  background-image: url("/sites/all/themes/lingua/assets/starterlab-icons/turtle-clicked.svg");
}

.c-sl-header-resp {
  display: none;
}

.c-starterlab-navbar_title {
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 22px;
  letter-spacing: -0.28px;
  line-height: 20px;
  text-align: center;
  font-weight: 400;
  margin: 0;
}
.c-starterlab-navbar_title--title-right {
  color: #B6B6B6 !important;
  margin-left: 3px;
}

.is-lingua .c-sl-title-subtitle .c-starterlab-navbar_title--title-right {
  color: #ffffff !important;
}

.is-qioz .c-starterlab-navbar_title {
  color: #36393F;
}
.is-qioz .c-starterlab-navbar_title--title-right {
  margin-left: 8px;
}

@media (max-width: 991px) {
  .c-starterlab-navbar_title {
    font-size: 22px;
  }
}
@media (max-width: 840px) {
  .c-starterlab-navbar_title {
    font-size: 20px;
  }
}
@media (min-width: 1024px) and (max-width: 1150px) {
  .c-sl-vid__cell-right {
    max-width: 635px !important;
  }
}
@media (min-width: 1150px) and (max-width: 1310px) {
  .c-sl-vid__cell-right {
    max-width: 690px !important;
  }
}
@media (min-width: 601px) and (max-width: 1150px) {
  .node-type-starter-lab .main-navbar-lingua .main-navbar__title {
    display: block;
  }
  .node-type-starter-lab .main-navbar-lingua .main-navbar__title .c-starterlab-navbar_title {
    line-height: 24px;
  }
  .node-type-starter-lab .main-navbar-lingua .main-navbar__title .c-starterlab-navbar_title--title-right {
    display: block;
  }
}
@media (max-width: 1150px) {
  .c-starterlab-navbar_title {
    font-size: 18px;
  }
}
@media (max-width: 1160px) {
  .c-close-icon-header {
    top: 5px !important;
  }
}
@media (max-width: 1090px) {
  .c-sl-vid__step-desc {
    padding-top: 10px;
  }
}
@media (max-width: 800px) {
  .c-starterlab-navbar_title {
    font-size: 17px;
  }
}
@media (max-width: 750px) {
  .c-starterlab-navbar_title {
    font-size: 14px;
  }
}
@media (max-width: 600px) {
  .c-close-icon-header {
    top: 50% !important;
    right: 0 !important;
    background-size: 14px 14px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .c-sl-header-resp {
    background: #202020;
    border-top: 16px solid #D5D5D5;
    display: block;
    position: relative;
    padding: 10px;
  }
  .c-close-icon_div {
    display: none;
  }
  .c-sl-comprehension__row-resp {
    padding: 0 15px;
  }
  .c-sl-vid__step-desc {
    padding: 15px;
  }
  .is-qioz .c-sl-header-resp .icon-close {
    background-image: url("/sites/all/themes/lingua/assets/close-icon.svg");
  }
  .is-qioz .c-starterlab-navbar_title {
    color: #FAFAFA;
  }
}
@media (min-width: 451px) and (max-width: 600px) {
  .c-sl-vid__header-title {
    font-size: 25px;
  }
  .c-sl-vid__header-desc {
    font-size: 16px;
  }
}
@media (max-width: 450px) {
  .c-starterlab-navbar_title {
    font-size: 17px;
  }
  .c-sl-vid__row {
    padding: 20px 15px;
  }
  .c-sl-vid__header-title {
    font-size: 21px;
  }
  .c-sl-vid__header-desc {
    font-size: 13px;
    letter-spacing: -0.16px;
    line-height: 15px;
  }
  .c-sl-vid__desc-title {
    font-size: 18px;
  }
  .c-sl-vid__desc-subtitle {
    font-size: 14px;
  }
  .c-sl-vid__step-title {
    font-size: 20px;
  }
  .c-sl-vid__btn-resp {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .c-sl-vid__desc-icon {
    height: 35px;
    width: 35px;
  }
  .c-sl-vid__step-btn {
    padding: 11px 75px;
    font-size: 17px;
  }
}
@media (max-width: 390px) {
  .c-starterlab-navbar_title {
    font-size: 13px;
  }
}
/* Starter Lab Status (only for Editors) */
#starter_lab_status {
  padding: 30px;
}

#starter_lab_status div {
  display: inline-block;
  width: 49%;
}

#starter_lab_status h4 {
  color: #B9B9B9;
  font-weight: normal;
  margin: 0 0 15px 0;
}

#starter_lab_status ul {
  list-style-type: none;
  margin-bottom: 0;
  padding-left: 0;
}

#starter_lab_status li {
  list-style-image: none;
  padding: 6px 0 6px 20px;
}

#starter_lab_status .is_ok {
  background-color: #95BA96;
}

#starter_lab_status .is_not_ok {
  background-color: #E76B6B;
}

/* Steps progress */
.c-sl_progress-steps-container {
  border-radius: 0 0 6px 6px;
  border-top: 1px solid #D6D6D6;
  margin: 0;
  padding: 10px 27px 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-sl_progress-steps-container a {
  color: #262E31;
}
.c-sl_progress-steps-container a:hover {
  text-decoration: none;
}

@media (min-width: 970px) {
  .c-sl_progress-steps-container {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.c-sl_progress-step-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 15px 25px;
  vertical-align: top;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 767px) {
  .c-sl_progress-step-container {
    width: 100px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .c-sl_progress-step-container {
    width: 115px;
  }
}
@media (min-width: 992px) {
  .c-sl_progress-step-container {
    width: 108px;
  }
}
.c-sl_progress-step-design {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 767px) {
  .c-sl_progress-step-design {
    height: 100px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .c-sl_progress-step-design {
    height: 115px;
  }
}
@media (min-width: 992px) {
  .c-sl_progress-step-design {
    height: 108px;
  }
}
.c-sl-canvas {
  left: 0;
  position: absolute;
  top: 0;
}

.c-sl_progress-step-icon-score-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #FCD372;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 77%;
  margin: 0 auto;
  width: 77%;
}
.c-sl_progress-step-icon-score-container img {
  height: 50%;
  width: 100%;
}
.c-sl_progress-step-icon-score-container span {
  color: #FFFFFF;
  display: none;
  font-family: "Open Sans";
  font-weight: 600;
}

@media (max-width: 767px) {
  .c-sl_progress-step-icon-score-container span {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .c-sl_progress-step-icon-score-container span {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .c-sl_progress-step-icon-score-container span {
    font-size: 15px;
  }
}
.c-sl_progress-step-name {
  display: block;
  margin-top: 20px;
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 16px;
  letter-spacing: -0.17px;
  line-height: 22px;
  text-align: center;
  font-weight: 400;
}

@media (max-width: 767px) {
  .c-sl_progress-step-name {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .c-sl_progress-step-name {
    font-size: 17px;
  }
}
.c-sl_non-playable-progress-step {
  opacity: 0.5;
}

.c-sl_current-progress-step {
  -webkit-transform: scale(1.25);
          transform: scale(1.25);
}
.c-sl_current-progress-step .c-sl_progress-step-icon-score-container {
  background-color: #FCD372;
}

@media (max-width: 360px) {
  .c-sl_progress-step-container {
    margin: 15px;
  }
}
.c-sl-vid__row-quickview {
  padding: 25px 27px 35px;
}
.c-sl-vid__header-quickview {
  max-width: 1156px;
  width: 100%;
}
.c-sl-vid__header-title-quickview {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 22px;
  letter-spacing: -0.32px;
  line-height: 30px;
  font-weight: 400;
  margin-bottom: 14px;
  margin-top: 0;
}
.c-sl-vid__header-desc-quickview {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 18px;
  letter-spacing: -0.19px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 15px;
}

.c-sl-quickview__photo {
  width: 100%;
  border-radius: 4px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}
.c-sl-quickview__photo img {
  width: 100%;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.c-sl-quickview__photo-details {
  padding: 15px 25px;
}
.c-sl-quickview__table-header th {
  border-bottom: none !important;
}
.c-sl-quickview__table-cell {
  padding-left: 50px;
}
.c-sl-quickview__table {
  max-width: 830px;
  width: 100%;
  margin-bottom: 30px;
  margin-left: auto;
}
.c-sl-quickview__table tbody {
  border-top: none !important;
}
.c-sl-quickview__listen-text {
  display: table-cell;
  cursor: pointer;
}
.c-sl-quickview__language-icon {
  background-image: url("/sites/all/themes/lingua/assets/starterlab-icons/sound.svg");
  cursor: pointer;
  height: 40px;
  width: 40px;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}
.c-sl-quickview__thead th {
  padding-left: 40px !important;
}
.c-sl-quickview__btn-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.c-sl-quickview__btn-container .c-sl-vid__step-btn {
  margin: 0;
}

.c-sl-photo__title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 24px;
  margin-bottom: 5px;
}
.c-sl-photo__subtitle {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.17px;
  line-height: 22px;
  margin-bottom: 0;
}

.c-sl-table__header-title {
  font-size: 16px;
  letter-spacing: -0.17px;
  line-height: 37px;
  font-weight: 400;
  color: #9B9B9B;
  font-family: "Open Sans";
  margin-bottom: 0;
}
.c-sl-table__row td {
  border-top: none !important;
  padding: 6px 40px !important;
  vertical-align: middle !important;
}
.c-sl-table__row td:first-of-type {
  border-top-left-radius: 9px;
  border-bottom-left-radius: 9px;
}
.c-sl-table__row td:last-of-type {
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
}
.c-sl-table__row:nth-of-type(odd) {
  border-radius: 9px;
  background-color: #F5F5F6 !important;
}
.c-sl-table__language1-text {
  font-size: 16px;
  letter-spacing: -0.17px;
  line-height: 20px;
  color: #4A90E2;
  font-family: "Open Sans";
  font-weight: 400;
  margin-bottom: 0;
  display: table;
}
.c-sl-table__language2-text {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 16px;
  letter-spacing: -0.17px;
  line-height: 20px;
  font-weight: 400;
  margin-bottom: 0;
}

@media (max-width: 1100px) {
  .c-sl-quickview__table-cell {
    padding-left: 10px;
  }
  .c-sl-quickview__thead th:first-of-type {
    padding-left: 60px !important;
  }
  .c-sl-quickview__thead th:last-of-type {
    padding-left: 0 !important;
  }
  .c-sl-table__row td {
    padding: 10px !important;
  }
  .c-sl-table__language1-text, .c-sl-table__language2-text {
    font-size: 16px;
  }
}
@media (max-width: 600px) {
  .c-sl-quickview__table-cell {
    padding-left: 10px;
  }
  .c-sl-quickview__language-icon {
    height: 35px;
    width: 35px;
  }
  .c-sl-quickview__table {
    margin-top: 20px;
  }
  .c-sl-quickview__thead th:first-of-type {
    padding-left: 5% !important;
  }
  .c-sl-quickview__thead th:last-of-type {
    padding-left: 0 !important;
  }
  .c-sl-table__row td {
    padding: 5px !important;
  }
  .c-sl-table__language1-text, .c-sl-table__language2-text {
    font-size: 14px;
  }
  .c-sl-vid__cell-left {
    padding-left: 0;
  }
  .c-sl-desc__container {
    padding: 47px 0;
  }
}
@media (min-width: 451px) and (max-width: 600px) {
  .c-sl-vid__header-title-quickview {
    font-size: 27px;
  }
}
@media (max-width: 450px) {
  .c-sl-vid__header-title-quickview {
    font-size: 20px;
  }
  .c-sl-vid__header-desc-quickview {
    font-size: 14px;
    letter-spacing: -0.16px;
    line-height: 17px;
  }
  .c-sl-vid__row-quickview {
    padding: 20px 14px 30px;
  }
  .c-sl-table__header-title {
    font-size: 17px;
  }
  .c-sl-quickview__btn-container {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
  }
}
.vjs-theme.video-js .vjs-poster {
  background-size: cover;
}
.vjs-theme.video-js .vjs-big-play-button {
  border: 0;
  font-size: 48px;
  height: 70px;
  margin: -35px 0 0 -50px;
  left: 50%;
  top: 50%;
  width: 100px;
}
.vjs-theme.video-js .vjs-big-replay-button {
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 50%;
  border: 0;
  cursor: pointer;
  display: none;
  font-size: 36px;
  height: 70px;
  left: 50%;
  line-height: 2em !important;
  margin: -35px 0 0 -35px;
  position: absolute;
  top: 50%;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  width: 70px;
}
.vjs-theme.video-js .vjs-control-bar {
  background-color: #1B1B1B;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.vjs-theme.video-js .vjs-control-bar .vjs-progress-control {
  background-color: #A5A5A5;
  bottom: 30px;
  height: 10px;
  left: 0;
  position: absolute;
  width: 100%;
}
.vjs-theme.video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder {
  height: 10px;
  margin: 0 !important;
}
.vjs-theme.video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-play-progress {
  background-color: #CE1312;
}
.vjs-theme.video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-play-progress:before {
  font-size: 17px;
  top: -4px;
}
.vjs-theme.video-js .vjs-text-track-display > div > div > div {
  background-color: #FFFFFF !important;
  border: 1px solid #4A90E2;
  color: #797979 !important;
  font-family: "Open Sans" !important;
  font-size: 18px;
  letter-spacing: -0.19px;
  line-height: 41px;
  padding: 7px;
}
.vjs-theme.video-js .vjs-text-track-display > div > div > div span.vjs-text-track-active {
  color: #4A90E2;
}

.video-js {
  background-color: #FFF !important;
}

.c-sl-comprehension__exercise-container {
  padding-left: 0;
}
.c-sl-comprehension__exercise-wrapper {
  min-height: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 767px) and (max-width: 1330px) {
  .c-sl-comprehension__exercise-wrapper {
    padding-left: 30px;
  }
}
.c-sl-comprehension__details-score {
  color: #BCBCBC;
  font-family: "Open Sans";
  font-size: 20px;
  letter-spacing: -0.25px;
  line-height: 27px;
  font-weight: 400;
  text-align: right;
  margin-bottom: 0;
  padding-top: 10px;
}
.c-sl-comprehension__details-score span {
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 26px;
  font-weight: 600;
  letter-spacing: -0.33px;
  line-height: 27px;
}
.c-sl-comprehension__points-progress {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 10px;
  max-width: 187px;
  width: 100%;
  margin-left: auto;
}
.c-sl-comprehension__points-step {
  min-height: 20px;
  max-width: 20px;
  width: 100%;
  background-color: #EBEBED;
  border-radius: 50%;
  margin-left: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.c-sl-comprehension {
  /* Modifiers for bullet stats */
}
.c-sl-comprehension__points-step--current {
  background-color: #B2B2B2;
}
.c-sl-comprehension__points-step--good {
  background-color: #80E0C9;
}
.c-sl-comprehension__points-step--wrong {
  background-color: #EF7C8E;
}
.c-sl-comprehension__exercise-container {
  display: none;
}
.c-sl-comprehension__video-container {
  max-width: 707px;
}
.c-sl-comprehension__video-container video {
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.c-sl-comprehension__video-container .vjs-play-progress::before {
  display: none;
}
.c-sl-comprehension__progress-exercise-interval {
  background-color: #4A90E2;
  height: 100%;
  position: absolute;
  top: 0;
}
.c-sl-comprehension__exercise {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow-wrap: anywhere;
}
.c-sl-comprehension__exercise-text {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 21px;
  letter-spacing: -0.22px;
  line-height: 58px;
  font-weight: 400;
  margin: 0;
}
@media (max-width: 1350px) {
  .c-sl-comprehension__exercise-text {
    line-height: 35px;
  }
}
.c-sl-comprehension__translations {
  padding: 15px 0 0 0;
}
.c-sl-comprehension__translations .c-custom-label__radio {
  padding: 0 0 0 60px;
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 16px;
  letter-spacing: -0.17px;
  line-height: 35px;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
.c-sl-comprehension__translations .c-custom-label__radio:focus {
  outline: none !important;
}
.c-sl-comprehension__translations .form-item {
  margin: 0;
  padding-bottom: 15px;
}
.c-sl-comprehension__translations .c-checkmark:not(.c-checkmark--good):not(.c-checkmark--failed) {
  height: 41px;
  width: 41px;
}
.c-sl-comprehension__translations .c-checkmark:not(.c-checkmark--good):not(.c-checkmark--failed):after {
  width: 22px;
  height: 22px;
  left: 9px;
  top: 9px;
}
.c-sl-comprehension__translations {
  /* Classes for checkmark for good/wrong answers */
}
.c-sl-comprehension__translations .c-checkmark--good:after {
  background-image: url("/sites/all/themes/lingua/assets/starterlab-icons/check-green.svg");
  height: 40px;
  width: 40px;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  left: 0;
  top: 0;
}
.c-sl-comprehension__translations .c-checkmark--failed:after {
  background-image: url("/sites/all/themes/lingua/assets/starterlab-icons/failed.svg");
  height: 40px;
  width: 40px;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  left: 0;
  top: 0;
}
.c-sl-comprehension__translations .c-custom-label__radio .c-custom-input__radio:checked ~ .c-checkmark--good,
.c-sl-comprehension__translations .c-custom-label__radio .c-custom-input__radio:checked ~ .c-checkmark--failed {
  border: none;
}
.c-sl-comprehension__points-text {
  color: #BEBEBE;
  display: none;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.28px;
  line-height: 24px;
  padding-left: 25px;
  margin: 0;
  float: right;
}
.c-sl-comprehension__points-nr {
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 32px;
  letter-spacing: -0.4px;
  line-height: 43px;
  font-weight: 400;
}
.c-sl-comprehension__score-btn-container {
  position: relative;
  min-height: 112px;
  padding-right: 10px;
}
.c-sl-comprehension__btn-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 20px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.c-sl-comprehension__btn-container button {
  padding: 15px 90px;
}

.c-sl-comprehension__points-progress.c-sl-comp-progress {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  max-width: unset;
}

.c-sl-vid__header-title-comprehension {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 22px;
  letter-spacing: -0.32px;
  line-height: 30px;
  font-weight: 400;
  margin-bottom: 20px;
  margin-top: 0;
}
.c-sl-vid__header-desc-comprehension {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 18px;
  letter-spacing: -0.19px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 23px;
}
.c-sl-vid__header-title-comprehension-resp {
  display: none;
}

.c-sl-vid__desc-subtitle--comprehension {
  margin-top: 5px;
}

@media (max-width: 991px) {
  .c-sl-comprehension__points {
    padding-bottom: 10px;
  }
  .c-sl-comprehension__exercise-container {
    padding-left: 20px;
  }
  .c-sl-comprehension__header-resp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media (min-width: 451px) and (max-width: 600px) {
  .c-sl-vid__header-title-comprehension {
    font-size: 27px;
  }
  .c-sl-vid__header-desc-comprehension {
    font-size: 16px;
  }
}
@media (max-width: 450px) {
  .c-sl-comprehension__points-progress {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-top: 0;
  }
  .c-sl-comprehension__points-progress li {
    min-height: 13px;
    max-width: 13px;
  }
  .c-sl-comprehension__points-progress li:not(:first-child) {
    margin-left: 7px;
  }
  .c-sl-comprehension__exercise {
    margin-top: 30px;
  }
  .c-sl-comprehension__exercise-text {
    line-height: 20px !important;
    margin: 0 !important;
    font-size: 18px !important;
  }
  .c-sl-comprehension__exercise-icon {
    height: 0;
    width: 0;
  }
  .c-sl-comprehension__translations {
    padding: 25px 0 0 0;
  }
  .c-sl-comprehension__translations .c-checkmark {
    height: 30px;
    width: 30px;
    margin-top: 0;
  }
  .c-sl-comprehension__translations .c-checkmark:not(.c-checkmark--failed):not(.c-checkmark--good) {
    height: 30px;
    width: 30px;
  }
  .c-sl-comprehension__translations .c-checkmark:not(.c-checkmark--failed):not(.c-checkmark--good):after {
    height: 8px !important;
    width: 8px !important;
    left: 10px !important;
    top: 10px !important;
  }
  .c-sl-comprehension__translations .c-custom-label__radio {
    padding: 0 0 0 45px;
    line-height: 27px;
    display: block !important;
    font-size: 15px;
    margin: 0;
  }
  .c-sl-comprehension__translations .form-item {
    height: auto;
    margin-bottom: 15px;
  }
  .c-sl-comprehension__btn-container {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 0;
  }
  .c-sl-comprehension__btn-container button {
    padding: 14px 85px;
  }
  .c-sl-comprehension__score-btn-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 95px;
    margin-bottom: 10px;
  }
  .c-sl-comprehension__points-text {
    font-size: 16px;
    font-weight: 400;
  }
  .c-sl-comprehension__points-nr {
    font-size: 23px;
    font-weight: 600;
  }
  .c-sl-comprehension__row-resp {
    padding: 0 15px;
  }
  .c-sl-comprehension__row-resp .c-sl-desc__container {
    padding: 0 0 5px;
  }
  .c-sl-comprehension__row-resp .c-sl-desc__container .js-sl-same-height {
    padding-right: 0;
  }
  .c-sl-comprehension__header-resp .c-sl-vid__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding: 10px 5px;
    border-bottom: none;
  }
  .c-sl-comprehension__header-resp .c-sl-vid__header-desc {
    font-size: 12px;
    letter-spacing: -0.12px;
    line-height: 13px;
  }
  .c-sl-comprehension__header-resp .c-sl-vid__header .pl-0 {
    width: 100%;
    padding: 0;
  }
  .c-sl-comprehension__header-resp .c-sl-vid__header .c-sl-comprehension__points {
    padding-bottom: 0;
  }
  .c-sl-comprehension__header-resp .c-sl-vid__header .c-sl-comprehension__details-score {
    font-size: 12px;
    letter-spacing: -0.15px;
    line-height: 17px;
    font-weight: 600;
  }
  .c-sl-comprehension__header-resp .c-sl-vid__header .c-sl-comprehension__details-score span {
    font-size: 15px;
  }
  .c-sl-comprehension__header-resp .c-sl-vid__header-title {
    display: none;
  }
  .c-sl-comprehension__header-resp .c-sl-vid__header-title-comprehension-resp {
    font-size: 15px;
    color: #4B4B4B;
    font-family: Helvetica;
    letter-spacing: -0.16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: -5px;
  }
  .c-sl-comprehension__header-resp .c-sl-vid__header-desc-comprehension {
    font-size: 14px;
    letter-spacing: -0.16px;
    line-height: 18px;
  }
  .c-sl-comprehension__header-resp .c-sl-vid__header .c-sl-game__score-container-responsive {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding: 0 0 20px 0;
  }
  .c-sl-comprehension__translations .c-checkmark--good:after,
  .c-checkmark--failed:after {
    height: 30px !important;
    width: 30px !important;
    left: 0 !important;
    top: 0 !important;
  }
  .c-sl-vid__desc--comprehension {
    padding: 3px 0 5px 15px;
  }
  .c-sl-vid__desc-subtitle--comprehension {
    margin-top: 0;
  }
}
.c-building-sentences_container {
  max-width: 1440px;
  width: 100%;
  background: #FFFFFF;
}
.c-building-sentences_title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 22px;
  letter-spacing: -0.32px;
  font-weight: 500;
}
.c-building-sentences_subtitle {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 18px;
  letter-spacing: -0.19px;
  line-height: 24px;
  font-weight: 400;
  margin-top: 15px;
}
.c-building-sentences_progress {
  width: 100%;
  height: auto;
  float: right;
}
.c-building-sentences_progress ul {
  float: right;
  margin-top: 12px;
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.c-building-sentences_progress li {
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 20px;
  margin: 0 0 0 3px;
  border-radius: 100%;
  background-color: #D8D8D8;
}
.c-building-sentences_progress-li-current {
  background-color: #B0B0B0 !important;
}
.c-building-sentences_progress-li-failed {
  background-color: #EF7C8E !important;
}
.c-building-sentences_progress-li-correct {
  background-color: #80E0C9 !important;
}
.c-building-sentences_score {
  float: right;
  color: #BCBCBC;
  font-family: "Open Sans";
  font-size: 20px;
  letter-spacing: -0.25px;
  line-height: 27px;
  font-weight: 400;
  padding-top: 10px;
}
.c-building-sentences_score span {
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 26px;
  font-weight: 600;
  letter-spacing: -0.33px;
  line-height: 27px;
}
.c-building-sentences_score-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.c-building-sentences_video {
  max-width: 707px;
  width: 100%;
  margin-bottom: 50px;
}
.c-building-sentences_video .vjs-poster,
.c-building-sentences_video .vjs-tech {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.c-building-sentences_video-details {
  max-width: 707px;
  width: 100%;
  border-radius: 0 0 4px 4px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  padding: 13px 10px 13px 25px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}
.c-building-sentences_lesson {
  padding: 30px 27px 0;
}
.c-building-sentences_video-title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 24px;
  margin-bottom: 0;
}
.c-building-sentences_video-subtitle {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.17px;
  line-height: 22px;
  display: block;
  margin-top: 5px;
}
.c-building-sentences_video-icon {
  background-image: url("/sites/all/themes/lingua/assets/starterlab-icons/turtle-hover.svg");
  height: 54px;
  width: 54px;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
}
.c-building-sentences_drag-area {
  border-bottom: 1px solid #CDCECF;
  width: 100%;
}
.c-building-sentences_drag-area p {
  color: #6B6B6B;
  display: table;
  font-family: "Open Sans";
  font-size: 26px;
  letter-spacing: -0.35px;
  line-height: 36px;
  font-weight: 400;
  margin-bottom: 32px;
}
.c-building-sentences_drag-area p > span > span:not(.c-building-sentences_word-separators) {
  min-width: 132px;
  border: 2px dashed #4A90E2;
  border-radius: 8px;
  display: inline-block;
  height: 54px;
  margin: 17px 12px 10px 12px;
  vertical-align: bottom;
}
.c-building-sentences_drag-area p > span > span:not(.c-building-sentences_word-separators).c-building-sentences_filled-word-area {
  border: 0;
}
.c-building-sentences_word-separators {
  vertical-align: super;
}
.c-building-sentences_game-container {
  display: none;
  padding: 0 0 0 33px;
}
.c-building-sentences_game-div {
  min-height: 470px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 20px;
}
.c-building-sentences_options-area div {
  padding-top: 40px;
}
.c-building-sentences_options-area .c-building-sentences_word {
  margin: 0 25px 25px 0;
}
.c-building-sentences_word {
  height: 54px;
  min-width: 132px;
  border-radius: 8px;
  background-color: #4A90E2;
  display: inline-block;
  text-align: center;
  color: #FFFFFF;
  cursor: move;
  font-family: "Open Sans";
  font-size: 18px;
  letter-spacing: -0.17px;
  line-height: 24px;
  padding: 14px 7px;
}
@media (max-width: 1290px) {
  .c-building-sentences_word {
    font-weight: 400;
  }
}
.c-building-sentences_blocked-word {
  background-color: #80E0C9;
  cursor: default;
}
.c-building-sentences_wrong-word {
  background-color: #EF7C8E;
  pointer-events: none;
}
.c-building-sentences_score-btn-container {
  position: relative;
  min-height: 112px;
}
.c-building-sentences_button-container {
  width: 100%;
  display: inline-block;
  padding-bottom: 20px;
  padding-right: 25px;
  position: absolute;
  bottom: -20px;
  left: 0;
}
.c-building-sentences_btn {
  background-color: #4A90E2;
  border: 0;
  border-radius: 25px;
  color: #FFFFFF;
  float: right;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
  padding: 15px 90px;
  text-align: center;
}
.c-building-sentences_btn:disabled {
  background-color: #FFFFFF;
  border: 1px solid #CDCECF;
  color: #CDCECF;
}
.c-building-sentences__points-text {
  color: #BEBEBE;
  display: none;
  float: right;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  margin-right: 35px;
  letter-spacing: -0.28px;
  line-height: 24px;
}
.c-building-sentences__points-nr {
  color: #4A90E2;
  font-size: 32px;
  font-weight: 400;
  letter-spacing: -0.4px;
  line-height: 43px;
}
.c-building-sentences_cue-translation {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 20px;
  letter-spacing: -0.21px;
  line-height: 27px;
  font-weight: 400;
  margin-top: 30px;
}

.c-sl-turtle-icon__blue {
  background-image: url("/sites/all/themes/lingua/assets/starterlab-icons/turtle-clicked.svg");
}

.c-sl-vid__header-title-building-sentences-resp {
  display: none;
}

@media (max-width: 991px) {
  .c-building-sentences_game-container {
    padding-top: 20px;
  }
}
@media (min-width: 600px) and (max-width: 1350px) {
  .c-building-sentences_button-container {
    bottom: 0;
  }
}
@media (max-width: 767px) {
  .c-sl-building-sentences__header-resp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media (max-width: 600px) {
  .c-building-sentences_score-btn-container {
    min-height: 140px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .c-building-sentences__points-text {
    font-size: 16px;
  }
  .c-building-sentences__points-nr {
    font-size: 25px;
  }
  .c-building-sentences_container {
    padding-left: 10px;
  }
  .c-building-sentences_score {
    font-size: 14px;
    line-height: 22px;
    margin: 0;
  }
  .c-building-sentences_score span {
    font-size: 18px;
    line-height: 26px;
  }
  .c-building-sentences_details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    min-height: 110px;
    width: 100%;
  }
  .c-building-sentences_progress ul {
    margin: 0;
  }
  .c-building-sentences_progress li {
    width: 15px;
    height: 15px;
    margin: 0 0 0 2px;
  }
  .c-building-sentences_details-progress-score {
    padding-right: 0;
  }
  .c-building-sentences_video-title {
    font-size: 18px;
    line-height: 17px;
  }
  .c-building-sentences_video-subtitle {
    font-size: 14px;
    line-height: 17px;
  }
  .c-building-sentences_video {
    max-width: 330px;
    margin: 0 auto;
  }
  .c-building-sentences_video-icon {
    height: 35px;
    width: 35px;
  }
  .c-building-sentences_drag-area p {
    margin-bottom: 0;
  }
  .c-building-sentences_drag-area p > span > span:not(.c-building-sentences_word-separators) {
    height: 45px;
    margin: 17px 12px 10px;
  }
  .c-building-sentences_word {
    height: 45px;
    font-size: 16px;
    line-height: 18px;
  }
  .c-building-sentences_button-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 20px 20px 40px 20px;
  }
  .c-building-sentences_game-div {
    min-height: 250px;
  }
  .c-building-sentences_game-container {
    padding: 0 0 0 25px;
  }
  .vjs-theme.video-js .vjs-big-play-button {
    font-size: 30px;
    height: 40px;
    width: 63px;
  }
  .vjs-theme.video-js .vjs-big-replay-button {
    line-height: 0.5em !important;
    width: 50px;
    height: 50px;
  }
  .vjs-theme.video-js .vjs-big-replay-button i {
    font-size: 20px;
  }
}
@media (max-width: 450px) {
  .c-building-sentences_progress li {
    width: 13px !important;
    height: 13px !important;
  }
  .c-building-sentences_container {
    padding-left: 0;
  }
  .c-building-sentences_container .c-sl-vid__header {
    padding: 10px 20px;
    border-bottom: none;
  }
  .c-building-sentences_container .c-sl-vid__header .c-sl-building-sentences__header-resp .c-building-sentences_details-progress-score {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding-left: 0;
  }
  .c-building-sentences_container .c-sl-vid__header .c-sl-building-sentences__header-resp .c-building-sentences_details-progress-score .c-sl-vid__header-title-building-sentences-resp {
    font-size: 15px;
    margin-bottom: -2px;
    color: #4B4B4B;
    font-family: "Open Sans";
    letter-spacing: -0.32px;
    line-height: 30px;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .c-building-sentences_container .c-sl-vid__header .c-sl-building-sentences__header-resp .c-building-sentences_details-titles {
    padding: 20px 0 0 0;
  }
  .c-building-sentences_container .c-sl-vid__header .c-sl-building-sentences__header-resp .c-sl-vid__header-title {
    display: none;
  }
  .c-building-sentences_container .c-building-sentences_lesson {
    padding: 0 15px;
  }
  .c-building-sentences_container .c-building-sentences_video {
    max-width: 500px;
  }
}
@media (min-width: 435px) and (max-width: 600px) {
  .c-building-sentences_details {
    min-height: 80px !important;
  }
}
@media (max-width: 390px) {
  .c-building-sentences_word {
    min-width: 120px;
  }
  .c-building-sentences_drag-area p > span > span:not(.c-building-sentences_word-separators) {
    min-width: 120px;
    margin: 17px 8px 10px;
  }
}
@media (max-width: 360px) {
  .c-building-sentences_details-titles h2 {
    font-size: 15px !important;
  }
  .c-building-sentences_score {
    font-size: 13px !important;
  }
  .c-building-sentences_score span {
    font-size: 16px !important;
  }
  .c-building-sentences_progress li {
    width: 13px !important;
    height: 13px !important;
  }
}
@media (max-width: 351px) {
  .c-building-sentences_word {
    min-width: 100px;
  }
  .c-building-sentences_drag-area p > span > span:not(.c-building-sentences_word-separators) {
    min-width: 100px;
  }
}
.c-word-jigsaw_container {
  max-width: 1440px;
  width: 100%;
  background-color: #FFFFFF;
}
.c-word-jigsaw_details {
  padding: 0 30px 0 35px;
}
.c-word-jigsaw_lesson {
  padding: 30px 27px 0;
}
.c-word-jigsaw_details-score p {
  color: #BCBCBC;
  font-family: "Open Sans";
  font-size: 20px;
  letter-spacing: -0.25px;
  line-height: 27px;
  font-weight: 400;
  float: right;
  padding-top: 10px;
}
.c-word-jigsaw_details-score p span {
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 26px;
  font-weight: 600;
  letter-spacing: -0.33px;
  line-height: 27px;
  font-weight: 400;
}
.c-word-jigsaw_empty-spaces-container {
  border: 1px solid #CDCECF;
  border-radius: 4px;
  padding: 25px 0 25px 40px;
  margin-bottom: 30px;
}
.c-word-jigsaw_empty-spaces-container p {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.18px;
  line-height: 60px;
}
.c-word-jigsaw_empty-spaces-container p > span {
  border-bottom: 2px solid #97BFEE;
  height: 52px;
  margin: 0 10px;
  min-width: 132px;
  display: inline-block;
}
.c-word-jigsaw_empty-spaces-container p > span.c-word-jigsaw_filled-space {
  border: 0;
  margin: 0 5px 0 0;
}
.c-word-jigsaw_empty-spaces-container .ui-droppable:not(.c-word-jigsaw_filled-space) {
  height: 37px;
  width: 90px;
}
.c-word-jigsaw_options-container {
  padding: 10px 0 0 30px;
  min-height: 360px;
}
.c-word-jigsaw_number-of-tries-left {
  color: #6B6B6B;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.24px;
  line-height: 30px;
  margin-bottom: 30px;
  padding-left: 15px;
}
.c-word-jigsaw_game-over-message {
  color: #6B6B6B;
  display: none;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.24px;
  line-height: 30px;
  padding-left: 15px;
}
.c-word-jigsaw_word {
  border-radius: 8px;
  background-color: #4A90E2;
  min-width: 132px;
  display: inline-block;
  padding: 14px 7px;
  text-align: center;
  margin: 0 12px 24px;
  color: #FFFFFF;
  cursor: move;
  font-family: "Open Sans";
  font-size: 18px;
  letter-spacing: -0.17px;
  line-height: 24px;
  z-index: 1;
}
.c-word-jigsaw_filled-space .c-word-jigsaw_word {
  margin: 0;
}
.c-word-jigsaw_correct-word {
  background-color: #80E0C9;
}
.c-word-jigsaw_wrong-word {
  background-color: #EF7C8E;
}
.c-word-jigsaw_blocked-word {
  cursor: default;
}
.c-word-jigsaw_button-container {
  width: 100%;
  display: inline-block;
  padding-right: 45px;
  position: absolute;
  bottom: 0;
  left: 0;
  padding-bottom: 20px;
}
.c-word-jigsaw_btn {
  background-color: #4A90E2;
  border: 0;
  border-radius: 25px;
  color: #FFFFFF;
  float: right;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
  padding: 15px 90px;
  text-align: center;
}
.c-word-jigsaw_btn:disabled {
  background-color: #FFFFFF;
  border: 1px solid #CDCECF;
  color: #CDCECF;
}
.c-word-jigsaw__points-text {
  color: #BEBEBE;
  display: none;
  float: right;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  margin-right: 45px;
  letter-spacing: -0.28px;
  line-height: 24px;
}
.c-word-jigsaw__points-nr {
  color: #4A90E2;
  font-size: 32px;
  font-weight: 400;
  letter-spacing: -0.4px;
  line-height: 43px;
}
.c-word-jigsaw_score-btn-container {
  position: relative;
  min-height: 150px;
  margin-bottom: 20px;
}
.c-word-jigsaw_score-btn-container .c-sl-building-sentences__show-right-answer-button {
  color: #4A90E2;
  display: none;
  float: right;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.17px;
  line-height: 22px;
  margin-right: 75px;
  margin-top: 35px;
  text-align: center;
  text-decoration: none;
}

@media (max-width: 600px) {
  .c-word-jigsaw_details {
    padding: 0 25px;
  }
  .c-word-jigsaw_details-titles {
    margin-bottom: 0;
  }
  .c-word-jigsaw_details-titles h1 {
    font-size: 20px;
    line-height: 24px;
  }
  .c-word-jigsaw_details-titles h3 {
    font-size: 15px;
    line-height: 24px;
  }
  .c-word-jigsaw_details-score p {
    font-size: 16px;
    line-height: 22px;
  }
  .c-word-jigsaw_details-score p span {
    font-size: 20px;
    line-height: 26px;
  }
  .c-word-jigsaw_lesson {
    padding: 0 10px;
  }
  .c-word-jigsaw_empty-spaces-container {
    padding: 10px 20px;
  }
  .c-word-jigsaw_empty-spaces-container p {
    font-size: 15px;
    line-height: 30px;
    margin: 0;
  }
  .c-word-jigsaw_empty-spaces-container p > span {
    height: 45px;
    min-width: 60px;
  }
  .c-word-jigsaw_empty-spaces-container p > span.c-word-jigsaw_filled-space {
    margin: 3px 2px 3px 0;
  }
  .c-word-jigsaw_score-btn-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 20px 20px 60px 20px;
    min-height: 50px;
  }
  .c-word-jigsaw_score-btn-container .c-sl-building-sentences__show-right-answer-button {
    height: 50px;
    margin-right: 10px;
  }
  .c-word-jigsaw_word {
    height: 45px;
    min-width: 90px;
    font-size: 16px;
    line-height: 18px;
  }
  .c-word-jigsaw__points-text {
    font-size: 16px;
  }
  .c-word-jigsaw__points-nr {
    font-size: 25px;
  }
  .c-word-jigsaw_options-container {
    padding: 20px 0 0 0;
    min-height: 250px;
  }
  .c-word-jigsaw_button-container {
    padding-top: 20px;
    padding-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.c-sl-endlesson__container {
  min-height: 340px;
  max-width: 652px;
  width: 100%;
  border: 1px solid #4A90E2;
  border-radius: 14px;
  display: block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 40px;
  text-align: center;
  margin: 0 auto;
}
.c-sl-endlesson__container .c-sl-vid__step-btn {
  display: inline-block;
}
.c-sl-endlesson__title {
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 25px;
  font-weight: 600;
  letter-spacing: -0.27px;
  line-height: 34px;
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 10px;
  margin-top: 0;
}
.c-sl-endlesson__subtitle {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 25px;
  font-weight: 600;
  letter-spacing: -0.27px;
  line-height: 34px;
  text-align: center;
  margin-bottom: 0;
}
.c-sl-endlesson__desc {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 18px;
  letter-spacing: -0.19px;
  line-height: 37px;
  text-align: center;
  margin-bottom: 0;
  padding-top: 25px;
  padding-bottom: 25px;
  font-weight: 400;
}
.c-sl-endlesson__col {
  padding: 120px 0;
}
.c-sl-endlesson__btn {
  padding: 15px 100px;
}

/* Tablet Landscape mode */
@media (max-device-width: 1280px) and (orientation: landscape) {
  .c-sl-endlesson__col {
    padding: 40px 0;
  }
  .c-building-sentences_lesson,
  .c-word-jigsaw_lesson {
    padding: 40px 27px 0;
  }
  .c-sl-desc__container {
    padding: 40px 27px 22px !important;
  }
  .c-building-meaning_button-container {
    padding-top: 0;
  }
}
@media (max-width: 700px) {
  .c-sl-endlesson__container .c-sb-status_icon {
    margin-left: 20px !important;
  }
  .c-sb-status__container .c-sb-endlesson__message {
    line-height: 25px !important;
    font-size: 19px !important;
    padding-top: 40px;
  }
  .c-sb-status__container .c-sb-endlesson__title {
    font-size: 23px !important;
    max-width: 400px !important;
    line-height: 30px !important;
    padding: 0 !important;
  }
}
@media (max-width: 600px) {
  .c-sl-endlesson__container {
    padding: 40px 25px;
  }
}
@media (max-width: 550px) {
  .c-sb-status__container .c-sb-endlesson__title {
    max-width: 350px !important;
    font-size: 20px !important;
    line-height: 25px !important;
  }
  .c-sb-status__container .c-sb-endlesson__message {
    line-height: 20px !important;
    font-size: 16px !important;
    padding-top: 40px;
  }
  .c-sl-endlesson__container .c-sb-status_icon {
    margin-left: 15px !important;
  }
}
@media (max-width: 400px) {
  .c-sb-status__container .c-sb-endlesson__title {
    max-width: 200px !important;
  }
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before {
  text-align: center;
}

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKwAAADYV1OgpaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4gDud4bx/DZfGbjZGUDg+q1z05BpdkawOAcDE4gCAB45CXEAeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-play:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before {
  content: "\f101";
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-play-circle:before {
  content: "\f102";
}

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103";
}

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104";
}

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105";
}

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106";
}

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107";
}

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108";
}

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109";
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-square:before {
  content: "\f10a";
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-spinner:before {
  content: "\f10b";
}

.vjs-icon-subtitles, .video-js .vjs-subtitles-button .vjs-icon-placeholder, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-subtitles:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before {
  content: "\f10c";
}

.vjs-icon-captions, .video-js .vjs-captions-button .vjs-icon-placeholder, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-captions:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before {
  content: "\f10d";
}

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-share:before {
  content: "\f10f";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-cog:before {
  content: "\f110";
}

.vjs-icon-circle, .video-js .vjs-play-progress, .video-js .vjs-volume-level, .vjs-seek-to-live-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before {
  content: "\f111";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle-outline:before {
  content: "\f112";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle-inner-circle:before {
  content: "\f113";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-hd:before {
  content: "\f114";
}

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f115";
}

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f116";
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-facebook:before {
  content: "\f117";
}

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-gplus:before {
  content: "\f118";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-linkedin:before {
  content: "\f119";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-twitter:before {
  content: "\f11a";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-tumblr:before {
  content: "\f11b";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-pinterest:before {
  content: "\f11c";
}

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f11d";
}

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f11e";
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-next-item:before {
  content: "\f11f";
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-previous-item:before {
  content: "\f120";
}

.video-js {
  display: block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}

.video-js:-moz-full-screen {
  position: absolute;
}

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js[tabindex="-1"] {
  outline: none;
}

.video-js *,
.video-js *:before,
.video-js *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0;
}

.video-js.vjs-16-9 {
  padding-top: 56.25%;
}

.video-js.vjs-4-3 {
  padding-top: 75%;
}

.video-js.vjs-fill {
  width: 100%;
  height: 100%;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
}

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-js.vjs-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

.vjs-hidden {
  display: none !important;
}

.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -1.5em;
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  -webkit-transition: all 0s;
  transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block;
}

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  -webkit-transition: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}

.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}

.video-js .vjs-modal-dialog > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}

.vjs-menu-button {
  cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
  cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}

.vjs-menu .vjs-menu-content > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}

.video-js .vjs-menu-button-inline {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto;
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.vjs-has-started .vjs-control-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table;
}

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}

.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle;
}

.video-js .vjs-custom-control-spacer {
  display: none;
}

.video-js .vjs-progress-control {
  cursor: pointer;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 4em;
  -ms-touch-action: none;
      touch-action: none;
}

.video-js .vjs-progress-control.disabled {
  cursor: default;
}

.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-liveui .vjs-progress-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.vjs-no-flex .vjs-progress-control {
  width: auto;
}

.video-js .vjs-progress-holder {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  height: 0.3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}

.video-js .vjs-play-progress {
  background-color: #fff;
}

.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.3333333333em;
  z-index: 1;
}

.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, 0.75);
}

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none;
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari */
  -webkit-user-select: none;
  /* Konqueror HTML */
  /* Firefox */
  -moz-user-select: none;
  /* Internet Explorer/Edge */
  -ms-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-slider.disabled {
  cursor: default;
}

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  -webkit-box-shadow: 0 0 1em #fff;
          box-shadow: 0 0 1em #fff;
}

.video-js .vjs-mute-control {
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}

.video-js .vjs-volume-panel {
  -webkit-transition: width 1s;
  transition: width 1s;
}

.video-js .vjs-volume-panel:hover .vjs-volume-control,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control:hover,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}

.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
}

.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 9em;
  -webkit-transition: width 0.1s;
  transition: width 0.1s;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transition: none;
  transition: none;
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em;
}

.video-js .vjs-volume-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}

.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
}

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}

.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
}

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}

.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.vjs-has-started .vjs-poster {
  display: none;
}

.vjs-audio.vjs-has-started .vjs-poster {
  display: block;
}

.vjs-using-native-controls .vjs-poster {
  display: none;
}

.video-js .vjs-live-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  font-size: 1em;
  line-height: 3em;
}

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}

.video-js .vjs-seek-to-live-control {
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}

.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}

.video-js .vjs-time-control {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-live .vjs-time-control {
  display: none;
}

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none;
}

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none;
}

.vjs-time-divider {
  display: none;
  line-height: 3em;
}

.vjs-live .vjs-time-divider {
  display: none;
}

.video-js .vjs-play-control {
  cursor: pointer;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}

.vjs-subtitles {
  color: #fff;
}

.vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-3em);
  transform: translateY(-3em);
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-1.5em);
  transform: translateY(-1.5em);
}

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}

.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  -webkit-animation: 0s linear 0.3s forwards vjs-spinner-show;
  animation: 0s linear 0.3s forwards vjs-spinner-show;
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@-webkit-keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10d";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \f11d";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  display: block;
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
  width: auto;
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-panel,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subs-caps-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button {
  display: none;
}

.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-panel,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subs-caps-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button {
  display: none;
}

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-panel,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-audio-button {
  display: none;
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }
  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}

.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}

.vjs-text-track-settings fieldset span {
  display: inline-block;
}

.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}

.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0;
}

.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(88%, #fff), to(#73859f));
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(88%, #fff), to(#73859f));
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
  background: none;
}

.video-js *:focus:not(:focus-visible),
.video-js .vjs-menu *:focus:not(:focus-visible) {
  outline: none;
  background: none;
}

.c-sl-block__container {
  max-width: 680px;
  width: 100%;
  min-height: 260px;
  border-radius: 6px;
  background-color: #2F3136;
  padding: 15px;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-sl-block__container .c-sl-thumbnail {
  z-index: 0;
}

.c-sl-block__details {
  padding-right: 40px;
}
@media (max-width: 450px) {
  .c-sl-block__details {
    padding-right: 0;
  }
}

.c-sl-details__title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.14px;
  line-height: 30px;
  margin: 0;
}
.c-sl-details__nr {
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.14px;
  line-height: 14px;
  margin-bottom: 0;
}
.c-sl-details__subtitle {
  color: #000000;
  font-family: "Open Sans";
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.14px;
  line-height: 18px;
  margin-bottom: 0;
  padding: 15px 0;
}
.c-sl-details__desc {
  max-width: 281px;
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.14px;
  line-height: 18px;
  margin-bottom: 0;
  padding-bottom: 50px;
}
.c-sl-details__btn {
  min-height: 37.2px;
  max-width: 97px;
  width: 100%;
  border: 1px solid #4A90E2;
  border-radius: 20.5px;
  background-color: #FFFFFF;
  text-decoration: none;
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.13px;
  line-height: 17px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-sl-details__btn:hover {
  color: #4A90E2;
}

.c-sl-thumbnail__small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-sl-thumbnail__small .c-sl-thumbnail {
  height: 200px;
  width: 248.67px;
  -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.14) !important;
          box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.14) !important;
}
.c-sl-thumbnail__small .c-sl-thumbnail:hover, .c-sl-thumbnail__small .c-sl-thumbnail:focus, .c-sl-thumbnail__small .c-sl-thumbnail:focus-within {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-transform: none !important;
          transform: none !important;
  z-index: 1 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.c-sl-thumbnail__small .c-sl-thumbnail:hover .card-overlay, .c-sl-thumbnail__small .c-sl-thumbnail:focus .card-overlay, .c-sl-thumbnail__small .c-sl-thumbnail:focus-within .card-overlay {
  display: none !important;
}
.c-sl-thumbnail__small .c-sl-thumbnail:hover .c-videobooster__thumbnail, .c-sl-thumbnail__small .c-sl-thumbnail:focus .c-videobooster__thumbnail, .c-sl-thumbnail__small .c-sl-thumbnail:focus-within .c-videobooster__thumbnail {
  -webkit-filter: none !important;
          filter: none !important;
}
.c-sl-thumbnail__small .c-sl-thumbnail:hover .c-videobooster__details, .c-sl-thumbnail__small .c-sl-thumbnail:focus .c-videobooster__details, .c-sl-thumbnail__small .c-sl-thumbnail:focus-within .c-videobooster__details {
  display: block !important;
}
.c-sl-thumbnail__small .c-sl-thumbnail .c-videobooster__thumbnail {
  height: 145px;
}

@media (max-width: 991px) {
  .c-hp-sl {
    margin: 15px auto 0;
  }
  .c-sl-details__desc {
    max-width: 100%;
  }
}
@media (max-width: 600px) {
  .c-sl-details__desc {
    padding-bottom: 20px;
  }
}
@media (max-width: 450px) {
  .c-sl__photovocab .c-sl-details__subtitle,
  .c-sl-details__desc {
    max-width: 100% !important;
  }
  .c-sl-block__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .c-sl-block__details {
    padding-bottom: 10px;
  }
}
.c-sl-thumbnail .c-videobooster__badge-text {
  left: 8px;
}
.c-sl-thumbnail .c-videobooster__subtitle {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 10px;
  font-weight: 600;
  letter-spacing: -0.11px;
  line-height: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}
.c-sl-thumbnail .card-overlay .card-text,
.c-sl-thumbnail .card-overlay .card-type {
  font-weight: 400 !important;
}
.c-sl-thumbnail .card-overlay .fa-info-circle {
  bottom: 10px;
  color: #C7C7C7;
  cursor: pointer;
  font-size: 15px;
  position: absolute;
  left: 10px;
  bottom: 0;
}
.c-sl-thumbnail .card-overlay .fa-info-circle:hover {
  color: #4A90E2;
}

.c-sl-thumbnail_card-actions {
  list-style-type: none;
}
.c-sl-thumbnail_card-actions li {
  padding-bottom: 3px;
}
.c-sl-thumbnail_card-actions li .see-starter-lab-details {
  cursor: pointer;
}

.test-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-sl-thumbnail-disabled .c-videobooster__thumbnail {
  -webkit-filter: grayscale(70%);
          filter: grayscale(70%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-sl-thumbnail-disabled .c-background__sl {
  background-color: #B5B5B5 !important;
}

.c-locked-icon {
  background-image: url("/sites/all/themes/lingua/assets/starterlab-icons/locked.svg");
  height: 47px;
  width: 47px;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
}

@media (min-width: 600px) {
  .c-sl-thumbnail-disabled:hover {
    -webkit-transform: none !important;
            transform: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  .c-sl-thumbnail-disabled .c-videobooster__thumbnail {
    -webkit-filter: none !important;
            filter: none !important;
  }
}
.c-sl__photovocab .c-sl-details__subtitle {
  max-width: 300px;
}
@media (max-width: 991px) {
  .c-sl__photovocab .c-sl-details__subtitle {
    max-width: 100%;
  }
}

.c-sl-details__link {
  color: #4A90E2;
  display: block;
}

.c-sl-photovocab__small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-sl-photovocab__small .c-photovocab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 200px;
  height: 203px;
  max-width: 160px;
  -webkit-box-shadow: 0 0 13px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 13px 4px rgba(0, 0, 0, 0.2);
}
.c-sl-photovocab__small .c-photovocab .c-photovocab__frame {
  height: auto;
}
.c-sl-photovocab__small .c-photovocab:hover .card-overlay, .c-sl-photovocab__small .c-photovocab:focus .card-overlay, .c-sl-photovocab__small .c-photovocab:focus-within .card-overlay {
  display: none !important;
}
.c-sl-photovocab__small .c-photovocab:hover .c-photovocab__frame, .c-sl-photovocab__small .c-photovocab:focus .c-photovocab__frame, .c-sl-photovocab__small .c-photovocab:focus-within .c-photovocab__frame {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-transform: none !important;
          transform: none !important;
  z-index: 1 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.c-sl-photovocab__small .c-photovocab:hover .c-photovocab__thumbnail, .c-sl-photovocab__small .c-photovocab:focus .c-photovocab__thumbnail, .c-sl-photovocab__small .c-photovocab:focus-within .c-photovocab__thumbnail {
  -webkit-filter: none !important;
          filter: none !important;
}
.c-sl-photovocab__small .c-photovocab:hover .c-photovocab__details, .c-sl-photovocab__small .c-photovocab:focus .c-photovocab__details, .c-sl-photovocab__small .c-photovocab:focus-within .c-photovocab__details {
  display: block !important;
}
.c-sl-photovocab__small .c-photovocab:after {
  display: block !important;
}
.c-sl-photovocab__small .c-photovocab__thumbnail {
  height: 145px;
}
.c-sl-photovocab__small .c-photovocab__cat {
  display: none;
}
.c-sl-photovocab__small .c-photovocab__title {
  display: block !important;
  font-size: 12px !important;
  line-height: 14px !important;
}
.c-sl-photovocab__small .c-photovocab__details {
  padding: 5px 10px 14px 0;
}
@media (max-width: 600px) {
  .c-sl-photovocab__small .c-photovocab .c-photovocab__frame {
    width: 100%;
  }
}

.card-details-starter-lab {
  display: none;
}

.c-starterlab-details {
  padding-left: 0;
  background-color: #36393F !important;
}
.c-starterlab-details .c-progress {
  top: -1px;
}
.c-starterlab-details .c-vb-details__title-container {
  border-bottom: 1px solid #97989A;
}
.c-starterlab-details .c-vb-details__title-container > div {
  width: unset !important;
}
.c-starterlab-details .c-vb-details__caption-title {
  font-family: "Open Sans";
  font-size: 16px !important;
  color: #BFBFBF !important;
  font-weight: 400;
}
.c-starterlab-details .c-vb-details__caption-text {
  padding-top: 0;
  font-weight: 400;
  color: #FAFAFA;
  font-family: "Open Sans";
}
.c-starterlab-details .c-vb-details__dificulty {
  background-color: #2A2C30;
  color: #FAFAFA;
  padding: 5px 15px;
}
.c-starterlab-details .c-vb-details__title {
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 30px;
  font-weight: 400;
  letter-spacing: -0.32px;
  line-height: 41px;
}
.c-starterlab-details .c-vb-details__title2 {
  color: #BFBFBF;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.19px;
  margin: 0;
  line-height: 20px;
}
.c-starterlab-details .c-vb-details__play-btn a {
  color: #FAFAFA;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.16px;
}
@media (min-width: 800px) {
  .c-starterlab-details .c-vb-details__play-btn + .c-add-exercice-to-assignments_icon {
    margin-left: 3%;
  }
  .c-starterlab-details .c-vb-details__play-btn + .c-add-exercice-to-assignments_icon + .c-details__add-fav {
    margin-left: 3%;
    margin-right: 5.5%;
  }
}
.c-starterlab-details .c-vb-details__header-icon {
  background-image: url("/sites/all/themes/lingua/assets/starterlab-icons/sl-racket.svg");
  background-color: #FCD372;
}
.c-starterlab-details .c-vb-details__btns {
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px 0px;
}
@media (min-width: 800px) {
  .c-starterlab-details .c-vb-details__btns {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media (max-width: 600px) {
  .c-starterlab-details .c-vb-details__btns .c-add-exercice-to-assignments_icon {
    right: 0px;
  }
}
@media (max-width: 600px) {
  .c-starterlab-details .c-vb-details__btns .favorite-star {
    right: 0px;
  }
}
.c-starterlab-details .c-vb-content__caption-block {
  padding: 0 15px 0 0;
  min-height: 50px;
}
.c-starterlab-details .c-vb-content__caption-block p {
  font-size: 14px;
  color: #FAFAFA;
}
.c-starterlab-details .c-details__add-fav {
  width: unset !important;
}

.c-starterlab-desc {
  padding: 0 !important;
}

@media (max-width: 800px) {
  .c-starterlab-details .c-vb-details__dificulty {
    min-height: 55px;
    border-left: 10px solid #9DC49E;
    background-color: #36393F;
  }
}
@media (max-width: 420px) {
  .c-starterlab-details .c-vb-details_desc-block {
    padding: 0;
  }
  .c-starterlab-details .c-vb-details__title-container {
    padding-left: 10px;
    border-bottom: none;
  }
}
/********** SL CATALOG HEADER ***************/
.page-exercises #page-content .container:not(.c-starterlab-details):not(.c-vb-details):first-of-type {
  padding-bottom: 50px !important;
}

.c-row-header-catalog {
  margin: 0;
}
.c-row-header-catalog .c-sl-catalog__col-logo {
  padding: 0;
}

.c-sl-catalog__col-logo {
  z-index: 1;
}
.c-sl-catalog-row {
  margin: 0;
}
.c-sl-catalog-row .c-sl-catalog__col-logo {
  padding: 0;
}
.c-sl-catalog-header__logo {
  min-height: 62px;
  max-width: 323.3px;
  width: 100%;
  border-radius: 0 0 9px 0;
  background-color: #FCD372;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 20px;
  position: relative;
}
.c-sl-catalog-header__logo:after {
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background: #FCD372;
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transform: skew(-30deg, 0deg);
  transform: skew(-30deg, 0deg);
  border-right: 7px solid #F3CC71;
}
.c-sl-catalog-header__logo-img {
  background-image: url("/sites/all/themes/lingua/assets/starterlab-icons/inprogress.svg");
  height: 37px;
  width: 37px;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
}
.c-sl-catalog-header__logo-title {
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 26px;
  font-weight: 600;
  letter-spacing: -0.28px;
  line-height: 36px;
  padding-left: 20px;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-sl-catalog__search input {
  max-width: 230px !important;
  height: 35px !important;
  padding: 0 0 0 5px !important;
  color: #BFBFBF;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.17px;
  line-height: 22px;
}
.c-sl-catalog__search input::-webkit-input-placeholder {
  color: #BFBFBF !important;
  font-family: "Open Sans";
  font-size: 15px !important;
  font-weight: 500;
  letter-spacing: -0.17px;
  line-height: 22px;
}
.c-sl-catalog__search input::-moz-placeholder {
  color: #BFBFBF !important;
  font-family: "Open Sans";
  font-size: 15px !important;
  font-weight: 500;
  letter-spacing: -0.17px;
  line-height: 22px;
}
.c-sl-catalog__search input:-ms-input-placeholder {
  color: #BFBFBF !important;
  font-family: "Open Sans";
  font-size: 15px !important;
  font-weight: 500;
  letter-spacing: -0.17px;
  line-height: 22px;
}
.c-sl-catalog__search input::-ms-input-placeholder {
  color: #BFBFBF !important;
  font-family: "Open Sans";
  font-size: 15px !important;
  font-weight: 500;
  letter-spacing: -0.17px;
  line-height: 22px;
}
.c-sl-catalog__search input::placeholder {
  color: #BFBFBF !important;
  font-family: "Open Sans";
  font-size: 15px !important;
  font-weight: 500;
  letter-spacing: -0.17px;
  line-height: 22px;
}
.c-sl-catalog__search .form__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.c-sl-catalog__search .icon-search {
  font-size: 20px;
}
.c-sl-catalog__search .icon-search:before {
  font-weight: 100;
}
.c-sl-catalog__col-search input {
  border-bottom: 1px solid #4a90e2 !important;
}
.c-sl-catalog__col-search div {
  color: #FCD372 !important;
}
.c-sl-catalog__col-search .active-vb input {
  border-bottom: 1px solid #4a90e2 !important;
}
.c-sl-catalog__col-search .active-vb div {
  color: #FCD372 !important;
}
.c-sl-catalog__col-search .active-vb:after {
  background: #FCD372 !important;
  width: unset !important;
}

.c-sl-keyword {
  color: #FCD372;
}

@-moz-document url-prefix() {
  .c-sl-catalog__col-search input::-moz-placeholder {
    line-height: 40px;
  }
  .c-sl-catalog__col-search input::placeholder {
    line-height: 40px;
  }
}
/********** SL CATALOG CAROUSEL ***************/
.c-sl-catalog__carousel .c-starterlab-details {
  margin: 0 !important;
  border-radius: unset !important;
}
.c-sl-catalog__carousel .c-starterlab-details .c-pv-close-icon {
  display: none !important;
}
.c-sl-catalog__carousel .c-starterlab-details .c-vb-details__title-container {
  border: none;
}
.c-sl-catalog__carousel .carousel-indicators {
  bottom: -45px;
}
.c-sl-catalog__carousel .carousel-indicators li {
  background-color: #D8D8D8;
  width: 12px;
  height: 12px;
  margin: 0;
}
.c-sl-catalog__carousel .carousel-indicators .active {
  background-color: #36393F;
}

/********** SL CATALOG GRID ***************/
.c-sl-catalog__grid {
  max-width: 1290px;
  margin: 0 auto;
  padding-top: 10px;
}
.c-sl-catalog__grid .c-sl-thumbnail {
  -webkit-box-shadow: 0 0 15px #E6E6E6;
          box-shadow: 0 0 15px #E6E6E6;
}
.c-sl-catalog__grid .c-starterlab-details {
  border-radius: 0 !important;
}
.c-sl-catalog__grid-col {
  padding-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 991px) {
  .c-sl-catalog__carousel .carousel-indicators {
    top: auto !important;
    width: 60% !important;
    bottom: -30px !important;
    left: 50% !important;
    margin-left: -30%;
  }
}
@media (max-width: 767px) {
  .c-sl-catalog__search {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-right: 0;
    display: block !important;
  }
  .c-sl-catalog-row {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .c-sl-catalog-row .c-vb-catalog__col-breadcrumbs {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
  }
}
@media (max-width: 700px) {
  .c-sl-catalog__search div {
    position: absolute;
  }
  .c-sl-catalog__search input {
    opacity: 0;
  }
  .c-sl-catalog__search.is-expanded {
    height: 50px;
  }
  .c-sl-catalog__search.is-expanded input {
    opacity: 1;
  }
  .c-sl-catalog__search.is-expanded input::-webkit-input-placeholder {
    padding-left: 0;
  }
  .c-sl-catalog__search.is-expanded input::-moz-placeholder {
    padding-left: 0;
  }
  .c-sl-catalog__search.is-expanded input:-ms-input-placeholder {
    padding-left: 0;
  }
  .c-sl-catalog__search.is-expanded input::-ms-input-placeholder {
    padding-left: 0;
  }
  .c-sl-catalog__search.is-expanded input::placeholder {
    padding-left: 0;
  }
}
@media (max-width: 600px) {
  .c-sl-catalog__carousel .c-starterlab-details {
    display: block;
    position: relative;
    top: 0;
    height: auto;
    min-height: auto;
    overflow: hidden;
  }
  .c-sl-catalog__carousel .c-starterlab-details .c-vb-details__header-wrapper, .c-sl-catalog__carousel .c-starterlab-details .c-vb-details__content-block {
    display: none;
  }
  .c-sl-catalog__carousel .c-starterlab-details .c-vb-details_desc-block {
    height: auto;
    padding: 0;
  }
  .c-sl-catalog__carousel .c-starterlab-details .c-vb-details__title {
    font-size: 20px;
    line-height: 20px;
  }
  .c-sl-catalog__carousel .c-starterlab-details .hack-padding-0 {
    padding-left: 0;
  }
  .c-sl-catalog__grid .c-starterlab-details .c-vb-details__btn-container {
    padding: 25px 30px 30px 0;
  }
  .c-row-header-catalog {
    margin-top: 15px;
  }
}
@media (max-width: 991px) {
  .c-sl-homepage .c-sl__photovocab {
    margin: 15px auto 0;
  }
}
@media (max-width: 991px) {
  .c-sl-homepage .c-learning-act__col-left, .c-sl-homepage .c-learning-act__col-right {
    padding: 0;
  }
}

@media (min-width: 600px) and (max-width: 991px) {
  .c-sl-homepage .c-coaching__sl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 10px;
    margin: 0 auto;
    max-width: 100%;
  }
  .c-sl-homepage .c-coaching__container-details {
    -webkit-transform: skew(5deg) !important;
  }
  .c-sl-homepage .c-coaching__photo {
    clip-path: polygon(0 0, 85% 0%, 100% 100%, 0% 100%) !important;
  }
  .c-sl-homepage .c-sl-block__container {
    max-width: 100%;
  }
  .c-sl-homepage .c-learning-act__container {
    max-width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1230px) {
  .c-sl-homepage .c-coaching__sl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 10px;
  }
  .c-sl-homepage .c-coaching__sl .c-coaching__photo {
    border-bottom-left-radius: 0;
    border-top-right-radius: 6px;
    clip-path: none;
    max-width: 100%;
  }
  .c-sl-homepage .c-coaching__sl .resize-coaching-photo {
    background-image: url("/sites/all/themes/lingua/assets/coaching-rocket.svg"), -webkit-gradient(linear, left top, right top, color-stop(50%, #C1E6F6), color-stop(50%, #A9D4E5)) !important;
    background-image: url("/sites/all/themes/lingua/assets/coaching-rocket.svg"), linear-gradient(to right, #C1E6F6 50%, #A9D4E5 50%) !important;
    background-size: auto !important;
  }
  .c-sl-homepage .c-coaching__sl .c-coaching__container-details {
    -webkit-transform: none;
    max-width: 100%;
  }
  .c-sl-homepage .c-sl-block__container:not(.c-sl__photovocab) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .c-sl-homepage .c-sl-block__container:not(.c-sl__photovocab) .c-sl-details__desc {
    max-width: 100%;
  }
  .c-sl-homepage .c-sl-block__container:not(.c-sl__photovocab) .c-sl-block__details {
    padding-bottom: 20px;
  }
  .c-sl-homepage .c-sl-block__container:not(.c-sl__photovocab) .c-sl-thumbnail__small {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .c-sl-homepage .c-sl-block__container.c-hp-sl .c-sl-block__details {
    padding-right: 0px;
  }
}
@media (min-width: 992px) and (max-width: 1175px) {
  .c-sl-homepage .c-sl__photovocab {
    min-height: 300px;
  }
}
@media (min-width: 1176px) and (max-width: 8000px) {
  .c-sl-homepage .c-sl__photovocab {
    min-height: 260px;
  }
}
@media (min-width: 1199px) and (max-width: 1216px) {
  .c-sl-homepage .c-sl-block__container:not(.c-sl__photovocab) .c-sl-block__details {
    padding-bottom: 0;
  }
}
/* VB */
/********** VB CATALOG HEADER ***************/
.c-sl-catalog-header__logo--vb {
  background-color: #5BB4C7;
}
.c-sl-catalog-header__logo--vb:after {
  background: #5BB4C7;
  border-right-color: #58AABB;
}

.c-vb-catalog-header__link {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-vb-catalog-header__link:hover, .c-vb-catalog-header__link:focus, .c-vb-catalog-header__link:active {
  text-decoration: none;
}
.c-vb-catalog-header__logo-img {
  background-image: url("/sites/all/themes/lingua/assets/vb-catalog.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  cursor: pointer;
  display: block;
  height: 42px;
  width: 42px;
}

.c-sl-catalog__col-search--vb input {
  border-bottom: 1px solid #4a90e2 !important;
}
.c-sl-catalog__col-search--vb div {
  color: #5BB4C7 !important;
}
.c-sl-catalog__col-search--vb .active-vb input {
  border-bottom: 1px solid #4a90e2 !important;
}
.c-sl-catalog__col-search--vb .active-vb div {
  color: #5BB4C7 !important;
}
.c-sl-catalog__col-search--vb .active-vb:after {
  background: #5BB4C7 !important;
  width: unset !important;
}

/********** VB CATALOG CAROUSEL ***************/
#carousel-example-generic .carousel-homepage-left.disabled, #carousel-example-generic .carousel-homepage-right.disabled {
  cursor: pointer !important;
  border: 1px solid #4B91E2;
  border-width: 2px 2px 0 0;
}
#carousel-example-generic .carousel-control {
  position: relative;
  background-image: none;
  opacity: 1;
}
#carousel-example-generic .c-carousel-arrows {
  top: 23px;
  background-color: #36393F;
}
@media (min-width: 600px) {
  #carousel-example-generic .c-carousel-arrows {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media (max-width: 989px) {
  #carousel-example-generic .c-carousel-arrows {
    top: 13px;
  }
}

.c-vb-catalog__carousel .c-vb-details {
  border-radius: unset !important;
  margin: 0 !important;
}
.c-vb-catalog__carousel .c-vb-details .c-pv-close-icon {
  display: none !important;
}
.c-vb-catalog__carousel .c-vb-details .c-pv-icon-image__big-image {
  display: none !important;
}
.c-vb-catalog__carousel .c-vb-details .c-vb-content__caption-block:nth-child(2), .c-vb-catalog__carousel .c-vb-details .c-vb-content__caption-block:nth-child(3) {
  padding-top: 15px;
}
.c-vb-catalog__carousel .c-vb-details .c-vb-content__caption-block:nth-child(2) .c-vb-details__caption-text, .c-vb-catalog__carousel .c-vb-details .c-vb-content__caption-block:nth-child(3) .c-vb-details__caption-text {
  padding-top: 0;
}
.c-vb-catalog__carousel .c-vb-details .c-vb-details__content-block {
  color: #FFFFFF;
}
.c-vb-catalog__carousel .carousel-indicators {
  bottom: -45px;
}
.c-vb-catalog__carousel .carousel-indicators li {
  background-color: #D8D8D8;
  height: 14px;
  margin: 0 1px;
  width: 14px;
}
.c-vb-catalog__carousel .carousel-indicators .active {
  background-color: #5BB4C7;
}
.c-vb-catalog__carousel .c-progress {
  width: 95%;
}
.c-vb-catalog__carousel .c-vb-details__title-container > div {
  width: unset;
}

.c-estimation-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-estimation-time__icon {
  height: 34px;
  margin-right: 10px;
}
.c-estimation-time__icon img {
  height: 100%;
}
.c-estimation-time__text {
  font-size: 14px;
  line-height: normal;
  font-weight: 400;
}
.c-estimation-time--vb {
  padding: 15px 0px;
}
.c-estimation-time--sb {
  padding: 15px 0px;
}
.c-estimation-time--lt {
  padding-bottom: 10px;
}
@media (max-width: 600px) {
  .c-estimation-time--lt {
    padding-bottom: 5px;
  }
}
.c-estimation-time--lt .c-estimation-time__text .c-estimation-time-value {
  color: #4B4B4B;
}
@media (max-width: 600px) {
  .c-estimation-time--lt .c-estimation-time__text .c-estimation-time-value {
    font-size: 10px;
  }
}
.c-estimation-time .c-estimation-time-title {
  color: #4B90E2;
}
.c-estimation-time .c-estimation-time-value {
  color: #FFFFFF;
}

/********** VB CATALOG CATEGORIES ***************/
.c-vb-catalog__categories {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #36393F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
  margin: 0 auto;
  max-width: 1440px;
  min-height: 84px;
  padding: 0;
  width: 100%;
}
.c-vb-catalog__categories-title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Open Sans";
  font-size: 17px;
  font-weight: 400;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: -0.21px;
  line-height: 23px;
  text-align: left;
  text-decoration: none;
}
.c-vb-catalog__categories-title:hover, .c-vb-catalog__categories-title:focus {
  color: #FFFFFF;
  text-decoration: none;
}

/********** ICONS ***************/
.c-vb-catalog__favorites-icon {
  background-image: url("/sites/all/themes/lingua/assets/catalog-icons/star.svg");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  cursor: pointer;
  display: block;
  height: 46px;
  margin-right: 10px;
  width: 49px;
}
.c-vb-catalog__new-releases-icon {
  background-image: url("/sites/all/themes/lingua/assets/catalog-icons/new-releases.svg");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  cursor: pointer;
  display: block;
  height: 27px;
  margin-right: 10px;
  width: 24px;
}
.c-vb-catalog__business-lounge-icon {
  background-image: url("/sites/all/themes/lingua/assets/catalog-icons/business.svg");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  cursor: pointer;
  display: block;
  height: 24px;
  margin-right: 10px;
  min-width: 24px;
}
.c-vb-catalog__grammar-icon {
  background-image: url("/sites/all/themes/lingua/assets/catalog-icons/grammar.svg");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  cursor: pointer;
  display: block;
  height: 37px;
  margin-right: 15px;
  min-width: 31px;
}
.c-vb-catalog__difficulty-levels-icon {
  background-image: url("/sites/all/themes/lingua/assets/catalog-icons/growth.svg");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  cursor: pointer;
  display: block;
  height: 37px;
  margin-right: 15px;
  min-width: 37px;
}

/********** VB CATALOG CAROUSELS ***************/
.c-vb-catalog-carousel__wrapper {
  overflow: hidden;
}
.c-vb-catalog-carousel__wrapper .c-category-slider__container {
  -webkit-box-shadow: 0 -5px 10px -5px #EDECF8, 0 5px 10px -5px #EDECF8;
          box-shadow: 0 -5px 10px -5px #EDECF8, 0 5px 10px -5px #EDECF8;
  margin: 13px 0 13px 0;
}

@media screen and (max-width: 991px) {
  .c-vb-catalog__carousel .carousel-indicators {
    bottom: -30px !important;
    left: 50% !important;
    margin-left: -30%;
    top: auto !important;
    width: 60% !important;
  }
  .c-vb-catalog__categories div {
    padding-bottom: 5px;
  }
  .c-vb-catalog__favorites-icon {
    height: 27px;
  }
}
@media (max-width: 600px) {
  .page-exercises-video-boosters .c-search-navbar {
    top: 50px !important;
  }
  .page-exercises-video-boosters .icon-search:before {
    color: #C2C2C2;
    font-size: 25px;
  }
  .page-exercises-video-boosters #logo {
    display: block !important;
  }
  body.page-vb-list:not(.page-vb-list-search) .catalog-search-form,
  body.page-pv-list:not(.page-pv-list-search) .catalog-search-form {
    right: 30px !important;
  }
}
@media (max-width: 767px) {
  .c-vb-catalog__carousel .c-vb-details {
    display: block;
    height: auto;
    min-height: auto;
    overflow-y: hidden;
    position: relative;
    top: 0;
  }
  .c-vb-catalog__carousel .c-vb-details__header, .c-vb-catalog__carousel .c-vb-details__category, .c-vb-catalog__carousel .c-vb-details__content-block {
    display: none;
  }
  .c-vb-catalog__carousel .c-vb-details__footer .c-vb-details__dificulty {
    display: none;
  }
  .c-vb-catalog__carousel .c-vb-details__clip-name {
    display: none !important;
  }
  .c-vb-catalog__carousel .c-vb-details_desc-block {
    height: auto;
    padding: 0;
  }
  .c-vb-catalog__carousel .c-bottom-page {
    display: none;
  }
  .c-vb-catalog__categories {
    display: block;
    padding-top: 15px;
  }
}
/********** VB CATEGORY HEADER ***************/
.c-videoboster-category {
  margin: 0 auto;
  max-width: 1440px;
}
.c-videoboster-category .catalog-search__submit {
  color: #5BB4C7 !important;
}
.c-videoboster-category .c-sl-catalog__col-logo {
  padding: 0;
}
.c-videoboster-category .c-sl-catalog__search input:focus {
  outline: none !important;
}

.c-vb-catalog__search-panel {
  position: unset !important;
}
.c-vb-catalog-filter__search-section {
  max-width: 300px !important;
}
.c-vb-catalog__col-breadcrumbs {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 62px;
}
.c-vb-catalog__col-breadcrumbs .catalog-breadcrumb__item {
  margin-right: 0;
}

@media (max-width: 767px) {
  .c-vb-catalog-filter__search-section {
    max-width: 200px !important;
  }
}
.row.c-videoboster-category:not(:root:root):after, .row.c-videoboster-category:not(:root:root):before {
  display: none;
}

@media (min-width: 767px) {
  .row.c-videoboster-category:not(:root:root) {
    height: 62px;
    width: 100%;
  }
}
/********** VB CATEGORY FILTER ***************/
.c-vb-category-filter {
  margin-top: 0 !important;
}
.c-vb-category-filter .c-catalog-panel__title, .c-vb-category-filter .c-catalog-filter__label {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.17px;
  line-height: 22px;
}
.c-vb-category-filter .c-catalog-filter {
  height: auto;
}
.c-vb-category-filter .c-catalog-filter__btn {
  background-color: #5BB4C7 !important;
  border-radius: 8px;
  height: 41px;
  width: 100%;
}
.c-vb-category-filter .catalog-filter__dropdown--long {
  margin-top: 10px;
}
.c-vb-category-filter__content .title {
  line-height: 0.4 !important;
}

.c-vb-category__grid {
  max-width: 1190px;
}
.c-vb-category__grid .c-videobooster {
  z-index: 0;
}
.c-vb-category__grid .c-vb-details {
  max-width: 1170px !important;
}

@media (max-width: 1350px) {
  .c-vb-catalog__col-breadcrumbs {
    padding-left: 30px;
  }
}
@media (max-width: 1080px) {
  .c-sl-catalog-header__logo-title {
    font-size: 20px;
    line-height: 18px;
  }
  .c-vb-catalog__col-breadcrumbs {
    padding-left: 40px;
  }
}
@media (max-width: 991px) {
  .is-qioz.page-vb-list-genre .page-wrapper {
    padding-top: 30px !important;
  }
}
@media (max-width: 767px) {
  .c-videoboster-category,
  .c-photovocab-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0;
  }
  .c-videoboster-category .c-sl-catalog__col-logo,
  .c-photovocab-category .c-sl-catalog__col-logo {
    padding-left: 0;
  }
  .c-vb-catalog__col-breadcrumbs {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .c-vb-category-filter.catalog-panel.catalog-panel--filter {
    display: block;
  }
  .c-vb-category-filter.catalog-panel.catalog-panel--filter .c-catalog-filter .c-catalog-filter__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 801px) and (max-width: 1030px) {
  .c-vb-category__grid .c-vb-details {
    margin: 0 auto;
    max-width: 1024px !important;
  }
}
@media (min-width: 600px) and (max-width: 800px) {
  .c-vb-category__grid .c-vb-details {
    margin: 0 auto;
    max-width: 768px !important;
  }
}
@media (min-width: 600px) {
  .c-vb-category__grid .c-vb-details {
    margin-left: 10px;
    top: 0 !important;
  }
  .c-vb-category__grid .c-vb-details__footer {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media (max-width: 600px) {
  .c-videoboster-category {
    margin-top: 15px;
  }
}
.catalog-panel.catalog-panel--filter {
  padding: 10px 20px 10px 25px !important;
}
.catalog-panel.c-catalog-panel-vb-terms {
  padding: 20px 20px 20px 25px !important;
  margin-top: 60px !important;
}

.c-catalog-vb-terms .thumbnail--pv-item .thumbnail__title-container {
  left: 1px !important;
}
.c-catalog-vb-terms .thumbnail--pv-item .special-title:before {
  left: -3px;
}
.c-catalog-vb-terms .thumbnail--pv-item .special-title:last-child {
  min-width: 110px;
}
.c-catalog-vb-terms .thumbnail--pv-item .thumbnail__title {
  color: #5BB4C7;
}
.c-catalog-vb-terms .thumbnail--pv-item .thumbnail__surtitle {
  line-height: 1.3;
  font-weight: 400;
}

#dynamic-content-loading-container,
.page-vb-list-search .pager-next,
.page-vb-list-genre .pager-next,
.page-vb-list-pack .pager-next {
  margin: 50px 0;
  text-align: center;
}
#dynamic-content-loading-container #dynamic_content_loading_loading, #dynamic-content-loading-container .spinnerloadingText,
.page-vb-list-search .pager-next #dynamic_content_loading_loading,
.page-vb-list-search .pager-next .spinnerloadingText,
.page-vb-list-genre .pager-next #dynamic_content_loading_loading,
.page-vb-list-genre .pager-next .spinnerloadingText,
.page-vb-list-pack .pager-next #dynamic_content_loading_loading,
.page-vb-list-pack .pager-next .spinnerloadingText {
  color: #5BB4C7;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 600;
}
#dynamic-content-loading-container button,
.page-vb-list-search .pager-next button,
.page-vb-list-genre .pager-next button,
.page-vb-list-pack .pager-next button {
  background-color: #5BB4C7;
  border-radius: 8px;
  border: 0;
  padding: 10px 20px;
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 600;
}

.node-type-video #header {
  margin-bottom: 8px;
}
.node-type-video .c-sentence-definition {
  margin: 0;
}

.grammar-multiple-label .hovertranslate-word-highlight {
  color: #FFFFFF;
}

.c-vb__header-icon-rework {
  background-image: url("/sites/all/themes/lingua/assets/learned-expressions/group-vb.png");
  background-size: contain;
  background-repeat: no-repeat;
  height: 42px;
  width: 42px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
}

.c-vb-video__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 14px 0 100px 0;
}

.c-vb-video__desc {
  padding-left: 45px;
}
.c-vb-video__desc .video-booster__video-desc {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 16px;
  letter-spacing: -0.17px;
  line-height: 22px;
  font-weight: 400;
  max-width: 580px !important;
}
.c-vb-video__desc .c-vb-video__btn {
  text-align: left !important;
  padding-top: 5px;
}

/* VB Changes  */
.is-qioz.node-type-video .panel__footer,
.is-lingua.node-type-video .panel__footer {
  min-height: 215px;
}
.is-qioz.node-type-video .panel--exercise__body,
.is-lingua.node-type-video .panel--exercise__body {
  min-height: 540px;
}
.is-qioz.node-type-video .questions--listening-lab.scroll-bar,
.is-lingua.node-type-video .questions--listening-lab.scroll-bar {
  height: 377px;
}
@media (min-width: 991px) {
  .is-qioz.node-type-video .vocab-quickview__step .panel--video-booster .panel--exercise__body,
  .is-qioz.node-type-video .video-step .panel--video-booster .panel--exercise__body,
  .is-qioz.node-type-video .comprehension .panel--video-booster .panel--exercise__body,
  .is-qioz.node-type-video .listening-lab .panel--video-booster .panel--exercise__body,
  .is-qioz.node-type-video .advanced-comprehension .panel--video-booster .panel--exercise__body,
  .is-qioz.node-type-video .vocab-academy-step .panel--video-booster .panel--exercise__body,
  .is-qioz.node-type-video .pronunciation .panel--video-booster .panel--exercise__body,
  .is-qioz.node-type-video .discussion .panel--video-booster .panel--exercise__body,
  .is-lingua.node-type-video .vocab-quickview__step .panel--video-booster .panel--exercise__body,
  .is-lingua.node-type-video .video-step .panel--video-booster .panel--exercise__body,
  .is-lingua.node-type-video .comprehension .panel--video-booster .panel--exercise__body,
  .is-lingua.node-type-video .listening-lab .panel--video-booster .panel--exercise__body,
  .is-lingua.node-type-video .advanced-comprehension .panel--video-booster .panel--exercise__body,
  .is-lingua.node-type-video .vocab-academy-step .panel--video-booster .panel--exercise__body,
  .is-lingua.node-type-video .pronunciation .panel--video-booster .panel--exercise__body,
  .is-lingua.node-type-video .discussion .panel--video-booster .panel--exercise__body {
    min-height: auto;
  }
  .is-qioz.node-type-video .vocab-quickview__step .panel--video-booster .panel--exercise__body .video-booster__step,
  .is-qioz.node-type-video .video-step .panel--video-booster .panel--exercise__body .video-booster__step,
  .is-qioz.node-type-video .comprehension .panel--video-booster .panel--exercise__body .video-booster__step,
  .is-qioz.node-type-video .listening-lab .panel--video-booster .panel--exercise__body .video-booster__step,
  .is-qioz.node-type-video .advanced-comprehension .panel--video-booster .panel--exercise__body .video-booster__step,
  .is-qioz.node-type-video .vocab-academy-step .panel--video-booster .panel--exercise__body .video-booster__step,
  .is-qioz.node-type-video .pronunciation .panel--video-booster .panel--exercise__body .video-booster__step,
  .is-qioz.node-type-video .discussion .panel--video-booster .panel--exercise__body .video-booster__step,
  .is-lingua.node-type-video .vocab-quickview__step .panel--video-booster .panel--exercise__body .video-booster__step,
  .is-lingua.node-type-video .video-step .panel--video-booster .panel--exercise__body .video-booster__step,
  .is-lingua.node-type-video .comprehension .panel--video-booster .panel--exercise__body .video-booster__step,
  .is-lingua.node-type-video .listening-lab .panel--video-booster .panel--exercise__body .video-booster__step,
  .is-lingua.node-type-video .advanced-comprehension .panel--video-booster .panel--exercise__body .video-booster__step,
  .is-lingua.node-type-video .vocab-academy-step .panel--video-booster .panel--exercise__body .video-booster__step,
  .is-lingua.node-type-video .pronunciation .panel--video-booster .panel--exercise__body .video-booster__step,
  .is-lingua.node-type-video .discussion .panel--video-booster .panel--exercise__body .video-booster__step {
    margin: 0;
  }
  .is-qioz.node-type-video .vocab-quickview__step .panel--video-booster .video-booster__content,
  .is-qioz.node-type-video .video-step .panel--video-booster .video-booster__content,
  .is-qioz.node-type-video .comprehension .panel--video-booster .video-booster__content,
  .is-qioz.node-type-video .listening-lab .panel--video-booster .video-booster__content,
  .is-qioz.node-type-video .advanced-comprehension .panel--video-booster .video-booster__content,
  .is-qioz.node-type-video .vocab-academy-step .panel--video-booster .video-booster__content,
  .is-qioz.node-type-video .pronunciation .panel--video-booster .video-booster__content,
  .is-qioz.node-type-video .discussion .panel--video-booster .video-booster__content,
  .is-lingua.node-type-video .vocab-quickview__step .panel--video-booster .video-booster__content,
  .is-lingua.node-type-video .video-step .panel--video-booster .video-booster__content,
  .is-lingua.node-type-video .comprehension .panel--video-booster .video-booster__content,
  .is-lingua.node-type-video .listening-lab .panel--video-booster .video-booster__content,
  .is-lingua.node-type-video .advanced-comprehension .panel--video-booster .video-booster__content,
  .is-lingua.node-type-video .vocab-academy-step .panel--video-booster .video-booster__content,
  .is-lingua.node-type-video .pronunciation .panel--video-booster .video-booster__content,
  .is-lingua.node-type-video .discussion .panel--video-booster .video-booster__content {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .is-qioz.node-type-video .vocab-quickview__step .panel--video-booster .panel--exercise__body,
  .is-lingua.node-type-video .vocab-quickview__step .panel--video-booster .panel--exercise__body {
    padding: 3.2% 1.9% !important;
  }
  .is-qioz.node-type-video .vocab-quickview__step .panel--video-booster .panel--exercise__body #btn-next-step,
  .is-lingua.node-type-video .vocab-quickview__step .panel--video-booster .panel--exercise__body #btn-next-step {
    margin-bottom: 0;
  }
  .is-qioz.node-type-video .video-step .panel--video-booster .c-vb-video__container,
  .is-lingua.node-type-video .video-step .panel--video-booster .c-vb-video__container {
    padding: 0;
  }
  .is-qioz.node-type-video .video-step .panel--video-booster .panel--exercise__body,
  .is-lingua.node-type-video .video-step .panel--video-booster .panel--exercise__body {
    padding: 3.2% 1.9% 8% !important;
  }
  .is-qioz.node-type-video .comprehension .panel--video-booster .panel--exercise__body,
  .is-qioz.node-type-video .advanced-comprehension .panel--video-booster .panel--exercise__body,
  .is-lingua.node-type-video .comprehension .panel--video-booster .panel--exercise__body,
  .is-lingua.node-type-video .advanced-comprehension .panel--video-booster .panel--exercise__body {
    padding: 3.2% 1.9% !important;
  }
  .is-qioz.node-type-video .comprehension .panel--video-booster .panel--exercise__body .vb__step-score,
  .is-qioz.node-type-video .advanced-comprehension .panel--video-booster .panel--exercise__body .vb__step-score,
  .is-lingua.node-type-video .comprehension .panel--video-booster .panel--exercise__body .vb__step-score,
  .is-lingua.node-type-video .advanced-comprehension .panel--video-booster .panel--exercise__body .vb__step-score {
    margin: 5% auto !important;
  }
  .is-qioz.node-type-video .comprehension .panel--video-booster .panel--exercise__body .vb__step-score .c-vb-status__container,
  .is-qioz.node-type-video .advanced-comprehension .panel--video-booster .panel--exercise__body .vb__step-score .c-vb-status__container,
  .is-lingua.node-type-video .comprehension .panel--video-booster .panel--exercise__body .vb__step-score .c-vb-status__container,
  .is-lingua.node-type-video .advanced-comprehension .panel--video-booster .panel--exercise__body .vb__step-score .c-vb-status__container {
    margin: 0 auto;
  }
  .is-qioz.node-type-video .listening-lab .panel--video-booster .panel--exercise__body,
  .is-lingua.node-type-video .listening-lab .panel--video-booster .panel--exercise__body {
    padding: 3.2% 1.9% !important;
  }
  .is-qioz.node-type-video .listening-lab .panel--video-booster #next,
  .is-lingua.node-type-video .listening-lab .panel--video-booster #next {
    margin-bottom: 0;
    margin-top: 55px;
  }
  .is-qioz.node-type-video .listening-lab .panel--video-booster .c-vb-status__container,
  .is-lingua.node-type-video .listening-lab .panel--video-booster .c-vb-status__container {
    margin: 3% auto 6.6%;
  }
  .is-qioz.node-type-video .vb__step-score,
  .is-lingua.node-type-video .vb__step-score {
    margin-top: 0 !important;
  }
  .is-qioz.node-type-video .vocab-academy-step .panel--video-booster .panel--exercise__body,
  .is-lingua.node-type-video .vocab-academy-step .panel--video-booster .panel--exercise__body {
    padding: 3.2% 1.9% !important;
  }
  .is-qioz.node-type-video .vocab-academy-step .panel--video-booster .vb__step-score,
  .is-lingua.node-type-video .vocab-academy-step .panel--video-booster .vb__step-score {
    margin: 4.8% auto !important;
  }
  .is-qioz.node-type-video .vocab-academy-step .panel--video-booster .vb__step-score #btn-grammar-step,
  .is-lingua.node-type-video .vocab-academy-step .panel--video-booster .vb__step-score #btn-grammar-step {
    margin: 35px 0 !important;
  }
  .is-qioz.node-type-video .vocab-academy-step .panel--video-booster .vb__step-score .c-vb-status__container,
  .is-lingua.node-type-video .vocab-academy-step .panel--video-booster .vb__step-score .c-vb-status__container {
    margin: 0 auto;
  }
  .is-qioz.node-type-video .grammar-step .panel--video-booster .panel--exercise__body,
  .is-lingua.node-type-video .grammar-step .panel--video-booster .panel--exercise__body {
    padding-top: 20px;
  }
  .is-qioz.node-type-video .grammar-step .panel--video-booster .panel--exercise__body .vb__step-score,
  .is-lingua.node-type-video .grammar-step .panel--video-booster .panel--exercise__body .vb__step-score {
    margin: 6.5% auto 0 !important;
  }
}
@media (min-width: 991px) and (max-width: 1285px) {
  .is-qioz.node-type-video .vocab-quickview__step .panel--video-booster .panel--exercise__body,
  .is-qioz.node-type-video .comprehension .panel--video-booster .panel--exercise__body,
  .is-qioz.node-type-video .advanced-comprehension .panel--video-booster .panel--exercise__body,
  .is-lingua.node-type-video .vocab-quickview__step .panel--video-booster .panel--exercise__body,
  .is-lingua.node-type-video .comprehension .panel--video-booster .panel--exercise__body,
  .is-lingua.node-type-video .advanced-comprehension .panel--video-booster .panel--exercise__body {
    padding: 1% 1.9% !important;
  }
  .is-qioz.node-type-video .video-step .panel--video-booster .panel--exercise__body,
  .is-lingua.node-type-video .video-step .panel--video-booster .panel--exercise__body {
    padding: 3% 1.9% 6% !important;
  }
}
@media (max-height: 950px) {
  .is-qioz.node-type-video .comprehension .panel--video-booster .panel--exercise__body .vb__step-score,
  .is-qioz.node-type-video .advanced-comprehension .panel--video-booster .panel--exercise__body .vb__step-score,
  .is-qioz.node-type-video .vocab-academy-step .panel--video-booster .panel--exercise__body .vb__step-score,
  .is-lingua.node-type-video .comprehension .panel--video-booster .panel--exercise__body .vb__step-score,
  .is-lingua.node-type-video .advanced-comprehension .panel--video-booster .panel--exercise__body .vb__step-score,
  .is-lingua.node-type-video .vocab-academy-step .panel--video-booster .panel--exercise__body .vb__step-score {
    margin: 0 auto !important;
  }
  .is-qioz.node-type-video .comprehension .panel--video-booster .panel--exercise__body .vb__step-score .c-vb-status__container,
  .is-qioz.node-type-video .advanced-comprehension .panel--video-booster .panel--exercise__body .vb__step-score .c-vb-status__container,
  .is-qioz.node-type-video .vocab-academy-step .panel--video-booster .panel--exercise__body .vb__step-score .c-vb-status__container,
  .is-lingua.node-type-video .comprehension .panel--video-booster .panel--exercise__body .vb__step-score .c-vb-status__container,
  .is-lingua.node-type-video .advanced-comprehension .panel--video-booster .panel--exercise__body .vb__step-score .c-vb-status__container,
  .is-lingua.node-type-video .vocab-academy-step .panel--video-booster .panel--exercise__body .vb__step-score .c-vb-status__container {
    margin: 0 auto;
  }
  .is-qioz.node-type-video .grammar-step .panel--video-booster .panel--exercise__body,
  .is-lingua.node-type-video .grammar-step .panel--video-booster .panel--exercise__body {
    min-height: auto;
  }
  .is-qioz.node-type-video .grammar-step .panel--video-booster .panel--exercise__body .vb__step-score,
  .is-lingua.node-type-video .grammar-step .panel--video-booster .panel--exercise__body .vb__step-score {
    margin: 4% auto 0.5% !important;
  }
}
.is-qioz.node-type-video .panel__body__quickview #intro-screen h3,
.is-lingua.node-type-video .panel__body__quickview #intro-screen h3 {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 18px;
  letter-spacing: -0.19px;
  line-height: 24px;
  font-weight: 400;
}
.is-qioz.node-type-video .panel__body__quickview #intro-screen .text-element,
.is-lingua.node-type-video .panel__body__quickview #intro-screen .text-element {
  border: 1px solid #4A90E2;
  border-radius: 5px;
}
.is-qioz.node-type-video .panel__body__quickview #intro-screen .text-element p,
.is-lingua.node-type-video .panel__body__quickview #intro-screen .text-element p {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 21px;
}
.is-qioz.node-type-video .panel__body__quickview #btn-next-step,
.is-lingua.node-type-video .panel__body__quickview #btn-next-step {
  margin-top: 35px;
  margin-bottom: 30px;
}
.is-qioz.node-type-video .c-vb-status__container,
.is-lingua.node-type-video .c-vb-status__container {
  min-height: 340px;
  padding-bottom: 13px;
  margin-top: 30px;
}
.is-qioz.node-type-video .c-vb-status__container .c-vb-status__score,
.is-lingua.node-type-video .c-vb-status__container .c-vb-status__score {
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.is-qioz.node-type-video .c-vb-status__container .c-vb-status__score .vb__step-current-score,
.is-qioz.node-type-video .c-vb-status__container .c-vb-status__score .vb__step-best-score,
.is-lingua.node-type-video .c-vb-status__container .c-vb-status__score .vb__step-current-score,
.is-lingua.node-type-video .c-vb-status__container .c-vb-status__score .vb__step-best-score {
  color: #6B6B6B;
  font-family: "Open Sans";
  text-align: center;
}
.is-qioz.node-type-video .c-vb-status__container .c-vb-status__score .vb__step-current-score span,
.is-qioz.node-type-video .c-vb-status__container .c-vb-status__score .vb__step-best-score span,
.is-lingua.node-type-video .c-vb-status__container .c-vb-status__score .vb__step-current-score span,
.is-lingua.node-type-video .c-vb-status__container .c-vb-status__score .vb__step-best-score span {
  font-size: 25px;
  font-weight: 600;
  letter-spacing: -0.27px;
  line-height: 34px;
}
.is-qioz.node-type-video .c-vb-status__container #btn-vocab-academy-step,
.is-lingua.node-type-video .c-vb-status__container #btn-vocab-academy-step {
  margin-top: 0 !important;
}
.is-qioz.node-type-video .c-vb-status__container .c-vb-status__score-col,
.is-lingua.node-type-video .c-vb-status__container .c-vb-status__score-col {
  width: 100%;
}
.is-qioz.node-type-video .vocab-academy-step .step-progress--div,
.is-lingua.node-type-video .vocab-academy-step .step-progress--div {
  top: -60px !important;
}
.is-qioz.node-type-video .vocab-academy-step .step-progress--div .step-progress,
.is-lingua.node-type-video .vocab-academy-step .step-progress--div .step-progress {
  margin-top: 10px;
}
.is-qioz.node-type-video .comprehension .step-progress--div,
.is-qioz.node-type-video .listening-lab .step-progress--div,
.is-qioz.node-type-video .advanced-comprehension .step-progress--div,
.is-qioz.node-type-video .grammar-step .step-progress--div,
.is-qioz.node-type-video .pronunciation .step-progress--div,
.is-qioz.node-type-video .discussion .step-progress--div,
.is-lingua.node-type-video .comprehension .step-progress--div,
.is-lingua.node-type-video .listening-lab .step-progress--div,
.is-lingua.node-type-video .advanced-comprehension .step-progress--div,
.is-lingua.node-type-video .grammar-step .step-progress--div,
.is-lingua.node-type-video .pronunciation .step-progress--div,
.is-lingua.node-type-video .discussion .step-progress--div {
  top: -50px !important;
}
.is-qioz.node-type-video .comprehension .step-progress--div .step-progress,
.is-qioz.node-type-video .listening-lab .step-progress--div .step-progress,
.is-qioz.node-type-video .advanced-comprehension .step-progress--div .step-progress,
.is-qioz.node-type-video .grammar-step .step-progress--div .step-progress,
.is-qioz.node-type-video .pronunciation .step-progress--div .step-progress,
.is-qioz.node-type-video .discussion .step-progress--div .step-progress,
.is-lingua.node-type-video .comprehension .step-progress--div .step-progress,
.is-lingua.node-type-video .listening-lab .step-progress--div .step-progress,
.is-lingua.node-type-video .advanced-comprehension .step-progress--div .step-progress,
.is-lingua.node-type-video .grammar-step .step-progress--div .step-progress,
.is-lingua.node-type-video .pronunciation .step-progress--div .step-progress,
.is-lingua.node-type-video .discussion .step-progress--div .step-progress {
  margin-top: 10px;
}
@media (max-width: 1280px) {
  .is-qioz.node-type-video .comprehension .step-progress--div,
  .is-qioz.node-type-video .listening-lab .step-progress--div,
  .is-qioz.node-type-video .advanced-comprehension .step-progress--div,
  .is-qioz.node-type-video .vocab-academy-step .step-progress--div,
  .is-qioz.node-type-video .pronunciation .step-progress--div,
  .is-qioz.node-type-video .discussion .step-progress--div,
  .is-lingua.node-type-video .comprehension .step-progress--div,
  .is-lingua.node-type-video .listening-lab .step-progress--div,
  .is-lingua.node-type-video .advanced-comprehension .step-progress--div,
  .is-lingua.node-type-video .vocab-academy-step .step-progress--div,
  .is-lingua.node-type-video .pronunciation .step-progress--div,
  .is-lingua.node-type-video .discussion .step-progress--div {
    top: -55px !important;
  }
  .is-qioz.node-type-video .comprehension .video-booster__step,
  .is-qioz.node-type-video .listening-lab .video-booster__step,
  .is-qioz.node-type-video .advanced-comprehension .video-booster__step,
  .is-qioz.node-type-video .vocab-academy-step .video-booster__step,
  .is-qioz.node-type-video .pronunciation .video-booster__step,
  .is-qioz.node-type-video .discussion .video-booster__step,
  .is-lingua.node-type-video .comprehension .video-booster__step,
  .is-lingua.node-type-video .listening-lab .video-booster__step,
  .is-lingua.node-type-video .advanced-comprehension .video-booster__step,
  .is-lingua.node-type-video .vocab-academy-step .video-booster__step,
  .is-lingua.node-type-video .pronunciation .video-booster__step,
  .is-lingua.node-type-video .discussion .video-booster__step {
    right: 35px;
    left: auto !important;
  }
  .is-qioz.node-type-video .grammar-step .step-progress--div,
  .is-lingua.node-type-video .grammar-step .step-progress--div {
    top: -55px !important;
  }
  .is-qioz.node-type-video .grammar-step .step-progress--div .step-progress,
  .is-lingua.node-type-video .grammar-step .step-progress--div .step-progress {
    right: 40px;
    left: auto;
  }
}
.is-qioz.node-type-video .games-step .panel--video-booster .panel__body,
.is-lingua.node-type-video .games-step .panel--video-booster .panel__body {
  padding: 0 !important;
}
.is-qioz.node-type-video .grammar-step .panel--exercise__body,
.is-lingua.node-type-video .grammar-step .panel--exercise__body {
  min-height: 580px;
}
.is-qioz.node-type-video .grammar-content .js-vb-next-step,
.is-lingua.node-type-video .grammar-content .js-vb-next-step {
  margin-top: 50px !important;
  min-width: auto !important;
}
.is-qioz.node-type-video .grammar-content .c-vb__next-step-points,
.is-lingua.node-type-video .grammar-content .c-vb__next-step-points {
  top: -40px;
  left: 0;
  right: 0;
}
.is-qioz.node-type-video .c-vb-status__container #btn-listening-step,
.is-lingua.node-type-video .c-vb-status__container #btn-listening-step {
  margin-top: 5px !important;
}
.is-qioz.node-type-video .panel--video-booster .c-vb-video__container .video-embed,
.is-lingua.node-type-video .panel--video-booster .c-vb-video__container .video-embed {
  max-width: 700px;
  width: 700px;
}
@media (max-width: 767px) {
  .is-qioz.node-type-video .panel--video-booster .c-vb-video__container .video-embed,
  .is-lingua.node-type-video .panel--video-booster .c-vb-video__container .video-embed {
    width: 100%;
  }
}
.is-qioz.node-type-video .question_text,
.is-lingua.node-type-video .question_text {
  max-width: 800px;
}
.is-qioz.node-type-video .grammar-step .question_text,
.is-lingua.node-type-video .grammar-step .question_text {
  margin: 0 auto;
  text-align: center;
}
.is-qioz.node-type-video .grammar-step .vb-grammar-corect-incorect .grammar-content,
.is-qioz.node-type-video .grammar-step .vb-grammar-corect-incorect .questions,
.is-lingua.node-type-video .grammar-step .vb-grammar-corect-incorect .grammar-content,
.is-lingua.node-type-video .grammar-step .vb-grammar-corect-incorect .questions {
  min-height: 350px;
}
.is-qioz.node-type-video .grammar-step .vb-grammar-corect-incorect .grammar-content,
.is-lingua.node-type-video .grammar-step .vb-grammar-corect-incorect .grammar-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100% !important;
}
@media (max-width: 1285px) {
  .is-qioz.node-type-video .grammar-step .vb-grammar-corect-incorect .grammar-content,
  .is-lingua.node-type-video .grammar-step .vb-grammar-corect-incorect .grammar-content {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.is-qioz.node-type-video .grammar-step .vb-grammar-corect-incorect .grammar-example,
.is-lingua.node-type-video .grammar-step .vb-grammar-corect-incorect .grammar-example {
  width: 50% !important;
}
.is-qioz.node-type-video .video-booster__checkbox-icon,
.is-lingua.node-type-video .video-booster__checkbox-icon {
  top: 5px;
}
.is-qioz.node-type-video .c-section-pv__bg,
.is-qioz.node-type-video .c-gamezone__intro,
.is-lingua.node-type-video .c-section-pv__bg,
.is-lingua.node-type-video .c-gamezone__intro {
  margin: 0;
}
.is-qioz.node-type-video .c-vb-row,
.is-lingua.node-type-video .c-vb-row {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.is-qioz.node-type-video .c-vb-row .c-vb-col-score,
.is-lingua.node-type-video .c-vb-row .c-vb-col-score {
  padding-top: 7px;
}
.is-qioz.node-type-video .panel__header,
.is-lingua.node-type-video .panel__header {
  min-height: unset;
}
.is-qioz.node-type-video .panel__body__comprehension,
.is-qioz.node-type-video .panel__body__listeninglab,
.is-qioz.node-type-video .panel__body__advanced__comprehension,
.is-qioz.node-type-video .panel__body__vocabacademy,
.is-lingua.node-type-video .panel__body__comprehension,
.is-lingua.node-type-video .panel__body__listeninglab,
.is-lingua.node-type-video .panel__body__advanced__comprehension,
.is-lingua.node-type-video .panel__body__vocabacademy {
  padding: 30px 0 20px 0 !important;
}
.is-qioz.node-type-video .panel__body__advanced__comprehension .questions,
.is-qioz.node-type-video .panel__body__vocabacademy .questions,
.is-lingua.node-type-video .panel__body__advanced__comprehension .questions,
.is-lingua.node-type-video .panel__body__vocabacademy .questions {
  padding-left: 25px !important;
}
.is-qioz.node-type-video .panel__body__advanced__comprehension #transcript_wrapper,
.is-qioz.node-type-video .panel__body__vocabacademy #transcript_wrapper,
.is-lingua.node-type-video .panel__body__advanced__comprehension #transcript_wrapper,
.is-lingua.node-type-video .panel__body__vocabacademy #transcript_wrapper {
  color: #6B6B6B !important;
  font-family: "Open Sans";
  font-size: 15px;
  letter-spacing: -0.16px;
  line-height: 20px;
  font-weight: 400;
}
.is-qioz.node-type-video .panel__body__advanced__comprehension .question_text,
.is-qioz.node-type-video .panel__body__vocabacademy .question_text,
.is-lingua.node-type-video .panel__body__advanced__comprehension .question_text,
.is-lingua.node-type-video .panel__body__vocabacademy .question_text {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 21px;
  letter-spacing: -0.22px;
  line-height: 58px;
}
@media (max-width: 1350px) {
  .is-qioz.node-type-video .panel__body__advanced__comprehension .question_text,
  .is-qioz.node-type-video .panel__body__vocabacademy .question_text,
  .is-lingua.node-type-video .panel__body__advanced__comprehension .question_text,
  .is-lingua.node-type-video .panel__body__vocabacademy .question_text {
    line-height: 35px;
  }
}
.is-qioz.node-type-video .panel__body__advanced__comprehension .c-sb-comprehension__tabs .video-booster__content-right,
.is-qioz.node-type-video .panel__body__vocabacademy .c-sb-comprehension__tabs .video-booster__content-right,
.is-lingua.node-type-video .panel__body__advanced__comprehension .c-sb-comprehension__tabs .video-booster__content-right,
.is-lingua.node-type-video .panel__body__vocabacademy .c-sb-comprehension__tabs .video-booster__content-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.is-qioz.node-type-video .listening-lab #transcript_wrapper,
.is-lingua.node-type-video .listening-lab #transcript_wrapper {
  color: #6B6B6B !important;
  font-family: "Open Sans";
  font-size: 15px;
  letter-spacing: -0.16px;
  line-height: 20px;
  font-weight: 400;
}
.is-qioz.node-type-video .comprehension .questions--comprehension,
.is-lingua.node-type-video .comprehension .questions--comprehension {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: inherit;
}
.is-qioz.node-type-video .comprehension .questions--comprehension:not(:root:root),
.is-lingua.node-type-video .comprehension .questions--comprehension:not(:root:root) {
  height: 100%;
}
.is-qioz.node-type-video .video-step .video-booster__content,
.is-lingua.node-type-video .video-step .video-booster__content {
  padding-bottom: 0 !important;
}
.is-qioz.node-type-video .video-step .video-booster__video-desc,
.is-qioz.node-type-video .video-step .video-button,
.is-lingua.node-type-video .video-step .video-booster__video-desc,
.is-lingua.node-type-video .video-step .video-button {
  max-width: 700px;
}
.is-qioz.node-type-video #btn-next-step,
.is-qioz.node-type-video #btn-comprehension-step,
.is-qioz.node-type-video #next_comprehension,
.is-qioz.node-type-video #next_advanced_comprehension,
.is-qioz.node-type-video #btn-listening-step,
.is-qioz.node-type-video #next,
.is-qioz.node-type-video #btn-advanced-comprehension-step,
.is-qioz.node-type-video #btn-vocab-academy-step,
.is-qioz.node-type-video #confirm,
.is-qioz.node-type-video #btn-grammar-step,
.is-qioz.node-type-video #btn-games,
.is-qioz.node-type-video .vb-final-score__button,
.is-qioz.node-type-video .btn-validate-filling-gaps,
.is-qioz.node-type-video .vb-step-btn,
.is-qioz.node-type-video #show-vocabquickview-section,
.is-lingua.node-type-video #btn-next-step,
.is-lingua.node-type-video #btn-comprehension-step,
.is-lingua.node-type-video #next_comprehension,
.is-lingua.node-type-video #next_advanced_comprehension,
.is-lingua.node-type-video #btn-listening-step,
.is-lingua.node-type-video #next,
.is-lingua.node-type-video #btn-advanced-comprehension-step,
.is-lingua.node-type-video #btn-vocab-academy-step,
.is-lingua.node-type-video #confirm,
.is-lingua.node-type-video #btn-grammar-step,
.is-lingua.node-type-video #btn-games,
.is-lingua.node-type-video .vb-final-score__button,
.is-lingua.node-type-video .btn-validate-filling-gaps,
.is-lingua.node-type-video .vb-step-btn,
.is-lingua.node-type-video #show-vocabquickview-section {
  border-radius: 25px;
  border: 0;
  color: #FFFFFF;
  background-color: #4A90E2;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.15px;
  line-height: 19px;
  padding: 15px 15px;
  width: 100%;
  max-width: 235px;
  min-width: 235px;
  text-align: center;
  text-decoration: none;
  white-space: normal;
}
.is-qioz.node-type-video .vb-step .exercise-component__name,
.is-lingua.node-type-video .vb-step .exercise-component__name {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 16px;
  letter-spacing: -0.17px;
  line-height: 22px;
  font-weight: 400;
}
.is-qioz.node-type-video .games-step .panel--exercise__body,
.is-lingua.node-type-video .games-step .panel--exercise__body {
  padding: 0 !important;
}
.is-qioz.node-type-video .panel--exercise__body,
.is-lingua.node-type-video .panel--exercise__body {
  padding: 10px 30px !important;
}
.is-qioz.node-type-video .comprehension .vb__step-score,
.is-qioz.node-type-video .advanced-comprehension .vb__step-score,
.is-lingua.node-type-video .comprehension .vb__step-score,
.is-lingua.node-type-video .advanced-comprehension .vb__step-score {
  margin: 0 auto;
  width: 50%;
}
@media (max-width: 991px) {
  .is-qioz.node-type-video .comprehension .vb__step-score,
  .is-qioz.node-type-video .advanced-comprehension .vb__step-score,
  .is-lingua.node-type-video .comprehension .vb__step-score,
  .is-lingua.node-type-video .advanced-comprehension .vb__step-score {
    width: 100%;
  }
}
.is-qioz.node-type-video .grammar-step .vb__step-score,
.is-lingua.node-type-video .grammar-step .vb__step-score {
  margin: 0 auto;
  max-width: 800px;
}
.is-qioz.node-type-video .grammar-step .step-progress--div,
.is-lingua.node-type-video .grammar-step .step-progress--div {
  position: absolute;
  right: 27px;
  top: -60px;
}
.is-qioz.node-type-video .grammar-step .c-grammar-rule-header,
.is-lingua.node-type-video .grammar-step .c-grammar-rule-header {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.16px;
  margin: 0;
  padding: 18px 0 15px;
}
.is-qioz.node-type-video .grammar-step #concept_example_wrapper,
.is-qioz.node-type-video .grammar-step #concept_explanation_wrapper,
.is-lingua.node-type-video .grammar-step #concept_example_wrapper,
.is-lingua.node-type-video .grammar-step #concept_explanation_wrapper {
  border: 1px solid #4A90E2;
  border-radius: 5px;
  padding-top: 0 !important;
  min-height: 140px;
}
.is-qioz.node-type-video .grammar-step .c-example-title,
.is-lingua.node-type-video .grammar-step .c-example-title {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.14px;
  line-height: 44px;
  margin: 0;
}
.is-qioz.node-type-video .grammar-step .grammar-jungle-explanation,
.is-qioz.node-type-video .grammar-step .grammar-point-explanation,
.is-lingua.node-type-video .grammar-step .grammar-jungle-explanation,
.is-lingua.node-type-video .grammar-step .grammar-point-explanation {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 21px;
}
.is-qioz.node-type-video .grammar-step .grammar-jungle-explanation em,
.is-qioz.node-type-video .grammar-step .grammar-point-explanation em,
.is-lingua.node-type-video .grammar-step .grammar-jungle-explanation em,
.is-lingua.node-type-video .grammar-step .grammar-point-explanation em {
  color: #4A90E2;
}
.is-qioz.node-type-video .panel__body__grammar_filling_gaps .grammar-question-text,
.is-qioz.node-type-video .vb-grammar-corect-incorect .grammar-question-text,
.is-qioz.node-type-video .multiple-choices .grammar-question-text,
.is-lingua.node-type-video .panel__body__grammar_filling_gaps .grammar-question-text,
.is-lingua.node-type-video .vb-grammar-corect-incorect .grammar-question-text,
.is-lingua.node-type-video .multiple-choices .grammar-question-text {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 18px;
  letter-spacing: -0.18px;
  line-height: 44px;
  text-align: center;
}
.is-qioz.node-type-video .panel__body__grammar_filling_gaps .question_title,
.is-qioz.node-type-video .vb-grammar-corect-incorect .question_title,
.is-qioz.node-type-video .multiple-choices .question_title,
.is-lingua.node-type-video .panel__body__grammar_filling_gaps .question_title,
.is-lingua.node-type-video .vb-grammar-corect-incorect .question_title,
.is-lingua.node-type-video .multiple-choices .question_title {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 18px;
  letter-spacing: -0.19px;
  line-height: 24px;
  text-align: center;
  font-weight: 400;
}
.is-qioz.node-type-video .panel__body__grammar_filling_gaps .validate-buttons,
.is-qioz.node-type-video .vb-grammar-corect-incorect .validate-buttons,
.is-qioz.node-type-video .multiple-choices .validate-buttons,
.is-lingua.node-type-video .panel__body__grammar_filling_gaps .validate-buttons,
.is-lingua.node-type-video .vb-grammar-corect-incorect .validate-buttons,
.is-lingua.node-type-video .multiple-choices .validate-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.is-qioz.node-type-video .panel__body__grammar_filling_gaps .validate-buttons,
.is-qioz.node-type-video .multiple-choices .validate-buttons,
.is-lingua.node-type-video .panel__body__grammar_filling_gaps .validate-buttons,
.is-lingua.node-type-video .multiple-choices .validate-buttons {
  min-height: 70px;
  height: 100%;
  position: relative;
}
.is-qioz.node-type-video .panel__body__grammar_filling_gaps .validate-buttons button,
.is-qioz.node-type-video .multiple-choices .validate-buttons button,
.is-lingua.node-type-video .panel__body__grammar_filling_gaps .validate-buttons button,
.is-lingua.node-type-video .multiple-choices .validate-buttons button {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin: 20px 0;
}
.is-qioz.node-type-video .advanced-comprehension-content .questions,
.is-lingua.node-type-video .advanced-comprehension-content .questions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: inherit;
}
.is-qioz.node-type-video .advanced-comprehension-content .questions #next_advanced_comprehension,
.is-lingua.node-type-video .advanced-comprehension-content .questions #next_advanced_comprehension {
  margin-bottom: 0;
  margin-left: auto;
  margin-top: auto;
  max-width: 306px;
}
.is-qioz.node-type-video .panel__body__grammar_make_connections .grammar__question-item,
.is-lingua.node-type-video .panel__body__grammar_make_connections .grammar__question-item {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 16px;
  line-height: 2;
  font-weight: 400;
}
.is-qioz.node-type-video .panel__body__grammar_make_connections .make-connection-draggable,
.is-lingua.node-type-video .panel__body__grammar_make_connections .make-connection-draggable {
  background-color: #F5F5F5;
  padding: 15px 52px 15px 32px;
  margin-left: auto;
  border-radius: 8px;
}
.is-qioz.node-type-video .panel__body__grammar_make_connections .make-connection-draggable .grammar__draggable,
.is-lingua.node-type-video .panel__body__grammar_make_connections .make-connection-draggable .grammar__draggable {
  font-size: 16px;
  line-height: 13px;
  height: 40px;
  border-radius: 6px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
  color: #6B6B6B;
  font-family: "Open Sans";
  font-weight: 400;
  padding-right: 20px;
  max-width: 600px;
}
@media (max-width: 1330px) {
  .is-qioz.node-type-video .panel__body__grammar_make_connections .make-connection-draggable .grammar__draggable,
  .is-lingua.node-type-video .panel__body__grammar_make_connections .make-connection-draggable .grammar__draggable {
    max-width: 500px;
  }
}
@media (max-width: 1170px) {
  .is-qioz.node-type-video .panel__body__grammar_make_connections .make-connection-draggable .grammar__draggable,
  .is-lingua.node-type-video .panel__body__grammar_make_connections .make-connection-draggable .grammar__draggable {
    max-width: 450px;
  }
}
@media (max-width: 1170px) {
  .is-qioz.node-type-video .panel__body__grammar_make_connections .make-connection-draggable .grammar__draggable,
  .is-lingua.node-type-video .panel__body__grammar_make_connections .make-connection-draggable .grammar__draggable {
    max-width: 450px;
  }
}
@media (max-width: 1024px) {
  .is-qioz.node-type-video .panel__body__grammar_make_connections .make-connection-draggable .grammar__draggable,
  .is-lingua.node-type-video .panel__body__grammar_make_connections .make-connection-draggable .grammar__draggable {
    max-width: 400px;
  }
}
@media (max-width: 990px) {
  .is-qioz.node-type-video .panel__body__grammar_make_connections .make-connection-draggable .grammar__draggable,
  .is-lingua.node-type-video .panel__body__grammar_make_connections .make-connection-draggable .grammar__draggable {
    max-width: 600px;
  }
}
@media (max-width: 600px) {
  .is-qioz.node-type-video .panel__body__grammar_make_connections .make-connection-draggable .grammar__draggable,
  .is-lingua.node-type-video .panel__body__grammar_make_connections .make-connection-draggable .grammar__draggable {
    max-width: 500px;
  }
}
@media (max-width: 500px) {
  .is-qioz.node-type-video .panel__body__grammar_make_connections .make-connection-draggable .grammar__draggable,
  .is-lingua.node-type-video .panel__body__grammar_make_connections .make-connection-draggable .grammar__draggable {
    max-width: 400px;
  }
}
@media (max-width: 400px) {
  .is-qioz.node-type-video .panel__body__grammar_make_connections .make-connection-draggable .grammar__draggable,
  .is-lingua.node-type-video .panel__body__grammar_make_connections .make-connection-draggable .grammar__draggable {
    max-width: 300px;
  }
}
.is-qioz.node-type-video .panel__body__grammar_make_connections .make-connection-draggable .grammar__draggable.incorrect,
.is-lingua.node-type-video .panel__body__grammar_make_connections .make-connection-draggable .grammar__draggable.incorrect {
  border: 1px solid #EF7C8E;
  -webkit-box-shadow: 0 0 0 0;
          box-shadow: 0 0 0 0;
}
.is-qioz.node-type-video .panel__body__grammar_make_connections .make-connection-draggable .grammar__draggable.incorrect:after,
.is-lingua.node-type-video .panel__body__grammar_make_connections .make-connection-draggable .grammar__draggable.incorrect:after {
  content: none;
}
.is-qioz.node-type-video .panel__body__grammar_make_connections .make-connection-draggable .grammar__draggable.correct,
.is-lingua.node-type-video .panel__body__grammar_make_connections .make-connection-draggable .grammar__draggable.correct {
  border: 1px solid #80E0C9;
  -webkit-box-shadow: 0 0 0 0;
          box-shadow: 0 0 0 0;
}
.is-qioz.node-type-video .panel__body__grammar_make_connections .make-connection-draggable .grammar__draggable.correct:after,
.is-lingua.node-type-video .panel__body__grammar_make_connections .make-connection-draggable .grammar__draggable.correct:after {
  content: url(/sites/all/themes/lingua/assets/ls-checked.svg);
  background-color: transparent;
  right: 10px;
}
.is-qioz.node-type-video .panel__body__grammar_make_connections .make-connection-draggable .grammar__draggable:after,
.is-lingua.node-type-video .panel__body__grammar_make_connections .make-connection-draggable .grammar__draggable:after {
  content: "";
  background-color: #4A90E2;
  background-image: url("/sites/all/themes/lingua/assets/ls-move.svg");
  background-repeat: no-repeat;
  background-size: 17px;
  background-position: center;
  max-width: 33px;
  width: 100%;
  height: 40px;
  border-radius: 0 8px 8px 0;
  position: absolute;
  top: 0;
  right: 0;
}
.is-qioz.node-type-video .vb-col-right,
.is-lingua.node-type-video .vb-col-right {
  min-height: 430px;
}
.is-qioz.node-type-video .vocab-academy-content .video-booster__content-right,
.is-lingua.node-type-video .vocab-academy-content .video-booster__content-right {
  max-width: 500px;
  min-height: 420px;
  padding-bottom: 0;
}
.is-qioz.node-type-video .vocab-academy-content .tab-content,
.is-lingua.node-type-video .vocab-academy-content .tab-content {
  width: 100%;
}
.is-qioz.node-type-video .vocab-academy-content .vb__right-container,
.is-lingua.node-type-video .vocab-academy-content .vb__right-container {
  max-width: 880px;
  padding-left: 30px;
}
.is-qioz.node-type-video .vocab-academy-content .vocab-academy-phrase,
.is-lingua.node-type-video .vocab-academy-content .vocab-academy-phrase {
  border: 1px solid #4A90E2;
  border-radius: 5px;
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 18px;
  letter-spacing: -0.18px;
  line-height: 54px;
  padding: 10px 20px;
}
.is-qioz.node-type-video #dragContent .vb__word-blank:after,
.is-lingua.node-type-video #dragContent .vb__word-blank:after {
  background-color: #4A90E2;
}
@media (max-width: 1290px) {
  .is-qioz.node-type-video #dragContent .vb-draggable,
  .is-lingua.node-type-video #dragContent .vb-draggable {
    font-weight: 400;
  }
}
.is-qioz.node-type-video .content-listening-lab .transcript-wrapper,
.is-lingua.node-type-video .content-listening-lab .transcript-wrapper {
  max-width: 100%;
}
.is-qioz.node-type-video .content-listening-lab .listening__line,
.is-lingua.node-type-video .content-listening-lab .listening__line {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 18px;
  letter-spacing: -0.18px;
  line-height: 44px;
}
.is-qioz.node-type-video .content-listening-lab .listening__line.active,
.is-lingua.node-type-video .content-listening-lab .listening__line.active {
  border: 1px solid #4A90E2;
  border-radius: 5px;
  color: #404040;
}
.is-qioz.node-type-video .content-listening-lab .listening__line.active .who,
.is-lingua.node-type-video .content-listening-lab .listening__line.active .who {
  font-weight: 600;
}
.is-qioz.node-type-video .content-listening-lab .listening__line:not(.active),
.is-lingua.node-type-video .content-listening-lab .listening__line:not(.active) {
  margin: 0 !important;
}
.is-qioz.node-type-video .content-listening-lab .col-answers,
.is-lingua.node-type-video .content-listening-lab .col-answers {
  padding-left: 30px;
}
.is-qioz.node-type-video .content-listening-lab .col-answers .text-answer,
.is-lingua.node-type-video .content-listening-lab .col-answers .text-answer {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 18px;
  letter-spacing: -0.19px;
}
.is-qioz.node-type-video .content-listening-lab .video-booster__content-right,
.is-lingua.node-type-video .content-listening-lab .video-booster__content-right {
  max-width: 500px;
  min-height: 410px;
  padding-bottom: 0;
}
.is-qioz.node-type-video .content-listening-lab .video-booster__content-right .tab-content,
.is-lingua.node-type-video .content-listening-lab .video-booster__content-right .tab-content {
  width: 100%;
}
.is-qioz.node-type-video .content-listening-lab .video-booster__content-right .video-button img,
.is-lingua.node-type-video .content-listening-lab .video-booster__content-right .video-button img {
  width: 90%;
}
.is-qioz.node-type-video .comprehension-content .video-booster__content-right,
.is-qioz.node-type-video .advanced-comprehension-content .video-booster__content-right,
.is-lingua.node-type-video .comprehension-content .video-booster__content-right,
.is-lingua.node-type-video .advanced-comprehension-content .video-booster__content-right {
  max-width: 550px;
  min-height: 410px;
  padding-bottom: 0;
}
.is-qioz.node-type-video .comprehension-content .tab-content,
.is-qioz.node-type-video .advanced-comprehension-content .tab-content,
.is-lingua.node-type-video .comprehension-content .tab-content,
.is-lingua.node-type-video .advanced-comprehension-content .tab-content {
  width: 100%;
}
.is-qioz.node-type-video .comprehension-content .video-button img,
.is-qioz.node-type-video .advanced-comprehension-content .video-button img,
.is-lingua.node-type-video .comprehension-content .video-button img,
.is-lingua.node-type-video .advanced-comprehension-content .video-button img {
  width: 90%;
}
.is-qioz.node-type-video .comprehension-content .questions--comprehension,
.is-qioz.node-type-video .comprehension-content .questions,
.is-qioz.node-type-video .advanced-comprehension-content .questions--comprehension,
.is-qioz.node-type-video .advanced-comprehension-content .questions,
.is-lingua.node-type-video .comprehension-content .questions--comprehension,
.is-lingua.node-type-video .comprehension-content .questions,
.is-lingua.node-type-video .advanced-comprehension-content .questions--comprehension,
.is-lingua.node-type-video .advanced-comprehension-content .questions {
  padding-left: 10px;
}
.is-qioz.node-type-video .comprehension-content .video-booster__step,
.is-qioz.node-type-video .advanced-comprehension-content .video-booster__step,
.is-lingua.node-type-video .comprehension-content .video-booster__step,
.is-lingua.node-type-video .advanced-comprehension-content .video-booster__step {
  margin-bottom: 0;
}
.is-qioz.node-type-video .comprehension-content .step-progress,
.is-qioz.node-type-video .advanced-comprehension-content .step-progress,
.is-lingua.node-type-video .comprehension-content .step-progress,
.is-lingua.node-type-video .advanced-comprehension-content .step-progress {
  margin-bottom: -25px;
}
@media (max-width: 1330px) {
  .is-qioz.node-type-video .questions--comprehension,
  .is-lingua.node-type-video .questions--comprehension {
    padding-left: 30px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1280px) {
  .is-qioz.node-type-video .grammar-step .grammar-exercise-container,
  .is-lingua.node-type-video .grammar-step .grammar-exercise-container {
    padding-top: 0;
  }
  .is-qioz.node-type-video .grammar-step .vb-grammar-corect-incorect .grammar-content,
  .is-lingua.node-type-video .grammar-step .vb-grammar-corect-incorect .grammar-content {
    min-height: 240px;
  }
  .is-qioz.node-type-video .grammar-step .vb-grammar-corect-incorect .grammar-content p.grammar-example:not(:first-of-type),
  .is-lingua.node-type-video .grammar-step .vb-grammar-corect-incorect .grammar-content p.grammar-example:not(:first-of-type) {
    margin-bottom: 0 !important;
  }
  .is-qioz.node-type-video .grammar-step .vb-grammar-corect-incorect .grammar-content p.grammar-example:not(:last-of-type),
  .is-lingua.node-type-video .grammar-step .vb-grammar-corect-incorect .grammar-content p.grammar-example:not(:last-of-type) {
    margin-top: 15px !important;
  }
}
@media (max-width: 1120px) {
  .is-qioz.node-type-video .grammar-step .vb-grammar-corect-incorect .grammar-example,
  .is-lingua.node-type-video .grammar-step .vb-grammar-corect-incorect .grammar-example {
    width: 60% !important;
  }
  .is-qioz.node-type-video .grammar__question-item:after,
  .is-lingua.node-type-video .grammar__question-item:after {
    right: 0;
  }
  .is-qioz.node-type-video .grammar-content .questions li,
  .is-lingua.node-type-video .grammar-content .questions li {
    font-size: 14px;
  }
  .is-qioz.node-type-video .panel__body__grammar_make_connections .make-connection-draggable,
  .is-lingua.node-type-video .panel__body__grammar_make_connections .make-connection-draggable {
    padding: 15px 32px 15px 12px;
  }
  .is-qioz.node-type-video .panel__body__grammar_make_connections .make-connection-draggable .grammar__draggable,
  .is-lingua.node-type-video .panel__body__grammar_make_connections .make-connection-draggable .grammar__draggable {
    font-size: 14px;
  }
}
@media (min-width: 991px) and (max-width: 1020px) {
  .is-qioz.node-type-video .grammar-content .questions li,
  .is-lingua.node-type-video .grammar-content .questions li {
    font-size: 13px;
  }
}
@media (max-width: 890px) {
  .is-qioz.node-type-video .grammar-step .vb-grammar-corect-incorect .grammar-example,
  .is-lingua.node-type-video .grammar-step .vb-grammar-corect-incorect .grammar-example {
    width: 70% !important;
  }
}
@media (max-width: 680px) {
  .is-qioz.node-type-video .grammar-step .vb-grammar-corect-incorect .grammar-content,
  .is-lingua.node-type-video .grammar-step .vb-grammar-corect-incorect .grammar-content {
    min-height: 280px;
  }
  .is-qioz.node-type-video .grammar-step .vb-grammar-corect-incorect .grammar-content p.text-center,
  .is-lingua.node-type-video .grammar-step .vb-grammar-corect-incorect .grammar-content p.text-center {
    margin: 0 10px;
  }
  .is-qioz.node-type-video .grammar-step .vb-grammar-corect-incorect .grammar-example,
  .is-lingua.node-type-video .grammar-step .vb-grammar-corect-incorect .grammar-example {
    width: 80% !important;
    font-size: 13px !important;
    padding: 15px 15px 15px 55px;
  }
}
@media (min-width: 990px) {
  .is-qioz.node-type-video .listening-lab > .panel--video-booster .panel--exercise__body,
  .is-qioz.node-type-video .comprehension > .panel--video-booster .panel--exercise__body,
  .is-qioz.node-type-video .advanced-comprehension > .panel--video-booster .panel--exercise__body,
  .is-qioz.node-type-video .vocab-academy-step > .panel--video-booster .panel--exercise__body,
  .is-qioz.node-type-video .pronunciation > .panel--video-booster .panel--exercise__body,
  .is-qioz.node-type-video .discussion > .panel--video-booster .panel--exercise__body,
  .is-lingua.node-type-video .listening-lab > .panel--video-booster .panel--exercise__body,
  .is-lingua.node-type-video .comprehension > .panel--video-booster .panel--exercise__body,
  .is-lingua.node-type-video .advanced-comprehension > .panel--video-booster .panel--exercise__body,
  .is-lingua.node-type-video .vocab-academy-step > .panel--video-booster .panel--exercise__body,
  .is-lingua.node-type-video .pronunciation > .panel--video-booster .panel--exercise__body,
  .is-lingua.node-type-video .discussion > .panel--video-booster .panel--exercise__body {
    padding-top: 25px;
    position: relative;
  }
  .is-qioz.node-type-video .listening-lab > .panel--video-booster .panel--exercise__body .step-progress--div,
  .is-qioz.node-type-video .comprehension > .panel--video-booster .panel--exercise__body .step-progress--div,
  .is-qioz.node-type-video .advanced-comprehension > .panel--video-booster .panel--exercise__body .step-progress--div,
  .is-qioz.node-type-video .vocab-academy-step > .panel--video-booster .panel--exercise__body .step-progress--div,
  .is-qioz.node-type-video .pronunciation > .panel--video-booster .panel--exercise__body .step-progress--div,
  .is-qioz.node-type-video .discussion > .panel--video-booster .panel--exercise__body .step-progress--div,
  .is-lingua.node-type-video .listening-lab > .panel--video-booster .panel--exercise__body .step-progress--div,
  .is-lingua.node-type-video .comprehension > .panel--video-booster .panel--exercise__body .step-progress--div,
  .is-lingua.node-type-video .advanced-comprehension > .panel--video-booster .panel--exercise__body .step-progress--div,
  .is-lingua.node-type-video .vocab-academy-step > .panel--video-booster .panel--exercise__body .step-progress--div,
  .is-lingua.node-type-video .pronunciation > .panel--video-booster .panel--exercise__body .step-progress--div,
  .is-lingua.node-type-video .discussion > .panel--video-booster .panel--exercise__body .step-progress--div {
    position: absolute;
    right: 0;
    top: -80px;
  }
  .is-qioz.node-type-video .listening-lab > .panel--video-booster .panel--exercise__body .video-booster__step,
  .is-qioz.node-type-video .comprehension > .panel--video-booster .panel--exercise__body .video-booster__step,
  .is-qioz.node-type-video .advanced-comprehension > .panel--video-booster .panel--exercise__body .video-booster__step,
  .is-qioz.node-type-video .vocab-academy-step > .panel--video-booster .panel--exercise__body .video-booster__step,
  .is-qioz.node-type-video .pronunciation > .panel--video-booster .panel--exercise__body .video-booster__step,
  .is-qioz.node-type-video .discussion > .panel--video-booster .panel--exercise__body .video-booster__step,
  .is-lingua.node-type-video .listening-lab > .panel--video-booster .panel--exercise__body .video-booster__step,
  .is-lingua.node-type-video .comprehension > .panel--video-booster .panel--exercise__body .video-booster__step,
  .is-lingua.node-type-video .advanced-comprehension > .panel--video-booster .panel--exercise__body .video-booster__step,
  .is-lingua.node-type-video .vocab-academy-step > .panel--video-booster .panel--exercise__body .video-booster__step,
  .is-lingua.node-type-video .pronunciation > .panel--video-booster .panel--exercise__body .video-booster__step,
  .is-lingua.node-type-video .discussion > .panel--video-booster .panel--exercise__body .video-booster__step {
    left: 0;
    position: absolute;
    top: 0;
  }
  .is-qioz.node-type-video .listening-lab > .panel--video-booster .panel--exercise__body .video-booster__step .step-progress,
  .is-qioz.node-type-video .comprehension > .panel--video-booster .panel--exercise__body .video-booster__step .step-progress,
  .is-qioz.node-type-video .advanced-comprehension > .panel--video-booster .panel--exercise__body .video-booster__step .step-progress,
  .is-qioz.node-type-video .vocab-academy-step > .panel--video-booster .panel--exercise__body .video-booster__step .step-progress,
  .is-qioz.node-type-video .pronunciation > .panel--video-booster .panel--exercise__body .video-booster__step .step-progress,
  .is-qioz.node-type-video .discussion > .panel--video-booster .panel--exercise__body .video-booster__step .step-progress,
  .is-lingua.node-type-video .listening-lab > .panel--video-booster .panel--exercise__body .video-booster__step .step-progress,
  .is-lingua.node-type-video .comprehension > .panel--video-booster .panel--exercise__body .video-booster__step .step-progress,
  .is-lingua.node-type-video .advanced-comprehension > .panel--video-booster .panel--exercise__body .video-booster__step .step-progress,
  .is-lingua.node-type-video .vocab-academy-step > .panel--video-booster .panel--exercise__body .video-booster__step .step-progress,
  .is-lingua.node-type-video .pronunciation > .panel--video-booster .panel--exercise__body .video-booster__step .step-progress,
  .is-lingua.node-type-video .discussion > .panel--video-booster .panel--exercise__body .video-booster__step .step-progress {
    margin-right: 15px;
    margin-top: 10px;
  }
}
@media (min-width: 1330px) {
  .is-qioz.node-type-video .listening-lab > .panel--video-booster .questions--listening-lab .scroll-bar__content,
  .is-qioz.node-type-video .comprehension > .panel--video-booster .questions--listening-lab .scroll-bar__content,
  .is-qioz.node-type-video .advanced-comprehension > .panel--video-booster .questions--listening-lab .scroll-bar__content,
  .is-qioz.node-type-video .vocab-academy-step > .panel--video-booster .questions--listening-lab .scroll-bar__content,
  .is-lingua.node-type-video .listening-lab > .panel--video-booster .questions--listening-lab .scroll-bar__content,
  .is-lingua.node-type-video .comprehension > .panel--video-booster .questions--listening-lab .scroll-bar__content,
  .is-lingua.node-type-video .advanced-comprehension > .panel--video-booster .questions--listening-lab .scroll-bar__content,
  .is-lingua.node-type-video .vocab-academy-step > .panel--video-booster .questions--listening-lab .scroll-bar__content {
    width: 500px;
  }
  .is-qioz.node-type-video .listening-lab > .panel--video-booster .vb-col-right .text-right,
  .is-qioz.node-type-video .comprehension > .panel--video-booster .vb-col-right .text-right,
  .is-qioz.node-type-video .advanced-comprehension > .panel--video-booster .vb-col-right .text-right,
  .is-qioz.node-type-video .vocab-academy-step > .panel--video-booster .vb-col-right .text-right,
  .is-lingua.node-type-video .listening-lab > .panel--video-booster .vb-col-right .text-right,
  .is-lingua.node-type-video .comprehension > .panel--video-booster .vb-col-right .text-right,
  .is-lingua.node-type-video .advanced-comprehension > .panel--video-booster .vb-col-right .text-right,
  .is-lingua.node-type-video .vocab-academy-step > .panel--video-booster .vb-col-right .text-right {
    margin-right: 0 !important;
  }
}
@media (min-width: 1200px) and (max-width: 1385px) {
  .is-qioz.node-type-video .video-booster__content-left .video-booster__nav-tab .video-booster__nav-link,
  .is-lingua.node-type-video .video-booster__content-left .video-booster__nav-tab .video-booster__nav-link {
    padding: 7px;
  }
  .is-qioz.node-type-video .video-booster__content-left .video-booster__nav-tab .video-booster__nav-link span.icon,
  .is-lingua.node-type-video .video-booster__content-left .video-booster__nav-tab .video-booster__nav-link span.icon {
    margin-right: 15px;
  }
}
@media (min-width: 768px) and (max-width: 990px) {
  .is-qioz.node-type-video .vocab-quickview .c-vb-quickview-video__wrapper,
  .is-lingua.node-type-video .vocab-quickview .c-vb-quickview-video__wrapper {
    margin: 0 auto 20px;
  }
}
@media (min-width: 990px) {
  .is-qioz.node-type-video .comprehension-content #next_comprehension,
  .is-lingua.node-type-video .comprehension-content #next_comprehension {
    bottom: 0;
    margin: 0;
  }
  .is-qioz.node-type-video .grammar-step .panel--exercise__body,
  .is-lingua.node-type-video .grammar-step .panel--exercise__body {
    padding-top: 10px !important;
  }
  .is-qioz.node-type-video .grammar-step .step-progress,
  .is-lingua.node-type-video .grammar-step .step-progress {
    margin-top: 9px;
    position: absolute;
    right: 0;
  }
  .is-qioz.node-type-video .vocab-academy-content .vb__right-container,
  .is-lingua.node-type-video .vocab-academy-content .vb__right-container {
    width: 100%;
  }
}
.is-qioz.node-type-video .panel__body__quickview,
.is-lingua.node-type-video .panel__body__quickview {
  padding-left: 0 !important;
  padding-right: 50px;
}
.is-qioz.node-type-video .vocab-quickview .c-vb-quickview-video__wrapper,
.is-lingua.node-type-video .vocab-quickview .c-vb-quickview-video__wrapper {
  background-color: #FFFFFF;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  max-width: 415px;
  width: 100%;
}
.is-qioz.node-type-video .vocab-quickview .panel--exercise__thumbnail-video,
.is-lingua.node-type-video .vocab-quickview .panel--exercise__thumbnail-video {
  max-width: 415px;
}
.is-qioz.node-type-video .vocab-quickview .panel--exercise__thumbnail-video .thumbnail--video__image,
.is-lingua.node-type-video .vocab-quickview .panel--exercise__thumbnail-video .thumbnail--video__image {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  width: 100%;
}
.is-qioz.node-type-video .vocab-quickview .panel--exercise__thumbnail-video .thumbnail--video__details,
.is-lingua.node-type-video .vocab-quickview .panel--exercise__thumbnail-video .thumbnail--video__details {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border: none;
}
.is-qioz.node-type-video .vocab-quickview .c-vb-quickview-expr__container,
.is-lingua.node-type-video .vocab-quickview .c-vb-quickview-expr__container {
  border-radius: 9px;
  border: 1px solid #4A90E2;
}
.is-qioz.node-type-video .vocab-quickview .c-vb-quickview-expr__container:before, .is-qioz.node-type-video .vocab-quickview .c-vb-quickview-expr__container:after,
.is-lingua.node-type-video .vocab-quickview .c-vb-quickview-expr__container:before,
.is-lingua.node-type-video .vocab-quickview .c-vb-quickview-expr__container:after {
  display: none;
}
.is-qioz.node-type-video .panel--video-booster,
.is-lingua.node-type-video .panel--video-booster {
  padding: 0;
}
.is-qioz.node-type-video .panel--video-booster .video-booster__content,
.is-lingua.node-type-video .panel--video-booster .video-booster__content {
  padding-bottom: 30px;
  padding-top: 15px;
}
.is-qioz.node-type-video .panel--video-booster .video-booster__step,
.is-lingua.node-type-video .panel--video-booster .video-booster__step {
  max-width: 100%;
}
.is-qioz.node-type-video .panel--video-booster .panel__header,
.is-qioz.node-type-video .panel--video-booster .panel__body,
.is-lingua.node-type-video .panel--video-booster .panel__header,
.is-lingua.node-type-video .panel--video-booster .panel__body {
  padding: 0 27px 5px !important;
}
.is-qioz.node-type-video .panel--video-booster .panel__footer,
.is-lingua.node-type-video .panel--video-booster .panel__footer {
  padding: 5px 27px 0 !important;
}
.is-qioz.node-type-video .panel--video-booster .panel__title-body,
.is-lingua.node-type-video .panel--video-booster .panel__title-body {
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  color: #4B4B4B;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  font-family: "Open Sans";
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.27px;
  line-height: 34px;
  margin: 0;
  padding-left: 0;
  padding-top: 15px;
}
.is-qioz.node-type-video .panel--video-booster .panel__title-body:before,
.is-lingua.node-type-video .panel--video-booster .panel__title-body:before {
  display: none;
}
.is-qioz.node-type-video .panel--video-booster .video-booster__step-desc,
.is-lingua.node-type-video .panel--video-booster .video-booster__step-desc {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.17px;
  line-height: 22px;
  margin: 0;
  padding-top: 10px;
  width: 100%;
  display: block !important;
}
.is-qioz.node-type-video .panel--video-booster .exercise-component.current:before,
.is-lingua.node-type-video .panel--video-booster .exercise-component.current:before {
  display: none;
}
.is-qioz.node-type-video .panel--video-booster .score-title,
.is-lingua.node-type-video .panel--video-booster .score-title {
  color: #BCBCBC;
  float: right;
  font-family: "Open Sans";
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -0.25px;
  line-height: 27px;
  margin-top: 20px;
}
.is-qioz.node-type-video .panel--video-booster .score-title span,
.is-lingua.node-type-video .panel--video-booster .score-title span {
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.33px;
  line-height: 27px;
}
.is-qioz.node-type-video .panel--video-booster .score-title span .js-user-progress,
.is-lingua.node-type-video .panel--video-booster .score-title span .js-user-progress {
  font-size: 26px;
}
@media (max-width: 768px) {
  .is-qioz.node-type-video .panel--video-booster .c-vb-video__container,
  .is-lingua.node-type-video .panel--video-booster .c-vb-video__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .is-qioz.node-type-video .panel--video-booster .c-vb-video__desc,
  .is-lingua.node-type-video .panel--video-booster .c-vb-video__desc {
    padding-top: 20px;
    padding-left: 0;
  }
}
@media (max-width: 991px) {
  .is-qioz.node-type-video .panel--video-booster .make-connection-draggable .grammar__draggable,
  .is-lingua.node-type-video .panel--video-booster .make-connection-draggable .grammar__draggable {
    line-height: 27px;
  }
  .is-qioz.node-type-video .panel--video-booster .listening-lab .c-sb-comprehension__tabs,
  .is-lingua.node-type-video .panel--video-booster .listening-lab .c-sb-comprehension__tabs {
    border: unset;
  }
  .is-qioz.node-type-video .panel--video-booster .panel__header,
  .is-qioz.node-type-video .panel--video-booster .panel__footer,
  .is-qioz.node-type-video .panel--video-booster .panel__body,
  .is-lingua.node-type-video .panel--video-booster .panel__header,
  .is-lingua.node-type-video .panel--video-booster .panel__footer,
  .is-lingua.node-type-video .panel--video-booster .panel__body {
    padding: 0 10px;
  }
  .is-qioz.node-type-video .panel--video-booster .panel__body__comprehension,
  .is-qioz.node-type-video .panel--video-booster .panel__body__advanced__comprehension,
  .is-qioz.node-type-video .panel--video-booster .panel__body__vocabacademy,
  .is-qioz.node-type-video .panel--video-booster .panel__body__listeninglab,
  .is-lingua.node-type-video .panel--video-booster .panel__body__comprehension,
  .is-lingua.node-type-video .panel--video-booster .panel__body__advanced__comprehension,
  .is-lingua.node-type-video .panel--video-booster .panel__body__vocabacademy,
  .is-lingua.node-type-video .panel--video-booster .panel__body__listeninglab {
    padding-left: 0;
    padding-top: 0 !important;
  }
  .is-qioz.node-type-video .panel--video-booster .comprehension-content .vb-col-right,
  .is-qioz.node-type-video .panel--video-booster .advanced-comprehension-content .vb-col-right,
  .is-qioz.node-type-video .panel--video-booster .vocab-academy-content .vb-col-right,
  .is-lingua.node-type-video .panel--video-booster .comprehension-content .vb-col-right,
  .is-lingua.node-type-video .panel--video-booster .advanced-comprehension-content .vb-col-right,
  .is-lingua.node-type-video .panel--video-booster .vocab-academy-content .vb-col-right {
    min-height: 300px;
  }
  .is-qioz.node-type-video .panel--video-booster .comprehension-content .questions--comprehension,
  .is-qioz.node-type-video .panel--video-booster .advanced-comprehension-content .questions--comprehension,
  .is-qioz.node-type-video .panel--video-booster .vocab-academy-content .questions--comprehension,
  .is-lingua.node-type-video .panel--video-booster .comprehension-content .questions--comprehension,
  .is-lingua.node-type-video .panel--video-booster .advanced-comprehension-content .questions--comprehension,
  .is-lingua.node-type-video .panel--video-booster .vocab-academy-content .questions--comprehension {
    padding-left: 20px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .is-qioz.node-type-video .panel--video-booster .comprehension-content .questions,
  .is-qioz.node-type-video .panel--video-booster .advanced-comprehension-content .questions,
  .is-qioz.node-type-video .panel--video-booster .vocab-academy-content .questions,
  .is-lingua.node-type-video .panel--video-booster .comprehension-content .questions,
  .is-lingua.node-type-video .panel--video-booster .advanced-comprehension-content .questions,
  .is-lingua.node-type-video .panel--video-booster .vocab-academy-content .questions {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .is-qioz.node-type-video .panel--video-booster .comprehension-content .video-booster__tabs,
  .is-qioz.node-type-video .panel--video-booster .advanced-comprehension-content .video-booster__tabs,
  .is-qioz.node-type-video .panel--video-booster .vocab-academy-content .video-booster__tabs,
  .is-lingua.node-type-video .panel--video-booster .comprehension-content .video-booster__tabs,
  .is-lingua.node-type-video .panel--video-booster .advanced-comprehension-content .video-booster__tabs,
  .is-lingua.node-type-video .panel--video-booster .vocab-academy-content .video-booster__tabs {
    margin: 0 auto !important;
  }
  .is-qioz.node-type-video .panel--video-booster .panel__body__listeninglab .video-booster__tabs,
  .is-lingua.node-type-video .panel--video-booster .panel__body__listeninglab .video-booster__tabs {
    margin: 0 auto !important;
  }
  .is-qioz.node-type-video .panel--video-booster .c-sb-comprehension__tabs--advanced,
  .is-lingua.node-type-video .panel--video-booster .c-sb-comprehension__tabs--advanced {
    max-width: 490px !important;
  }
  .is-qioz.node-type-video .panel--video-booster .questions.questions--comprehension > div:first-child,
  .is-lingua.node-type-video .panel--video-booster .questions.questions--comprehension > div:first-child {
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .is-qioz.node-type-video .panel--video-booster .c-vb-row,
  .is-lingua.node-type-video .panel--video-booster .c-vb-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media (max-width: 600px) {
  .is-qioz.node-type-video .panel--video-booster .vocab-academy__buttons .vocab-academy-button,
  .is-lingua.node-type-video .panel--video-booster .vocab-academy__buttons .vocab-academy-button {
    line-height: 50px !important;
  }
  .is-qioz.node-type-video .panel--video-booster .vb-final-score__button,
  .is-lingua.node-type-video .panel--video-booster .vb-final-score__button {
    margin-bottom: 10px !important;
  }
  .is-qioz.node-type-video .panel--video-booster .content-listening-lab .text-right,
  .is-lingua.node-type-video .panel--video-booster .content-listening-lab .text-right {
    text-align: center !important;
  }
  .is-qioz.node-type-video .panel--video-booster .c-vb-video__container,
  .is-lingua.node-type-video .panel--video-booster .c-vb-video__container {
    padding-bottom: 20px;
  }
  .is-qioz.node-type-video .panel--video-booster .vb-col-left,
  .is-lingua.node-type-video .panel--video-booster .vb-col-left {
    padding-right: 10px !important;
  }
  .is-qioz.node-type-video .panel--video-booster .questions--comprehension,
  .is-lingua.node-type-video .panel--video-booster .questions--comprehension {
    padding-left: 10px !important;
  }
  .is-qioz.node-type-video .panel--video-booster .vb__right-container,
  .is-lingua.node-type-video .panel--video-booster .vb__right-container {
    padding-left: 0;
  }
  .is-qioz.node-type-video .panel--video-booster .c-sb-comprehension__tabs .video-booster__content-right,
  .is-lingua.node-type-video .panel--video-booster .c-sb-comprehension__tabs .video-booster__content-right {
    min-height: auto;
  }
  .is-qioz.node-type-video .panel--video-booster .questions,
  .is-lingua.node-type-video .panel--video-booster .questions {
    padding-bottom: 20px;
  }
  .is-qioz.node-type-video .panel--video-booster .questions:not(.questions--comprehension),
  .is-lingua.node-type-video .panel--video-booster .questions:not(.questions--comprehension) {
    padding-left: 0 !important;
  }
  .is-qioz.node-type-video .panel--video-booster .question_text,
  .is-lingua.node-type-video .panel--video-booster .question_text {
    line-height: 20px;
    margin: 0;
    font-size: 18px !important;
  }
  .is-qioz.node-type-video .panel--video-booster .listening-line__group,
  .is-lingua.node-type-video .panel--video-booster .listening-line__group {
    padding-top: 20px;
  }
  .is-qioz.node-type-video .panel--video-booster .panel--exercise__body,
  .is-lingua.node-type-video .panel--video-booster .panel--exercise__body {
    padding: 10px !important;
  }
  .is-qioz.node-type-video .panel--video-booster .panel__body__comprehension,
  .is-lingua.node-type-video .panel--video-booster .panel__body__comprehension {
    padding-left: 0 !important;
  }
  .is-qioz.node-type-video .panel--video-booster .panel__title-body,
  .is-lingua.node-type-video .panel--video-booster .panel__title-body {
    color: #4B4B4B;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -0.32px;
    line-height: 30px;
    margin-bottom: 15px;
    margin-top: 0;
  }
  .is-qioz.node-type-video .panel--video-booster .video-booster__step-desc,
  .is-lingua.node-type-video .panel--video-booster .video-booster__step-desc {
    font-size: 14px;
    letter-spacing: -0.16px;
    line-height: 18px;
    margin-top: 5px;
  }
}
@media (max-width: 450px) {
  .is-qioz.node-type-video .panel--video-booster .c-sb-comprehension__tabs .video-booster__nav-tabs,
  .is-lingua.node-type-video .panel--video-booster .c-sb-comprehension__tabs .video-booster__nav-tabs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 600px) {
  .is-qioz.node-type-video .vocab-academy-step #tab-transcript,
  .is-lingua.node-type-video .vocab-academy-step #tab-transcript {
    margin-top: -60px;
  }
}

/* Advanced comprehension */
.advanced-comprehension .video-booster__tab-pane#tab-transcript .vb-panel-scroll,
.vocab-academy-step .video-booster__tab-pane#tab-transcript .vb-panel-scroll,
.listening-lab .video-booster__tab-pane#tab-transcript .vb-panel-scroll {
  max-height: 365px;
  margin-top: -35px;
}

.c-vb__next-step-points {
  color: #BEBEBE;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  right: 10px;
  top: -50px;
  letter-spacing: -0.28px;
  line-height: 24px;
  position: absolute;
}
.c-vb__next-step-points--style {
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 32px;
  letter-spacing: -0.4px;
  line-height: 43px;
  font-weight: 400;
}

/* new style for vb points */
.panel__body__grammar_make_connections #main-screen {
  margin-bottom: 38px;
}

/* PV */
/********** VB CATALOG HEADER ***************/
.c-sl-catalog-header__logo--pv {
  background-color: #FCA072;
}
.c-sl-catalog-header__logo--pv:after {
  background: #FCA072;
  border-right-color: #f69462;
}

.c-pv-catalog-header__logo-img {
  background-image: url("/sites/all/themes/lingua/assets/pv-catalog.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  content: "";
  cursor: pointer;
  display: block;
  height: 42px;
  width: 42px;
}

.c-sl-catalog__col-search--pv input {
  border-top: 1px solid #4B4B4B !important;
  border-bottom: 1px solid #4B4B4B !important;
  width: 240px !important;
  padding: 0 10px !important;
  height: 42px !important;
  color: #4B4B4B;
  font-size: 14px;
  font-weight: 400;
}
@media (max-width: 400px) {
  .c-sl-catalog__col-search--pv input {
    width: 160px !important;
  }
}
.c-sl-catalog__col-search--pv input::-webkit-input-placeholder {
  color: #BFBFBF !important;
  font-weight: 600;
  font-size: 16px !important;
  letter-spacing: -0.17px;
  padding: 0;
  text-align: center;
}
.c-sl-catalog__col-search--pv input::-moz-placeholder {
  color: #BFBFBF !important;
  font-weight: 600;
  font-size: 16px !important;
  letter-spacing: -0.17px;
  padding: 0;
  text-align: center;
}
.c-sl-catalog__col-search--pv input:-ms-input-placeholder {
  color: #BFBFBF !important;
  font-weight: 600;
  font-size: 16px !important;
  letter-spacing: -0.17px;
  padding: 0;
  text-align: center;
}
.c-sl-catalog__col-search--pv input::-ms-input-placeholder {
  color: #BFBFBF !important;
  font-weight: 600;
  font-size: 16px !important;
  letter-spacing: -0.17px;
  padding: 0;
  text-align: center;
}
.c-sl-catalog__col-search--pv input::placeholder {
  color: #BFBFBF !important;
  font-weight: 600;
  font-size: 16px !important;
  letter-spacing: -0.17px;
  padding: 0;
  text-align: center;
}
.c-sl-catalog__col-search--pv .catalog-search-form .form__group:after {
  display: none;
}
.c-sl-catalog__col-search--pv div {
  color: #FCA072 !important;
}
.c-sl-catalog__col-search--pv .active-pv:after {
  background: #FCA072 !important;
  margin-left: 0 !important;
  width: unset !important;
}
.c-sl-catalog__col-search--pv .c-pv-search__dropdown {
  margin: 0;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  height: 42px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.c-sl-catalog__col-search--pv .c-pv-search__dropdown #pv-serach-dropdown {
  padding: 0;
  border: 1px solid #4B4B4B !important;
  border-radius: 20.5px 0 0 20.5px !important;
  cursor: default;
  min-width: 60px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #BFBFBF !important;
  font-family: "Open Sans";
  font-weight: 600;
  letter-spacing: -0.17px;
  font-size: 14px;
  padding-left: 5px;
}
.c-sl-catalog__col-search--pv .c-pv-search__dropdown #pv-serach-dropdown.multiple-options {
  cursor: pointer;
}
.c-sl-catalog__col-search--pv .c-pv-search__dropdown #pv-serach-dropdown.multiple-options:after {
  content: "";
  background-image: url("/sites/all/themes/lingua/assets/arrow-down.svg");
  width: 15px;
  height: 10px;
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 3px;
}
.c-sl-catalog__col-search--pv .c-pv-search__dropdown #pv-serach-dropdown[value=zh-hans]:after {
  margin: 0 2px 0 0;
}
.c-sl-catalog__col-search--pv .c-pv-search__dropdown .c-pv-search__dropdown-menu {
  min-height: 90px;
  height: auto !important;
  min-width: 130px;
  width: auto !important;
  padding: 0;
  -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.5) !important;
          box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.5) !important;
  background-color: #FFFFFF;
  border-radius: 4px;
}
.c-sl-catalog__col-search--pv .c-pv-search__dropdown .c-pv-search__dropdown-menu fieldset label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 12.5px 0;
  margin: 0;
  color: #36393F;
  font-weight: 400;
}
.c-sl-catalog__col-search--pv .c-pv-search__dropdown .c-pv-search__dropdown-menu fieldset label:first-of-type {
  border-bottom: 1px solid #E9E9E9;
  border-radius: 4px 4px 0 0;
}
.c-sl-catalog__col-search--pv .c-pv-search__dropdown .c-pv-search__dropdown-menu fieldset label:last-of-type {
  border-radius: 0 0 4px 4px;
}
.c-sl-catalog__col-search--pv .c-pv-search__dropdown .c-pv-search__dropdown-menu fieldset label:hover, .c-sl-catalog__col-search--pv .c-pv-search__dropdown .c-pv-search__dropdown-menu fieldset label.checked-lang {
  background-color: #36393F;
  color: #FFFFFF;
}
.c-sl-catalog__col-search--pv .c-pv-search__dropdown .c-pv-search__dropdown-menu fieldset input {
  max-width: 3px !important;
  position: absolute;
  height: 15px !important;
  opacity: 0;
  margin: 0;
  cursor: pointer;
}
@media (min-width: 600px) and (max-width: 735px) {
  .c-sl-catalog__col-search--pv input#searchPV {
    min-width: 160px !important;
  }
}
@media (min-width: 600px) and (max-width: 670px) {
  .c-sl-catalog__col-search--pv input#searchPV {
    min-width: 150px !important;
  }
  .c-sl-catalog__col-search--pv input#searchPV::-webkit-input-placeholder {
    font-size: 12px !important;
  }
  .c-sl-catalog__col-search--pv input#searchPV::-moz-placeholder {
    font-size: 12px !important;
  }
  .c-sl-catalog__col-search--pv input#searchPV:-ms-input-placeholder {
    font-size: 12px !important;
  }
  .c-sl-catalog__col-search--pv input#searchPV::-ms-input-placeholder {
    font-size: 12px !important;
  }
  .c-sl-catalog__col-search--pv input#searchPV::placeholder {
    font-size: 12px !important;
  }
  .c-sl-catalog__col-search--pv .c-pv-search__dropdown {
    width: 50px !important;
  }
}
@media (max-width: 700px) {
  .c-sl-catalog__col-search--pv.c-sl-catalog__col-search {
    padding-right: 10px;
  }
  .c-sl-catalog__col-search--pv .c-pv-search__dropdown {
    opacity: 0;
    margin-right: 100px;
  }
  .c-sl-catalog__col-search--pv .catalog-search__submit.icon-search:before {
    border-radius: 20.5px !important;
  }
  .c-sl-catalog__col-search--pv .catalog-search-form--photo-vocab.is-expanded .c-pv-search__dropdown {
    opacity: 1;
    margin-right: 0;
  }
  .c-sl-catalog__col-search--pv .catalog-search-form--photo-vocab.is-expanded .catalog-search__submit.icon-search {
    border-radius: 0 20.5px 20.5px 0 !important;
  }
  .c-sl-catalog__col-search--pv .catalog-search-form--photo-vocab.is-expanded .catalog-search__submit.icon-search:before {
    border-radius: 0 20.5px 20.5px 0 !important;
  }
}
@media (max-width: 370px) {
  .c-sl-catalog__col-search--pv input#searchPV {
    min-width: 210px !important;
  }
}
@media (max-width: 370px) {
  .c-sl-catalog__col-search--pv input#searchPV {
    min-width: 185px !important;
  }
}

@media (min-width: 700px) and (max-width: 965px) {
  .page-pv-list-search .c-sl-catalog__col-search--pv input {
    width: 220px !important;
  }
}

/********** PV CATALOG CAROUSEL ***************/
.c-pv-catalog__carousel .c-pv-details {
  border-radius: unset !important;
  margin: 0 !important;
  min-height: 440px;
}
.c-pv-catalog__carousel .c-pv-details .c-pv-close-icon,
.c-pv-catalog__carousel .c-pv-details .c-pv-icon__image,
.c-pv-catalog__carousel .c-pv-details .c-vv-icon__image {
  display: none !important;
}
.c-pv-catalog__carousel .c-pv-details .c-pv-content__body {
  padding-top: 10px;
}
.c-pv-catalog__carousel .c-pv-details .c-pv-image-big {
  min-height: 450px;
}
.c-pv-catalog__carousel .carousel-indicators {
  bottom: -45px;
}
.c-pv-catalog__carousel .carousel-indicators li {
  background-color: #D8D8D8;
  height: 12px;
  margin: 0;
  width: 12px;
}
.c-pv-catalog__carousel .carousel-indicators .active {
  background-color: #FCA072;
}
.c-pv-catalog__carousel ~ .c-vb-catalog-carousel__wrapper {
  margin-top: 33px;
}

/* Icons */
.c-pv-catalog__latest-dictionaries-icon, .c-pv-catalog__essentials-icon, .c-pv-catalog__winter-icon, .c-pv-catalog__spring-icon, .c-pv-catalog__summer-icon, .c-pv-catalog__autumn-icon, .c-pv-catalog__advanced-search-icon {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  cursor: pointer;
  display: block;
  height: 24px;
  margin-right: 10px;
  width: 24px;
}
.c-pv-catalog__latest-dictionaries-icon {
  background-image: url("/sites/all/themes/lingua/assets/catalog-icons/latest-dictionary.svg");
}
.c-pv-catalog__summer-icon {
  background-image: url("/sites/all/themes/lingua/assets/catalog-icons/sunset.svg");
}
.c-pv-catalog__autumn-icon {
  background-image: url("/sites/all/themes/lingua/assets/catalog-icons/autumn.svg");
}
.c-pv-catalog__essentials-icon {
  background-image: url("/sites/all/themes/lingua/assets/catalog-icons/Essentials.svg");
}
.c-pv-catalog__winter-icon {
  background-image: url("/sites/all/themes/lingua/assets/catalog-icons/Winter.svg");
}
.c-pv-catalog__spring-icon {
  background-image: url("/sites/all/themes/lingua/assets/catalog-icons/spring.svg");
}
.c-pv-catalog__advanced-search-icon {
  background-image: url("/sites/all/themes/lingua/assets/catalog-icons/Search-advanced.svg");
}

@media (min-width: 768px) and (max-width: 991px) {
  .c-pv-catalog__carousel .c-pv-value-progress {
    max-width: 35px;
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .c-pv-catalog__carousel .carousel-indicators {
    bottom: -30px !important;
    left: 50% !important;
    margin-left: -30%;
    top: auto !important;
    width: 60% !important;
  }
  .c-pv-catalog__carousel .c-pv-photos-conteiner_div {
    padding-top: 0;
  }
  .c-pv-catalog__categories li {
    padding-bottom: 5px;
  }
}
@media (max-width: 767px) {
  .c-pv-catalog__carousel .c-pv-details {
    display: block;
    overflow-y: hidden;
    position: relative;
    top: 0;
  }
  .c-pv-catalog__carousel .c-pv-details-header,
  .c-pv-catalog__carousel .c-pv-container-cards,
  .c-pv-catalog__carousel .c-pv-content__body,
  .c-pv-catalog__carousel .c-bottom-page {
    display: none;
  }
  .c-pv-catalog__carousel .c-pv-content {
    max-height: initial;
  }
  .c-pv-catalog__carousel .c-pv-image-big {
    background-position: center;
  }
  .c-sl-catalog-header__logo-title {
    font-size: 16px;
    line-height: 16px;
    margin: 0;
  }
  .c-vb-catalog__categories li {
    padding: 0 0 25px 30px;
  }
  .c-vb-catalog__categories-title {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media (min-width: 480px) and (max-width: 768px) {
  .page-pv-list .c-pv-catalog__carousel .carousel-indicators {
    bottom: -30px !important;
  }
}
@media (max-width: 600px) {
  .page-exercises-photo-vocabs .icon-search:before {
    color: #C2C2C2;
    font-size: 25px;
  }
  .page-exercises-photo-vocabs #logo {
    display: block !important;
  }
  body.page-vb-list:not(.page-vb-list-search) .catalog-search-form,
  body.page-pv-list:not(.page-pv-list-search) .catalog-search-form {
    right: 30px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .c-pv-catalog__carousel .c-pv-details .flexbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .c-pv-catalog__carousel .c-pv-details .flexbox .col-photovocab:not(.c-pv-container-cards) {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
  }
  .c-pv-catalog__carousel .c-pv-details .flexbox .c-pv-container-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding-top: 3%;
    max-width: unset;
  }
  .c-pv-catalog__carousel .c-pv-details .c-pv-details-header {
    display: none;
  }
  .c-pv-catalog__carousel .c-pv-details .c-pv-photos-conteiner_div {
    padding: 0;
  }
}
@media (max-width: 450px) {
  .c-pv-catalog__carousel .c-pv-details .c-pv-image-big {
    min-height: 270px;
  }
}
/* new search style for pv */
.form__group.pv {
  margin: 11px auto !important;
  position: relative;
}
@media (min-width: 701px) {
  .form__group.pv {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.form__group.pv .form__input {
  margin-bottom: 0;
  margin-right: 10px;
  border-right: 1px solid #4b4b4b !important;
  border-radius: 0 20.5px 20.5px 0 !important;
  height: 39px !important;
}
.form__group.pv .form__input::-webkit-input-placeholder {
  text-align: left;
  font-weight: 500;
  font-size: 15px !important;
}
.form__group.pv .form__input::-moz-placeholder {
  text-align: left;
  font-weight: 500;
  font-size: 15px !important;
}
.form__group.pv .form__input:-ms-input-placeholder {
  text-align: left;
  font-weight: 500;
  font-size: 15px !important;
}
.form__group.pv .form__input::-ms-input-placeholder {
  text-align: left;
  font-weight: 500;
  font-size: 15px !important;
}
.form__group.pv .form__input::placeholder {
  text-align: left;
  font-weight: 500;
  font-size: 15px !important;
}
.form__group.pv .c-pv-search__dropdown {
  height: 39px !important;
}
.form__group.pv #pv-serach-dropdown {
  color: #4B4B4B !important;
}

.input__cross__icon {
  background-image: url(/sites/all/themes/lingua/assets/delete-icon.svg);
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  height: 24px;
  width: 24px;
  border: none;
  padding: 0;
  position: absolute;
  top: 20%;
  right: 60px;
}
@media (max-width: 700px) {
  .input__cross__icon {
    display: none;
  }
}

.c-search-width .form__group.pv {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.c-search-width .form__group.pv .form__input {
  margin-right: 45px;
}
.c-search-width .form__group.pv .form__input::-webkit-input-placeholder {
  padding-left: 5px;
}
.c-search-width .form__group.pv .form__input::-moz-placeholder {
  padding-left: 5px;
}
.c-search-width .form__group.pv .form__input:-ms-input-placeholder {
  padding-left: 5px;
}
.c-search-width .form__group.pv .form__input::-ms-input-placeholder {
  padding-left: 5px;
}
.c-search-width .form__group.pv .form__input::placeholder {
  padding-left: 5px;
}

.c-pv-category__grid {
  max-width: 1190px;
  padding: 0;
}
.c-pv-category__grid .c-pv-details {
  max-width: 1140px !important;
  width: 100%;
  background-color: #36393F !important;
  border-top: 5px solid #36393F;
  margin-top: 30px;
  z-index: 9999;
  bottom: 0;
  margin-top: 50px;
  overflow-x: hidden;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  padding: 0;
}
.c-pv-category__grid .c-pv-image-container {
  margin: 0;
}

.c-photovocab-category ~ .catalog-panel--expressions .count-results-wrapper {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.17px;
  line-height: 22px;
}
.c-photovocab-category ~ .c-pv-category__grid .c-photovocab:before {
  margin-bottom: 0 !important;
}
@media (min-width: 600px) {
  .c-photovocab-category ~ .c-pv-category__grid .c-pv-details {
    top: 0 !important;
  }
}

.c-pv-category__title {
  text-align: left;
}

.row.c-photovocab-category:not(:root:root) {
  width: 100%;
  min-height: 62px;
}
.row.c-photovocab-category:not(:root:root):before, .row.c-photovocab-category:not(:root:root):after {
  display: none;
}

@media (min-width: 1030px) {
  .c-pv-category__grid .c-pv-details {
    margin-left: 25px;
  }
}
@media (min-width: 1020px) {
  .c-pv-category__grid .c-pv-container__informations {
    margin-left: 0;
  }
  .c-pv-category__grid .c-pv-details {
    margin-left: 25px;
  }
}
@media (min-width: 767px) {
  .c-photovocab-category,
  .c-videoboster-category,
  .c-row-header-catalog--sb,
  .c-sl-catalog-row {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    margin: 0;
  }
  .c-photovocab-category .c-sl-catalog__col-logo,
  .c-videoboster-category .c-sl-catalog__col-logo,
  .c-row-header-catalog--sb .c-sl-catalog__col-logo,
  .c-sl-catalog-row .c-sl-catalog__col-logo {
    padding: 0;
  }
}
@media (min-width: 801px) and (max-width: 1030px) {
  .c-pv-category__grid .c-pv-details {
    max-width: 1024px !important;
    margin: 0 auto;
  }
}
@media (min-width: 600px) and (max-width: 800px) {
  .c-pv-category__grid .c-pv-details {
    max-width: 768px !important;
    margin: 0 auto;
  }
}
@media (max-width: 991px) {
  .c-photovocab-category {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .c-pv-category__grid {
    width: 100vw;
  }
}
@media (max-width: 600px) {
  .c-photovocab-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .is-qioz.page-pv-list-category .page-wrapper {
    padding-top: 30px !important;
  }
  .c-photovocab-category {
    margin-top: 15px;
  }
  .c-category__no-result-image img {
    width: 50%;
  }
}
@media (min-width: 600px) {
  .c-pv-category__grid .c-pv-details {
    top: 30px !important;
  }
}
@media (max-width: 822px) and (min-width: 768px) {
  .page-pv-list-search .c-photovocab-category .catalog-breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
/* AI PV */
.ai-pv-hp-container {
  border-radius: 50px;
  -webkit-box-shadow: 6px 46px 60px 0px rgba(0, 0, 0, 0.3);
          box-shadow: 6px 46px 60px 0px rgba(0, 0, 0, 0.3);
  max-width: 1536px;
}
@media (min-width: 1025px) {
  .ai-pv-hp-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.ai-pv-hp-container__left {
  background-color: #28304B;
  border-radius: 50px 50px 0 0;
  padding: 15px;
}
@media (min-width: 1025px) {
  .ai-pv-hp-container__left {
    padding: 0 25px;
    max-width: 610px;
    border-radius: 50px 0 0 50px;
  }
}
.ai-pv-hp-container__right {
  background-color: #F1F2F7;
  border-radius: 0 0 50px 50px;
  padding: 15px;
}
@media (min-width: 1025px) {
  .ai-pv-hp-container__right {
    padding: 20px 25px;
    max-width: 926px;
    min-width: 600px;
    border-radius: 0 50px 50px 0;
  }
}
@media (min-width: 1170px) {
  .ai-pv-hp-container__right {
    min-width: 626px;
  }
}
.ai-pv-hp-container .c-hp-content-box {
  border-radius: 20px;
  width: 100%;
  padding: 15px 20px;
  margin-bottom: 20px;
}
.ai-pv-hp-container .c-hp-content-box--light {
  background-color: #FFF;
}
.ai-pv-hp-container .c-hp-content-box--dark {
  background-color: #1D243B;
}
.ai-pv-hp-container .c-hp-logo-container {
  padding: 5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ai-pv-hp-container .c-hp-logo-area {
  max-width: 395px;
}
.ai-pv-hp-container .c-hp-logo-area img {
  width: 100%;
}
.ai-pv-hp-container .c-hp-info-block {
  padding: 0 20px;
  margin-bottom: 20px;
}
@media (min-width: 769px) {
  .ai-pv-hp-container .c-hp-info-block {
    margin-bottom: 30px;
  }
}
@media (min-width: 1025px) {
  .ai-pv-hp-container .c-hp-info-block {
    padding: 0 30px;
  }
}
.ai-pv-hp-container .c-hp-info-block__text-block {
  margin-bottom: 20px;
}
@media (min-width: 769px) {
  .ai-pv-hp-container .c-hp-info-block__text-block {
    margin-bottom: 30px;
  }
}
.ai-pv-hp-container .c-hp-description-title {
  margin-bottom: 15px;
}
.ai-pv-hp-container .c-hp-description-text p {
  margin-bottom: 15px;
}
.ai-pv-hp-container .c-hp-description-text p:last-of-type {
  margin-bottom: 0;
}
.ai-pv-hp-container .c-hp-situations-title {
  margin-bottom: 20px;
}
.ai-pv-hp-container .c-hp-pvs-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 35px 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 15px;
}
.ai-pv-hp-container .c-hp-pvs-item {
  width: 200px;
}
@media (min-width: 335px) {
  .ai-pv-hp-container .c-hp-pvs-item {
    width: 254px;
  }
}
@media (min-width: 1025px) {
  .ai-pv-hp-container .c-hp-pvs-item {
    width: 160px;
  }
}
@media (min-width: 1380px) {
  .ai-pv-hp-container .c-hp-pvs-item {
    width: 200px;
  }
}
@media (min-width: 1545px) {
  .ai-pv-hp-container .c-hp-pvs-item {
    width: 254px;
  }
}
.ai-pv-hp-container .c-hp-pvs-item__image {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  width: 100%;
  height: 170px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 10px;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.ai-pv-hp-container .c-hp-level-class-block {
  position: absolute;
  top: 25px;
  left: -10px;
}
.ai-pv-hp-container .c-hp-level-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 3px 10px 3px 18px;
  border-radius: 50px;
  background-color: #28304B;
  margin-bottom: 5px;
}
.ai-pv-hp-container .c-hp-level-block__text {
  color: #FFF;
  font-size: 13px;
  font-weight: 600;
}
.ai-pv-hp-container .c-hp-level-block--pre-A1 {
  background-color: #68A6F0;
}
.ai-pv-hp-container .c-hp-level-block--A1 {
  background-color: #69E5C8;
}
.ai-pv-hp-container .c-hp-level-block--A1plus {
  background-color: #E59AFF;
}
.ai-pv-hp-container .c-hp-class-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 3px 10px 3px 18px;
  border-radius: 50px;
  background-color: #FFFFFF;
}
.ai-pv-hp-container .c-hp-class-block__text {
  color: #424242;
  font-size: 13px;
  font-weight: 600;
}
.ai-pv-hp-container .c-hp-logos-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ai-pv-hp-container .c-hp-logos-container .c-la-logo {
  max-width: 245px;
}
.ai-pv-hp-container .c-hp-logos-container .c-la-logo img {
  width: 100%;
}

@media (min-width: 769px) {
  .ai-pv-intro-step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.ai-pv-intro-step__image {
  border-radius: 50px 50px 0 0;
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 400px;
}
@media (min-width: 769px) {
  .ai-pv-intro-step__image {
    border-radius: 50px 0 0 50px;
    min-height: unset;
    width: 300px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
@media (min-width: 900px) {
  .ai-pv-intro-step__image {
    width: 330px;
  }
}
@media (min-width: 1025px) {
  .ai-pv-intro-step__image {
    width: 430px;
  }
}
@media (min-width: 1250px) {
  .ai-pv-intro-step__image {
    width: 530px;
  }
}
.ai-pv-intro-step__info {
  padding: 30px 20px;
}
@media (min-width: 769px) {
  .ai-pv-intro-step__info {
    padding: 45px;
  }
}
.ai-pv-intro-step .ai-pv-intro-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 40px;
  position: relative;
}
.ai-pv-intro-step .ai-pv-intro-description {
  margin-bottom: 34px;
}
.ai-pv-intro-step .ai-pv-mission {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  min-height: 150px;
}
.ai-pv-intro-step .ai-pv-mission .ai-pv-description {
  text-align: justify;
}
.ai-pv-intro-step .ai-pv-mission .ai-pv-translate {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.ai-pv-intro-step .ai-pv-intro-instructions {
  margin-bottom: 18px;
}
.ai-pv-intro-step .ai-pv-intro-instructions-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
}
.ai-pv-intro-step .ai-pv-intro-expressions-block {
  border-radius: 20px;
  background-color: #F9F9F9;
  padding: 25px;
  margin-bottom: 40px;
}
.ai-pv-intro-step .ai-pv-intro-button-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.ai-pv-intro-audio-block {
  border-radius: 16px;
  background-color: #3D4664;
  padding: 15px 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 18px;
}
@media (min-width: 376px) {
  .ai-pv-intro-audio-block {
    padding: 25px 35px;
  }
}
.ai-pv-intro-audio-block__icon {
  max-width: 104px;
  margin-right: 20px;
}
@media (min-width: 376px) {
  .ai-pv-intro-audio-block__icon {
    margin-right: 60px;
  }
}
.ai-pv-intro-audio-block__icon img {
  width: 100%;
}

.ai-pv-preview-step {
  padding: 30px;
}
.ai-pv-preview-step__carousel {
  margin: 0 0 35px 0;
}
@media (min-width: 1300px) {
  .ai-pv-preview-step__carousel {
    margin: 0 115px 35px 115px;
    min-width: 975px;
  }
}
.ai-pv-preview-step__expressions {
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px;
}
@media (min-width: 1300px) {
  .ai-pv-preview-step__expressions {
    margin-left: 193px;
  }
}
.ai-pv-preview-step .c-expressions-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ai-pv-preview-step .c-preview-play {
  height: 79px;
}
.ai-pv-preview-step .c-carousel-indicators {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  left: 50%;
  margin-right: -50%;
  max-width: 850px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
}
.ai-pv-preview-step .carousel-prev {
  background-color: transparent;
  background-image: url("/sites/all/themes/lingua/assets/new-photovocab/Greyarrowicon.svg");
  background-size: contain;
  border-radius: 50%;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: block;
  height: 64px;
  left: 10%;
  opacity: 0;
  width: 64px;
}
.ai-pv-preview-step .carousel-prev:hover {
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ai-pv-preview-step .carousel-next {
  background-color: transparent;
  background-image: url("/sites/all/themes/lingua/assets/new-photovocab/Bluearrowicon.svg");
  background-size: contain;
  border-radius: 50%;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: block;
  height: 64px;
  right: 10%;
  width: 64px;
}
.ai-pv-preview-step .carousel-next:hover {
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ai-pv-preview-step .ai-pv-preview-carousel.c-pv-album__carousel {
  margin: 0 auto;
  height: 245px !important;
}
@media (min-width: 361px) {
  .ai-pv-preview-step .ai-pv-preview-carousel.c-pv-album__carousel {
    height: 265px !important;
  }
}
@media (min-width: 401px) {
  .ai-pv-preview-step .ai-pv-preview-carousel.c-pv-album__carousel {
    height: 285px !important;
  }
}
@media (min-width: 451px) {
  .ai-pv-preview-step .ai-pv-preview-carousel.c-pv-album__carousel {
    height: 305px !important;
  }
}
@media (min-width: 501px) {
  .ai-pv-preview-step .ai-pv-preview-carousel.c-pv-album__carousel {
    height: 355px !important;
  }
}
@media (min-width: 661px) {
  .ai-pv-preview-step .ai-pv-preview-carousel.c-pv-album__carousel {
    height: 400px !important;
  }
}
@media (min-width: 801px) {
  .ai-pv-preview-step .ai-pv-preview-carousel.c-pv-album__carousel {
    height: 500px !important;
  }
}
@media (min-width: 1300px) {
  .ai-pv-preview-step .ai-pv-preview-carousel.c-pv-album__carousel {
    height: 660px !important;
    max-width: 700px;
    -webkit-perspective: 600px !important;
            perspective: 600px !important;
  }
}
@media (min-width: 1300px) {
  .ai-pv-preview-step .ai-pv-preview-carousel.c-pv-album__carousel .carousel-item {
    max-height: 520px !important;
    max-width: 520px !important;
  }
}
@media (min-width: 1300px) {
  .ai-pv-preview-step .ai-pv-preview-carousel.c-pv-album__carousel .c-learn-flipster__img {
    width: 520px !important;
    height: 520px;
  }
}
.ai-pv-preview-step .ai-pv-preview-carousel.c-pv-album__carousel .carousel-item.active {
  -webkit-transform: translateX(-50%) translateY(68px) translateX(0px) translateX(0px) translateZ(0px) !important;
          transform: translateX(-50%) translateY(68px) translateX(0px) translateX(0px) translateZ(0px) !important;
  left: 50% !important;
}
@media (max-width: 800px) {
  .ai-pv-preview-step .ai-pv-preview-carousel.c-pv-album__carousel .carousel-item.active {
    -webkit-transform: translateX(-50%) translateY(25px) translateX(0px) translateX(0px) translateZ(0px) !important;
            transform: translateX(-50%) translateY(25px) translateX(0px) translateX(0px) translateZ(0px) !important;
  }
}
@media (max-width: 800px) {
  .ai-pv-preview-step .ai-pv-preview-carousel.c-pv-album__carousel .first-next {
    opacity: 0.714286 !important;
    -webkit-transform: translateX(-15%) translateY(25px) translateX(0px) translateZ(-80px) !important;
            transform: translateX(-15%) translateY(25px) translateX(0px) translateZ(-80px) !important;
    right: 0;
    left: unset !important;
  }
  .ai-pv-preview-step .ai-pv-preview-carousel.c-pv-album__carousel .second-next {
    opacity: 0.46428571 !important;
    -webkit-transform: translateX(5%) translateY(25px) translateX(0px) translateZ(-160px) !important;
            transform: translateX(5%) translateY(25px) translateX(0px) translateZ(-160px) !important;
    right: 0;
    left: unset !important;
  }
  .ai-pv-preview-step .ai-pv-preview-carousel.c-pv-album__carousel .third-next {
    opacity: 0.342857 !important;
    -webkit-transform: translateX(25%) translateY(25px) translateX(0px) translateZ(-240px) !important;
            transform: translateX(25%) translateY(25px) translateX(0px) translateZ(-240px) !important;
    right: 0;
    left: unset !important;
  }
  .ai-pv-preview-step .ai-pv-preview-carousel.c-pv-album__carousel .first-prev {
    opacity: 0.714286 !important;
    -webkit-transform: translateX(15%) translateY(25px) translateX(0px) translateZ(-80px) !important;
            transform: translateX(15%) translateY(25px) translateX(0px) translateZ(-80px) !important;
  }
  .ai-pv-preview-step .ai-pv-preview-carousel.c-pv-album__carousel .second-prev {
    opacity: 0.46428571 !important;
    -webkit-transform: translateX(-5%) translateY(25px) translateX(0px) translateZ(-160px) !important;
            transform: translateX(-5%) translateY(25px) translateX(0px) translateZ(-160px) !important;
  }
  .ai-pv-preview-step .ai-pv-preview-carousel.c-pv-album__carousel .third-prev {
    opacity: 0.342857 !important;
    -webkit-transform: translateX(-25%) translateY(25px) translateX(0px) translateZ(-240px) !important;
            transform: translateX(-25%) translateY(25px) translateX(0px) translateZ(-240px) !important;
  }
}
@media (max-width: 500px) {
  .ai-pv-preview-step .ai-pv-preview-carousel.c-pv-album__carousel .first-next {
    -webkit-transform: translateX(-27%) translateY(25px) translateX(0px) translateZ(-80px) !important;
            transform: translateX(-27%) translateY(25px) translateX(0px) translateZ(-80px) !important;
  }
  .ai-pv-preview-step .ai-pv-preview-carousel.c-pv-album__carousel .second-next {
    -webkit-transform: translateX(0%) translateY(25px) translateX(0px) translateZ(-160px) !important;
            transform: translateX(0%) translateY(25px) translateX(0px) translateZ(-160px) !important;
  }
  .ai-pv-preview-step .ai-pv-preview-carousel.c-pv-album__carousel .third-next {
    -webkit-transform: translateX(27%) translateY(25px) translateX(0px) translateZ(-240px) !important;
            transform: translateX(27%) translateY(25px) translateX(0px) translateZ(-240px) !important;
  }
  .ai-pv-preview-step .ai-pv-preview-carousel.c-pv-album__carousel .first-prev {
    -webkit-transform: translateX(27%) translateY(25px) translateX(0px) translateZ(-80px) !important;
            transform: translateX(27%) translateY(25px) translateX(0px) translateZ(-80px) !important;
  }
  .ai-pv-preview-step .ai-pv-preview-carousel.c-pv-album__carousel .second-prev {
    -webkit-transform: translateX(0%) translateY(25px) translateX(0px) translateZ(-160px) !important;
            transform: translateX(0%) translateY(25px) translateX(0px) translateZ(-160px) !important;
  }
  .ai-pv-preview-step .ai-pv-preview-carousel.c-pv-album__carousel .third-prev {
    -webkit-transform: translateX(-27%) translateY(25px) translateX(0px) translateZ(-240px) !important;
            transform: translateX(-27%) translateY(25px) translateX(0px) translateZ(-240px) !important;
  }
}
.ai-pv-preview-step .ai-pv-preview-carousel.c-pv-album__carousel .indicators {
  padding: 0;
}
@media (min-width: 661px) {
  .ai-pv-preview-step .ai-pv-preview-carousel.c-pv-album__carousel .indicators .indicator-item {
    width: 16px !important;
    height: 16px !important;
  }
}
.ai-pv-preview-step .ai-pv-preview-carousel.c-pv-album__carousel .indicators .indicator-item.active {
  width: 35px !important;
  border-radius: 20px !important;
}
@media (min-width: 661px) {
  .ai-pv-preview-step .ai-pv-preview-carousel.c-pv-album__carousel .indicators .indicator-item.active {
    width: 70px !important;
  }
}

.ai-pv-o-vocab-step {
  padding: 30px;
}
.ai-pv-o-vocab-step__description {
  margin-bottom: 20px;
}
.ai-pv-o-vocab-step__exercise-block {
  margin-bottom: 65px;
  padding: 0;
}
@media (min-width: 1415px) {
  .ai-pv-o-vocab-step__exercise-block {
    padding: 0 135px;
  }
}
.ai-pv-o-vocab-step .ai-pv-o-vocab-step-exercise {
  border-radius: 14px;
  border: 1px solid #191D2B;
  padding: 15px;
}
@media (min-width: 400px) {
  .ai-pv-o-vocab-step .ai-pv-o-vocab-step-exercise {
    padding: 45px 35px 35px 35px;
  }
}
@media (min-width: 1145px) {
  .ai-pv-o-vocab-step .ai-pv-o-vocab-step-exercise {
    padding: 45px 100px 35px 100px;
  }
}
.ai-pv-o-vocab-step .c-exercise-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 40px;
  max-width: 315px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 715px) {
  .ai-pv-o-vocab-step .c-exercise-items {
    max-width: none;
  }
}
@media (min-width: 900px) {
  .ai-pv-o-vocab-step .c-exercise-items {
    gap: 60px;
  }
}
.ai-pv-o-vocab-step .c-exercise-items:last-of-type {
  margin-bottom: 0;
}
.ai-pv-o-vocab-step .c-exercise-expression {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ai-pv-o-vocab-step .c-exercise-expression__icon {
  margin-bottom: 30px;
  width: 53px;
  height: 53px;
}
.ai-pv-o-vocab-step .c-exercise-expression__placeholder {
  width: 100px;
  height: 100px;
  border-radius: 10px;
  border: 2px dashed #4C8DDB;
  background-color: #FFF;
}
@media (min-width: 475px) {
  .ai-pv-o-vocab-step .c-exercise-expression__placeholder {
    width: 140px;
    height: 140px;
  }
}
@media (min-width: 715px) {
  .ai-pv-o-vocab-step .c-exercise-expression__placeholder {
    width: 115px;
    height: 115px;
  }
}
@media (min-width: 900px) {
  .ai-pv-o-vocab-step .c-exercise-expression__placeholder {
    width: 138px;
    height: 138px;
  }
}
.ai-pv-o-vocab-step .c-exercise-expression__image {
  width: 100px;
  height: 100px;
  border-radius: 13px;
  -webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.5);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (min-width: 475px) {
  .ai-pv-o-vocab-step .c-exercise-expression__image {
    width: 140px;
    height: 140px;
  }
}
@media (min-width: 715px) {
  .ai-pv-o-vocab-step .c-exercise-expression__image {
    width: 115px;
    height: 115px;
  }
}
@media (min-width: 900px) {
  .ai-pv-o-vocab-step .c-exercise-expression__image {
    width: 138px;
    height: 138px;
  }
}
.ai-pv-o-vocab-step #set2-items-container-placeholder {
  background-color: rgba(234, 234, 234, 0.7);
  border-radius: 13px;
  position: absolute;
}
.ai-pv-o-vocab-step .filled-set1-item-droppable-area {
  border: 0 !important;
}
.ai-pv-o-vocab-step .filled-set1-item-droppable-area.correct-item .c-exercise-expression__image {
  border: 5px solid #80E0C9 !important;
  cursor: default;
}
.ai-pv-o-vocab-step .filled-set1-item-droppable-area.wrong-item .c-exercise-expression__image {
  border: 5px solid #EF7C8E !important;
  cursor: default;
}
.ai-pv-o-vocab-step .filled-set1-item-droppable-area .c-exercise-expression__image {
  border-radius: 10px;
}
.ai-pv-o-vocab-step .ai-pv-o-vocab-button-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  min-height: 75px;
}
.ai-pv-o-vocab-step #validate-button,
.ai-pv-o-vocab-step #continue-button {
  border: 0;
  display: none;
  text-decoration: none;
}

.ai-pv-w-vocab-step {
  padding: 30px;
}
.ai-pv-w-vocab-step__description {
  margin-bottom: 20px;
}
.ai-pv-w-vocab-step__exercise-block {
  margin-bottom: 65px;
  padding: 0;
}
@media (min-width: 1415px) {
  .ai-pv-w-vocab-step__exercise-block {
    padding: 0 135px;
  }
}
.ai-pv-w-vocab-step .ai-pv-w-vocab-step-exercise {
  min-height: 464px;
  border-radius: 14px;
  border: 1px solid #191D2B;
  padding: 15px;
}
@media (min-width: 500px) {
  .ai-pv-w-vocab-step .ai-pv-w-vocab-step-exercise {
    padding: 45px 35px 35px 35px;
  }
}
@media (min-width: 1145px) {
  .ai-pv-w-vocab-step .ai-pv-w-vocab-step-exercise {
    padding: 45px 60px 35px 60px;
  }
}
.ai-pv-w-vocab-step .set1-items-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  max-width: 335px;
}
@media (min-width: 400px) {
  .ai-pv-w-vocab-step .set1-items-container {
    gap: 30px;
  }
}
@media (min-width: 735px) {
  .ai-pv-w-vocab-step .set1-items-container {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    max-width: none;
  }
}
@media (min-width: 925px) {
  .ai-pv-w-vocab-step .set1-items-container {
    gap: 60px;
  }
}
.ai-pv-w-vocab-step .set1-items-container .set1-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 120px;
}
@media (min-width: 500px) {
  .ai-pv-w-vocab-step .set1-items-container .set1-item {
    width: 150px;
  }
}
@media (min-width: 735px) {
  .ai-pv-w-vocab-step .set1-items-container .set1-item {
    width: 125px;
  }
}
@media (min-width: 840px) {
  .ai-pv-w-vocab-step .set1-items-container .set1-item {
    width: 150px;
  }
}
.ai-pv-w-vocab-step .set1-items-container .set1-item-media {
  border-radius: 10px;
  width: 100%;
  margin-bottom: 7px;
}
.ai-pv-w-vocab-step .set1-items-container .set1-item-droppable-area {
  background-color: #fff;
  border-radius: 10px;
  min-height: 50px;
  border: 2px dashed #4C8DDB;
  width: 100%;
}
.ai-pv-w-vocab-step #set2-items-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 335px;
  margin: 0 auto;
}
@media (min-width: 400px) {
  .ai-pv-w-vocab-step #set2-items-container {
    gap: 30px;
  }
}
@media (min-width: 735px) {
  .ai-pv-w-vocab-step #set2-items-container {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    max-width: none;
  }
}
@media (min-width: 925px) {
  .ai-pv-w-vocab-step #set2-items-container {
    gap: 60px;
  }
}
.ai-pv-w-vocab-step #set2-items-container-placeholder {
  background-color: rgba(234, 234, 234, 0.7);
  position: absolute;
  border-radius: 7px;
}
.ai-pv-w-vocab-step .set2-item {
  min-height: 50px;
  width: 120px;
  border-radius: 7px;
  background-color: #4C8DDB;
  text-align: center;
  color: #FFFFFF;
  cursor: move;
  font-size: 15px;
  padding: 12px 7px;
  font-weight: 600;
}
@media (min-width: 500px) {
  .ai-pv-w-vocab-step .set2-item {
    width: 150px;
    font-size: 18px;
  }
}
@media (min-width: 735px) {
  .ai-pv-w-vocab-step .set2-item {
    width: 125px;
    font-size: 15px;
  }
}
@media (min-width: 840px) {
  .ai-pv-w-vocab-step .set2-item {
    width: 150px;
    font-size: 18px;
  }
}
.ai-pv-w-vocab-step .filled-set1-item-droppable-area {
  border: none !important;
}
.ai-pv-w-vocab-step .filled-set1-item-droppable-area.correct-item .set2-item {
  background-color: #80E0C9;
  cursor: default;
}
.ai-pv-w-vocab-step .filled-set1-item-droppable-area.wrong-item .set2-item {
  background-color: #EF7C8E;
  cursor: default;
}
.ai-pv-w-vocab-step .ai-pv-w-vocab-button-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  min-height: 75px;
}
.ai-pv-w-vocab-step #validate-button,
.ai-pv-w-vocab-step #continue-button {
  border: 0;
  display: none;
  text-decoration: none;
}

.ai-pv-memory-step {
  padding: 30px;
}
.ai-pv-memory-step__description {
  margin-bottom: 45px;
}
.ai-pv-memory-step__exercise-block {
  padding: 0;
}
@media (min-width: 1415px) {
  .ai-pv-memory-step__exercise-block {
    padding: 0 165px;
  }
}
.ai-pv-memory-step .ai-pv-description-block .ai-pv-instructions-block .c-instructions-text-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 147px;
  max-width: 686px;
}
.ai-pv-memory-step .ai-pv-memory-step-exercise {
  border-radius: 14px;
  border: 1px solid #191D2B;
  padding: 0px 10px 30px 10px;
}
@media (min-width: 550px) {
  .ai-pv-memory-step .ai-pv-memory-step-exercise {
    padding: 0px 35px 30px 35px;
  }
}
.ai-pv-memory-step .c-new-pv__game-section {
  background-color: #28304B;
  min-height: 610px;
  height: auto;
}
@media (max-width: 945px) {
  .ai-pv-memory-step .c-new-pv__memory-game-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 500px) {
  .ai-pv-memory-step .c-new-pv_flip-card, .ai-pv-memory-step .c-new-pv__memory-game-return-cards, .ai-pv-memory-step .c-new-pv_flip-card-image-back img {
    height: 80px;
    width: 80px;
  }
  .ai-pv-memory-step .c-new-pv__memory-game-return-cards:not(.js-img-flipped):before {
    height: 40px;
    width: 40px;
  }
  .ai-pv-memory-step .c-new-pv__memory-game-return-cards .c-image-show-cards {
    padding: 5px;
    width: 35px;
  }
  .ai-pv-memory-step .c-new-pv__memory-game-return-cards .c-pv-countdown {
    font-size: 18px;
  }
  .ai-pv-memory-step .c-new-pv__memory-game-return-cards .c-pv-card-lives {
    font-size: 12px;
  }
  .ai-pv-memory-step .c-new-pv_flip-card-word-back p {
    font-size: 12px;
  }
  .ai-pv-memory-step .c-new-pv__game-life {
    max-width: 260px;
  }
}
.ai-pv-memory-step .ai-pv-memory-button-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  min-height: 75px;
}
.ai-pv-memory-step #continue-button {
  border: 0;
  display: none;
  text-decoration: none;
}

.ai-pv-compreh-step .c-compreh-play {
  width: 75px;
  height: 75px;
}
.ai-pv-compreh-step .ai-pv-compreh-button-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 75px;
}
.ai-pv-compreh-step .ai-pv-answer {
  margin: 0;
}
.ai-pv-compreh-step .ai-pv-answer__text {
  padding: 15px 10px;
  word-break: break-word;
  cursor: pointer;
}
@media (min-width: 900px) {
  .ai-pv-compreh-step .ai-pv-answer__text {
    padding: 20px 15px;
  }
}
@media (min-width: 1025px) {
  .ai-pv-compreh-step .ai-pv-answer__text {
    padding: 25px 20px;
  }
}
.ai-pv-compreh-step .ai-pv-answer .c-custom-label__radio {
  margin: 0;
  padding: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ai-pv-compreh-step .ai-pv-answer .c-custom-label__radio .c-custom-input__radio:checked ~ .c-checkmark {
  background-color: #FFFFFF;
  border: 4px solid #4C8DDB;
}
@media (min-width: 900px) {
  .ai-pv-compreh-step .ai-pv-answer .c-custom-label__radio .c-custom-input__radio:checked ~ .c-checkmark {
    border: 6px solid #4C8DDB;
  }
}
.ai-pv-compreh-step .ai-pv-answer .c-custom-label__radio .c-custom-input__radio:checked ~ .c-checkmark:after {
  display: block;
}
.ai-pv-compreh-step .ai-pv-answer .c-custom-label__radio:hover .c-checkmark {
  background-color: #FFFFFF;
  border: 4px solid #4C8DDB;
}
@media (min-width: 900px) {
  .ai-pv-compreh-step .ai-pv-answer .c-custom-label__radio:hover .c-checkmark {
    border: 6px solid #4C8DDB;
  }
}
.ai-pv-compreh-step .ai-pv-answer .c-custom-label__radio:hover .c-checkmark:after {
  display: block;
}
.ai-pv-compreh-step .ai-pv-answer .c-custom-label__radio .c-checkmark:after,
.ai-pv-compreh-step .ai-pv-answer .c-custom-label__radio:hover .c-checkmark:after {
  content: "";
  position: absolute;
  background-color: #4C8DDB;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  left: 8px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
@media (min-width: 900px) {
  .ai-pv-compreh-step .ai-pv-answer .c-custom-label__radio .c-checkmark:after,
  .ai-pv-compreh-step .ai-pv-answer .c-custom-label__radio:hover .c-checkmark:after {
    left: 13px;
  }
}
.ai-pv-compreh-step .ai-pv-answer .c-checkmark {
  position: static;
  margin: 0 15px 0 0;
  height: 36px;
  width: 36px;
  border: 1px solid #CDCECF;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (min-width: 900px) {
  .ai-pv-compreh-step .ai-pv-answer .c-checkmark {
    height: 46px;
    width: 46px;
  }
}
.ai-pv-compreh-step .ai-pv-answer.c-correct-answer .c-custom-label__radio .c-checkmark,
.ai-pv-compreh-step .ai-pv-answer.c-correct-answer .c-custom-label__radio:hover .c-checkmark {
  border: 4px solid #80E0C9 !important;
}
@media (min-width: 900px) {
  .ai-pv-compreh-step .ai-pv-answer.c-correct-answer .c-custom-label__radio .c-checkmark,
  .ai-pv-compreh-step .ai-pv-answer.c-correct-answer .c-custom-label__radio:hover .c-checkmark {
    border: 6px solid #80E0C9 !important;
  }
}
.ai-pv-compreh-step .ai-pv-answer.c-correct-answer .c-custom-label__radio .c-checkmark:after,
.ai-pv-compreh-step .ai-pv-answer.c-correct-answer .c-custom-label__radio:hover .c-checkmark:after {
  display: block;
  background-color: #80E0C9;
}
.ai-pv-compreh-step .ai-pv-answer.c-correct-answer .ai-pv-answer__text {
  color: #FFFFFF;
  background-color: #80E0C9;
  border-radius: 5px;
}
.ai-pv-compreh-step .ai-pv-answer.c-incorrect-answer .c-custom-label__radio .c-checkmark,
.ai-pv-compreh-step .ai-pv-answer.c-incorrect-answer .c-custom-label__radio:hover .c-checkmark {
  border: 4px solid #EF7C8E !important;
}
@media (min-width: 900px) {
  .ai-pv-compreh-step .ai-pv-answer.c-incorrect-answer .c-custom-label__radio .c-checkmark,
  .ai-pv-compreh-step .ai-pv-answer.c-incorrect-answer .c-custom-label__radio:hover .c-checkmark {
    border: 6px solid #EF7C8E !important;
  }
}
.ai-pv-compreh-step .ai-pv-answer.c-incorrect-answer .c-custom-label__radio .c-checkmark:after,
.ai-pv-compreh-step .ai-pv-answer.c-incorrect-answer .c-custom-label__radio:hover .c-checkmark:after {
  display: block;
  background-color: #EF7C8E;
}
.ai-pv-compreh-step .ai-pv-answer.c-incorrect-answer .ai-pv-answer__text {
  color: #FFFFFF;
  background-color: #EF7C8E;
  border-radius: 5px;
}
.ai-pv-compreh-step .ai-pv-answer.c-disabled-answer .c-custom-label__radio,
.ai-pv-compreh-step .ai-pv-answer.c-disabled-answer .c-custom-label__radio:hover {
  cursor: not-allowed;
}
.ai-pv-compreh-step .ai-pv-answer.c-disabled-answer .c-custom-label__radio .c-checkmark,
.ai-pv-compreh-step .ai-pv-answer.c-disabled-answer .c-custom-label__radio:hover .c-checkmark {
  border: 1px solid #CDCECF;
}
.ai-pv-compreh-step .ai-pv-answer.c-disabled-answer .c-custom-label__radio .c-checkmark:after,
.ai-pv-compreh-step .ai-pv-answer.c-disabled-answer .c-custom-label__radio:hover .c-checkmark:after {
  display: none;
}
.ai-pv-compreh-step .ai-pv-answer.c-disabled-answer.c-correct-answer .c-custom-label__radio .c-checkmark:after,
.ai-pv-compreh-step .ai-pv-answer.c-disabled-answer.c-correct-answer .c-custom-label__radio:hover .c-checkmark:after, .ai-pv-compreh-step .ai-pv-answer.c-disabled-answer.c-incorrect-answer .c-custom-label__radio .c-checkmark:after,
.ai-pv-compreh-step .ai-pv-answer.c-disabled-answer.c-incorrect-answer .c-custom-label__radio:hover .c-checkmark:after {
  display: block;
}
.ai-pv-compreh-step .ai-pv-answer.c-disabled-answer .ai-pv-answer__text {
  cursor: not-allowed;
}
.ai-pv-compreh-step .ai-pv-answer.c-wrong-selected-answer .c-custom-label__radio,
.ai-pv-compreh-step .ai-pv-answer.c-wrong-selected-answer .c-custom-label__radio:hover {
  cursor: default;
}
.ai-pv-compreh-step .ai-pv-answer.c-wrong-selected-answer .c-custom-label__radio .c-checkmark,
.ai-pv-compreh-step .ai-pv-answer.c-wrong-selected-answer .c-custom-label__radio:hover .c-checkmark {
  border: 1px solid #CDCECF;
}
.ai-pv-compreh-step .ai-pv-answer.c-wrong-selected-answer .c-custom-label__radio .c-checkmark:after,
.ai-pv-compreh-step .ai-pv-answer.c-wrong-selected-answer .c-custom-label__radio:hover .c-checkmark:after {
  display: none;
}
.ai-pv-compreh-step .ai-pv-answer.c-wrong-selected-answer .ai-pv-answer__text {
  text-decoration: line-through;
  text-decoration-color: #EF7C8E;
  cursor: default;
}
.ai-pv-compreh-step .ai-pv-answers-block {
  padding: 20px;
}

.ai-pv-adv-compreh-step .ai-pv-game-body__button {
  margin-bottom: 24px;
}
.ai-pv-adv-compreh-step .c-adv-compreh-play {
  width: 75px;
  height: 75px;
}
.ai-pv-adv-compreh-step .ai-pv-adv-compreh-button-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 75px;
}
.ai-pv-adv-compreh-step .c-adv-compreh-answers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 426px) {
  .ai-pv-adv-compreh-step .c-adv-compreh-answers {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
}
.ai-pv-adv-compreh-step .c-adv-compreh-answer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ai-pv-adv-compreh-step .c-adv-compreh-answer__play {
  width: 60px;
  height: 60px;
  margin-bottom: 25px;
  border-radius: 50%;
  border: 2px solid transparent;
}
.ai-pv-adv-compreh-step .c-adv-compreh-answer .c-custom-label__radio {
  margin: 0;
  padding: 0;
  width: auto !important;
}
.ai-pv-adv-compreh-step .c-adv-compreh-answer .c-custom-label__radio .c-custom-input__radio:checked ~ .c-checkmark {
  background-color: #FFFFFF;
  border: 4px solid #4C8DDB;
}
@media (min-width: 900px) {
  .ai-pv-adv-compreh-step .c-adv-compreh-answer .c-custom-label__radio .c-custom-input__radio:checked ~ .c-checkmark {
    border: 6px solid #4C8DDB;
  }
}
.ai-pv-adv-compreh-step .c-adv-compreh-answer .c-checkmark {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 36px;
  width: 36px;
  border: 1px solid #CDCECF;
}
@media (min-width: 900px) {
  .ai-pv-adv-compreh-step .c-adv-compreh-answer .c-checkmark {
    height: 46px;
    width: 46px;
  }
}
.ai-pv-adv-compreh-step .c-adv-compreh-answer .c-checkmark:after {
  content: "";
  position: absolute;
  background-color: #4C8DDB;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ai-pv-adv-compreh-step .c-adv-compreh-answer .c-checkmark:hover {
  background-color: #FFFFFF;
  border: 4px solid #4C8DDB;
}
@media (min-width: 900px) {
  .ai-pv-adv-compreh-step .c-adv-compreh-answer .c-checkmark:hover {
    border: 6px solid #4C8DDB;
  }
}
.ai-pv-adv-compreh-step .c-adv-compreh-answer .c-checkmark:hover:after {
  content: "";
  position: absolute;
  background: #4C8DDB;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
}
.ai-pv-adv-compreh-step .c-adv-compreh-answer.c-correct-answer .c-checkmark {
  border: 4px solid #80E0C9 !important;
}
@media (min-width: 900px) {
  .ai-pv-adv-compreh-step .c-adv-compreh-answer.c-correct-answer .c-checkmark {
    border: 6px solid #80E0C9 !important;
  }
}
.ai-pv-adv-compreh-step .c-adv-compreh-answer.c-correct-answer .c-checkmark:after {
  display: block;
  background-color: #80E0C9;
}
.ai-pv-adv-compreh-step .c-adv-compreh-answer.c-correct-answer .c-adv-compreh-answer__play {
  border-radius: 50%;
  border: 2px solid #80E0C9;
  background-color: #80E0C9;
}
.ai-pv-adv-compreh-step .c-adv-compreh-answer.c-incorrect-answer .c-checkmark {
  border: 4px solid #EF7C8E !important;
}
@media (min-width: 900px) {
  .ai-pv-adv-compreh-step .c-adv-compreh-answer.c-incorrect-answer .c-checkmark {
    border: 6px solid #EF7C8E !important;
  }
}
.ai-pv-adv-compreh-step .c-adv-compreh-answer.c-incorrect-answer .c-checkmark:after {
  display: block;
  background-color: #EF7C8E;
}
.ai-pv-adv-compreh-step .c-adv-compreh-answer.c-incorrect-answer .c-adv-compreh-answer__play {
  border-radius: 50%;
  border: 2px solid #EF7C8E;
  background-color: #EF7C8E;
}
.ai-pv-adv-compreh-step .c-adv-compreh-answer.c-disabled-answer .c-custom-label__radio,
.ai-pv-adv-compreh-step .c-adv-compreh-answer.c-disabled-answer .c-custom-label__radio:hover {
  cursor: not-allowed;
}
.ai-pv-adv-compreh-step .c-adv-compreh-answer.c-disabled-answer .c-custom-label__radio .c-checkmark,
.ai-pv-adv-compreh-step .c-adv-compreh-answer.c-disabled-answer .c-custom-label__radio:hover .c-checkmark {
  border: 1px solid #CDCECF;
}
.ai-pv-adv-compreh-step .c-adv-compreh-answer.c-disabled-answer .c-custom-label__radio .c-checkmark:after,
.ai-pv-adv-compreh-step .c-adv-compreh-answer.c-disabled-answer .c-custom-label__radio:hover .c-checkmark:after {
  display: none;
}
.ai-pv-adv-compreh-step .c-adv-compreh-answer.c-disabled-answer.c-correct-answer .c-custom-label__radio .c-checkmark:after,
.ai-pv-adv-compreh-step .c-adv-compreh-answer.c-disabled-answer.c-correct-answer .c-custom-label__radio:hover .c-checkmark:after, .ai-pv-adv-compreh-step .c-adv-compreh-answer.c-disabled-answer.c-incorrect-answer .c-custom-label__radio .c-checkmark:after,
.ai-pv-adv-compreh-step .c-adv-compreh-answer.c-disabled-answer.c-incorrect-answer .c-custom-label__radio:hover .c-checkmark:after {
  display: block;
}

.ai-pv-prononciation-step .c-new-pv__mic-ckeck-info {
  margin-bottom: 55px;
}
.ai-pv-prononciation-step .c-new-pv__mic-ckeck-mic-image {
  display: block;
}
.ai-pv-prononciation-step #your-microphone-is-currently-disabled-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ai-pv-prononciation-step .ai-pv-game-body {
  min-height: 600px;
}
.ai-pv-prononciation-step .c-notification-block {
  width: 100%;
  background-color: #F00925;
  padding: 15px;
}
.ai-pv-prononciation-step .c-pronunciation-progress {
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 7px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ai-pv-prononciation-step .c-pronunciation-progress-section {
  width: 100%;
  max-width: 400px;
  height: 17px;
  background-color: #F1F1F1;
  border-radius: 50px;
}
.ai-pv-prononciation-step .c-pronunciation-progress-bar {
  width: 0%;
  height: 17px;
  background-color: #28304B;
  border-radius: 50px;
  -webkit-transition: width 1s linear;
  transition: width 1s linear;
}
.ai-pv-prononciation-step .c-pronunciation-instructions-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
  margin-bottom: 50px;
}
.ai-pv-prononciation-step .c-pronunciation-instructions-block .ai-pv-translate {
  height: 59px;
  width: 59px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.ai-pv-prononciation-step .c-pronunciation-instructions {
  max-width: 645px;
  border-radius: 16px;
  background-color: #F1F1F1;
  padding: 25px 30px;
  text-align: center;
  position: relative;
}
.ai-pv-prononciation-step .c-pronunciation-play-container {
  position: absolute;
  top: -20px;
  left: -20px;
}
.ai-pv-prononciation-step .c-pronunciation-play-container .ai-pv-play {
  width: 53px;
  height: 53px;
}
.ai-pv-prononciation-step .c-pronunciation-question-container {
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 25px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ai-pv-prononciation-step .c-pronunciation-question-container .ai-pv-play {
  width: 53px;
  height: 53px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.ai-pv-prononciation-step .c-pronunciation-record {
  width: 90px;
  height: 90px;
  margin: 0 auto;
  margin-bottom: 25px;
}
.ai-pv-prononciation-step .c-pronunciation-text-container {
  text-align: center;
}
.ai-pv-prononciation-step .c-pronunciation-translate {
  width: 38px;
  height: 38px;
}
.ai-pv-prononciation-step .c-pronunciation-option-container {
  margin-top: 40px;
  text-align: center;
  margin-bottom: 25px;
}
.ai-pv-prononciation-step .c-pronunciation-option-container button {
  background: #fff;
  border: 0;
}
.ai-pv-prononciation-step .c-pronunciation-button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ai-pv-prononciation-step .ai-pv-game-body-overlay {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(38, 38, 38, 0.3);
  height: 100%;
  width: 100%;
  border-radius: 0 0 50px 50px;
}
.ai-pv-prononciation-step .ai-pv-game-body-overlay .c-overlay-container {
  height: 100%;
  width: 100%;
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
.ai-pv-prononciation-step .ai-pv-game-body-overlay .c-overlay-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  width: 100%;
}
.ai-pv-prononciation-step #expression-text em {
  color: #a4a4a4;
  font-style: normal;
}

.ai-pv-intro-discussion-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}
.ai-pv-intro-discussion-step .c-intro-discussion-instructions {
  margin: 100px 0 0 0;
}
@media (min-width: 769px) {
  .ai-pv-intro-discussion-step .c-intro-discussion-instructions {
    margin: 150px 0 0 0;
  }
}
@media (min-width: 1025px) {
  .ai-pv-intro-discussion-step .c-intro-discussion-instructions {
    margin: 150px 70px 0 70px;
  }
}
@media (min-width: 1600px) {
  .ai-pv-intro-discussion-step .c-intro-discussion-instructions {
    margin: 200px 150px 0 150px;
  }
}
.ai-pv-intro-discussion-step .c-intro-discussion-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

@media (min-width: 330px) {
  .ai-pv-discussion-step .ai-pv-settings-empty,
  .ai-pv-discussion-step .ai-pv-sound-empty {
    width: unset;
  }
}
@media (min-width: 410px) {
  .ai-pv-discussion-step .ai-pv-settings-empty,
  .ai-pv-discussion-step .ai-pv-sound-empty {
    width: 53px;
  }
}
@media (min-width: 900px) {
  .ai-pv-discussion-step .ai-pv-settings-empty,
  .ai-pv-discussion-step .ai-pv-sound-empty {
    width: 63px;
  }
}
.ai-pv-discussion-step .ai-pv-discussion-intro-body {
  height: 750px;
  background-color: #28304B;
  border-radius: 0 0 50px 50px;
  padding: 20px 15px 30px 30px;
}
@media (min-width: 769px) {
  .ai-pv-discussion-step .ai-pv-discussion-intro-body {
    padding: 20px 30px 60px 30px;
  }
}
.ai-pv-discussion-step .ai-pv-discussion-intro-body.c-invisible-intro-body {
  display: none;
}
.ai-pv-discussion-step .ai-pv-discussion-body {
  height: 750px;
  background-color: #FFFFFF;
  border-radius: 0 0 50px 50px;
  padding: 10px 10px 0 10px;
  position: relative;
  display: none;
}
@media (min-width: 768px) {
  .ai-pv-discussion-step .ai-pv-discussion-body {
    padding: 0 10px;
  }
}
.ai-pv-discussion-step .ai-pv-discussion-body.c-visible-discussion-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 768px) {
  .ai-pv-discussion-step .ai-pv-discussion-body.c-visible-discussion-body {
    display: block;
  }
}
.ai-pv-discussion-step .c-discussion-expressions-block {
  width: 100%;
  max-height: 100%;
  overflow-y: auto;
  padding: 8px 8px 12px 8px;
  border-radius: 20px;
  background-color: #353C56;
  -webkit-box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.2);
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .ai-pv-discussion-step .c-discussion-expressions-block {
    width: 195px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    margin-bottom: 0;
  }
}
@media (min-width: 1215px) {
  .ai-pv-discussion-step .c-discussion-expressions-block {
    width: 265px;
    left: -75px;
  }
}
.ai-pv-discussion-step .c-expressions-header {
  border-radius: 17px;
  border: 1px solid #393F55;
  background-color: #28304B;
  -webkit-box-shadow: 0px 1px 10px 0px #28304B;
          box-shadow: 0px 1px 10px 0px #28304B;
  padding: 10px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .ai-pv-discussion-step .c-expressions-header {
    padding: 20px;
  }
}
.ai-pv-discussion-step .c-expressions-list {
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
@media (min-width: 768px) {
  .ai-pv-discussion-step .c-expressions-list {
    display: block;
  }
}
.ai-pv-discussion-step .c-expression-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 7px;
  cursor: context-menu;
}
@media (min-width: 768px) {
  .ai-pv-discussion-step .c-expression-block {
    gap: 20px;
    border-bottom: 1px solid rgba(228, 226, 236, 0.1882352941);
    padding: 5px 0;
  }
  .ai-pv-discussion-step .c-expression-block:last-of-type {
    border-bottom: none;
  }
}
.ai-pv-discussion-step .c-expression-checked-icon {
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.ai-pv-discussion-step .c-expression-checked-icon.checked {
  background-image: url("/sites/all/themes/lingua/images/ai-photovocab/green-checked.svg");
}
.ai-pv-discussion-step .c-discussion-expression-image-block {
  z-index: 1;
  position: absolute;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) {
  .ai-pv-discussion-step .c-discussion-expression-image-block {
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.ai-pv-discussion-step .c-discussion-expression-image-block .c-discussion-question-arrow {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  margin-bottom: -6px;
  margin-right: 0px;
}
@media (min-width: 768px) {
  .ai-pv-discussion-step .c-discussion-expression-image-block .c-discussion-question-arrow {
    background-image: url("/sites/all/themes/lingua/images/ai-photovocab/arrow-left-blue-triangle.svg");
    -webkit-transform: none;
            transform: none;
    margin-right: -3px;
  }
}
.ai-pv-discussion-step .c-expression-image-block {
  width: 150px;
  border: 1px solid #28304B;
  border-radius: 10px;
}
.ai-pv-discussion-step .c-expression-image-block img {
  width: 100%;
  border-radius: 10px;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.ai-pv-discussion-step #loading-ai-reply {
  display: none;
  height: 40px;
  margin: 40px;
}
.ai-pv-discussion-step .ai-pv-discussion-chat-area {
  height: 70%;
  overflow-y: auto;
  border-bottom-right-radius: 50px;
}
@media (min-width: 768px) {
  .ai-pv-discussion-step .ai-pv-discussion-chat-area {
    margin: 0 30px 0 190px;
    height: 100%;
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 1340px) {
  .ai-pv-discussion-step .ai-pv-discussion-chat-area {
    margin: 0 156px 0 190px;
  }
}
@media (min-width: 1440px) {
  .ai-pv-discussion-step .ai-pv-discussion-chat-area {
    margin: 0 256px 0 190px;
  }
}
.ai-pv-discussion-step .ai-pv-discussion-chat-body {
  min-height: 100%;
  background-color: #F4F8FE;
  margin-left: 66px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 1065px) {
  .ai-pv-discussion-step .ai-pv-discussion-chat-body {
    width: 720px;
  }
}
.ai-pv-discussion-step .c-discussion-chat-bottom-section {
  position: sticky;
  width: 100%;
  bottom: 0;
  background-color: #F4F8FE;
}
.ai-pv-discussion-step .ai-message-block {
  position: relative;
  padding-bottom: 5px;
}
.ai-pv-discussion-step .ai-chat-profile-block {
  padding-top: 30px;
  position: absolute;
  left: -66px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.ai-pv-discussion-step .c-discussion-profile-image {
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background-image: url("/sites/all/themes/lingua/images/ai-photovocab/ai-profile-image.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.ai-pv-discussion-step .ai-chat-post-block {
  padding: 30px 30px 0px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ai-pv-discussion-step .ai-chat-post-block--changed {
  padding: 0px 30px;
}
.ai-pv-discussion-step .ai-chat-response-block {
  padding: 15px 30px 25px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ai-pv-discussion-step .ai-chat-response-block--changed {
  padding: 0px 30px;
}
.ai-pv-discussion-step .c-discussion-response-feedback {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ai-pv-discussion-step .c-discussion-response-feedback-dot {
  width: 18px;
  height: 18px;
  border-radius: 50%;
}
.ai-pv-discussion-step .c-discussion-response-feedback-dot.correct {
  background-color: #80E0C9;
}
.ai-pv-discussion-step .c-discussion-response-feedback-dot.incorrect {
  background-color: #EF7C8E;
}
.ai-pv-discussion-step .c-discussion-question-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ai-pv-discussion-step .c-discussion-question-container__question-block {
  position: relative;
  margin-right: 18px;
}
.ai-pv-discussion-step .c-discussion-question-arrow {
  margin-right: -3px;
  background-image: url("/sites/all/themes/lingua/images/ai-photovocab/arrow-left-triangle.svg");
  width: 16px;
  height: 27px;
  background-size: contain;
  background-repeat: no-repeat;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.ai-pv-discussion-step .c-discussion-question-arrow--empty {
  background-image: none;
}
.ai-pv-discussion-step .c-discussion-response-arrow {
  margin-left: -3px;
  background-image: url("/sites/all/themes/lingua/images/ai-photovocab/arrow-right-triangle.svg");
  width: 16px;
  height: 27px;
  background-size: contain;
  background-repeat: no-repeat;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.ai-pv-discussion-step .c-discussion-response-arrow--empty {
  background-image: none;
}
.ai-pv-discussion-step .c-discussion-question-block {
  padding: 10px 20px;
  border-radius: 12px;
  background-color: #D5E5F6;
}
@media (min-width: 768px) {
  .ai-pv-discussion-step .c-discussion-question-block {
    padding: 30px;
  }
}
.ai-pv-discussion-step .c-discussion-question-block--answered {
  background-color: #52A0FA;
}
.ai-pv-discussion-step .c-discussion-play-block {
  position: absolute;
  top: -10px;
  right: -10px;
  background-color: #FFFFFF;
  border-radius: 50%;
}
.ai-pv-discussion-step .c-discussion-question-play {
  height: 32px;
  width: 32px;
}
.ai-pv-discussion-step .c-discussion-question-translate {
  height: 36px;
  width: 36px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.ai-pv-discussion-step .c-discussion-replies-block {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
  padding: 20px 25px 0 25px;
}
.ai-pv-discussion-step .c-discussion-replies-option {
  border-radius: 40px;
  background-color: #4C8DDB;
  -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2);
  padding: 10px 15px;
}
.ai-pv-discussion-step .c-discussion-replies-text {
  padding: 0 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ai-pv-discussion-step .c-discussion-input {
  padding: 10px 25px;
  position: relative;
}
.ai-pv-discussion-step .c-discussion-input__text {
  border-radius: 52px;
  border: 1px solid #52A0FA;
  background-color: #FFF;
  height: 56px;
  width: 100%;
  padding: 10px 60px 10px 20px;
  resize: none;
}
.ai-pv-discussion-step .c-discussion-input__text:disabled {
  background-color: #E4E2EC;
}
.ai-pv-discussion-step .c-discussion-input__icon {
  position: absolute;
  top: 14px;
  right: 30px;
  height: 48px;
  width: 48px;
}
.ai-pv-discussion-step .c-discussion-input__icon.c-send {
  background-image: url("/sites/all/themes/lingua/images/ai-photovocab/send-icon.svg");
}
.ai-pv-discussion-step .c-discussion-input .c-delete-input-text {
  display: none;
  right: 90px;
  top: 31px;
}
.ai-pv-discussion-step .c-discussion-button {
  display: none;
  padding: 20px 10px;
}
.ai-pv-discussion-step .c-discussion-button .ai-pv-button {
  margin: 0 auto;
}
.ai-pv-discussion-step .c-correction-popup.modal.fade.in .modal-body {
  bottom: 0;
  opacity: 1;
}
.ai-pv-discussion-step .c-correction-popup {
  position: absolute;
  border-radius: 0 0 50px 50px;
}
.ai-pv-discussion-step .c-correction-popup .modal-body {
  position: absolute;
  padding: 40px;
  max-width: 850px;
  min-width: 250px;
  max-height: 50%;
  overflow-y: auto;
  background-color: #ffffff;
  border-radius: 12px 12px 0 0;
  opacity: 0;
  -webkit-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
  -webkit-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
  transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
}
@media (min-width: 500px) {
  .ai-pv-discussion-step .c-correction-popup .modal-body {
    min-width: 400px;
  }
}
.ai-pv-discussion-step .c-correction-popup__title {
  margin-bottom: 40px;
}
.ai-pv-discussion-step .c-correction-popup__text {
  margin-bottom: 40px;
}
.ai-pv-discussion-step .c-correction-popup__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.ai-pv-container {
  background: -webkit-gradient(linear, left top, right top, from(#fe5fb2), to(#ffb49c));
  background: linear-gradient(90deg, #fe5fb2 0%, #ffb49c 100%);
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px;
}

.ai-pv-game-container {
  border-radius: 50px;
  background-color: #28304B;
  -webkit-box-shadow: 6px 46px 60px 0px rgba(0, 0, 0, 0.3);
          box-shadow: 6px 46px 60px 0px rgba(0, 0, 0, 0.3);
  max-width: 1270px;
}
@media (min-width: 1310px) {
  .ai-pv-game-container {
    width: 1270px;
  }
}
.ai-pv-game-container--ai-theme {
  background-color: transparent;
}
.ai-pv-game-container.c-preview-step {
  width: 100%;
}
@media (min-width: 1300px) {
  .ai-pv-game-container.c-preview-step {
    width: unset;
  }
}
@media (min-width: 1310px) {
  .ai-pv-game-container.c-preview-step {
    width: 1270px;
  }
}
.ai-pv-game-container.c-comprehension-step, .ai-pv-game-container.c-adv-comprehension-step, .ai-pv-game-container.c-pronunciation-step {
  width: 100%;
}
@media (min-width: 916px) {
  .ai-pv-game-container.c-comprehension-step, .ai-pv-game-container.c-adv-comprehension-step, .ai-pv-game-container.c-pronunciation-step {
    width: unset;
  }
}
@media (min-width: 1310px) {
  .ai-pv-game-container.c-comprehension-step, .ai-pv-game-container.c-adv-comprehension-step, .ai-pv-game-container.c-pronunciation-step {
    width: 1270px;
  }
}
.ai-pv-game-container.c-discussion-step {
  width: 100%;
}
@media (min-width: 916px) {
  .ai-pv-game-container.c-discussion-step {
    width: unset;
  }
}

.ai-pv-game-body {
  padding: 30px 30px 60px 30px;
  background-color: #FFFFFF;
  border-radius: 0 0 50px 50px;
}
.ai-pv-game-body__score {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  margin-bottom: 10px;
}
.ai-pv-game-body__title {
  text-align: center;
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.ai-pv-game-body__title .ai-pv-translate {
  height: 59px;
}
.ai-pv-game-body__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 40px;
}
@media (min-width: 916px) {
  .ai-pv-game-body__exercise {
    min-width: 826px;
  }
}
@media (min-width: 1100px) {
  .ai-pv-game-body__exercise {
    margin: 0 90px;
  }
}
@media (min-width: 1300px) {
  .ai-pv-game-body__exercise {
    margin: 0 190px;
  }
}
.ai-pv-game-body--relative {
  position: relative;
}

.ai-pv-score-block {
  background-color: #F5F5F5;
  border-radius: 79px;
  padding: 7px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ai-pv-score-block__steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin: 0 12px;
}
.ai-pv-score-block__points {
  margin: 0 10px;
}
.ai-pv-score-block .c-step-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: rgba(40, 48, 75, 0.3);
}
.ai-pv-score-block .c-step-dot.active {
  background-color: #28304B;
}

.ai-pv-answers-block {
  background-color: #F1F1F1;
  border-radius: 16px;
  margin-bottom: 40px;
  padding: 30px 25px;
}
@media (min-width: 900px) {
  .ai-pv-answers-block {
    padding: 60px 50px;
  }
}

.ai-pv-header-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ai-pv-big-title {
  color: #000000;
  font-size: 28px;
  font-weight: 400;
  margin: 0;
}
@media (min-width: 426px) {
  .ai-pv-big-title {
    font-size: 32px;
  }
}
@media (min-width: 900px) {
  .ai-pv-big-title {
    font-size: 36px;
  }
}

.ai-pv-title {
  color: #FFF;
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 40px 0;
}
.ai-pv-title--ai-theme {
  margin-bottom: 0;
}
@media (min-width: 426px) {
  .ai-pv-title {
    font-size: 28px;
  }
}
@media (min-width: 900px) {
  .ai-pv-title {
    font-size: 32px;
  }
}
@media (min-width: 1025px) {
  .ai-pv-title {
    font-size: 36px;
  }
}

.ai-pv-title-1 {
  color: #FFF;
  font-size: 26px;
  font-weight: 400;
  margin-bottom: 0;
}
@media (min-width: 900px) {
  .ai-pv-title-1 {
    font-size: 30px;
  }
}
@media (min-width: 1025px) {
  .ai-pv-title-1 {
    font-size: 34px;
  }
}
.ai-pv-title-1--bold {
  font-weight: 600;
}

.ai-pv-subtitle {
  color: #FFF;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 0;
}
@media (min-width: 900px) {
  .ai-pv-subtitle {
    font-size: 26px;
  }
}
@media (min-width: 1025px) {
  .ai-pv-subtitle {
    font-size: 30px;
  }
}
.ai-pv-subtitle--dark {
  color: #242939;
}
.ai-pv-subtitle--regular {
  font-weight: 400;
}

.ai-pv-subtitle-1 {
  color: #7C84A0;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 0;
}
@media (min-width: 900px) {
  .ai-pv-subtitle-1 {
    font-size: 24px;
  }
}
@media (min-width: 1025px) {
  .ai-pv-subtitle-1 {
    font-size: 28px;
  }
}

.ai-pv-description {
  color: #FFF;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 0;
}
@media (min-width: 900px) {
  .ai-pv-description {
    font-size: 22px;
  }
}
@media (min-width: 1025px) {
  .ai-pv-description {
    font-size: 26px;
  }
}
.ai-pv-description--dark {
  color: #28304B;
}

.ai-pv-bold-description {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
}
@media (min-width: 900px) {
  .ai-pv-bold-description {
    font-size: 22px;
  }
}
@media (min-width: 1025px) {
  .ai-pv-bold-description {
    font-size: 26px;
  }
}

.ai-pv-regular-text {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
}
@media (min-width: 900px) {
  .ai-pv-regular-text {
    font-size: 20px;
  }
}
@media (min-width: 1025px) {
  .ai-pv-regular-text {
    font-size: 24px;
  }
}
.ai-pv-regular-text--white {
  color: #FFFFFF;
}
.ai-pv-regular-text--blue {
  color: #4C8DDB;
}
.ai-pv-regular-text--gray {
  color: #BEC1CD;
}
.ai-pv-regular-text--bold {
  font-weight: 600;
}
.ai-pv-regular-text--bold-and-white {
  color: #FFFFFF;
  font-weight: 600;
}
.ai-pv-regular-text--bold-and-gray {
  font-weight: 600;
  color: #BEC1CD;
}

.ai-pv-medium-hint-text {
  color: #242939;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 0;
  font-style: italic;
}
@media (min-width: 900px) {
  .ai-pv-medium-hint-text {
    font-size: 20px;
  }
}
@media (min-width: 1025px) {
  .ai-pv-medium-hint-text {
    font-size: 22px;
  }
}
.ai-pv-medium-hint-text--normal {
  font-style: normal;
  font-weight: 600;
}
.ai-pv-medium-hint-text--regular {
  font-style: normal;
}

.ai-pv-regular-linked-text {
  color: #4A90E2;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
  text-decoration: underline;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 900px) {
  .ai-pv-regular-linked-text {
    font-size: 16px;
  }
}
@media (min-width: 1025px) {
  .ai-pv-regular-linked-text {
    font-size: 18px;
  }
}
.ai-pv-regular-linked-text--less-weight {
  font-weight: 400;
}

.ai-pv-small-text {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
}
@media (min-width: 900px) {
  .ai-pv-small-text {
    font-size: 16px;
  }
}
@media (min-width: 1025px) {
  .ai-pv-small-text {
    font-size: 18px;
  }
}
.ai-pv-small-text--black {
  color: #000000;
}
.ai-pv-small-text--bold-and-dark {
  color: #242939;
  font-weight: 600;
}
.ai-pv-small-text--thin-and-dark {
  color: #242939;
  font-weight: 100;
}

.ai-pv-medium-text {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
}
@media (min-width: 900px) {
  .ai-pv-medium-text {
    font-size: 18px;
  }
}
@media (min-width: 1025px) {
  .ai-pv-medium-text {
    font-size: 20px;
  }
}
.ai-pv-medium-text--regular {
  font-weight: 400;
}
.ai-pv-medium-text--dark {
  color: #28304B;
}
.ai-pv-medium-text--regular-dark-hint {
  color: #242939;
  font-weight: 400;
  font-style: italic;
}

.ai-pv-play {
  background-image: url("/sites/all/themes/lingua/images/ai-photovocab/play-icon.svg");
  width: 79px;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
.ai-pv-play--no-border {
  background-image: url("/sites/all/themes/lingua/images/ai-photovocab/play-icon-no-border.svg");
}
.ai-pv-play.c-playing {
  background-image: url("/sites/all/themes/lingua/images/ai-photovocab/playing-icon.svg");
}

.ai-pv-translate {
  background-image: url("/sites/all/themes/lingua/images/ai-photovocab/translated-icon.svg");
  width: 59px;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
.ai-pv-translate.c-translated {
  background-image: url("/sites/all/themes/lingua/images/ai-photovocab/translate-icon.svg");
}

.ai-pv-record {
  background-image: url("/sites/all/themes/lingua/images/ai-photovocab/mic.svg");
  width: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
.ai-pv-record.c-recording {
  background-image: url("/sites/all/themes/lingua/images/ai-photovocab/mic-rec.svg") !important;
}
.ai-pv-record.c-disabled {
  background-image: url("/sites/all/themes/lingua/images/ai-photovocab/mic-disabled.svg");
}

.ai-pv-settings {
  background-image: url("/sites/all/themes/lingua/images/ai-photovocab/menu-icon.svg");
  width: 43px;
  height: 43px;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (min-width: 900px) {
  .ai-pv-settings {
    width: 53px;
    height: 53px;
  }
}

.ai-pv-close {
  background-image: url("/sites/all/themes/lingua/images/ai-photovocab/close.svg");
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}

.ai-pv-close-empty {
  width: 20px;
}

.ai-pv-navigation-list {
  min-width: 230px;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 23px;
  background-color: #FFF;
  border: 1px solid #191D2B;
  z-index: 1;
  display: none;
}
.ai-pv-navigation-list__header {
  border-bottom: 1px solid #DDD;
  padding: 15px 15px 7px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}
.ai-pv-navigation-list__body {
  padding: 15px;
  text-align: center;
}
.ai-pv-navigation-list__body p:hover {
  color: #242939;
  font-weight: 600;
}
.ai-pv-navigation-list--ai-theme {
  top: 20px;
  right: 30px;
}
.ai-pv-navigation-list.active {
  display: block;
}

.ai-pv-arrow-right {
  background-image: url("/sites/all/themes/lingua/images/ai-photovocab/arrow-right.svg");
  width: 18px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
}

.ai-pv-sound {
  background-image: url("/sites/all/themes/lingua/images/ai-photovocab/sound-on.svg");
  width: 43px;
  height: 43px;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.ai-pv-sound.c-sound-off {
  background-image: url("/sites/all/themes/lingua/images/ai-photovocab/sound-off.svg");
}
@media (min-width: 900px) {
  .ai-pv-sound {
    width: 53px;
    height: 53px;
  }
}

.ai-pv-instructions {
  background-image: url("/sites/all/themes/lingua/images/ai-photovocab/instructions-icon.svg");
  width: 107px;
  height: 79px;
  background-size: contain;
  background-repeat: no-repeat;
}

.ai-pv-button {
  border-radius: 8px;
  background-color: #4A90E2;
  -webkit-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.2);
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  padding: 10px 20px;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border: 0;
}
.ai-pv-button:hover {
  color: #FFF;
  text-decoration: none;
}
.ai-pv-button--error {
  background-color: #F00925;
}
@media (min-width: 900px) {
  .ai-pv-button {
    font-size: 20px;
    padding: 15px 30px;
  }
}
@media (min-width: 1025px) {
  .ai-pv-button {
    font-size: 24px;
    padding: 20px 40px;
    border-radius: 16px;
  }
}

.ai-pv-button-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.ai-pv-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.ai-pv-header--ai-theme {
  border-radius: 50px 50px 0 0;
  background-color: #28304B;
  padding: 20px 30px;
}
.ai-pv-header--only-text {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ai-pv-header--bottom-space {
  margin-bottom: 40px;
}

.ai-pv-icons-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 330px) {
  .ai-pv-settings-empty,
  .ai-pv-sound-empty {
    width: 53px;
  }
}
@media (min-width: 900px) {
  .ai-pv-settings-empty,
  .ai-pv-sound-empty {
    width: 63px;
  }
}

.ai-pv-settings-block,
.ai-pv-sound-block {
  margin-left: 10px;
}

@media (min-width: 600px) {
  .ai-pv-description-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.ai-pv-description-block .c-instructions-icon {
  margin-right: 20px;
  margin-bottom: 20px;
}
@media (min-width: 600px) {
  .ai-pv-description-block .c-instructions-icon {
    margin-bottom: 0px;
  }
}
.ai-pv-description-block .ai-pv-instructions-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ai-pv-description-block .ai-pv-instructions-block .c-instructions-block {
  margin-right: 20px;
}
.ai-pv-description-block .ai-pv-instructions-block .c-instructions-text-block {
  border-radius: 16px;
  background-color: #3D4664;
  padding: 36px 40px;
  max-width: 720px;
  position: relative;
}
.ai-pv-description-block .ai-pv-instructions-block .c-instructions-play {
  height: 61px;
  width: 61px;
  position: absolute;
  top: -15px;
  left: -23px;
}
.ai-pv-description-block .ai-pv-instructions-block .c-instructions-translate {
  height: 59px;
  width: 59px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* SB */
/**** HEADER *****/
.c-sb-vid__row-vocab {
  padding: 15px 0 3%;
}
.c-sb-vid__row-vocab .c-sl-quickview__btn-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 60px;
  width: 100%;
}
@media (min-width: 991px) {
  .c-sb-vid__row-vocab .c-sl-quickview__btn-container {
    padding: 2% 4% 0;
  }
}
.c-sb-vid__row-vocab .c-sb-table__vocab {
  min-height: 365px;
}
.c-sb-vid__row-vocab .c-tab-item {
  min-height: 61px;
}
.c-sb-vid__row-vocab .c-tab-item a {
  min-height: 61px !important;
}
.c-sb-vid__header-vocab {
  padding: 0 27px 10px;
  border-bottom: 1px solid #D8D8D8;
}
.c-sb-vid__header-title-vocab {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.27px;
  line-height: 34px;
  margin: 0 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-sb-vid__header-desc-vocab {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 16px;
  letter-spacing: -0.17px;
  line-height: 22px;
  font-weight: 400;
}

.c-sb-photo-table__container {
  padding: 3.2% 1.2% 0;
}

.c-sb__header-icon {
  background-image: url("/sites/all/themes/lingua/assets/skill-booster-icons/sb-header-icon.png");
  background-size: contain;
  height: 42px;
  width: 42px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
}

.c-sb-video-page__photo-details {
  padding: 13px 25px;
}

/******* VOCABULARY TAB PANEL ******/
/* Skill Booster Status (only for Editors) */
#skill_booster_status {
  padding: 30px;
}
#skill_booster_status div {
  display: inline-block;
  width: 49%;
}
#skill_booster_status h4 {
  color: #B9B9B9;
  font-weight: normal;
  margin: 0 0 15px 0;
}
#skill_booster_status ul {
  list-style-type: none;
  margin-bottom: 0;
  padding-left: 0;
}
#skill_booster_status li {
  list-style-image: none;
  padding: 6px 0 6px 20px;
}
#skill_booster_status .is_ok {
  background-color: #95BA96;
}
#skill_booster_status .is_not_ok {
  background-color: #E76B6B;
}

.c-sb-table__vocab {
  max-width: 826px;
  width: 100%;
  border: 1px solid #4A90E2;
  border-radius: 9px;
  background-color: #FFFFFF;
  margin-bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-sb-table__vocab .c-tab-item.active .c-half-arrow {
  height: 32px;
}
.c-sb-table__vocab .c-half-arrow:after {
  width: 104%;
}
.c-sb-table__vocab .translatable-word {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 15px;
  letter-spacing: -0.16px;
  line-height: 20px;
}
.c-sb-table__vocab .c-tabs-section {
  max-width: 272px;
  width: 100%;
  border-right: 1px solid #4A90E2;
}
.c-sb-table__vocab .c-tab-item {
  width: 111%;
}
.c-sb-table__vocab .c-tab-item a {
  padding: 0 0 0 30px;
  min-height: 49px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-sb-table__vocab .c-tab-item.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-sb-table__vocab .c-tab-item.active a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 20px;
  letter-spacing: -0.21px;
  line-height: 27px;
}
.c-sb-table__vocab .c-tab-item.active a .translatable-word {
  font-weight: 400;
}
.c-sb-table__vocab .c-tab-item:hover .translatable-word {
  color: #4A90E2;
}
.c-sb-table__vocab .c-tab-item.active:hover .translatable-word {
  color: #FFFFFF;
}
.c-sb-table__vocab .c-details-section {
  padding: 25px 45px;
}
.c-sb-table__vocab .vocab-content__section {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.17px;
  line-height: 27px;
  padding-bottom: 25px;
}
.c-sb-table__vocab .exercise-vocab p {
  margin-top: 0;
}
.c-sb-table__vocab .u-blue-color {
  color: #4A90E2 !important;
  font-size: 16px;
  line-height: 21px;
}
.c-sb-table__vocab .expression-details--content {
  color: #9B9B9B;
  font-family: "Open Sans";
  font-size: 13px;
  letter-spacing: -0.14px;
  line-height: 18px;
}
.c-sb-table__vocab .expression-details--content.js-machine-translation {
  font-size: 14px;
  color: #4B4B4B;
  font-weight: 300;
  line-height: 18px;
}
.c-sb-table__vocab .expression-details--content.js-machine-translation .js-disable-machine-translation {
  font-style: normal;
  font-weight: 400;
}

/* CAROUSEL FOR RESPONSIVE */
.c-sb-vocab__carousel {
  position: relative;
  margin-bottom: 20px;
}
.c-sb-vocab__carousel .owl-nav {
  position: absolute;
  top: 0;
  margin-top: 0 !important;
  color: #FFFFFF;
  font-size: 30px;
  font-weight: 400;
  line-height: 30px;
  margin-left: 20px;
}
.c-sb-vocab__carousel .owl-nav button:hover {
  background: transparent !important;
}
@media (max-width: 991px) {
  .c-sb-vocab__carousel {
    margin-top: 30px;
  }
  .c-sb-vocab__carousel .c-sb-vocab-carousel__slide-header p {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
  }
  .c-sb-vocab__carousel .c-sb-vocab-carousel__slide-header .js-speaker-icon {
    padding-left: 20px;
    cursor: pointer;
  }
}

.c-sb-vocab-carousel__slide {
  border: 1px solid #4A90E2;
  border-radius: 10px;
}
.c-sb-vocab-carousel__slide .u-blue-color {
  color: #4A90E2 !important;
  font-weight: 400;
}
.c-sb-vocab-carousel__slide-header {
  padding: 20px;
  background-color: #4A90E2;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.c-sb-vocab-carousel__slide-header p {
  color: #FFFFFF;
  font-weight: 400;
  font-size: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-sb-vocab-carousel__slide-header .translatable-word {
  color: #FFFFFF;
  font-weight: 400;
  font-size: 22px;
}
.c-sb-vocab-carousel__slide-body {
  padding: 20px;
}
.c-sb-vocab-carousel__slide-body .expression-details--title {
  font-weight: 400;
}

.vocab-content__first-section-desktop {
  padding-right: 62px;
}

.vocab-content__first-section-mobile {
  padding-right: 38px;
}

.c-sb-expression-flag {
  float: right;
  margin-top: 10px !important;
  margin-bottom: 0;
}

.c-sb-tooltip {
  height: 27px;
  width: 27px;
  margin-right: 5px;
}

@media (max-width: 991px) {
  .c-sb-vocab-carousel__slide-header {
    padding: 30px 20px 10px;
  }
  .c-sb-vocab__carousel .owl-nav {
    font-size: 45px;
    width: 100%;
    margin: 0;
  }
  .c-sb-vocab__carousel .owl-nav .owl-prev {
    float: left;
    margin-left: 20px;
  }
  .c-sb-vocab__carousel .owl-nav .owl-next {
    float: right;
    margin-right: 20px;
  }
}
@media (max-width: 600px) {
  .c-sb-vid__header-title-vocab {
    font-size: 25px;
  }
  .c-sb-vid__row-vocab {
    margin: 0;
  }
  .c-sb-vid__row-vocab .c-sl-quickview__table-cell {
    padding-top: 20px;
  }
}
.c-sl-turtle-icon__blue {
  background-image: url("/sites/all/themes/lingua/assets/starterlab-icons/turtle-clicked.svg") !important;
}

@media (min-width: 991px) {
  .c-sb_container--transcript {
    min-height: 670px;
  }
}
.c-sb-transcript-focus_video-details {
  width: 100%;
  min-height: 80px;
  border-radius: 0 0 4px 4px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  padding: 8px 20px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}
.c-sb-transcript-focus_video-details .c-sb-video-img__title {
  font-size: 16px;
  letter-spacing: -0.17px;
  line-height: 22px;
  margin: 0;
}
.c-sb-transcript-focus_video-details .c-sb-video-img_subtitle {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.13px;
  line-height: 17px;
  margin: 0;
  padding-top: 8px;
}
.c-sb-transcript-focus_video-icon {
  background-image: url("/sites/all/themes/lingua/assets/starterlab-icons/turtle-hover.svg");
  height: 54px;
  width: 54px;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
}
.c-sb-transcript-focus_lesson {
  padding: 30px 27px 0;
}
.c-sb-transcript-focus_cues-container {
  overflow: hidden;
  height: 400px;
  padding-left: 40px;
  /* width */
}
.c-sb-transcript-focus_cues-container::-webkit-scrollbar {
  width: 8px;
}
.c-sb-transcript-focus_cues-container {
  /* Track */
}
.c-sb-transcript-focus_cues-container::-webkit-scrollbar-track {
  background-color: #F1F0F0;
}
.c-sb-transcript-focus_cues-container {
  /* Handle */
}
.c-sb-transcript-focus_cues-container::-webkit-scrollbar-thumb {
  background-color: #A3A3A3;
  border-radius: 15px;
}
.c-sb-transcript-focus_cues-container ul {
  max-width: 670px;
  padding: 0;
  list-style: none;
  font-weight: 600;
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 18px;
  letter-spacing: -0.18px;
  line-height: 44px;
}
.c-sb-transcript-focus_cues-container ul li {
  padding: 0 30px;
  font-weight: 400;
}
.c-sb-transcript-focus_cues-container ul li .gap {
  border-bottom: 2px solid #97BFEE;
  margin: 0 8px;
  min-width: 75px;
  display: inline-block;
}
.c-sb-transcript-focus_cues-container ul li .gap:after {
  top: 15px;
  left: 15px;
}
.c-sb-transcript-focus_cues-container ul li .gap.c-zh-gap {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.c-sb-transcript-focus_cues-container ul li .gap.c-zh-gap ruby {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.c-sb-transcript-focus_cues-container ul li .gap.c-zh-gap.c-zh-more-words {
  -webkit-box-orient: unset;
  -webkit-box-direction: unset;
      -ms-flex-direction: unset;
          flex-direction: unset;
}
.c-sb-transcript-focus_cues-container ul .c-sb-transcript-focus_current-cues {
  border: 1px solid #4A90E2;
  border-radius: 5px;
  color: #404040;
}
.c-sb-transcript-focus_filled-gap {
  border: 0 !important;
  min-width: 0 !important;
}
.c-sb-transcript-focus_correct-filler {
  color: #7FE0C9;
  font-weight: 600;
}
.c-sb-transcript-focus_wrong-filler {
  color: #EF7C8E;
  font-weight: 600;
}
.c-sb-transcript-focus_radio-options {
  display: none;
  padding-left: 20px;
}
.c-sb-transcript-focus_radio-options .c-checkmark {
  height: 41px;
  width: 41px;
}
.c-sb-transcript-focus_radio-options .c-checkmark:after {
  left: 15px;
  top: 15px;
}
.c-sb-transcript-focus_radio-options .c-checkmark--good {
  border: none !important;
}
.c-sb-transcript-focus_radio-options .c-checkmark--good:after {
  background-image: url("/sites/all/themes/lingua/assets/starterlab-icons/check-green.svg");
  height: 40px;
  width: 40px;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  left: 0;
  top: 0;
}
.c-sb-transcript-focus_radio-options .c-checkmark--failed {
  border: none !important;
}
.c-sb-transcript-focus_radio-options .c-checkmark--failed:after {
  background-image: url("/sites/all/themes/lingua/assets/starterlab-icons/failed.svg");
  height: 40px;
  width: 40px;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  left: 0;
  top: 0;
}
.c-sb-transcript-focus_radio-options .form-item {
  margin: 0;
}
.c-sb-transcript-focus_radio-options .c-sb-comprehension__form-text {
  font-size: 18px !important;
  letter-spacing: -0.19px !important;
}
@media (max-width: 1330px) {
  .c-sb-transcript-focus_radio-options .c-sb-comprehension__form-text {
    font-size: 16px !important;
  }
}
.c-sb-transcript-focus_radio-options .c-custom-label__radio {
  padding: 4px 0 0 55px;
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 18px;
  letter-spacing: -0.19px;
  line-height: 35px;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  margin-bottom: 20px;
}
.c-sb-transcript-focus_radio-options .c-custom-label__radio:focus {
  outline: none !important;
}
.c-sb-transcript-focus_button-container {
  padding: 30px 15px 0;
}
.c-sb-transcript-focus_btn {
  min-width: 230px;
  border-radius: 25px;
  background-color: #4A90E2;
  color: #FFFFFF;
  display: none;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
  text-align: center;
  padding: 15px;
  float: right;
  font-weight: 400;
}
.c-sb-transcript-focus__points-text {
  color: #BEBEBE;
  display: none;
  float: right;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  margin: 0 40px 0 0;
  letter-spacing: -0.28px;
  line-height: 24px;
}
.c-sb-transcript-focus__points-nr {
  color: #4A90E2;
  font-size: 32px;
  letter-spacing: -0.4px;
  line-height: 43px;
  font-weight: 400;
}

@media (max-width: 991px) {
  .c-sb-transcript-focus_video-container {
    margin-bottom: 30px;
  }
  .c-sb-transcript-focus_radio-options {
    margin: 40px auto 0;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
}
@media (max-width: 600px) {
  .c-sb-transcript-focus_button-container {
    position: relative;
  }
  .c-sb-transcript-focus_btn {
    margin-top: 15px;
  }
  .c-sb-transcript-focus__points-text {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 50px;
  }
}
@media (max-width: 450px) {
  .c-sb-transcript-focus_radio-options .c-custom-label__radio {
    padding: 0 0 0 60px;
    font-size: 15px;
    margin: 0;
  }
  .c-sb-transcript-focus_cues-container ul {
    font-size: 15px;
  }
  .c-sb-transcript-focus_radio-options .c-checkmark:not(.c-checkmark--good):not(.c-checkmark--failed) {
    height: 30px;
    width: 30px;
  }
  .c-sb-transcript-focus_radio-options .c-checkmark:not(.c-checkmark--good):not(.c-checkmark--failed):after {
    height: 8px !important;
    width: 8px !important;
    left: 10px !important;
    top: 10px !important;
  }
  .c-sb-transcript-focus_radio-options .c-checkmark--good:after,
  .c-sb-transcript-focus .c-checkmark--failed:after {
    height: 30px !important;
    width: 30px !important;
    left: 0 !important;
    top: 0 !important;
  }
  .c-sb-transcript-focus_radio-options .c-checkmark--failed, .c-sb-transcript-focus_radio-options .c-checkmark--good {
    height: 30px;
    width: 30px;
  }
  .c-sb-transcript-focus_radio-options .form-item {
    height: auto;
    margin-bottom: 15px;
  }
}
.c-sb-video-step .c-sb-photo-table__container {
  padding: 3.2% 0 0.3% 1.2%;
}
.c-sb-video-step .c-sb-video-img__title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 24px;
  margin: 0;
}
.c-sb-video-step .c-sb-video-img_subtitle {
  margin-top: 5px;
  font-weight: 400;
}
.c-sb-video-step .c-sl-vid__header {
  max-width: 100%;
  min-height: 90px;
  padding: 0 27px 10px;
  border-bottom: 1px solid #D8D8D8;
}
.c-sb-video-step .c-sl-vid__desc {
  padding: 13px 20px;
}
.c-sb-video-step .c-sl-vid__row {
  padding: 15px 0 3%;
}
.c-sb-video-step .c-sl-vid__cell-right, .c-sb-video-step .c-sl-vid__video {
  max-width: 707px;
}
.c-sb-video-step .vjs-poster {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.c-sb-video__step-title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 16px;
  letter-spacing: -0.17px;
  line-height: 22px;
  text-align: justify;
  margin-bottom: 30px;
  font-weight: 400;
}

.c-sb-vid__header-title-video {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.27px;
  line-height: 34px;
  margin: 0 0 10px;
}

.c-sb-video-img_subtitle {
  font-weight: 400 !important;
}

@media (max-width: 600px) {
  .c-sb-vid__header-title-vocab {
    font-size: 25px;
  }
}
@media (max-width: 450px) {
  .c-sb-vid__header-title-vocab {
    font-size: 20px;
    font-weight: 400;
  }
}
.c-sb-dialogue_lesson {
  padding: 30px 17px 60px 17px;
  margin: 0;
}
.c-sb-dialogue_lesson .c-sb-transcript-focus_video {
  max-width: 707px;
}
.c-sb-dialogue_lesson .c-sb-transcript-focus_video .vjs-poster {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.c-sb-dialogue_progress-dialogue-interval {
  background-color: #4A90E2;
  height: 100%;
  position: absolute;
  top: 0;
}
.c-sb-dialogue_video-details {
  max-width: 816px;
  width: 100%;
  border-radius: 0 0 4px 4px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  padding: 13px 10px 13px 25px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}
.c-sb-dialogue_video-icon {
  height: 54px;
  width: 54px;
}
.c-sb-dialogue_exercise-container {
  display: none;
}
.c-sb-dialogue__exercise {
  max-width: 510px;
  width: 100%;
  min-height: 85px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 10px 10px 20px;
  position: relative;
  overflow-wrap: anywhere;
}
.c-sb-dialogue__exercise .c-sb-dialogue__exercise-undertext {
  padding-left: 10px;
}
.c-sb-dialogue__exercise-text-container {
  padding-bottom: 20px;
}
.c-sb-dialogue__exercise-text {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 21px;
  letter-spacing: -0.22px;
  margin: 0;
  padding-left: 10px;
  font-weight: 400;
}
.c-sb-dialogue__exercise-undertext {
  font-family: "Open Sans";
  font-size: 17px;
  color: #A5A5A5;
  font-weight: 400;
  display: block;
  line-height: 20px;
}
.c-sb-dialogue__translations {
  padding: 0 0 85px 20px;
}
.c-sb-dialogue__translations .c-custom-label__radio {
  padding: 10px 0 0 60px;
  margin-bottom: 25px;
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 18px;
  letter-spacing: -0.19px;
  line-height: 23px;
  display: block !important;
}
.c-sb-dialogue__translations .c-custom-label__radio:focus {
  outline: none !important;
}
.c-sb-dialogue__translations .c-custom-label__radio .c-custom-input__radio:checked ~ .c-checkmark--good, .c-sb-dialogue__translations .c-custom-label__radio .c-custom-input__radio:checked ~ .c-checkmark--failed {
  border: none;
}
.c-sb-dialogue__translations .form-item {
  margin: 0;
}
.c-sb-dialogue__translations .c-checkmark {
  height: 41px;
  width: 41px;
}
.c-sb-dialogue__translations .c-checkmark:after {
  left: 15px;
  top: 15px;
}
.c-sb-dialogue__translations .c-checkmark--good:after {
  background-image: url("/sites/all/themes/lingua/assets/starterlab-icons/check-green.svg");
  height: 40px;
  width: 40px;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  left: 0;
  top: 0;
}
.c-sb-dialogue__translations .c-checkmark--failed:after {
  background-image: url("/sites/all/themes/lingua/assets/starterlab-icons/failed.svg");
  height: 40px;
  width: 40px;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  left: 0;
  top: 0;
}
.c-sb-dialogue__score-btn-container {
  position: relative;
  min-height: 110px;
  margin-right: 15px;
}
.c-sb-dialogue__points-text {
  color: #BEBEBE;
  display: none;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.28px;
  line-height: 24px;
  padding-left: 25px;
  margin: 0;
  float: right;
}
.c-sb-dialogue__points-nr {
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 32px;
  letter-spacing: -0.4px;
  line-height: 43px;
  font-weight: 400;
  margin-right: 10px;
}
.c-sb-dialogue-step {
  padding: 0 !important;
}
.c-sb-dialogue-step .c-sl-comprehension__row-resp {
  padding: 15px 17px 10px;
  width: 100%;
  margin: 0;
  border-bottom: 1px solid #D6D6D6;
}
.c-sb-dialogue-step .c-sb-video-img_subtitle {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.17px;
  line-height: 22px;
}
.c-sb-dialogue-step .c-sb_title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.27px;
  line-height: 34px;
  margin-bottom: 0;
  margin-top: 0;
}
.c-sb-dialogue-step .c-sb_subtitle {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 16px;
  letter-spacing: -0.17px;
  line-height: 22px;
}

@media (min-width: 991px) {
  .c-sb-dialogue_lesson {
    padding: 2.7% 1.2%;
  }
  .c-sb-dialogue__translations {
    padding: 0 0 12% 3.7%;
  }
}
.c-sb-comprehension__form-item.c-sb-comprehension__form-item--dialogue .c-checkmark {
  top: 0;
}
.c-sb-comprehension__form-item.c-sb-comprehension__form-item--dialogue .c-sb-comprehension__form-text {
  margin-top: 7px;
}

@media (max-width: 991px) {
  .c-sb-dialogue_exercise-container {
    padding-top: 25px;
  }
  .c-sb-dialogue_exercise-container {
    padding-left: 10px;
  }
  .c-sb-dialogue__translations {
    max-width: 510px;
    width: 100%;
  }
}
@media (max-width: 600px) {
  .c-sb-dialogue__points-text {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    float: none;
  }
  .c-sb-dialogue__score-btn-container {
    min-height: 110px;
  }
  .c-sb-dialogue__translations {
    padding: 25px 0 25px 20px;
  }
}
@media (max-width: 450px) {
  .c-sb-dialogue__exercise {
    min-height: 52px;
  }
  .c-sb-dialogue__exercise-icon {
    height: 40px;
    width: 40px;
    margin-top: 6px;
  }
  .c-sb-dialogue__exercise-text {
    line-height: 20px;
    margin: 0;
    font-size: 18px;
  }
  .c-sb-dialogue__translations .c-custom-label__radio {
    padding: 0 0 0 60px;
    font-size: 15px;
    margin: 0;
  }
  .c-sb-dialogue__translations .c-checkmark:not(.c-checkmark--good):not(.c-checkmark--failed) {
    height: 30px;
    width: 30px;
  }
  .c-sb-dialogue__translations .c-checkmark:not(.c-checkmark--good):not(.c-checkmark--failed):after {
    height: 8px !important;
    width: 8px !important;
    left: 10px !important;
    top: 10px !important;
  }
  .c-sb-dialogue__translations .c-checkmark--good:after,
  .c-sb-dialogue .c-checkmark--failed:after {
    height: 30px !important;
    width: 30px !important;
    left: 0 !important;
    top: 0 !important;
  }
  .c-sb-dialogue__translations .c-checkmark--failed, .c-sb-dialogue__translations .c-checkmark--good {
    height: 30px;
    width: 30px;
  }
  .c-sb-dialogue__translations .form-item {
    height: auto;
  }
  .c-sb-dialogue_video-icon {
    height: 35px;
    width: 35px;
  }
  .c-sb-dialogue__points-text {
    font-size: 16px;
    font-weight: 400;
  }
  .c-sb-dialogue__points-text span {
    font-size: 23px;
    font-weight: 600;
  }
  .c-sb-comprehension__form-item.c-sb-comprehension__form-item--dialogue .c-sb-comprehension__form-text {
    margin-top: 0;
  }
}
/* comprehension and adv comprehension */
.c-sb-advanced-comprehension .c-sl-quickview__table-cell {
  padding-left: 2em;
}
@media (max-width: 991px) {
  .c-sb-advanced-comprehension .c-sl-quickview__table-cell {
    padding-top: 1em;
  }
}

@media (max-width: 1300px) {
  .c-sb-comprehension .c-sl-quickview__table-cell {
    padding-left: 2em;
  }
}

/* Advanced comprehension */
.c-sb-advanced-comprehension .c-sb-video-img__title {
  font-size: 18px !important;
  letter-spacing: -0.19px !important;
  line-height: 24px !important;
}
.c-sb-advanced-comprehension .c-sb-video-img_subtitle {
  font-size: 16px !important;
  letter-spacing: -0.17px !important;
  line-height: 22px !important;
  font-weight: 400;
}
@media (max-width: 991px) {
  .c-sb-advanced-comprehension .c-sb_score {
    width: 100%;
    text-align: end;
  }
}
@media (max-width: 1280px) {
  .c-sb-advanced-comprehension .c-sb_score {
    margin: 0;
  }
}

.c-sb-comprehension__tabs {
  border: 1px solid #4A90E2;
  border-top: none;
  max-width: 490px;
  border-radius: 6px;
  margin: 0 !important;
}
.c-sb-comprehension__tabs .video-booster__content-right {
  max-width: unset;
  margin: 0;
  min-height: 350px;
  border: none;
  border-radius: 6px;
}
.c-sb-comprehension__tabs .video-booster__content-left {
  float: none;
  width: 100%;
}
.c-sb-comprehension__tabs .video-booster__nav-link {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.15px;
  line-height: 19px;
  height: 66px;
}
.c-sb-comprehension__tabs .video-booster__nav-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}
.c-sb-comprehension__tabs .video-booster__nav-tab {
  width: 100%;
}
.c-sb-comprehension__tabs .video-booster__nav-tab:first-of-type {
  border-top-left-radius: 6px;
}
.c-sb-comprehension__tabs .video-booster__nav-tab:last-of-type {
  border-top-right-radius: 6px;
}
.c-sb-comprehension__tabs .video-booster__nav-link .icon {
  position: relative;
  margin: 0;
  width: 30px;
  height: 30px;
  margin-right: 20px;
}
.c-sb-comprehension__tabs .video-booster__nav-tab:last-child .video-booster__nav-link {
  border-top-right-radius: 6px !important;
  border-bottom: none !important;
}
.c-sb-comprehension__tabs .video-booster__nav-link {
  border-top: 7.61px solid #C9C9C9 !important;
  border-left: none !important;
}
.c-sb-comprehension__tabs .video-booster__nav-tab:first-of-type .video-booster__nav-link {
  border-top-left-radius: 6px !important;
}
.c-sb-comprehension__tabs .video-booster__nav-tab:not(.active) {
  border-bottom: 1px solid #E9E9E9;
}
.c-sb-comprehension__tabs .video-booster__nav-tab:not(.active):first-of-type {
  border-right: 2px solid #E9E9E9;
}
.c-sb-comprehension__tabs .video-booster__nav-tab:not(.active):last-of-type {
  border-left: 2px solid #E9E9E9;
}
.c-sb-comprehension__tabs .active .video-booster__nav-link[href="#tab-video"] {
  border-left: none !important;
}
.c-sb-comprehension__tabs .active .video-booster__nav-link {
  border-top: 7.61px solid #4A90E2 !important;
  border-left: none !important;
}
.c-sb-comprehension__tabs .tab-content {
  width: 100%;
}

.c-sb-comprehension {
  padding: 15px 0 3.3%;
}
.c-sb-comprehension.c-sb-advanced-comprehension {
  padding-bottom: 2.7%;
}
.c-sb-comprehension.c-sb-advanced-comprehension .c-sb-photo-table__container {
  padding-top: 2.7%;
}
.c-sb-comprehension .c-sb-photo-table__container {
  padding: 3.3% 1.9% 0;
}
.c-sb-comprehension .c-sl-comprehension__header-resp {
  padding: 0 27px;
  border-bottom: 1px solid #D6D6D6;
}
.c-sb-comprehension .c-sl-comprehension__points {
  padding-right: 17px;
}
.c-sb-comprehension .c-sl-comprehension__details-score {
  color: #BCBCBC;
  font-family: "Open Sans";
  font-size: 20px;
  letter-spacing: -0.25px;
  line-height: 27px;
}
.c-sb-comprehension .c-sl-comprehension__details-score span {
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.33px;
  line-height: 27px;
}
.c-sb-comprehension .c-sl-comprehension__details-score span .big-no {
  font-size: 26px;
}
.c-sb-comprehension .c-sl-comprehension__points-step {
  min-height: 20px;
  max-width: 20px;
}
.c-sb-comprehension .c-sl-vid__header {
  padding-left: 17px;
  padding-top: 0;
  padding-bottom: 0;
  border: none;
}
.c-sb-comprehension .c-sl-vid__header-desc-comprehension {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 16px;
  letter-spacing: -0.17px;
  line-height: 22px;
  margin-bottom: 20px;
}
.c-sb-comprehension .video-booster__nav-tab .video-booster__nav-link {
  color: #C4C4C4;
}
.c-sb-comprehension .video-booster__nav-tab.active .video-booster__nav-link {
  color: #4A90E2;
}
.c-sb-comprehension .c-sb-video-img__title {
  font-size: 16px;
  letter-spacing: -0.17px;
  line-height: 22px;
}
.c-sb-comprehension .c-sb-video-img_subtitle {
  font-size: 12px;
  letter-spacing: -0.13px;
  line-height: 17px;
}
.c-sb-comprehension .c-sl-quickview__photo-details {
  padding: 16px 25px;
}

/* Accordion */
.c-sb-accordion {
  margin: 0.5rem 0 1rem 15px;
  padding-left: 0;
}
.c-sb-accordion li {
  color: #C9C9C9;
  padding-bottom: 10px;
}
.c-sb-accordion li.active {
  color: #4A90E2;
}
.c-sb-accordion-header {
  background-color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  min-height: 3rem;
  line-height: 3rem;
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 15px;
  font-weight: 400;
  letter-spacing: -0.16px;
  line-height: 20px;
}
.c-sb-accordion-header img {
  display: none;
  height: 28px;
  margin-left: 16px;
  margin-top: -10px;
  width: 28px;
}
.c-sb-accordion-header.active {
  color: #4A90E2;
}
.c-sb-accordion-header.active img {
  display: inline-block;
}
.c-sb-accordion-body {
  display: none;
  border-left: 1px solid #D4D4D4;
  padding-left: 15px;
  margin-left: -17px;
  margin-top: -16px;
  max-height: 20px;
  position: relative;
}
.c-sb-accordion-body:before {
  bottom: 0;
  content: "";
  background: #D4D4D4;
  width: 3%;
  height: 1px;
  position: absolute;
  border: 0;
  margin-left: -15px;
}

.c-sb-key-vocab-desc {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 13px;
  font-weight: 400;
  letter-spacing: -0.21px;
  line-height: 22px;
  padding-top: 6px;
}

.u-font-bold-title {
  font-weight: 600;
}

.c-sb-comprehension .c-sl-comprehension__translations {
  padding: 0 0 65px 20px;
}
@media (min-width: 991px) {
  .c-sb-comprehension .c-sl-comprehension__translations {
    padding: 0 0 2.5% 2.6%;
  }
}
.c-sb-comprehension .c-sl-comprehension__exercise {
  max-width: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  padding-bottom: 20px;
}
.c-sb-comprehension .c-sl-comprehension__exercise .c-sl-comprehension__exercise-text {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 21px;
  letter-spacing: -0.22px;
  line-height: 30px;
}
.c-sb-comprehension__points-progress {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.c-sb-comprehension__points-progress .c-sl-comprehension__points-step {
  margin-left: 10px;
}

.c-sb-comprehension__form-item {
  padding-bottom: 20px;
  height: auto;
  min-height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.c-sb-comprehension__form-item--dialogue {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 5px;
}
.c-sb-comprehension__form-item .c-sb-comprehension__form-text {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 16px;
  letter-spacing: -0.17px;
  line-height: 26px;
  font-weight: 400;
}
.c-sb-comprehension__form-item .c-custom-label__radio {
  margin: 0 1em 0 0;
  padding: 0;
}
.c-sb-comprehension__form-item .c-custom-label__radio,
.c-sb-comprehension__form-item .c-sb-comprehension__form-text {
  display: inline !important;
}
.c-sb-comprehension__form-item .c-checkmark {
  top: -3px;
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 41px;
  width: auto;
}
.c-sb-comprehension__form-item .c-checkmark:after {
  position: static;
}
.c-sb-comprehension__form-item .c-checkmark .c-checkmark--good:after,
.c-sb-comprehension__form-item .c-checkmark .c-checkmark--failed:after {
  position: static;
}
.c-sb-comprehension__form-item .c-checkmark:not(.c-checkmark--good):not(.c-checkmark--failed):after {
  width: 22px;
  height: 22px;
  left: 9px;
  top: 9px;
  position: absolute;
}

.c-sb-vid__header-title-comprehension-resp {
  display: none;
}

/* round labels on skill booster - dialogue step */
.c-sb-dialogue_lesson .c-sb-comprehension__form-item .c-checkmark,
.c-sb-transcript-focus_radio-options .c-sb-comprehension__form-item .c-checkmark {
  width: 41px;
}

@media (min-width: 1200px) and (max-width: 1270px) {
  .c-sb-comprehension__tabs .video-booster__nav-link .icon {
    margin-right: 10px;
  }
}
@media (max-width: 991px) {
  .c-sb-comprehension__tabs .video-booster__nav-tab {
    width: 100% !important;
  }
  .c-sb-comprehension__tabs .video-booster__nav-tab.active:first-child .video-booster__nav-link, .c-sb-comprehension__tabs .video-booster__nav-tab.active:last-child .video-booster__nav-link {
    border-top: 6px solid #4A90E2 !important;
  }
  .c-sb-advanced-comprehension .c-sb-vid__header-title-vocab {
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
  }
  .c-sb-advanced-comprehension .c-sb__header-icon {
    margin-right: 10px;
  }
  .c-sb-comprehension .c-sl-comprehension__exercise {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .c-sb-comprehension .c-sl-quickview__table-cell {
    padding: 25px 15px;
  }
}
@media (max-width: 600px) {
  .c-sb-comprehension {
    padding-bottom: 0;
  }
  .c-sb-comprehension #js-exercise-answers {
    padding-bottom: 0;
  }
  .c-sb-comprehension__form-item {
    padding-bottom: 10px;
    margin-bottom: 0 !important;
  }
}
@media (max-width: 450px) {
  .c-sb-comprehension .c-sl-comprehension__points {
    padding-bottom: 40px;
  }
  .c-sb-comprehension .c-checkmark:not(.c-checkmark--failed):not(.c-checkmark--good):after {
    left: 11px !important;
    top: 11px !important;
  }
  .c-sb-comprehension .c-checkmark--failed:after,
  .c-sb-comprehension .c-checkmark--good:after {
    margin-top: 6px;
  }
  .c-sb-comprehension .c-sb-vid__header-title-vocab {
    display: none !important;
  }
  .c-sb-vid__header-title-comprehension-resp {
    font-size: 19px;
    margin-bottom: 15px;
    color: #4B4B4B;
    font-family: "Open Sans";
    letter-spacing: -0.32px;
    line-height: 30px;
    font-weight: 400;
    position: absolute;
    top: 60%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    left: 0;
    padding-left: 27px;
  }
  .c-sb-advanced-comprehension .c-sb-vid__header-title-comprehension-resp {
    padding-left: 5px;
  }
}
.c-sb-pages_video-details--building-sentences {
  max-width: 714px;
}

.c-sb-building-sentences-step--row {
  padding: 0 17px 5px;
  border-bottom: 1px solid #D6D6D6;
}
.c-sb-building-sentences_drag-area {
  width: 100%;
}
.c-sb-building-sentences_game-div {
  margin-left: 30px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.c-sb-building-sentences_video-container, .c-sb-building-sentences_game-container {
  padding-right: 0;
}
.c-sb-building-sentences_game-container {
  display: none;
}
.c-sb-building-sentences_options-area .c-building-sentences_word {
  margin: 0 15px 25px 15px;
}
.c-sb-building-sentences_title {
  margin: 0;
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 25px;
  font-weight: 600;
  letter-spacing: -0.27px;
  line-height: 34px;
}
.c-sb-building-sentences_subtitle {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 16px;
  letter-spacing: -0.17px;
  line-height: 22px;
}
.c-sb-building-sentences-step .c-sb-video-img_subtitle {
  margin: 0;
  font-weight: 400;
}
.c-sb-building-sentences__show-right-answer-button {
  color: #4A90E2;
  display: none;
  float: right;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.17px;
  line-height: 22px;
  margin-right: 45px;
  text-align: center;
}
.c-sb-building-sentences__show-right-answer-button:hover, .c-sb-building-sentences__show-right-answer-button:focus {
  color: #4A90E2;
}
.c-sb-building-sentences_btn {
  margin-right: 15px;
}

@media (max-width: 991px) {
  .c-sb-building-sentences_game-div {
    margin-left: 0;
  }
}
@media (max-width: 450px) {
  .c-sb-building-sentences_game-div {
    margin: 0;
  }
  .c-sb-building-sentences-step .c-building-sentences_drag-area p {
    padding-left: 10%;
  }
  .c-sb-building-sentences-step .c-building-sentences_options-area .c-building-sentences_word {
    margin: 0 11px 25px 11px;
  }
  .c-sb-building-sentences-step .c-building-sentences_options-area div {
    padding-left: 10%;
    padding-top: 10px;
  }
}
@media (max-width: 330px) {
  .c-sb-building-sentences_drag-area p > span > span:not(.c-building-sentences_word-separators) {
    margin: 17px 10px 10px;
  }
  .c-sb-building-sentences_options-area .c-building-sentences_word {
    margin: 0 9px 25px 9px;
  }
}
.c-sb-test-step-1_lesson-desktop {
  padding: 30px 27px 0 !important;
}

.c-skills-test__row {
  padding: 0 17px 5px;
  border-bottom: 1px solid #D6D6D6;
}
@media (max-width: 1280px) {
  .c-skills-test__row .c-sb_progress {
    margin-top: 15px;
  }
}

.c-sb_container .c-building-meaning_answer {
  cursor: move;
}
.c-sb_container .c-building-meaning_answer p {
  padding-right: 93px;
}
.c-sb_container .c-building-meaning_answer-container {
  border: 2px solid #FFFFFF;
}
.c-sb_container .c-building-meaning_answer-container--desktop {
  border: 2px solid #F5F5F5;
  background-color: #E4E4E4;
  margin: 30px 0;
  padding: 0;
}
.c-sb_container .c-building-meaning_lesson-options {
  background-color: #F5F5F5;
  padding: 0 30px;
}

.answer-hover {
  border: 2px dashed #80B1EB !important;
}

@media (max-width: 600px) {
  .c-sb_container .c-building-meaning_answer,
  .c-sb_container .c-building-meaning_answer-icon {
    min-height: 55px;
  }
}
@media (max-width: 450px) {
  .c-sb_container .c-building-meaning_lesson {
    padding: 0;
  }
  .c-sb_container .c-building-meaning_answer p {
    padding: 0 5px;
  }
  .c-sb_container .c-building-meaning_answer, .c-sb_container .c-building-meaning_answer-icon {
    margin: 0;
  }
}
.c-sb-step-3_lesson {
  padding: 30px 27px;
}
.c-sb-step-3_empty-spaces-container {
  border: 1px solid #4A90E2;
  padding: 35px 30px 25px 30px;
  border-radius: 5px;
}
.c-sb-step-3_empty-spaces-container p {
  color: #404040;
  font-size: 18px;
  letter-spacing: -0.18px;
}
.c-sb-step-3_options-container {
  min-height: 182px;
}

@media (max-width: 600px) {
  .c-sb-step-3_empty-spaces-container {
    padding: 10px 20px;
  }
}
.c-sb-step-5_card-container {
  max-width: 644px;
  width: 100%;
  border: 1px solid #4A90E2;
  border-radius: 5px;
  background-color: #FFFFFF;
  padding: 25px 20px 10px;
  margin-bottom: 13px;
  min-height: 160px;
}
.c-sb-step-5_cue {
  color: #616161;
  font-family: "Open Sans";
  font-size: 18px;
  letter-spacing: -0.18px;
  font-weight: 400;
}
.c-sb-step-5_cue input {
  border: 0;
  border-bottom: 2px solid #97BFEE;
  height: 35px;
  margin: 0 10px;
  display: inline-block;
  max-width: 130px;
}
.c-sb-step-5_lesson {
  padding: 30px 27px;
}
.c-sb-step-5_lesson ~ .c-building-meaning_button-container {
  padding-top: 0;
}
.c-sb-step-5-question_icon {
  background-image: url("/sites/all/themes/lingua/assets/skill-booster-icons/sb-sound.svg");
  height: 40px;
  width: 40px;
  content: "";
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.c-sb-question-container {
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 18px;
  letter-spacing: -0.18px;
  font-weight: 400;
}

@media (max-width: 450px) {
  .c-sb-step-5_card-container {
    padding: 10px;
  }
  .c-sb-step-5-question_icon {
    height: 30px;
    width: 30px;
  }
  .c-sb-step-5_cue,
  .c-sb-question-container {
    font-size: 15px;
  }
}
/* Header spacing changes  */
.node-type-skill-booster #header,
.node-type-video #header {
  margin-bottom: 10px;
}
.node-type-skill-booster #header .container,
.node-type-video #header .container {
  padding: 0 20px;
}
.node-type-skill-booster #header .main-navbar__logo,
.node-type-video #header .main-navbar__logo {
  padding-left: 0;
}

.node-type-video .c-close-header-games {
  right: 20px;
}

.node-type-skill-booster .main-navbar-lingua .main-navbar__logo {
  -webkit-box-align: unset;
      -ms-flex-align: unset;
          align-items: unset;
}
.node-type-skill-booster .c-fullscreen-icon {
  margin: 12px 0 0 20px;
}
.node-type-skill-booster .c-sb-vid__row-vocab .c-fullscreen-icon,
.node-type-skill-booster .c-sb-video-step .c-fullscreen-icon {
  margin: 12px 0 0 auto;
}

/* Skill Boosters icons steps  */
.sb-icon-vocabulary {
  background-image: url("/sites/all/themes/lingua/assets/skill-booster-icons/icons-steps/vocabulary.svg");
}
.sb-icon-video {
  background-image: url("/sites/all/themes/lingua/assets/skill-booster-icons/icons-steps/video.svg");
}
.sb-icon-comprehension {
  background-image: url("/sites/all/themes/lingua/assets/skill-booster-icons/icons-steps/comprehension.svg");
}
.sb-icon-dialogue {
  background-image: url("/sites/all/themes/lingua/assets/skill-booster-icons/icons-steps/dialogue.svg");
}
.sb-icon-building-sentences {
  background-image: url("/sites/all/themes/lingua/assets/skill-booster-icons/icons-steps/building-sentences.svg");
}
.sb-icon-transcript {
  background-image: url("/sites/all/themes/lingua/assets/skill-booster-icons/icons-steps/transcript.svg");
}
.sb-icon-advanced-comprehension {
  background-image: url("/sites/all/themes/lingua/assets/skill-booster-icons/icons-steps/advanced-comprehension.svg");
}
.sb-icon-skills-test {
  background-image: url("/sites/all/themes/lingua/assets/skill-booster-icons/icons-steps/skills-test.svg");
}
.sb-icon-reperage {
  background-image: url("/sites/all/themes/lingua/assets/skill-booster-icons/icons-steps/recognition.svg");
}
.sb-icon-association {
  background-image: url("/sites/all/themes/lingua/assets/skill-booster-icons/icons-steps/association.svg");
}
.sb-icon-expression {
  background-image: url("/sites/all/themes/lingua/assets/skill-booster-icons/icons-steps/expression.svg");
}
.sb-icon-bonus-conseils {
  background-image: url("/sites/all/themes/lingua/assets/skill-booster-icons/icons-steps/bonus.svg");
}

/* Tooltip style  */
.c-building-sentences_video-details .tooltip,
.c-sl-vid__desc .tooltip,
.c-sb-dialogue_video-details .tooltip,
.c-sb-pages_video-details--building-sentences .tooltip,
.c-sb-transcript-focus_video-details .tooltip {
  padding: 13px 0 2px 0;
  margin-top: -2px;
}
.c-building-sentences_video-details .tooltip .tooltip-arrow,
.c-sl-vid__desc .tooltip .tooltip-arrow,
.c-sb-dialogue_video-details .tooltip .tooltip-arrow,
.c-sb-pages_video-details--building-sentences .tooltip .tooltip-arrow,
.c-sb-transcript-focus_video-details .tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #43454A;
}
.c-building-sentences_video-details .tooltip .tooltip-inner,
.c-sl-vid__desc .tooltip .tooltip-inner,
.c-sb-dialogue_video-details .tooltip .tooltip-inner,
.c-sb-pages_video-details--building-sentences .tooltip .tooltip-inner,
.c-sb-transcript-focus_video-details .tooltip .tooltip-inner {
  border-radius: 1px;
  border: none;
  background-color: #43454A;
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 10px;
  font-weight: 400;
  letter-spacing: -0.11px;
  line-height: 14px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 460px) {
  .c-building-sentences_video-details .tooltip .tooltip-inner,
  .c-sl-vid__desc .tooltip .tooltip-inner,
  .c-sb-dialogue_video-details .tooltip .tooltip-inner,
  .c-sb-pages_video-details--building-sentences .tooltip .tooltip-inner,
  .c-sb-transcript-focus_video-details .tooltip .tooltip-inner {
    font-size: 8px;
    padding: 5px 5px;
  }
}
@media (max-width: 400px) {
  .c-building-sentences_video-details .tooltip .tooltip-inner,
  .c-sl-vid__desc .tooltip .tooltip-inner,
  .c-sb-dialogue_video-details .tooltip .tooltip-inner,
  .c-sb-pages_video-details--building-sentences .tooltip .tooltip-inner,
  .c-sb-transcript-focus_video-details .tooltip .tooltip-inner {
    font-size: 7px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 400px) {
  .c-building-sentences_video-details .tooltip,
  .c-sl-vid__desc .tooltip,
  .c-sb-dialogue_video-details .tooltip,
  .c-sb-pages_video-details--building-sentences .tooltip,
  .c-sb-transcript-focus_video-details .tooltip {
    width: 70px;
  }
}

.c-sb-transcript-focus_video-details #js-sb-playback-rate-button {
  width: 45px;
  height: 45px;
}

/*  Apply same box-shadow as PV */
.node-type-skill-booster .container:first-of-type {
  -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
}
.node-type-skill-booster {
  /* When the radio button is hovered, add a blue background */
}
.node-type-skill-booster .c-custom-label__radio .c-custom-input__radio:hover ~ .c-checkmark:not(.c-checkmark--good):not(.c-checkmark--failed):not(.selected-checkmark):not(.nohover) {
  background-color: #FFFFFF;
  border: 1px solid #4A90E2;
  /* Show the indicator (dot/circle) when hovered */
}
.node-type-skill-booster .c-custom-label__radio .c-custom-input__radio:hover ~ .c-checkmark:not(.c-checkmark--good):not(.c-checkmark--failed):not(.selected-checkmark):not(.nohover):after {
  display: block;
}

.c-checkmark--good {
  border: none;
}

.c-sb_container {
  max-width: 1440px;
  width: 100%;
  padding: 15px 0 30px 0;
  background: #FFFFFF;
}
.c-sb_title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.27px;
  line-height: 34px;
  margin: 0;
}
.c-sb_title p {
  margin: 0;
}
.c-sb_title p span {
  display: block;
  color: #999999;
  font-family: "Open Sans";
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.21px;
}
.c-sb_header-page-icon {
  height: 62.03px;
  max-width: 62.03px;
  width: 100%;
  background-color: #ABAADA;
  border-radius: 50%;
  margin-right: 20px;
}
.c-sb_subtitle {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 16px;
  letter-spacing: -0.17px;
  line-height: 22px;
  font-weight: 400;
  margin-top: 10px;
  width: 100%;
}
.c-sb_subtitle--skill-test {
  max-width: 735px;
}
.c-sb_details-progress-score {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.c-sb_progress {
  width: 100%;
  height: auto;
}
.c-sb_progress ul {
  float: right;
  list-style: none;
  padding-left: 0;
}
.c-sb_progress li {
  display: inline-block;
  overflow: hidden;
  width: 20px;
  min-height: 20px;
  margin: 0 0 0 9px;
  border-radius: 100%;
  background-color: #D8D8D8;
}
.c-sb {
  /* progress */
}
.c-sb_progress-li-current {
  background-color: #B0B0B0 !important;
}
.c-sb_progress-li-failed {
  background-color: #EF7C8E !important;
}
.c-sb_progress-li-correct {
  background-color: #80E0C9 !important;
}
.c-sb_progress-li-played {
  background-color: #4A90E2 !important;
}
.c-sb_score {
  float: right;
  color: #BCBCBC;
  font-family: "Open Sans";
  font-size: 20px;
  letter-spacing: -0.25px;
  line-height: 27px;
  font-weight: 400;
}
.c-sb_score span {
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 20px;
  letter-spacing: -0.33px;
  line-height: 27px;
  font-weight: 600;
}
.c-sb_score span .big-no {
  font-size: 26px;
}
.c-sb-pages_video-details {
  border-radius: 0 0 4px 4px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  padding: 13px 20px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}
.c-sb-pages_video-title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 22px;
  letter-spacing: -0.24px;
  font-weight: 400;
  margin: 0;
}
.c-sb__btn-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 20px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.c-sb__step-btn {
  min-width: 235px;
  background-color: #4A90E2;
  border: 0;
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
  text-align: center;
  border-radius: 25px;
  padding: 15px;
  text-decoration: none;
}
.c-sb__step-btn:disabled {
  background-color: #FFFFFF;
  border: 1px solid #CDCECF;
  color: #CDCECF;
}
.c-sb__step-btn:disabled:hover {
  color: #CDCECF;
}
.c-sb__step-btn:hover {
  color: #FFFFFF;
  text-decoration: none;
}
.c-sb-video-img__title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 24px;
  margin: 0 0 5px;
}
.c-sb-video-img_subtitle {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.17px;
  line-height: 22px;
  margin: 0 0 3px;
  display: block;
}
.c-sb_title--resp {
  display: none;
}

.expression-details--content em {
  color: #4A90E2;
  font-weight: 600;
}

.main-navbar__title.c-sb-main-navbar__title {
  color: #FFFFFF;
  font-size: 22px;
  letter-spacing: -0.28px;
  line-height: 36px;
  font-weight: 400 !important;
  margin: 0;
}
.main-navbar__title.c-sb-main-navbar__title span {
  color: #BEBEBE;
  margin-left: 7px;
}

.is-qioz .c-sb-main-navbar__title {
  color: #36393F;
}

/* Badge */
.c-sb-badge_card-circle {
  background-color: transparent;
  display: block;
  margin: 0 auto;
  height: 255px;
  width: 255px;
  /* Classes for badge state default/gold/silver/bronze */
}
.c-sb-badge_card-circle.default-state {
  background-repeat: no-repeat;
  background-position: -1031px -39px;
  background-size: 1285px 395px;
}
.c-sb-badge_card-circle.gold-state {
  background-position: -3px -3px;
  background-size: 932px 251px;
  background-repeat: no-repeat;
  border-radius: 0%;
}
.c-sb-badge_card-circle.silver-state {
  background-repeat: no-repeat;
  border-radius: 0%;
  background-position: -234px -3px;
  background-size: 936px 260px;
}
.c-sb-badge_card-circle.bronze-state {
  background-repeat: no-repeat;
  border-radius: 0%;
  background-position: -468px -2px;
  background-size: 936px 260px;
}

.c-sb {
  /* Steps progress */
}
.c-sb_progress-steps-container {
  border-radius: 0 0 6px 6px;
  border-top: 1px solid #D6D6D6;
  margin: 0;
  padding: 28px 27px 15px;
  text-align: center;
}
.c-sb_progress-steps-container a {
  color: #262e31;
}
.c-sb_progress-steps-container a:hover {
  text-decoration: none;
}
.c-sb_progress-step-container {
  display: inline-block;
  vertical-align: top;
}
.c-sb_progress-step-design {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-sb-canvas {
  left: 0;
  position: absolute;
  top: 0;
}
.c-sb_progress-step-icon-score-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ABAADA;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 77%;
  margin: 0 auto;
  width: 77%;
}
.c-sb_progress-step-icon-score-container img {
  height: 50%;
  width: 50%;
}
.c-sb_progress-step-icon-score-container span {
  color: #FFFFFF;
  display: none;
  font-family: "Open Sans";
  font-weight: 600;
}
.c-sb_progress-step-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #4B4B4B;
  font-family: "Open Sans";
  letter-spacing: -0.17px;
  line-height: 22px;
  text-align: center;
  font-weight: 400;
}
.c-sb_non-playable-progress-step {
  opacity: 0.5;
}
.c-sb_current-progress-step {
  -webkit-transform: scale(1.4);
          transform: scale(1.4);
}

.c-word-card-shadow {
  position: absolute;
  border-radius: 10px;
  background-color: rgba(234, 234, 234, 0.7);
}

.c-video-card-shadow {
  position: absolute;
}
.c-video-card-shadow__video-placeholder {
  width: 174px;
  height: 98px;
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: rgba(234, 234, 234, 0.7);
}
.c-video-card-shadow__icon-placeholder {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: rgba(234, 234, 234, 0.7);
  top: 0;
  left: 0;
  padding: 0;
  position: absolute;
}

.c-sb-building-sentences-step .c-fullscreen-icon--score-page,
.c-sb-dialogue-step .c-fullscreen-icon--score-page,
.c-sb_container--transcript .c-fullscreen-icon--score-page,
.c-sb-advanced-comprehension .c-fullscreen-icon--score-page {
  margin: 10px 15px 0 20px !important;
}

/*  === Media Queries ===  */
@media (min-width: 601px) and (max-width: 991px) {
  .main-navbar-lingua .main-navbar__title.c-sb-main-navbar__title {
    font-size: 18px;
    line-height: 25px;
  }
  .main-navbar-lingua .main-navbar__title.c-sb-main-navbar__title span {
    display: block;
  }
}
@media (max-width: 623px) {
  .c-sb-score_circle-current {
    margin: 0 5px 20px;
  }
}
@media (max-width: 600px) {
  .c-sb-transcript-focus_cues-container {
    padding-left: 0;
  }
  .c-sb-advanced-comprehension .c-sl-quickview__table-cell {
    padding-left: 20px !important;
  }
  .c-sb_score {
    margin: 0;
  }
  .c-sb_progress ul {
    margin: 0;
  }
  .c-sb_title {
    font-size: 27px;
  }
  .c-sb_subtitle {
    font-size: 16px;
  }
  .c-sb_header-page-icon {
    height: 54px;
    max-width: 54px;
  }
  .c-sb__btn-container {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 450px) {
  .c-sb_progress ul {
    margin: 0;
  }
  .c-sb_progress ul li {
    min-height: 16px;
    max-width: 16px;
    margin: 0 0 0 5px;
  }
  .c-sb_score {
    font-size: 16px;
  }
  .c-sb_score span {
    font-size: 20px;
  }
  .c-sb_title {
    display: none;
  }
  .c-sb_title--resp {
    font-size: 18px;
    margin-bottom: 15px;
    color: #4B4B4B;
    font-family: "Open Sans";
    letter-spacing: -0.32px;
    line-height: 15px;
    font-weight: 400;
    float: left;
    position: absolute;
    top: 10px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
  }
  .c-sb-steps_header-title-resp {
    top: 46px;
    padding-left: 10px;
  }
  .c-sb_container {
    padding: 10px;
  }
  .c-sb_subtitle {
    font-size: 14px;
    letter-spacing: -0.16px;
    line-height: 18px;
    margin-top: 5px;
  }
  .c-sb_details-progress-score {
    padding-right: 0;
    padding-bottom: 10px;
  }
  .c-sb-pages_video-title {
    font-size: 18px;
  }
}
@media (max-width: 340px) {
  .c-sb-steps_header-title-resp {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .c-sb_progress-steps-container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 970px) {
  .c-sb_progress-steps-container {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 970px) and (max-width: 1025px) {
  .c-sb-signs_progress-steps-container {
    display: block;
  }
}
@media (min-width: 624px) and (max-width: 1160px) {
  .c-sb-score_circle-current {
    margin: 0 15px 0;
  }
}
@media (max-width: 360px) {
  .c-sb_progress-step-container {
    margin: 15px 15px;
    width: 100px;
  }
}
@media (min-width: 361px) and (max-width: 767px) {
  .c-sb_progress-step-container {
    width: 100px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .c-sb_progress-step-container {
    width: 115px;
  }
}
@media (min-width: 992px) {
  .c-sb_progress-step-container {
    width: 108px;
  }
}
@media (max-width: 767px) {
  .c-sb_progress-step-design {
    height: 100px;
  }
  .c-sb_current-progress-step {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .c-sb_progress-step-design {
    height: 115px;
  }
}
@media (min-width: 992px) {
  .c-sb_progress-step-design {
    height: 108px;
  }
}
@media (max-width: 767px) {
  .c-sb_progress-step-icon-score-container span {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .c-sb_progress-step-icon-score-container span {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .c-sb_progress-step-icon-score-container span {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .c-sb_progress-step-name {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .c-sb_progress-step-name {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .c-sb_progress-step-name {
    font-size: 16px;
  }
}
@media (max-width: 450px) {
  .c-sb_progress-step-name {
    font-size: 15px;
    letter-spacing: -1px;
  }
}
.c-sb-status_icon {
  height: 96px;
  width: 57px;
  content: "";
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
  float: left;
  position: absolute;
  top: -3px;
}
.c-sb-status__container {
  position: relative;
  min-height: 350px;
  padding: 30px 0 23px;
}
.c-sb-status__container .c-sb-status_icon {
  margin-left: 36px;
}
.c-sb-status__container p {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 18px;
  letter-spacing: -0.19px;
  line-height: 37px;
  text-align: center;
  margin-top: 14px;
  padding: 0 35px;
  font-weight: 400;
}
.c-sb-status__container p:first-of-type {
  font-size: 25px;
  font-weight: 600;
  letter-spacing: -0.27px;
  line-height: 34px;
  padding: 0;
  max-width: 420px;
  margin: 0 auto;
}
.c-sb-status_score {
  color: #4A90E2;
  font-weight: 600;
  font-size: 20px;
}
.c-sb-status_btn-div {
  max-width: 652px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 30px 0 0;
  padding-top: 10px !important;
}
.c-sb-status_btn-div a {
  margin: 0 auto;
}

.c-sl-endlesson__col.c-sb-status__col {
  padding: 10.7% 0;
}

@media (max-height: 910px) {
  .c-sl-endlesson__col.c-sb-status__col {
    padding: 6% 0;
  }
}
.c-sb-endlesson__message {
  padding: 20px 35px 0 35px !important;
}

@media (max-width: 600px) {
  .c-sb-status__container p:first-of-type {
    padding: 0 55px;
  }
}
@media (max-width: 450px) {
  .c-sb-status__container {
    padding: 60px 0 23px;
  }
  .c-sb-status__container p {
    font-size: 16px;
    line-height: 30px;
    padding: 0;
  }
  .c-sb-status__container p:first-of-type {
    font-size: 18px !important;
    line-height: 27px;
    padding: 0;
  }
  .c-sb-status__container .c-vb-status__score span {
    font-size: 19px !important;
  }
  .c-sb-status__container .english-boosts-sentence {
    font-size: 16px;
    line-height: 27px;
  }
  .c-sb-status_score {
    font-size: 15px;
  }
  .c-sb-status_btn-div a {
    padding: 15px 65px;
  }
  .c-sb-status__col {
    padding: 0;
  }
}
.c-sb-endlesson_table-container {
  max-width: 510px;
  width: 100%;
  float: right;
}
.c-sb-endlesson_table-container td {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.21px;
  border-color: #FFFFFF !important;
  border-style: solid;
  border-width: 0 4px 3px 0;
}
.c-sb-endlesson_table-container td:first-of-type {
  background-color: #F3F3F3;
  padding: 13px 0 13px 30px;
}
.c-sb-endlesson_table-container td:last-of-type {
  background-color: #E7E7E7;
  padding: 13px 23px;
  text-align: center;
}
.c-sb-endlesson_total-score-row {
  background-color: #E7E7E7 !important;
  border-right: 0 !important;
  text-align: left !important;
}
.c-sb-endlesson_first-td td:first-of-type {
  border-radius: 6px 0 0 0;
}
.c-sb-endlesson_first-td td:last-of-type {
  border-radius: 0 10px 0 0;
}
.c-sb-endlesson__card-container {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.21px;
  max-width: 505px;
  width: 100%;
  min-height: 390px;
  float: left;
  padding: 20px 50px;
}
.c-sb-endlesson__card-container h2 {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 25px;
  font-weight: 600;
  letter-spacing: -0.21px;
}
.c-sb-endlesson_card-title {
  font-size: 25px;
  margin-bottom: 5px;
}
.c-sb-endlesson_card-subtitle {
  font-size: 17px;
}
.c-sb-endlesson_card-description {
  font-size: 14px;
  margin: 15px 0 23px 0;
  line-height: 30px;
}
.c-sb-endlesson_card-circle {
  background-color: #D8D8D8;
  display: block;
  border-radius: 50%;
  margin: 0 auto;
  height: 153px;
  width: 153px;
}
.c-sb-endlesson_title {
  text-align: center;
  display: block;
  padding-top: 20px;
  color: #6B6B6B;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.26px;
  line-height: 33px;
}
.c-sb-endlesson_btn {
  display: block;
  float: unset;
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  white-space: normal;
}
.c-sb-endlesson__table-promodule {
  float: unset;
  margin: 0 auto;
}

@media (max-width: 991px) {
  .c-sb-endlesson_table-container, .c-sb-endlesson__card-container {
    float: unset;
    margin: 0 auto;
  }
  .c-sb-endlesson_table-container {
    margin-bottom: 20px;
  }
}
@media (max-width: 450px) {
  .c-sb-endlesson_title {
    font-size: 18px;
    line-height: 27px;
  }
  .c-sb-endlesson_table-container td {
    font-size: 15px;
  }
  .c-sb-endlesson_card-title {
    font-size: 20px;
  }
  .c-sb-endlesson_card-subtitle {
    font-size: 14px;
  }
  .c-sb-endlesson_card-description {
    font-size: 13px;
  }
  .c-sb-endlesson_card-circle {
    height: 80px;
    width: 80px;
  }
  .c-sb-endlesson__card-container {
    min-height: 290px;
    padding: 20px;
  }
}
.c-geolocalization_container {
  max-width: 1440px !important;
  width: 100%;
  padding: 110px 0px !important;
  background: #FFFFFF;
  -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
}
.c-geolocalization-row_container {
  margin: 0;
}
.c-geolocalization-text_container {
  max-width: 389px;
  width: 100%;
}
.c-geolocalization-text_container h1 {
  font-size: 25px;
  font-weight: 600;
  color: #2F3136;
}
.c-geolocalization-text_container p {
  color: #2F3136;
  font-family: "Open Sans";
  font-size: 16px;
  letter-spacing: -0.21px;
  line-height: 22px;
  font-weight: 400;
}
.c-geolocalization-text_container p span {
  color: #FF3333;
  font-weight: 600;
}
.c-geolocalization-info {
  position: absolute;
  top: 54%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.c-geolocalization-info_container {
  height: 500px;
  position: relative;
}
.c-geolocalization-image_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 70px;
}
.c-geolocalization-image_container img {
  max-width: 668px;
  width: 100%;
}
.c-geolocalization-btn {
  height: 36px;
  width: 100px;
  border-radius: 20.5px;
  background-color: #FF3333;
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 13px;
  letter-spacing: -0.14px;
  line-height: 18px;
  text-align: center;
  padding: 0;
  margin-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-service-unavailable {
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  left: 50%;
}
@media (max-width: 991px) {
  .c-service-unavailable {
    left: 0%;
  }
}
.c-service-unavailable .c-geolocalization-text_container {
  max-width: 950px;
}

@media (max-width: 991px) {
  .c-geolocalization-image_section {
    padding-top: 0;
  }
  .c-geolocalization-info {
    width: 100%;
    position: relative;
    -webkit-transform: none;
            transform: none;
    top: 5%;
  }
  .c-geolocalization-text_container {
    margin: 0 auto;
    text-align: center;
  }
  .c-geolocalization-info_container {
    height: 300px;
  }
  .c-geolocalization-btn {
    height: 40px;
    max-width: 194px;
    width: 100%;
    font-size: 15px;
    margin: 0 auto;
  }
}
@media (max-width: 450px) {
  .c-geolocalization-text_container h1 {
    font-size: 16px;
  }
  .c-geolocalization-text_container p {
    font-size: 13px;
  }
}
/* SKILL BOOSTER CATALOG */
/* HEADER */
.c-sl-catalog-header__logo--sb {
  background-color: #ABAADA;
}
.c-sl-catalog-header__logo--sb:after {
  background: #ABAADA;
  border-right-color: #9b99e3;
}

.c-sb-catalog-header__logo-img {
  background-image: url("/sites/all/themes/lingua/assets/skill-booster-icons/catalog/skill-boosters.svg");
  height: 42px;
  width: 42px;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
}

/* SEARCH */
.c-sl-catalog__col-search--sb input {
  border-bottom: 1px solid #4a90e2 !important;
}
.c-sl-catalog__col-search--sb div {
  color: #ABAADA !important;
}
.c-sl-catalog__col-search--sb .active-vb input {
  border-bottom: 1px solid #4a90e2 !important;
}
.c-sl-catalog__col-search--sb .active-vb div {
  color: #ABAADA !important;
}
.c-sl-catalog__col-search--sb .active-vb:after {
  background: #ABAADA !important;
  width: unset !important;
}

.c-vb-keyword {
  color: #ABAADA;
}

/* HERO CAROUSEL */
.c-sb-catalog__carousel .c-vb-details {
  margin: 0 !important;
  border-radius: unset !important;
}
.c-sb-catalog__carousel .c-vb-details .c-pv-close-icon {
  display: none !important;
}
.c-sb-catalog__carousel .c-vb-details .c-pv-icon-image__big-image {
  display: none !important;
}
.c-sb-catalog__carousel .carousel-indicators {
  bottom: -45px;
}
.c-sb-catalog__carousel .carousel-indicators li {
  background-color: #D8D8D8;
  width: 12px;
  height: 12px;
  margin: 0;
}
.c-sb-catalog__carousel .carousel-indicators .active {
  background-color: #ABAADA;
}
.c-sb-catalog__carousel .c-vb-details__title-container > div {
  width: unset;
}
.c-sb-catalog__carousel .c-progress {
  width: 95%;
}

.c-sb-catalog__categories {
  min-height: 56px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.c-sb-catalog__text {
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 16px;
  letter-spacing: -0.17px;
  line-height: 22px;
  font-weight: 400;
  padding-left: 28px;
  margin-bottom: 0;
}
.c-sb-catalog-carousel__wrapper {
  overflow: hidden;
  background-color: #F7F7F8;
}
.c-sb-catalog-carousel__wrapper .c-sb__info {
  padding: 20px 0 0 40px;
}
.c-sb-catalog-carousel__wrapper .c-category-slider__container {
  -webkit-box-shadow: 0 -5px 10px -5px #EDECF8, 0 5px 10px -5px #EDECF8;
          box-shadow: 0 -5px 10px -5px #EDECF8, 0 5px 10px -5px #EDECF8;
  margin: 13px 0;
}

.c-sb-details .c-vb-details__btns {
  padding-top: 0;
}
.c-sb-details .c-vb-details__title {
  font-size: 26px;
  line-height: 30px;
}
.c-sb-details .c-vb-details__title2 {
  font-size: 16px;
}

.c-sb__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-sb__info-icon {
  height: 30px;
  width: 30px;
  background-image: url("/sites/all/themes/lingua/assets/skill-booster-icons/catalog/sb-completed.svg");
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
}
.c-sb__info-icon.empty-boosters {
  background-image: url("/sites/all/themes/lingua/assets/skill-booster-icons/catalog/sb-how-many.svg");
}
.c-sb__info-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-sb__info-text {
  color: #4A4A4A;
  font-family: "Open Sans";
  font-size: 12px;
  letter-spacing: -0.15px;
  line-height: 17px;
  margin-bottom: 0;
  padding-left: 10px;
  font-weight: 400;
}

@media (max-width: 991px) {
  .c-sb-catalog__carousel .carousel-indicators {
    top: auto !important;
    width: 60% !important;
    bottom: -30px !important;
    left: 50% !important;
    margin-left: -30%;
  }
  .c-row-header-catalog--sb,
  .c-sl-catalog-row {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .c-row-header-catalog--sb {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .c-row-header-catalog--sb .c-vb-catalog__col-breadcrumbs {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
  }
  .c-sb-catalog__carousel .c-vb-details {
    display: block;
    position: relative;
    top: 0;
    overflow-y: hidden;
    height: auto;
    min-height: auto;
  }
  .c-sb-catalog__carousel .c-vb-details__header, .c-sb-catalog__carousel .c-vb-details__category {
    display: none;
  }
  .c-sb-catalog__carousel .c-vb-details__footer {
    padding: 0;
  }
  .c-sb-catalog__carousel .c-vb-details__clip-name, .c-sb-catalog__carousel .c-vb-details__content-block {
    display: none !important;
  }
  .c-sb-catalog__carousel .c-vb-details_desc-block {
    height: auto;
  }
  .c-sb-catalog__carousel .c-bottom-page {
    display: none;
  }
}
@media (max-width: 600px) {
  .c-sb-catalog-carousel__wrapper .c-sb__info {
    padding-left: 20px;
  }
}
/* no exercises found styles */
.no-exercises-found {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 50vh;
}
.no-exercises-found .exclamation-icon {
  background-image: url("/sites/all/themes/lingua/assets/no-results.svg");
  background-size: cover;
  background-position: center;
  width: 300px;
  height: 300px;
}

.c-sb-details .c-starterlab-des {
  padding-top: 0;
  font-weight: 400;
  float: left;
}
.c-sb-details .c-progress {
  background-color: #97989A;
}
.c-sb-details__spacing {
  padding-bottom: 10px !important;
}
.c-sb-details .c-vb-details__caption-title {
  color: #BFBFBF;
}
.c-sb-details .c-vb-details__btns {
  padding-bottom: 0;
}
.c-sb-details .c-vb-details__content-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-weight: 400;
}
.c-sb-details .c-vb-details__photo {
  background-position: center;
}
.c-sb-details .c-vb-details__header-icon {
  background-image: url("/sites/all/themes/lingua/assets/skill-booster-icons/catalog/skill-boosters.svg");
  background-color: #ABAADA;
}

.c-card-details_minus-space {
  margin: 0 5px;
}

.c-sb-card-details_description-div {
  height: auto;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 5px;
}
.c-sb-card-details_description {
  color: #FAFAFA;
  font-size: 14px;
  font-weight: 400;
  float: left;
  margin: 8px 0 0;
}

.c-sb-details-wrapper {
  position: relative;
}
.c-sb-details-wrapper .c-sb-card-details_new-words {
  float: left;
}

/* Train badge */
.c-sb-badge-train {
  top: 60px;
  width: 197px;
  height: 197px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #434950;
  border-radius: 50%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin: 0 auto;
  background: url("/sites/all/themes/lingua/assets/skill-booster-icons/catalog/Badges-sprite.svg");
  /* Classes for badge state default/gold/silver/bronze */
}
.c-sb-badge-train.default-train {
  background-repeat: no-repeat;
  background-position: -730px -11px;
  background-size: 935px 257px;
}
.c-sb-badge-train.gold-train {
  width: 200px;
  height: 200px;
  background-position: -3px 8px;
  background-size: 716px 189px;
  background-repeat: no-repeat;
  border-radius: 0%;
}
.c-sb-badge-train.gold-train .c-sb-badge__info {
  display: none;
}
.c-sb-badge-train.silver-train {
  width: 200px;
  height: 200px;
  background-repeat: no-repeat;
  border-radius: 0%;
  background-position: -173px -2px;
  background-size: 713px 205px;
}
.c-sb-badge-train.silver-train .c-sb-badge__info {
  display: none;
}
.c-sb-badge-train.bronze-train {
  width: 200px;
  height: 200px;
  background-repeat: no-repeat;
  border-radius: 0%;
  background-position: -360px -2px;
  background-size: 713px 205px;
}
.c-sb-badge-train.bronze-train .c-sb-badge__info {
  display: none;
}

.c-sb-badge__info {
  height: 25px;
  width: 130px;
  border: 1px solid #E5E5F3;
  border-radius: 12.5px;
  background-color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  bottom: -10px;
}
.c-sb-badge__info-text {
  color: #2F3136;
  font-family: "Open Sans";
  font-size: 10px;
  letter-spacing: -0.12px;
  line-height: 14px;
  margin-bottom: 0;
  text-align: center;
  font-weight: 400;
}

@media (min-width: 1180px) {
  .c-sb-details-wrapper .c-sb-details__spacing {
    padding: 15px 0 !important;
  }
}
@media (min-width: 800px) {
  .c-sb-details-wrapper .c-vb-details__btns {
    width: 100%;
  }
}
@media (min-width: 600px) {
  .c-sb-details-wrapper .c-vb-content__caption-block {
    padding: 0;
  }
}
@media (min-width: 601px) and (max-width: 799px) {
  .c-sb-details-wrapper {
    max-height: unset !important;
  }
  .c-sb-details-wrapper .c-sb-badge-train {
    margin: 10px auto;
  }
}
@media (max-width: 600px) {
  .c-sb-details {
    max-width: 1440px !important;
    width: 100% !important;
  }
  .c-sb-details .c-vb-details__btns {
    padding: 0 10px;
  }
  .c-sb-details .c-vb-details__content-block {
    display: block;
  }
  .c-sb-details .c-sb-badge-train {
    margin: 10px auto;
  }
}
.c-sb-thumbnail .c-videobooster__details {
  padding-top: 5px;
}
.c-sb-thumbnail .c-videobooster__title {
  padding-top: 0;
}
.c-sb-thumbnail:hover .c-sb-badge-text {
  opacity: 1;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.c-sb-thumbnail .card-overlay .fa-info-circle {
  bottom: 10px;
  color: #C7C7C7;
  cursor: pointer;
  font-size: 15px;
  position: absolute;
  left: 10px;
  bottom: 0;
}
.c-sb-thumbnail .card-overlay .fa-info-circle:hover {
  color: #4A90E2;
}

.c-sb-badge__wrapper {
  position: relative;
  padding-top: 5px;
}
.c-sb-badge-text {
  height: 18px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border-radius: 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 20px 0 30px;
  font-family: "Open Sans";
  font-size: 10px;
  letter-spacing: -0.12px;
  line-height: 14px;
  font-weight: 400;
  text-align: right;
  background-color: transparent;
  border: 1px solid #E5E5F3;
  color: #B8B8D2;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: translateX(0.5em);
          transform: translateX(0.5em);
}
.c-sb-badge-text.gold-bg {
  background-color: #F4C109;
  border: 1px solid #F4C109;
  color: #FFFFFF;
}
.c-sb-badge-text.silver-bg {
  background-color: #BEBEC1;
  border: 1px solid #CECED7;
  color: #FFFFFF;
}
.c-sb-badge-text.bronze-bg {
  background-color: #C38352;
  border: 1px solid #D5925E;
  color: #FFFFFF;
}
.c-sb-badge-icon {
  position: absolute;
  height: 18px;
  width: 18px;
  background-image: url("/sites/all/themes/lingua/assets/skill-booster-icons/catalog/empty-badge.svg");
  border-radius: 9px;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}
.c-sb-badge-icon.gold-badge {
  background-image: url("/sites/all/themes/lingua/assets/skill-booster-icons/catalog/gold-badge-check.svg");
}
.c-sb-badge-icon.silver-badge {
  background-image: url("/sites/all/themes/lingua/assets/skill-booster-icons/catalog/silver-badge-check.svg");
}
.c-sb-badge-icon.bronze-badge {
  background-image: url("/sites/all/themes/lingua/assets/skill-booster-icons/catalog/bronze-badge-check.svg");
}

@media (min-width: 600px) {
  .c-sb-signs .c-sb-vid__header-title-vocab, .c-sb-signs .c-sb-vid__header-title-video {
    font-size: 25px;
    line-height: 27px;
  }
}
@media (min-width: 600px) {
  .c-sb-signs .c-sb-vid__header-desc-vocab {
    font-size: 18px;
    letter-spacing: -0.19px;
    line-height: 20px;
  }
}
.c-sb-signs .vjs-theme.video-js .vjs-text-track-display > div > div > div {
  background-color: rgba(0, 0, 0, 0.4) !important;
  border: none;
  border-radius: 10px;
  color: #FFFFFF !important;
  font-weight: 600;
}

.c-video-sign-buttons {
  padding: 13px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.c-video-sign-buttons span {
  margin-bottom: 22px;
}
.c-video-sign-buttons span:last-of-type {
  margin-bottom: 0;
}

.c-signs-play-btn {
  background-image: url("/sites/all/themes/lingua/assets/lsf/play.svg");
  height: 45px;
  width: 45px;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
  position: relative;
}

.c-signs-playback-rate-btn {
  background-image: url("/sites/all/themes/lingua/assets/lsf/playback-rate.svg");
  height: 50px;
  width: 50px;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
  position: relative;
}

.c-signs-reload-btn {
  background-image: url("/sites/all/themes/lingua/assets/lsf/reload.svg");
  height: 50px;
  width: 50px;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
  position: relative;
}

.c-signs-move-icon {
  background-image: url("/sites/all/themes/lingua/assets/lsf/move.svg");
  width: 42px;
  height: 42px;
  cursor: move;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  position: relative;
  z-index: 1;
}

.c-exercise-answers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 0;
}
.c-exercise-answers_answer {
  margin-bottom: 24px;
  min-height: 179px;
}
@media (max-width: 600px) {
  .c-exercise-answers_answer {
    margin-bottom: 20px !important;
  }
}
.c-exercise-answers_answer .c-expresion {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 26px;
  font-weight: 400;
  margin-top: 12px;
  margin-left: 59px;
}
.c-exercise-answers .form-item {
  margin-right: 34px;
  position: relative;
  padding: 0;
  margin-bottom: 12px;
}
.c-exercise-answers .form-item .c-video-container {
  position: relative;
}
.c-exercise-answers .form-item video {
  background-color: transparent;
  -webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 139px;
}

.c-sb-signs-vocabulary .c-details-section {
  width: 100%;
}
.c-sb-signs-vocabulary .video-js, .c-sb-signs-vocabulary video {
  width: 100%;
  border-radius: 6px;
  -webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.2);
}
.c-sb-signs-vocabulary .c-carousel-video-container {
  position: relative;
}

.c-sb-signs-comprehension .c-sl-quickview__photo-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-sb-signs-comprehension .c-sb-vocab__carousel .video-js, .c-sb-signs-comprehension .c-sb-vocab__carousel video {
  -webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.2);
}

.c-vocab-tab-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-vocab-tab-container .c-vocab-tabs-section {
  width: 40%;
}
.c-vocab-tab-container .c-vocab-tabs-section .c-tabs-list li {
  padding-bottom: 16px;
}
.c-vocab-tab-container .c-vocab-tabs-section .c-tabs-list li:last-of-type {
  padding-bottom: 0;
}
.c-vocab-tab-container .c-vocab-tabs-section .c-tabs-list .c-tab-header.active .c-expression {
  color: #4A90E2;
}
.c-vocab-tab-container .c-vocab-tabs-section .c-tabs-list .c-tab-header.active a {
  text-decoration: none;
}
.c-vocab-tab-container .video-js, .c-vocab-tab-container video {
  -webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.2);
}
.c-vocab-tab-container .c-expression {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 15px;
  letter-spacing: -0.16px;
  line-height: 17px;
  font-weight: 400;
}
.c-vocab-tab-container .c-vocab-tab-content {
  margin-left: 15px;
  width: 60%;
}

.c-sb-signs-recognition .c-sl-quickview__photo-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-sb-signs-recognition .c-sb-vocab__carousel .video-js, .c-sb-signs-recognition .c-sb-vocab__carousel video {
  -webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.2);
}
.c-sb-signs-recognition .c-video-container {
  width: 248px;
}
.c-sb-signs-recognition .c-exercise-answers {
  padding-left: 0;
}
.c-sb-signs-recognition .signs-set {
  display: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.c-sb-signs-recognition .active-set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-sb-signs-recognition .nohover {
  cursor: default;
}

.c-sb-signs-dialogue .c-sb-dialogue__exercise {
  padding-left: 0;
}
.c-sb-signs-dialogue .c-video-container {
  width: 247px;
}
.c-sb-signs-dialogue .c-sb-dialogue__translations {
  padding-bottom: 0;
}
.c-sb-signs-dialogue .c-sb-dialogue__exercise-text,
.c-sb-signs-dialogue .c-exercise-answers_answer,
.c-sb-signs-dialogue .c-dialogue-next-step-button,
.c-sb-signs-dialogue .c-expresion {
  display: none;
}
.c-sb-signs-dialogue .c-sl-comprehension__points-step--good {
  background-color: #80E0C9 !important;
}
.c-sb-signs-dialogue .c-sl-comprehension__points-step--wrong {
  background-color: #EF7C8E !important;
}

.c-sb-signs-association .c-sl-quickview__photo-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-sb-signs-association .c-sb-building-sentences_btn {
  display: none;
}

.c-association-exercise .c-exercise-container {
  margin-left: 60px;
  margin-bottom: 28px;
}
.c-association-exercise .c-exercise-container__text {
  color: #4B4B4B;
  font-size: 21px;
  font-weight: 400;
  padding-left: 6px;
}
.c-association-exercise .c-exercise-container__videos-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 1px solid #D8D8D8;
  padding-bottom: 36px;
  padding-left: 6px;
}
.c-association-exercise .c-exercise-container__videos-container .c-video-expression-block {
  margin-right: 95px;
  margin-top: 28px;
}
.c-association-exercise .c-exercise-container__videos-container .c-video-expression-block__video {
  position: relative;
  width: 178px;
  margin-bottom: 16px;
}
.c-association-exercise .c-exercise-container__videos-container .c-video-expression-block__video video {
  width: 100%;
  height: 100%;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);
}
.c-association-exercise .c-exercise-container__videos-container .c-video-expression-block__video .c-video-sign-buttons {
  padding: 6px;
}
.c-association-exercise .c-exercise-container__videos-container .c-video-expression-block__expression {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 54px;
  width: 178px;
  border: 1px dashed #4A90E2;
  border-radius: 4px;
  background-color: #EAEAEA;
}
.c-association-exercise .c-exercise-container__videos-container .c-video-expression-block__expression .c-expression-list__expression {
  background-color: #4A90E2;
  border-radius: 4px;
  color: #fff;
  cursor: move;
  display: block;
  font-size: 18px;
  padding: 14px 7px;
  text-align: center;
}
.c-association-exercise .c-exercise-container__expression-container .c-expression-list {
  padding-top: 40px;
  padding-left: 9px;
}
.c-association-exercise .c-exercise-container__expression-container .c-expression-list__expression {
  position: relative;
  margin: 0 43px 25px 0;
  height: 48px;
  min-width: 172px;
  border-radius: 4px;
  background-color: #4A90E2;
  display: inline-block;
  -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  color: #FFFFFF;
  cursor: move;
  font-size: 18px;
  letter-spacing: -0.19px;
  line-height: 19px;
  padding: 14px 7px;
  user-select: none;
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+/Edge */
}
@media (min-width: 1440px) {
  .c-association-exercise .c-exercise-container__expression-container .c-expression-list__expression:last-of-type {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .c-association-exercise .c-exercise-container {
    margin-left: 0;
    margin-top: 25px;
  }
}
.c-association-exercise .c-association-filled-word-area {
  border: 0 !important;
}
.c-association-exercise .c-association-correct-word {
  background-color: #80E0C9 !important;
  cursor: default;
}
.c-association-exercise .c-association-incorrect-word {
  background-color: #EF7C8E !important;
}

.c-sb-signs-expression .vjs-poster {
  cursor: move;
}
.c-sb-signs-expression .c-sb-building-sentences_btn {
  display: none;
}

.c-expression-exercise__title {
  text-align: center;
  font-size: 24px;
  color: #4B4B4B;
  font-weight: 400;
}
.c-expression-exercise__expression {
  display: none;
  text-align: center;
  font-size: 28px;
  color: #4A90E2;
  font-weight: 600;
}
.c-expression-exercise__expression.active {
  display: block;
}
.c-expression-exercise__description {
  color: #6B6B6B;
  font-size: 21px;
  line-height: 58px;
  text-align: center;
}
.c-expression-exercise__canvases {
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 20px;
}
.c-expression-exercise__canvases .c-canvas {
  position: relative;
  width: 195px;
  height: 119px;
  margin-right: 24px;
  margin-bottom: 30px;
}
.c-expression-exercise__canvases .c-canvas__video {
  width: 174px;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100px;
  border: 2px dashed #4A90E2;
  border-radius: 5px;
}
.c-expression-exercise__canvases .c-canvas__icon {
  top: 0;
  left: 0;
  position: absolute;
  width: 42px;
  height: 42px;
  border: 2px dashed #4A90E2;
  border-radius: 50%;
  background-color: #FFFFFF;
}
.c-expression-exercise__canvases .c-canvas img {
  width: 100%;
  height: 100%;
}
.c-expression-exercise__canvases.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-expression-exercise__videos {
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.c-expression-exercise__videos.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-expression-exercise .c-expression-filled-video-area .c-canvas__video {
  border: 0;
}
.c-expression-exercise .c-expression-filled-video-area .c-canvas__icon {
  border: 0;
}
.c-expression-exercise .c-expression-correct-video .c-signs-move-icon {
  background-image: url("/sites/all/themes/lingua/assets/lsf/correct.svg");
  cursor: default;
}
.c-expression-exercise .c-expression-correct-video .vjs-poster {
  cursor: default;
}
.c-expression-exercise .c-expression-incorrect-video .c-signs-move-icon {
  background-image: url("/sites/all/themes/lingua/assets/lsf/incorrect.svg");
}

.c-expression-video {
  position: relative;
  width: 195px;
  height: 119px;
  margin-right: 24px;
  margin-bottom: 30px;
}
.c-expression-video__video {
  width: 174px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.c-expression-video__video video {
  width: 100%;
  -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}
.c-expression-video__video .c-video-sign-buttons {
  padding: 5px;
}
.c-expression-video__video .c-video-sign-buttons .c-signs-play-btn {
  width: 30px;
  height: 30px;
  z-index: 1;
}
.c-expression-video__button {
  top: 0;
  left: 0;
  padding: 0;
  position: absolute;
}

.c-sb-signs-bonus-and-tips .c-description-container {
  padding-bottom: 75px;
}
.c-sb-signs-bonus-and-tips .c-end-step-btn {
  position: absolute;
  bottom: 18px;
  right: 35px;
}
@media (max-width: 450px) {
  .c-sb-signs-bonus-and-tips .c-end-step-btn {
    right: 50%;
    -webkit-transform: translate(50%);
            transform: translate(50%);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (max-width: 450px) {
  .c-sb-signs-bonus-and-tips .c-end-step-btn .c-sl-vid__step-btn {
    padding: 15px 75px;
  }
}

/* CDN LINK VARIABLE */
.is-qioz.not-logged-in {
  background-color: #EDEDED;
}

.c-annonimous__page {
  margin: 0 auto;
  max-width: 1440px;
  position: relative;
}

.js-body-overflow {
  overflow: hidden;
}

.js-body-overflow:not(:root:root) {
  height: 100%;
  overflow: hidden;
  position: fixed;
  width: 100%;
}

/* App Banner Style, see #9087 */
.c-app-banner {
  background-color: #F0F0F0;
}
.c-app-banner__img {
  padding-left: 5px;
}
.c-app-banner__img img {
  height: 68px;
  width: 68px;
}
.c-app-banner__container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 89px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 13px;
}
.c-app-banner__text {
  padding-left: 10px;
}
.c-app-banner__text p {
  margin-bottom: 0;
}
.c-app-banner__title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.05px;
  line-height: 24px;
}
.c-app-banner__info {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-app-banner__desc {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 13px;
  font-weight: 400;
  letter-spacing: -0.04px;
  line-height: 18px;
}
.c-app-banner__link a {
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.05px;
  line-height: 24px;
}
.c-app-banner__link a:hover {
  text-decoration: none;
}
.c-app-banner__close {
  color: #9E9E9E;
  cursor: pointer;
  font-family: "Open Sans";
  font-size: 24px;
  margin: -4px 0;
}

/* Annonoimous Nav Section */
.c-annonimous-nav {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 108px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  left: 0;
  padding: 0 2.084%;
  right: 0;
  top: 0;
}
@media (max-width: 510px) {
  .c-annonimous-nav {
    height: 78px;
  }
}
.c-annonimous-nav ul:not(.menu, .c-accessibility-popup_content) {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.c-annonimous-nav .ls-language-select-list {
  right: -45%;
  top: 58%;
}
@media (max-width: 1000px) {
  .c-annonimous-nav .ls-language-select-list {
    top: 62%;
  }
}
@media (max-width: 600px) {
  .c-annonimous-nav .ls-language-select-list {
    right: -80%;
  }
}
@media (max-width: 525px) {
  .c-annonimous-nav .ls-language-select-list {
    right: -60% !important;
  }
}
@media (max-width: 415px) {
  .c-annonimous-nav .ls-language-select-list {
    right: 0;
    left: -70% !important;
  }
}
@media (max-width: 370px) {
  .c-annonimous-nav .ls-language-select-list {
    right: 0;
    left: -130% !important;
  }
}
.c-annonimous-nav .ls-language-select-list:before, .c-annonimous-nav .ls-language-select-list:after {
  left: 59%;
}
@-moz-document url-prefix() {
  .c-annonimous-nav .ls-language-select-list {
    top: 60%;
  }
}
.c-annonimous-nav .ls-language-selector {
  background: transparent;
  border: 0;
}
.c-annonimous-nav .ls-language-selector:after, .c-annonimous-nav .ls-language-selector:before {
  font-size: 30px;
  font-weight: 400;
}
.c-annonimous-nav .ls-button__sign-in {
  border: 2px solid #4B4B4B;
  border-radius: 30px;
  color: #2F3136;
  font-family: "Open Sans";
  font-size: 1.111em;
  font-weight: 600;
  height: 50px;
  width: 188px;
  letter-spacing: -0.1px;
  line-height: 27px;
}
.c-annonimous-nav .ls-button__sign-up {
  background-color: #2F3136;
  border: 2px solid #2f3136;
  border: none;
  border-radius: 30px;
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 1.111em;
  font-weight: bold;
  height: 50px;
  letter-spacing: -0.1px;
  line-height: 27px;
  max-width: 188px;
  width: 100%;
}
.c-annonimous-nav .ls-button__sign-up.ls-button--blue-sign-up {
  background-color: #00A0D8;
}

.c-annonimous-language__container {
  position: relative;
}
.c-annonimous-language__container.is-opened {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
}

.is-qioz .c-annonimous-language__container .ls-language-select-list div a {
  clear: both;
  color: #333333;
  display: block;
  font-weight: 400;
  line-height: 1.42857143;
  padding: 3px 20px;
  white-space: nowrap;
}

@-moz-document url-prefix() {
  .is-lingua .c-annonimous-language__container.is-opened {
    height: 100px;
  }
}
.c-background {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(60%, #F7F7F7), color-stop(40%, #FFFFFF));
  background-image: linear-gradient(#F7F7F7 60%, #FFFFFF 40%);
  overflow: hidden;
}

/* Annonimous Hero Section */
.c-annonimous-hero {
  min-height: 890px;
  background-color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: url("/sites/all/themes/lingua/assets/annonimous/qioz-hero-image.png");
  background-repeat: no-repeat;
  padding: 0 15px;
}
.c-annonimous-hero__wrapper {
  margin: 0 auto;
  max-width: 1100px;
  text-align: center;
  width: 100%;
}
.c-annonimous-hero__title {
  color: #FFFFFF;
  font-family: impactFont;
  font-size: 56px;
  line-height: 76px;
  padding-bottom: 45px;
  text-align: center;
  text-shadow: 0 1px 0.5px #000000;
}
.c-annonimous-hero__subtitle {
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 36px;
  font-weight: 400;
  letter-spacing: -0.18px;
  line-height: 49px;
  margin: 0 auto;
  max-width: 725px;
  padding-bottom: 60px;
  text-align: center;
  text-shadow: 0 1px 0.5px #000000;
}
.c-annonimous-hero__btn {
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #FF3333;
  border: none;
  border-radius: 30px;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 600;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: -0.12px;
  line-height: 33px;
  margin: 0 auto;
  max-width: 390px;
  min-height: 60px;
  outline: 0;
  padding: 0;
  transition: all 0.3s ease-in;
  vertical-align: middle;
  width: 100%;
}
.c-annonimous-hero__btn:hover, .c-annonimous-hero__btn:active, .c-annonimous-hero__btn:focus {
  background-color: #FFFFFF;
  border: 1px solid #FF3333;
  color: #FF3333;
}

.is-qioz .c-annonimous-hero-wrapper-qioz {
  margin: 0;
  text-align: left;
  max-width: 1230px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.is-qioz .c-annonimous-hero-wrapper-qioz .c-logo {
  max-width: 513px;
}
.is-qioz .c-annonimous-hero-wrapper-qioz .c-annonimous-hero__title {
  max-width: 380px;
  text-align: left;
  padding-bottom: 0;
  line-height: normal;
  font-size: 35px;
  font-family: "Open Sans";
  font-weight: 600;
}
@media (max-width: 820px) {
  .is-qioz .c-annonimous-hero-wrapper-qioz .c-annonimous-hero__title {
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    padding: 10px;
  }
}
@media (max-width: 700px) {
  .is-qioz .c-annonimous-hero-wrapper-qioz .c-annonimous-hero__title {
    margin-left: auto;
    margin-right: auto;
  }
}
.is-qioz .c-annonimous-hero-wrapper-qioz .c-annonimous-hero__subtitle {
  max-width: 380px;
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 25px;
  font-weight: 400;
  letter-spacing: -0.72px;
  line-height: 40px;
  margin: 28px 0;
  text-align: left;
  padding-bottom: 0;
}
@media (max-width: 1280px) {
  .is-qioz .c-annonimous-hero-wrapper-qioz .c-annonimous-hero__subtitle {
    font-size: 20px;
    line-height: 40px;
  }
}
@media (max-width: 1024px) {
  .is-qioz .c-annonimous-hero-wrapper-qioz .c-annonimous-hero__subtitle {
    line-height: 30px;
  }
}
@media (max-width: 820px) {
  .is-qioz .c-annonimous-hero-wrapper-qioz .c-annonimous-hero__subtitle {
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    padding: 10px;
  }
}
@media (max-width: 700px) {
  .is-qioz .c-annonimous-hero-wrapper-qioz .c-annonimous-hero__subtitle {
    margin-left: auto;
    margin-right: auto;
  }
}
.is-qioz .c-annonimous-hero-wrapper-qioz .c-annonimous-hero__btn {
  max-width: 380px;
  margin: 0;
}
@media (max-width: 820px) {
  .is-qioz .c-annonimous-hero-wrapper-qioz .c-annonimous-hero__btn {
    margin: 0 auto;
  }
}
.is-qioz .c-annonimous-hero-wrapper-qioz .c-annonimous-hero__logo {
  width: 267px;
}
@media (max-width: 700px) {
  .is-qioz .c-annonimous-hero-wrapper-qioz .c-annonimous-hero__logo {
    display: block;
    width: 150px;
    margin: 20px auto;
  }
}
@media (max-width: 820px) {
  .is-qioz .c-annonimous-hero-wrapper-qioz {
    width: 100%;
    margin-top: 180px;
  }
}
@media (max-width: 700px) {
  .is-qioz .c-annonimous-hero-wrapper-qioz {
    display: block;
  }
}
@media (max-width: 660px) {
  .is-qioz .c-annonimous-hero-wrapper-qioz {
    margin-top: 250px;
  }
}
.is-qioz .c-hero-qioz {
  min-height: 921px;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  padding-left: 105px;
}
@media (max-width: 1280px) {
  .is-qioz .c-hero-qioz {
    background-position: 46% 0;
  }
}
@media (max-width: 1024px) {
  .is-qioz .c-hero-qioz {
    padding-left: 50px;
  }
}
@media (max-width: 900px) {
  .is-qioz .c-hero-qioz {
    padding: 0 15px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

/* Annonimous section */
.c-annonimous-section {
  min-height: 100%;
  height: 100%;
  padding-top: 19%;
  padding-bottom: 12%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-annonimous-section_wrapper {
  padding: 0 70px 0 80px;
}
.c-annonimous-section__title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 46px;
  font-weight: 600;
  letter-spacing: -0.22px;
  line-height: 55px;
  margin: 0;
  padding-bottom: 35px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.c-annonimous-section__desc {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 26px;
  font-weight: 400;
  letter-spacing: -0.13px;
  line-height: 36px;
  padding-bottom: 55px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.c-annonimous-section__btn {
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  background-color: transparent;
  border: 1px solid #FF3333;
  border-radius: 42.5px;
  color: #FF3333;
  font-family: "Open Sans";
  font-size: 22px;
  font-weight: bold;
  height: 67.34px;
  letter-spacing: -0.1px;
  line-height: 27px;
  transition: all 0.3s ease-in;
  width: 240px;
}
.c-annonimous-section__btn:hover, .c-annonimous-section__btn:active, .c-annonimous-section__btn:focus {
  background-color: #FF3333;
  color: #FFFFFF;
}
.c-annonimous-section__btn.c-annonimous-section--blue-btn {
  border: 1px solid #00A0D8;
  color: #00A0D8;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding-left: 30px;
  padding-right: 30px;
}
.c-annonimous-section__btn.c-annonimous-section--blue-btn:hover, .c-annonimous-section__btn.c-annonimous-section--blue-btn:active, .c-annonimous-section__btn.c-annonimous-section--blue-btn:focus {
  background-color: #00A0D8;
  color: #FFFFFF;
}
.c-annonimous-section__image {
  border-radius: 10px;
  -webkit-box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.2);
  margin: 0 auto;
  position: relative;
  width: 80%;
  z-index: 1;
}

/* No gutter */
.no-gutters {
  margin: 0 !important;
}

/* Annonimous Background Images For Each Section */
.c-annonimous-section1 {
  background-image: url("/sites/all/themes/lingua/assets/annonimous/first-shape-blue.svg"), -webkit-gradient(linear, left top, left bottom, color-stop(84%, #FFFFFF), color-stop(15%, #FFFFFF));
  background-image: url("/sites/all/themes/lingua/assets/annonimous/first-shape-blue.svg"), linear-gradient(#FFFFFF 84%, #FFFFFF 15%);
  background-repeat: no-repeat;
  background-position: bottom;
  height: 1360px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background-color: #F7F7F7;
  padding-top: 50px;
  overflow-y: hidden;
}
.c-annonimous-section1 .c-annonimous-section_wrapper {
  padding: 100px 22px 0 70px;
  width: 100%;
}
@media (max-width: 991px) {
  .c-annonimous-section1 .c-annonimous-section_wrapper {
    padding: 100px 22px 0 40px;
  }
}
.c-annonimous-section1 .c-annonimous-section__title {
  padding-top: 55px;
}
@media (min-width: 1281px) {
  .c-annonimous-section1 .c-annonimous__info-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 890px;
  }
}

@media (min-width: 992px) {
  .is-qioz .c-section-text-video-only .c-annonimous-section_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 1180px) {
  .is-qioz .c-section-text-video-only .c-annonimous-section_wrapper {
    padding-top: 20px;
  }
}
.is-qioz .c-section-text-video-only .c-hp-video-container .og-video-container {
  margin: 0 auto;
}
@media (min-width: 992px) {
  .is-qioz .c-section-text-video-only.c-annonimous-section1 {
    min-height: 1400px;
    height: auto;
  }
}

.is-qioz .c-annonimous-section1 {
  padding-top: 5px;
}

/* Language Image Carousel */
.c-annonimous__image-container {
  position: relative;
  -webkit-transform: rotateY(-30deg);
          transform: rotateY(-30deg);
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}
@media (min-height: 1175px) {
  .c-annonimous__image-container {
    opacity: 0;
  }
}
.c-annonimous__image-container .item {
  padding-bottom: 4%;
  padding-top: 10%;
}
.c-annonimous__image-container .item .c-shadow {
  opacity: 1 !important;
}

.c-perspective {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 900px;
          perspective: 900px;
}

.c-shadow {
  background-color: #E6E6E6;
  border-radius: 10px;
  height: 100%;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: -70px;
  top: -35px;
  width: 81%;
  z-index: -1;
}

/* Safary only */
.c-shadow:not(:root:root) {
  display: block;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform: translateZ(-10px) !important;
          transform: translateZ(-10px) !important;
}

.c-anon__img-wrapper {
  margin-bottom: 15px;
  position: relative;
}

.c-annonimous-section__img-text {
  bottom: 18%;
  color: #FFFFFF;
  font-size: 44px;
  letter-spacing: -0.21px;
  line-height: 58px;
  margin: 0 auto;
  max-width: 480px;
  position: absolute;
  right: 0;
  text-align: left;
  -webkit-transform: rotate(-8deg);
          transform: rotate(-8deg);
  width: 100%;
  z-index: 1;
}
.c-annonimous-section__img-text span {
  display: block;
  padding-left: 10%;
}
.c-annonimous-section__img-text--left {
  bottom: 25%;
  left: 105px;
}
.c-annonimous-section__img-text--right {
  left: 195px;
}

.c-annonimous-section__logo-and-text {
  position: absolute;
  bottom: 0;
  z-index: 1;
  left: 50%;
}
.c-annonimous-section__logo-and-text .c-logo {
  width: 50%;
  position: relative;
  left: -50%;
  margin: 0 auto;
}
.c-annonimous-section__logo-and-text .c-text {
  width: 80%;
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: italic;
  font-weight: bold;
  letter-spacing: -0.72px;
  line-height: 27px;
  text-transform: uppercase;
  margin: 10px auto 20px;
  text-align: center;
  position: relative;
  left: -50%;
}
@media (max-width: 768px) {
  .c-annonimous-section__logo-and-text .c-text {
    font-size: 15px;
    line-height: 20px;
  }
}

/* Image Switch */
.c-change-image {
  background: transparent;
  border: 0;
  border-radius: 50px;
  -webkit-filter: grayscale(50%);
          filter: grayscale(50%);
  outline: 0;
}

@media (max-width: 600px) {
  .c-change-image:not(:root:root) {
    padding: 0;
  }
}
/* Language switcher */
.c-annonimous-language__switcher {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  left: 0;
  list-style: none;
  margin-left: 0;
  margin: 0 auto;
  padding: 50px 0 0 0;
  position: relative;
  top: 0 !important;
  width: 100%;
  visibility: hidden;
}
.c-annonimous-language__switcher li {
  background: transparent;
  border: 0;
  border-radius: 50%;
  outline: 0;
  text-indent: 0;
}
.c-annonimous-language__switcher li.active {
  background-color: transparent;
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
  width: 100%;
}
.c-annonimous-language__switcher li.active .c-change-image {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
  padding: 0;
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
}
.c-annonimous-language__image {
  height: 100%;
  max-width: 89px;
  width: 100%;
}
.c-annonimous-language__image:not(:root:root) {
  width: 140px;
}

.is-grandest .c-annonimous-language__image {
  max-width: 71px;
}
@media (max-width: 1300px) {
  .is-grandest .c-annonimous-language__image {
    max-width: 71px;
  }
}
@media (max-width: 600px) {
  .is-grandest .c-annonimous-language__image {
    max-width: 45px;
  }
}
@media (max-width: 460px) {
  .is-grandest .c-annonimous-language__image {
    max-width: 32px;
  }
}
@media (max-width: 375px) {
  .is-grandest .c-annonimous-language__image {
    max-width: 25px;
  }
}

.c-annonimous-section2 {
  height: auto;
  position: relative;
  padding-bottom: 18%;
  padding-top: 25%;
  background-repeat: no-repeat;
  background-position: 0 0, 0 100%, 0 55%;
  background-size: 100%, 100%, 100% 80%;
  background-image: url(/sites/all/themes/lingua/assets/annonimous/top-coach.svg), url(/sites/all/themes/lingua/assets/annonimous/bottom-coach-v2.svg), url(/sites/all/themes/lingua/assets/annonimous/white-bg.jpeg);
}
.c-annonimous-section2:after, .c-annonimous-section2:before {
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 9;
}
.c-annonimous-section2:before {
  height: 266px;
  top: 0;
}
.c-annonimous-section2:after {
  background-size: 100%;
  bottom: 1px;
}
.c-annonimous-section2 .col-image {
  background-image: url("/sites/all/themes/lingua/assets/annonimous/slides.png");
  background-repeat: no-repeat;
  min-height: 850px;
  height: 100%;
  display: block;
  background-size: 100% 100%;
}
.c-annonimous-section2 .c-annonimous-section__title {
  padding-top: 50px;
}
.c-annonimous-section2 .c-annonimous-section_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
}

.c-annonimous-section3 {
  background-color: #FFFFFF;
  background-image: url("/sites/all/themes/lingua/assets/annonimous/first-shape.svg"), -webkit-gradient(linear, left top, left bottom, color-stop(75%, #FFFFFF), color-stop(25%, #F7F7F7));
  background-image: url("/sites/all/themes/lingua/assets/annonimous/first-shape.svg"), linear-gradient(#FFFFFF 75%, #F7F7F7 25%);
  background-position: bottom;
  background-repeat: no-repeat;
  padding-bottom: 27%;
  padding-top: 16%;
  position: relative;
}
.c-annonimous-section3 .c-annonimous-section_wrapper .vjs-has-started .vjs-control-bar {
  position: absolute;
}
.c-annonimous-section3 .c-annonimous-section_wrapper .vjs-theme.video-js .vjs-control-bar {
  -webkit-box-pack: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
}
.c-annonimous-section3 .c-annonimous-section_wrapper .vjs-fullscreen-control {
  position: absolute;
  right: 0;
}
.c-annonimous-section3 .c-annonimous-section_wrapper .vjs-theme.video-js .vjs-big-play-button {
  background-color: #FF0000;
  border-radius: 100%;
  height: 70px;
  width: 70px;
}

.c-annonimous-section4 {
  background-color: #F7F7F7;
  padding-bottom: 20%;
  padding-top: 15%;
}
.c-annonimous-section4 .cel-text {
  padding-left: 100px;
}
.c-annonimous-section4 img {
  border-radius: 6px;
  width: 100%;
}
.c-annonimous-section4:before {
  background: #FFFFFF;
  content: "";
  display: block;
  height: 300px;
  position: absolute;
  top: -150px;
  width: 100%;
  z-index: -1;
}

.c-annonimous-section5 {
  background-color: #F7F7F7;
  padding-top: 9%;
  padding-bottom: 7%;
}
.c-annonimous-section5 .col-image {
  background-image: url("/sites/all/themes/lingua/assets/annonimous/iphone.png");
  background-position: top center;
  background-repeat: no-repeat;
  display: block;
  height: 100%;
  min-height: 784px;
}
.c-annonimous-section5 .cel-text {
  margin-left: -3%;
  padding-top: 10%;
}
.c-annonimous-section5 .c-annonimous-section_wrapper {
  padding-left: 0;
}
.c-annonimous-section5 .c-annonimous-section__desc {
  padding-bottom: 25px;
}
.c-annonimous-section5 .c-store-btn__container:last-of-type {
  margin-right: -8%;
}

.c-store-btn__wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-store-btn__container a {
  padding: 0;
}
.c-store-btn__container img {
  max-width: 216px;
  width: 100%;
}
.c-store-btn__txt {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 21px;
  font-weight: 400;
  letter-spacing: -0.1px;
  line-height: 28px;
  text-align: center;
}

@-moz-document url-prefix() {
  .c-store-btn__container img {
    width: 216px;
  }
}
.c-ue-container {
  margin-top: 60px;
  max-width: 255px;
  margin-bottom: 15px;
}
.c-ue-container img {
  width: 100%;
}
@media (max-width: 500px) {
  .c-ue-container {
    margin-left: auto;
    margin-right: auto;
  }
}

.c-ue-text {
  color: #4B4B4B;
  font-weight: 400;
  font-size: 17px;
}

.c-annonimous-section3__image {
  background-position: center;
  background-size: contain;
  display: block;
  height: 100%;
  max-height: 354px;
  max-width: 660px;
  width: 100%;
}
.c-annonimous-section3__image:after {
  background: transparent;
  border-radius: 100px/30px;
  bottom: 40px;
  -webkit-box-shadow: 0 80px 45px #000000;
          box-shadow: 0 80px 45px #000000;
  content: "";
  display: block;
  height: 19px;
  left: 1%;
  max-width: 660px;
  position: absolute;
  width: 100%;
}

@media (min-width: 769px) and (max-width: 991px) {
  .c-annonimous-section3__image:after {
    bottom: 30px;
    -webkit-box-shadow: 0 95px 45px #000000;
            box-shadow: 0 95px 45px #000000;
  }
}
.c-annonimous-section7 {
  background-image: url("/sites/all/themes/lingua/assets/annonimous/first-shape.svg"), -webkit-gradient(linear, left top, left bottom, color-stop(74%, #FFFFFF), color-stop(15%, #F7F7F7));
  background-image: url("/sites/all/themes/lingua/assets/annonimous/first-shape.svg"), linear-gradient(#FFFFFF 74%, #F7F7F7 15%);
  background-repeat: no-repeat;
  background-position: bottom;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background-color: #F7F7F7;
  padding-top: 50px;
  overflow-y: hidden;
}
.c-annonimous-section7 .c-annonimous-section_wrapper {
  padding: 100px 22px 195px 70px;
  width: 100%;
}
@media (max-width: 991px) {
  .c-annonimous-section7 .c-annonimous-section_wrapper {
    padding: 0 30px;
    margin: 0;
  }
}
@media (max-width: 600px) {
  .c-annonimous-section7 .c-annonimous-section_wrapper {
    padding: 0;
    margin: 0;
  }
}
.c-annonimous-section7 .c-annonimous-section__title {
  padding-top: 25px;
}
.c-annonimous-section7 .c-image-container img {
  max-width: 418px;
  margin: 0 auto;
  width: 100%;
}
@media (max-width: 991px) {
  .c-annonimous-section7 .c-image-container {
    margin-top: 20px;
  }
}

/* Annonimous Footer */
.c-annonimous-footer {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url("/sites/all/themes/lingua/assets/annonimous/bg-footer.svg"), -webkit-gradient(linear, left top, left bottom, from(#F7F7F7), to(#FFFFFF));
  background: url("/sites/all/themes/lingua/assets/annonimous/bg-footer.svg"), linear-gradient(#F7F7F7, #FFFFFF);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 500px;
  position: relative;
}
.c-annonimous-footer__wrapper {
  max-width: 1280px;
  padding-top: 80px;
  width: 100%;
}
.c-annonimous-footer__desc {
  color: #B6B6B6;
  font-family: "Open Sans";
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.1px;
  line-height: 27px;
  padding-bottom: 30px;
  padding-top: 10px;
}
.c-annonimous-footer__desc a {
  color: unset;
  text-decoration: none;
}
.c-annonimous-footer__nav {
  list-style: none;
  margin: 0;
  padding: 0 0 0 50px;
}
.c-annonimous-footer__nav--second {
  padding: 10px 0 0 0;
}
.c-annonimous-footer__nav--second li {
  padding-bottom: 0 !important;
}
.c-annonimous-footer__nav--second li:last-of-type {
  padding-bottom: 30px !important;
  padding-top: 20px;
}
.c-annonimous-footer__nav li {
  padding-bottom: 20px;
}
.c-annonimous-footer__nav li:last-of-type {
  padding-bottom: 0;
}
.c-annonimous-footer__link {
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.12px;
  line-height: 33px;
}
.c-annonimous-footer__link:hover, .c-annonimous-footer__link:active {
  color: #FFFFFF;
  opacity: 0.9;
  text-decoration: none;
}
.c-annonimous-footer__social-title {
  color: #B6B6B6;
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.12px;
  line-height: 33px;
  padding-bottom: 0;
}
.c-annonimous-footer__social-links {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.c-annonimous-footer__social-links li {
  padding-right: 15px;
}
.c-annonimous-footer__social-links li:last-child {
  padding-right: 0;
}
.c-annonimous-footer__logo {
  background-image: url("/sites/all/themes/lingua/assets/annonimous/logo-footer.svg");
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 60px;
}
.c-annonimous-footer__screens {
  background-image: url("/sites/all/themes/lingua/assets/annonimous/icons-left-footer.svg");
  background-repeat: no-repeat;
  display: block;
  height: 80px;
}

.c-annonimous-social-col {
  padding-left: 60px;
}

.c-footer__social-icon {
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 55px;
  width: 55px;
}
.c-footer__social-icon--facebook {
  background-image: url("/sites/all/themes/lingua/assets/annonimous/facebook-default.svg");
}
.c-footer__social-icon--facebook:hover {
  background-image: url("/sites/all/themes/lingua/assets/annonimous/facebook-hover.svg");
}
.c-footer__social-icon--instagram {
  background-image: url("/sites/all/themes/lingua/assets/annonimous/insta-default.svg");
}
.c-footer__social-icon--instagram:hover {
  background-image: url("/sites/all/themes/lingua/assets/annonimous/insta-hover.svg");
}
.c-footer__social-icon--linkedin {
  background-image: url("/sites/all/themes/lingua/assets/annonimous/linkedin-default.svg");
}
.c-footer__social-icon--linkedin:hover {
  background-image: url("/sites/all/themes/lingua/assets/annonimous/linkedin-hover.svg");
}
.c-footer__social-icon--twitter {
  background-image: url("/sites/all/themes/lingua/assets/annonimous/twitter-default.svg");
}
.c-footer__social-icon--twitter:hover {
  background-image: url("/sites/all/themes/lingua/assets/annonimous/twitter-hover.svg");
}

.c-annonimous-go-up {
  background-color: transparent;
  background-image: url("/sites/all/themes/lingua/assets/annonimous/go-up.svg");
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 100%;
  border: none;
  cursor: pointer;
  display: block;
  height: 100px;
  position: absolute;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  width: 100px;
}
.c-annonimous-go-up__wrapper {
  height: 100px;
  position: absolute;
  right: 60px;
  top: 35px;
  width: 100px;
}

.c-hamburger-menu {
  display: none;
}

.logo-mobile {
  display: none;
}

/* Overlay menu */
.c-overlay-menu {
  background: #FFFFFF;
  display: none;
  height: 100%;
  position: fixed;
  top: 108px;
  width: 100%;
}
@media (max-width: 510px) {
  .c-overlay-menu {
    top: 77px;
  }
}
.c-overlay-menu a {
  color: #2F3136;
  font-weight: 600;
}
.c-overlay-menu a:hover, .c-overlay-menu a:active {
  opacity: 0.9;
  text-decoration: none;
}
.c-overlay-menu ul {
  list-style: none;
  padding: 0 15px;
}
.c-overlay-menu ul li {
  border-bottom: 1px solid #2F3136;
  padding: 15px 0;
}

.c-overlay-menu-custom {
  top: 60px !important;
}

/* Accesibility */
.c-annonimous-ls-button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.js-top {
  top: 120% !important;
}

#block-menu-menu-lingua-navigation .open > .dropdown-menu,
#block-menu-menu-lingua-toolbox .open > .dropdown-menu {
  display: block !important;
}

@media (max-width: 1400px) {
  .c-annonimous-section__image {
    width: 70%;
  }
  .c-shadow {
    width: 71%;
  }
}
@media (max-width: 1350px) {
  .c-annonimous-section5 .col-image {
    background-size: contain;
    min-height: 684px;
  }
  .c-annonimous-section5 .c-annonimous-section_wrapper {
    padding: 0;
  }
  .c-annonimous-section5 .c-store-btn__wrapper {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .c-annonimous-section5 .c-store-btn__wrapper .c-store-btn__container:first-of-type {
    padding-right: 40px;
  }
}
@media (max-width: 1300px) {
  .c-annonimous-language__image {
    max-width: 80px;
  }
}
@media (min-width: 1280px) and (max-width: 1400px) {
  .c-annonimous-section__img-text {
    font-size: 35px;
    line-height: 40px;
    max-width: 400px;
  }
}
/* Tablet Landscape mode */
@media (max-device-width: 1280px) and (orientation: landscape) {
  .c-annonimous-section__image {
    width: 60%;
  }
  .c-annonimous-section__img-text--left {
    left: 70px;
  }
  .c-annonimous-section__img-text--right {
    left: 130px;
  }
  .c-shadow {
    width: 61%;
  }
  .c-annonimous-footer__logo {
    height: 35px;
  }
  .c-annonimous-footer__screens {
    height: 60px;
    background-size: contain;
  }
  .c-annonimous-footer__wrapper {
    padding-left: 20px;
  }
  .c-annonimous-social-col {
    padding-left: 0;
  }
}
@media (max-width: 1280px) {
  .c-annonimous-section__img-text {
    font-size: 30px;
    line-height: 35px;
    max-width: 330px;
  }
}
@media (max-width: 1180px) {
  .c-annonimous-section {
    height: 100%;
  }
  .c-annonimous-section__img-text {
    font-size: 25px;
    line-height: 30px;
    max-width: 300px;
  }
  .c-annonimous-section__img-text--left {
    left: 100px;
  }
  .c-annonimous-section__img-text--right {
    left: 155px;
  }
  .c-annonimous-social-col {
    padding-left: 0;
  }
  .c-annonimous-footer__wrapper {
    padding-left: 30px;
  }
  .c-annonimous-footer__social-links li {
    padding-right: 10px;
  }
  .c-annonimous-go-up__wrapper {
    top: 3%;
  }
  .c-footer__social-icon {
    background-size: contain;
    height: 55px;
    width: 55px;
  }
  .c-annonimous-section1 .c-annonimous-section_wrapper {
    padding-bottom: 10%;
    padding-top: 0;
  }
}
@media (max-width: 1000px) {
  .c-shadow {
    width: 41%;
  }
  .c-annonimous-section__image {
    width: 40%;
  }
  .c-annonimous-go-up__wrapper {
    top: -2%;
  }
}
@media (min-width: 992px) and (max-width: 1120px) {
  .c-annonimous-language__image {
    max-width: 60px;
  }
}
@media (min-width: 992px) and (max-width: 1130px) {
  .c-annonimous-section1 {
    padding-bottom: 18%;
  }
  .c-annonimous-section1 .c-annonimous-section__title {
    padding-top: 20px;
  }
  .is-grandest .c-annonimous-section1 .c-annonimous-section__title {
    padding-top: 55px;
  }
  .c-annonimous-section__image {
    width: 90%;
  }
  .c-shadow {
    width: 90%;
  }
}
@media (min-width: 991px) and (max-width: 1000px) {
  .c-annonimous-section__image {
    width: 70% !important;
  }
  .c-shadow {
    width: 70% !important;
  }
}
@media (max-width: 991px) {
  .is-qioz .c-annonimous-section1 .c-annonimous-section__title {
    padding-top: 30px;
  }
}

@media (max-width: 991px) {
  .c-annonimous-section5 {
    padding-bottom: 0;
  }
  .c-annonimous-section5 .col-image {
    background-size: contain;
    min-height: 384px;
  }
  .c-annonimous-section5 .cel-text {
    padding-top: 0;
    margin-left: unset;
  }
  .c-annonimous-section {
    padding-bottom: 18%;
    padding-top: 10%;
  }
  .c-annonimous-section__img-text {
    max-width: 270px;
  }
  .c-annonimous-section__img-text--left {
    left: 0;
  }
  .c-annonimous-section__img-text--right {
    left: 60px;
  }
  .c-annonimous-section1 {
    padding-bottom: 20%;
  }
  .c-annonimous-section1 .c-annonimous-section__title {
    padding-top: 0;
  }
  .c-annonimous-section2 {
    background-size: 100%, 100%, 100% 90%;
    padding-bottom: 18%;
    padding-top: 25%;
  }
  .c-annonimous-section3 {
    padding-bottom: 18%;
    padding-top: 17%;
  }
  .c-annonimous-section3__image {
    margin-top: 3%;
  }
  .c-annonimous-section4 .cel-text {
    padding-left: 0;
  }
  .c-perspective {
    padding-top: 60px;
  }
  .c-annoymous-bottom-speace {
    margin-bottom: 40px;
  }
}
@media (min-width: 990px) and (max-width: 1200px) {
  .c-annonimous-section5 .col-image {
    background-position: center;
    background-size: contain;
  }
}
@media (min-width: 902px) and (max-width: 1366px) {
  .is-qioz .c-annonimous-hero__title {
    font-size: 40px;
  }
  .is-qioz .c-annonimous-hero__subtitle {
    font-size: 28px;
    line-height: 32px;
  }
  .is-qioz .c-annonimous-hero__btn {
    font-size: 19px;
  }
}

@media (max-width: 901px) {
  .c-annonimous-hero__btn {
    font-size: calc(15px + 0.5vw);
    max-width: 293px;
    min-height: 58px;
  }
  .c-annonimous-hero__title {
    font-size: calc(25px + 0.5vw);
    line-height: 30px;
  }
  .c-annonimous-hero__subtitle {
    font-size: calc(20px + 0.5vw);
    line-height: 25px;
  }
  .c-annonimous-section {
    height: 100%;
  }
  .c-annonimous-section__title {
    font-size: calc(20px + 0.5vw);
    line-height: 30px;
  }
  .c-annonimous-section__desc {
    font-size: calc(15px + 0.5vw);
    line-height: 22px;
  }
  .c-annonimous-section__btn {
    font-size: calc(15px + 0.5vw);
  }
  .c-annonimous-section_wrapper {
    padding: 0 15px;
  }
  .c-annonimous-section2 .col-image {
    min-height: 750px;
  }
  .c-annonimous-section2 .col-text {
    padding-left: 20px;
  }
  .c-annonimous-section2 .c-annonimous-section_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .c-annonimous-section1 .c-annonimous-section_wrapper {
    padding-top: 10px;
  }
  .c-annonimous-go-up__wrapper {
    top: -2%;
  }
  .c-annonimous-section4 .c-annonimous-section_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .c-annonimous-section4 img {
    padding-top: 30px;
  }
  .c-annonimous-section5 {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    background-position: bottom;
    background-size: contain;
  }
  /* Responsive nav hide button login register */
  .c-annonimous-nav ul {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .c-hamburger-bar {
    background: #33353A;
    content: " ";
    display: block;
    height: 2px;
    margin-bottom: 14px;
    width: 33px;
  }
  .c-hamburger-bar:last-of-type {
    margin-bottom: 0;
  }
  .logo-desktop {
    display: none;
  }
  .logo-mobile {
    display: block;
    float: left;
    width: 88%;
  }
}
@media (min-width: 821px) {
  .c-qioz-anonymous-hamburger-menu {
    display: none;
  }
}
@media (max-width: 820px) {
  .c-hamburger-menu {
    cursor: pointer;
    display: block;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .c-annonimous-nav .ls-button__sign-in,
  .c-annonimous-nav .ls-button__sign-up {
    display: none;
  }
  .c-qioz-anonymous-hamburger-menu {
    width: 100%;
    max-width: 40px;
  }
  .c-qioz-anonymous-hamburger-menu .menuicon-bread {
    right: 0;
    left: 0;
  }
  .c-annonimous-ls-button,
  .nav__wrapper {
    margin-left: auto;
  }
}
@media (max-width: 820px) and (max-width: 400px) {
  .is-qioz.not-logged-in .c-overlay-menu, .is-qioz.onboarding-steps .c-overlay-menu {
    overflow-y: auto;
  }
}
@media (max-width: 820px) {
  .is-qioz.not-logged-in .c-container-login-register .c-overlay-menu, .is-qioz.onboarding-steps .c-container-login-register .c-overlay-menu {
    top: 62px;
  }
}
@media (max-width: 768px) {
  .c-annonimous-section3 {
    padding-top: 18%;
  }
  .c-annonimous-go-up__wrapper {
    top: -5%;
  }
  .c-annonimous-hero {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-position: 35% 0;
    background-size: 180%;
  }
  .c-annonimous-section__title {
    padding-bottom: 15px;
  }
  .c-annonimous-section__desc {
    padding-bottom: 15px;
  }
  .c-annonimous-section__btn {
    height: 58px;
    max-width: 198px;
    padding: 15px 0;
    width: 100%;
  }
  .c-annonimous-footer__nav {
    padding-left: 0;
  }
  .c-annonimous-footer__nav li {
    padding-bottom: 0;
  }
  .c-annonimous-footer__link {
    font-size: 18px;
  }
  .c-annonimous-footer__social-title {
    font-size: 20px;
    padding-bottom: 10px;
  }
  .c-annonimous-footer__wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
  .c-annonimous-footer__wrapper div:nth-child(1) {
    border-bottom: 1px solid #151619;
    padding-bottom: 20px;
  }
  .c-annonimous-footer__wrapper div:nth-child(2) {
    border-bottom: 1px solid #151619;
    padding: 20px 0;
  }
  .c-annonimous-footer__wrapper div:nth-child(3) {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .c-annonimous-footer__desc {
    font-size: 15px;
    line-height: 22px;
    padding-bottom: 10px;
  }
  .c-annonimous-footer__screens {
    background-size: contain;
    height: 60px;
    width: 145px;
  }
  .c-annonimous-footer__logo {
    background-size: contain;
    height: 30px;
    width: 180px;
  }
  .c-annonimous-social-col {
    padding-left: 0;
  }
  .c-footer__social-icon {
    background-size: contain;
    height: 45px;
    width: 45px;
  }
}
@media (max-width: 700px) {
  .c-annonimous-section__img-text--left {
    left: 40px;
  }
}
@media (min-width: 680px) and (max-width: 991px) {
  .c-annonimous-section4 img {
    width: 70%;
  }
  .c-annonimous-section__title {
    font-size: 40px;
    line-height: 35px;
    padding-bottom: 25px;
  }
  .c-annonimous-section__desc {
    font-size: 21px;
    line-height: 27px;
    padding-bottom: 15px;
  }
}
@media (max-width: 660px) {
  .c-annonimous-hero {
    background-size: cover;
    min-height: 80vh;
  }
  .c-annonimous-section1 {
    padding-bottom: 30%;
  }
  .c-annonimous-section3 {
    padding-top: 18%;
  }
}
@media (max-width: 600px) {
  .c-store-btn__txt {
    font-size: calc(15px + 0.5vw);
  }
  .c-store-btn__container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .c-store-btn__container img {
    max-width: 150px;
  }
  .c-annonimous-section__img-text {
    font-size: 20px;
    line-height: 25px;
    max-width: 200px;
  }
  .c-annonimous-section__image {
    width: 60%;
  }
  .c-annonimous-section2 .col-image {
    min-height: 500px;
  }
  .c-annonimous-section1 .c-annonimous-section_wrapper {
    padding: 0 0 0 10px;
  }
  .c-annonimous-language__image {
    max-width: 50px;
  }
  .c-annonimous-section3 .c-annonimous-section__btn {
    margin: 5px 0 25px;
  }
  .c-shadow {
    width: 61%;
  }
  .is-qioz .c-annonimous-section3 .c-annonimous-section3__image .vjs-big-play-button span.vjs-icon-placeholder:before {
    top: 12px;
  }
  .c-la__section3 .c-media-btn__section2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto;
  }
}
@media (max-width: 500px) {
  .c-annonimous-section {
    padding-bottom: 30%;
  }
  .c-annonimous-section5 {
    padding-top: 0;
  }
  .c-annonimous-section5 .col-image {
    min-height: 284px;
  }
  .c-annonimous-section5 .c-store-btn__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .c-annonimous-section5 .c-store-btn__wrapper .c-store-btn__container:first-of-type {
    padding-right: 0 !important;
  }
  .c-annonimous-section5 .c-store-btn__wrapper .c-store-btn__container:last-of-type {
    margin: 0;
    padding-top: 3%;
  }
}
/* Iphone 6/7/8 height */
@media (max-width: 415px) {
  .c-annonimous-nav .ls-language-select-list {
    right: -30%;
    left: unset;
  }
  .c-annonimous-nav .ls-language-select-list:before {
    left: 50%;
  }
  .c-annonimous-nav .btn--dropdown__menu:after,
  .c-annonimous-nav .btn--dropdown__menu:before {
    left: 50%;
  }
  .c-annonimous-hero {
    background-size: cover;
  }
  .c-annonimous-section__img-text {
    font-size: 15px;
    line-height: 20px;
    max-width: 200px;
  }
}
@media (max-width: 375px) {
  .c-annonimous-language__image {
    max-width: 42px;
  }
  .c-annonimous-section__image {
    width: 65%;
  }
  .c-shadow {
    right: -50px;
    top: -25px;
    width: 65%;
  }
}
.c-annonimous__page .c-annonimous-nav {
  -webkit-transition: ease 1s;
  transition: ease 1s;
}
@media (max-width: 1000px) {
  .c-annonimous__page .c-annonimous-nav {
    height: 98px;
  }
}
.c-annonimous__page .c-annonimous-nav .c-annonimous-logo {
  -webkit-box-flex: 0.3;
      -ms-flex: 0.3;
          flex: 0.3;
  min-width: 250px;
}
@media (max-width: 420px) {
  .c-annonimous__page .c-annonimous-nav .c-annonimous-logo {
    min-width: 200px;
  }
}
.c-annonimous__page .c-annonimous-nav .c-annonimous-logo img {
  width: 100%;
  height: auto;
}
.c-annonimous__page .c-annonimous-nav .c-annonimous-ls-button {
  -webkit-box-flex: 0.7;
      -ms-flex: 0.7;
          flex: 0.7;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (max-width: 420px) {
  .c-annonimous__page .c-annonimous-nav .c-annonimous-ls-button {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 550px) {
  .c-annonimous__page .c-annonimous-nav .ls-language-selector:before {
    font-size: 30px !important;
  }
}
.c-annonimous__page .c-overlay-menu {
  top: 98px;
}

.is-qioz .c-annonimous-nav .c-annonimous-ls-button {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 900px) and (max-height: 700px) {
  .is-qioz .c-annonimous-hero {
    background-position: 35% 9%;
    background-size: 100%;
    min-height: 360px;
  }
  .is-qioz .c-annonimous-hero__title {
    padding-bottom: 20px;
  }
  .is-qioz .c-annonimous-hero__subtitle {
    padding-bottom: 20px;
  }
  .is-qioz .c-annonimous-hero__btn {
    min-height: 50px;
  }
}
.is-qioz .c-annonimous-qioz__image {
  max-width: 80px;
}
@media (max-width: 1300px) {
  .is-qioz .c-annonimous-qioz__image {
    max-width: 70px;
  }
}
@media (min-width: 992px) and (max-width: 1120px) {
  .is-qioz .c-annonimous-qioz__image {
    max-width: 50px;
  }
}
@media (max-width: 600px) {
  .is-qioz .c-annonimous-qioz__image {
    max-width: 40px;
  }
}

.c-badges__category-badges-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-badges__container {
  margin-bottom: 10px;
}

.c-badges__header-page {
  margin: 55px 0 25px 0;
}
.c-badges__header-page h1 {
  color: #2F2F2F;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 26px;
}
.c-badges__header-page p {
  color: #2F2F2F;
  font-family: "Open Sans";
  font-size: 15px;
  font-weight: 400;
  letter-spacing: -0.19px;
  line-height: 22px;
  max-width: 945px;
  width: 100%;
}

.c-badges__page-mark {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #E1E1E1;
  border-radius: 0 2px 2px 0;
  clip-path: polygon(0 0, 100% 0, 93% 100%, 0% 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 38px;
  left: 0;
  min-width: 237px;
  padding: 10px 25px 10px 30px;
  position: absolute;
  top: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: -moz-max-content;
}
.c-badges__page-mark p,
.c-badges__page-mark a {
  color: #2F3136;
  font-family: "Open Sans";
  font-size: 13px;
  letter-spacing: -0.14px;
  line-height: 18px;
  margin: 0;
}
.c-badges__page-mark span {
  font-weight: 400;
}
.c-badges__page-mark:not(:root:root) {
  display: table;
}

.c-badges__header-sections {
  background-color: #FFFFFF;
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 68px;
  max-width: 1088px;
  padding: 0 15px;
  width: 100%;
}
.c-badges__header-sections div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 68px;
  padding: 0 7px;
}
.c-badges__header-sections-title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #4B4B4B;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 19px;
  margin: 0;
}

.c-badges__plus-icon {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: url("/sites/all/themes/lingua/assets/plus.svg");
  background-repeat: no-repeat;
  background-position: center;
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  margin-right: 20px;
  width: 30px;
}
.c-badges__plus-icon.minus-icon {
  background-image: url("/sites/all/themes/lingua/assets/minus.svg");
}

.c-badges-number {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #4A4A4A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.15px;
  line-height: 17px;
  margin: 0 0 0 10px;
  min-width: 121px;
}
.c-badges-number span {
  font-size: 15px;
}

.c-badges__categories-badges-container {
  border-radius: 4px 4px 6px 6px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid #E2E2E2;
  display: none;
  max-width: 1088px;
  width: 100%;
}

.c-badges__category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1088px;
  min-height: 105px;
  width: 100%;
}
.c-badges__category p {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 15px;
  font-family: "Open Sans";
  font-weight: 600;
  margin: 0 0 0 70px;
  position: relative;
}
.c-badges__category p span {
  background-image: url("/sites/all/themes/lingua/assets/badges-checked.svg");
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  height: 30px;
  left: -60px;
  position: absolute;
  width: 30px;
}
.c-badges__category:nth-child(odd) {
  background-color: #FFFFFF;
}
.c-badges__category:nth-child(even) {
  background-color: #F5F5F5;
}
.c-badges__category-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-badges__category-badged-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-badges-page__badges-train {
  background-size: 275px 75px;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 75px;
  width: 70px;
}
.c-badges-page__badges-train--disables {
  -webkit-filter: grayscale(70%);
          filter: grayscale(70%);
  opacity: 0.5;
}
.c-badges-page__badges-train--silver {
  background-position: -72px;
}
.c-badges-page__badges-train--bronze {
  background-position: -140px;
}
.c-badges-page__badges-train--gold {
  background-position: -6px;
}

.c-badges_score-container {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 30px;
}

@media (max-width: 1060px) {
  .c-badges_score-container {
    padding: 0;
  }
}
@media (max-width: 600px) {
  .c-badges__header-sections {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 130px;
    padding: 0;
  }
  .c-badges_score-container {
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    padding: 0 0 15px 72px;
  }
  .c-badges__header-sections-title {
    font-size: 18px !important;
  }
  .c-badges__title-container {
    padding-top: 15px;
  }
  .c-badges__category {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 175px;
  }
  .c-badges__category p {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 0;
    padding: 15px 0;
  }
  .c-badges__category p span {
    left: 5px;
    position: relative;
  }
  .c-badges__category-title {
    padding-left: 30px;
  }
  .c-badges__header-page {
    margin-top: 0;
  }
}
.c-favorite_header {
  background-color: #ECECEC;
  max-width: 1440px;
  min-height: 62px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 990px) {
  .c-favorite_header {
    margin-top: 10px;
  }
}

.c-favorites_logo-background {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: -webkit-gradient(linear, left top, left bottom, from(#E56785), to(#CF6CC6));
  background: linear-gradient(180deg, #E56785 0%, #CF6CC6 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left;
  height: 62px;
  max-width: 250px;
  position: relative;
  width: 100%;
  z-index: 0;
}
.c-favorites_logo-background:after {
  background: -webkit-gradient(linear, left top, left bottom, from(#E56785), to(#CF6CC6));
  background: linear-gradient(180deg, #E56785 0%, #CF6CC6 100%);
  border-radius: 0 0 8px 0;
  border-right: 5px solid #D35F7B;
  content: "";
  height: 100%;
  left: 25px;
  position: absolute;
  top: 0;
  -webkit-transform: skew(-30deg, 0deg);
          transform: skew(-30deg, 0deg);
  width: 100%;
  z-index: -1;
}
.c-favorites_logo-background h1 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Open Sans";
  font-size: 26px;
  font-weight: 600;
  letter-spacing: -0.28px;
  line-height: 36px;
  margin: 0;
}
.c-favorites_logo-background h1:before {
  background-image: url("/sites/all/themes/lingua/assets/catalog-icons/star.svg");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  cursor: pointer;
  display: block;
  float: left;
  height: 42px;
  margin: 0 12px 0 25px;
  width: 42px;
}
.c-favorites_select-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 62px;
  padding-right: 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.c-favorites_select {
  background-color: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #4A90E2;
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 400;
  height: 36px;
  letter-spacing: -0.12px;
  line-height: 15px;
  padding: 0 16px;
  width: 212px;
}
.c-favorites_select:disabled {
  border: 1px solid #CDCECF;
  color: #CDCECF;
}
.c-favorites_select:not(:root:root) {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: url("/sites/all/themes/lingua/assets/drop-down-arrow-blue.svg") 96%/5% no-repeat #fff;
}
.c-favorites_select-container--responsive {
  display: none;
}

.c-select-new-size {
  width: 164px;
  height: 30px;
  font-size: 13px;
  letter-spacing: -0.14px;
  line-height: 18px;
}

@-moz-document url-prefix() {
  .c-favorites_select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url("/sites/all/themes/lingua/assets/drop-down-arrow-blue.svg") 96%/5% no-repeat #FFFFFF;
  }
  .c-favorites_select:disabled {
    border: 1px solid #CDCECF;
    color: #CDCECF;
    background-color: #f9f9f9;
    background-image: none;
  }
}
.c-favorite-page .c-sl-catalog__grid {
  padding-bottom: 30px;
}
.c-favorite-page .c-videobooster {
  z-index: unset;
}
.c-favorite-page .c-sl-catalog__grid-col {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-favorite-page .c-videobooster.c-sl-thumbnail.card-carousel.active {
  margin-top: 0;
}
.c-favorite-page .card-carousel.active:before {
  margin-bottom: -72px;
}
.c-favorite-page .c-photovocab.active:before {
  margin-bottom: -40px !important;
}

/* Empty Favorites Design */
.c-favorites-empty {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
  max-width: 800px;
  text-align: center;
  width: 100%;
}
.c-favorites-empty__text {
  color: #2F3136;
  font-family: "Open Sans";
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -0.21px;
  line-height: 27px;
  margin-bottom: 0;
  text-align: center;
}

.color-vb {
  color: #5BB4C7;
}
.color-vb:hover, .color-vb:visited, .color-vb:active, .color-vb:focus {
  color: #5BB4C7;
  opacity: 0.9;
  text-decoration: none;
}

.color-sb {
  color: #ABAADA;
}
.color-sb:hover, .color-sb:visited, .color-sb:active, .color-sb:focus {
  color: #ABAADA;
  opacity: 0.9;
  text-decoration: none;
}

.color-pv {
  color: #FCA072;
}
.color-pv:hover, .color-pv:visited, .color-pv:active, .color-pv:focus {
  color: #FCA072;
  opacity: 0.9;
  text-decoration: none;
}

.color-sl {
  color: #FCD372;
}
.color-sl:hover, .color-sl:visited, .color-sl:active, .color-sl:focus {
  color: #FCD372;
  opacity: 0.9;
  text-decoration: none;
}

.fav-icon {
  background-image: url("/sites/all/themes/lingua/assets/catalog-icons/star.svg");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  cursor: pointer;
  display: inline-block;
  height: 25px;
  vertical-align: middle;
  width: 25px;
}

.c-favorites-empty__badge {
  background-image: url("/sites/all/themes/lingua/assets/fav-empty-star.svg");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 228px;
  margin-top: 35px;
  width: 228px;
}

@media (min-width: 601px) {
  .c-favorite-page .c-pv-details {
    width: 100%;
    top: 30px !important;
  }
}
@media (min-width: 600px) {
  .c-favorite-page .c-sl-catalog__grid-col {
    height: 355px;
  }
}
@media (max-width: 599px) {
  .c-favorite-page .c-sl-catalog__grid-col {
    height: 220px;
    padding-top: 10px;
  }
  .c-favorite_header {
    margin-top: 15px;
  }
}
@media (max-width: 600px) {
  .c-favorites_select-container {
    display: none;
  }
  .c-favorites_select-container--responsive {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: right;
    height: 62px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
  .c-favorites_select--responsive {
    border: 1px solid #D7D7D7;
    color: #D7D7D7;
  }
}
.c-badges-popup-language {
  -webkit-box-align: center;
          align-items: center;
  background-repeat: no-repeat;
  background-position: center;
  content: "";
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  width: 30px;
  -ms-flex-align: center;
}

.c-badges-popup_language-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-badges-popup_language-details p {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.21px;
  line-height: 35px;
  margin: 0 0 0 30px;
}

.c-badges-popup__badges-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-badges-popup__badges-train {
  background-size: 655px 190px;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 190px;
  width: 160px;
}
.c-badges-popup__badges-train--gold {
  background-position: 0px;
}
.c-badges-popup__badges-train--silver {
  background-position: -170px;
}
.c-badges-popup__badges-train--bronze {
  background-position: -340px;
}

.c-badges-popup_score-details {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 65%;
}
.c-badges-popup_score-details p {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.19px;
  line-height: 24px;
  margin-left: 60px;
  padding-right: 25px;
}

.c-badges-popup-body__content {
  padding: 45px 20px 30px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-badges-popup-body {
  margin: 0 auto;
  max-width: 680px;
  width: 100%;
}

.c-badges-popup-btn {
  background-color: white;
  border: 1px solid #4A90E2;
  border-radius: 20.5px;
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 14px;
  height: 40px;
  letter-spacing: -0.15px;
  line-height: 19px;
  padding: 0 65px;
  text-align: center;
}
.c-badges-popup-btn:hover {
  background-color: #4A90E2;
}

.c-badges-popup-footer {
  border-top: none;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 0 25px;
  -ms-flex-pack: center;
  padding: 25px 0 65px 0;
}

.c-badges-popup_details,
.c-badges-popup__badges-container {
  width: unset;
}

@media (max-width: 600px) {
  .c-badges-popup-body__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px 0px 0px 20px;
  }
}
@media (max-width: 500px) {
  .c-badges-popup-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 20px;
  }
  .c-badges-popup-btn {
    margin-bottom: 10px;
  }
}
/* Background color of body for lingua */
body.is-lingua.not-logged-in {
  background-color: #F3F3F3;
  overflow-x: hidden;
}
body.is-lingua.not-logged-in .row {
  margin: 0 !important;
}
body.is-lingua.not-logged-in .c-annonimous-language__container.is-opened {
  display: block;
  height: 100%;
}
body.is-lingua.not-logged-in .c-la__nav-wrapper .ls-language-select-list {
  top: 50px;
}
body.is-lingua.not-logged-in .lingua-header-sticky .ls-language-select-list {
  top: 50px;
}

/* Navigation */
.c-la__nav-wrapper {
  background-color: #FFFFFF !important;
  background-image: url("/sites/all/themes/lingua/assets/lingua-homepage/top-bg-pink-drop.svg");
  background-position: top right;
  background-repeat: no-repeat;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 240px;
  margin: 0 auto;
  max-width: 1440px;
  padding: 10px 20px !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: 100%;
}
@media (max-width: 1100px) {
  .c-la__nav-wrapper {
    background-size: 35vw;
  }
}
@media (max-width: 450px) {
  .c-la__nav-wrapper {
    background-size: 45vw;
  }
}
@media (min-width: 1400px) {
  .c-la__nav-wrapper {
    padding-left: 70px !important;
  }
}
.c-la__nav-wrapper .c-la__nav-container {
  padding-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .c-la__nav-wrapper .c-la__nav-container div:last-child {
    -webkit-box-flex: 0.1;
        -ms-flex: 0.1;
            flex: 0.1;
  }
}
.c-la__nav-wrapper .navbar-header {
  -webkit-box-flex: 0.25;
      -ms-flex: 0.25;
          flex: 0.25;
}
@media (max-width: 890px) {
  .c-la__nav-wrapper .navbar-header {
    -webkit-box-flex: 0.2;
        -ms-flex: 0.2;
            flex: 0.2;
  }
}
@media (max-width: 768px) {
  .c-la__nav-wrapper .navbar-header {
    -webkit-box-flex: 0.4;
        -ms-flex: 0.4;
            flex: 0.4;
  }
}
@media (max-width: 450px) {
  .c-la__nav-wrapper .navbar-header {
    -webkit-box-flex: 0.3;
        -ms-flex: 0.3;
            flex: 0.3;
  }
}
.c-la__nav-wrapper .navbar-header .navbar-brand {
  margin-left: 0;
  padding: 0;
  float: none;
  height: auto;
}
@media (max-width: 1100px) {
  .c-la__nav-wrapper .c-la-nav__center {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-flex: 0.85;
        -ms-flex: 0.85;
            flex: 0.85;
  }
}
@media (min-width: 769px) {
  .c-la__nav-wrapper .c-la-nav__center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 20px;
  }
}
@media (min-width: 1100px) {
  .c-la__nav-wrapper .c-la-nav__center {
    margin-left: 20px;
  }
}
.c-la__nav-wrapper .c-la-nav__center .c-la__nav-link-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-la__nav-wrapper .c-la-nav__center .c-la__nav-link-group > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1100px) {
  .c-la__nav-wrapper .c-la-nav__center .c-la__nav-link-group {
    -webkit-box-flex: 0.75;
        -ms-flex: 0.75;
            flex: 0.75;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media (max-width: 1100px) {
  .c-la__nav-wrapper .c-la-nav__center .c-la-language {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-flex: 0.25;
        -ms-flex: 0.25;
            flex: 0.25;
  }
}
.c-la__nav-wrapper .c-la-nav__center li a {
  padding: 0 !important;
  margin: 0 10px;
}
@media (max-width: 890px) {
  .c-la__nav-wrapper .c-la-nav__center li a {
    font-size: 1.9vw;
  }
}
.c-la__nav-wrapper .ls-language-container {
  padding-right: 40px;
}
.c-la__nav-wrapper .ls-language-container.is-opened {
  top: 0;
}
.c-la__nav-wrapper .ls-language-select-list {
  right: -20%;
  top: 70px;
}
.c-la__nav-wrapper .ls-language-select-list a {
  clear: both;
  color: #333333;
  display: block;
  font-weight: 400;
  line-height: 1.42857143;
  padding: 3px 20px;
  white-space: nowrap;
}

/* flex container links and btn */
.c-la-language-dropdown {
  -webkit-box-flex: 0.75;
      -ms-flex: 0.75;
          flex: 0.75;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 890px) {
  .c-la-language-dropdown {
    -webkit-box-flex: 0.8;
        -ms-flex: 0.8;
            flex: 0.8;
  }
}
@media (max-width: 768px) {
  .c-la-language-dropdown {
    -webkit-box-flex: 0.5;
        -ms-flex: 0.5;
            flex: 0.5;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media (max-width: 450px) {
  .c-la-language-dropdown {
    -webkit-box-flex: 0.6;
        -ms-flex: 0.6;
            flex: 0.6;
  }
}

.lingua-header-sticky {
  background-color: #FFFFFF !important;
  -webkit-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.14);
          box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.14);
  height: auto;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 99;
}
.lingua-header-sticky .c-la__nav-container {
  padding-top: 0;
}
.lingua-header-sticky .ls-language-container {
  padding-right: 40px;
}
.lingua-header-sticky .ls-language-select-list {
  right: -20%;
  top: 70px;
}

.c-la__nav-logo {
  height: auto;
  max-width: 360px;
  width: 100%;
  -webkit-transition: 1s ease-in;
  transition: 1s ease-in;
}
@media (max-width: 1100px) {
  .c-la__nav-logo {
    min-width: 180px;
  }
}
@media (max-width: 1100px) {
  .c-la__nav-logo {
    min-width: 120px;
  }
}
.c-la__nav-container .ls-language-container {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  height: 55px !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-la__nav-link {
  color: #3B3C3A !important;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 24px;
}
.c-la__nav-link-btn {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #FFFFFF;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  color: #3B3C3A !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Open Sans";
  font-size: 19px !important;
  font-weight: 600 !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: -0.1px;
  line-height: 0 !important;
  margin-top: 10px;
  margin: 0 auto;
  max-width: 180px;
  padding: 25px;
  -webkit-transition: 1s ease-in;
  transition: 1s ease-in;
  white-space: nowrap !important;
}
.c-la__nav-link-btn:hover, .c-la__nav-link-btn:focus {
  background-color: #FFFFFF !important;
}
@media (max-width: 1100px) {
  .c-la__nav-link-btn {
    padding: 18px 25px !important;
    max-width: 160px;
    margin: 0;
    margin-left: auto;
    font-size: 17px !important;
  }
}
@media (max-width: 890px) {
  .c-la__nav-link-btn {
    font-size: 16px !important;
  }
}
@media (max-width: 768px) {
  .c-la__nav-link-btn {
    font-size: 13px !important;
  }
}
@media (max-width: 450px) {
  .c-la__nav-link-btn {
    padding: 14px 23px !important;
    border-radius: 5px;
    margin-right: 10px;
  }
}
.c-la__nav-link-underline {
  color: #FFFFFF !important;
  font-family: "Open Sans";
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: -0.1px;
  line-height: 24px !important;
  padding-right: 0 !important;
}
@media (max-width: 1100px) {
  .c-la__nav-link-underline {
    display: none;
  }
}

.c-la-nav__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-items: end;
  margin-right: 0 !important;
}
@media (max-width: 1100px) {
  .c-la-nav__right {
    -webkit-box-flex: 0.15;
        -ms-flex: 0.15;
            flex: 0.15;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.c-la__language-selector {
  background: transparent;
  border: 0;
}
.c-la__language-selector::before {
  color: #000000;
  font-size: 20px;
}
.c-la__language-selector:after {
  color: #000000;
  font-size: 15px;
  top: 0;
}

/* Jumbotron */
.c-la__jumbotron {
  background-color: #FFFFFF;
  background-image: url("/sites/all/themes/lingua/assets/lingua-homepage/bg-shape-pink.svg");
  background-position: bottom;
  background-repeat: no-repeat;
  margin: 0 auto;
  max-width: 1440px;
  padding: 0 !important;
  width: 100%;
}
.c-la__jumbotron-container {
  height: 100%;
  max-width: 1290px !important;
  min-height: 1040px !important;
  padding: 0;
}

.c-jumbotron-left-col {
  padding: 0;
}
.c-jumbotron-section__title {
  color: #4B4B4B !important;
  font-family: "Open Sans";
  font-size: 36px !important;
  font-weight: 600;
  letter-spacing: -0.18px;
  line-height: 51px;
  padding-bottom: 30px;
}
.c-jumbotron-section__desc {
  color: #4B4B4B !important;
  font-family: "Open Sans";
  font-size: 20px !important;
  font-weight: 400 !important;
  letter-spacing: -0.1px;
  line-height: 27px;
  padding-bottom: 50px;
}
.c-jumbotron-section__btn {
  background-color: #DC5B6B;
  border-radius: 10px;
  border: none;
  -webkit-box-shadow: 0 1px 10px 0 rgba(186, 95, 97, 0.5), 0 0 13px 0 rgba(186, 95, 97, 0.3), 0 2px 9px 0 rgba(186, 95, 97, 0.1);
          box-shadow: 0 1px 10px 0 rgba(186, 95, 97, 0.5), 0 0 13px 0 rgba(186, 95, 97, 0.3), 0 2px 9px 0 rgba(186, 95, 97, 0.1);
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 20px;
  font-weight: 600;
  height: 68px;
  letter-spacing: -0.1px;
  margin-left: 10px;
  max-width: 323px;
  text-align: center;
  width: 100%;
}
.c-jumbotron-section_main-img {
  width: 97%;
}

/* Carousel */
#carousel-lingua-homepage {
  position: relative;
}
#carousel-lingua-homepage .carousel-inner {
  height: auto;
  min-height: 600px;
}
#carousel-lingua-homepage .item {
  padding-bottom: 20px;
}
#carousel-lingua-homepage .carousel-indicators {
  bottom: -7%;
  left: 70%;
  position: absolute;
}
#carousel-lingua-homepage li {
  background-color: #D8D8D8;
  border-radius: 50%;
  border: 0;
  height: 25px;
  margin: 0 4px;
  width: 26px;
}
@media (max-width: 600px) {
  #carousel-lingua-homepage li {
    height: 20px;
    margin: 0 8px;
    width: 21px;
  }
}
#carousel-lingua-homepage li.active {
  background-color: #DC5B6B;
}
#carousel-lingua-homepage .video-js:after {
  background: transparent;
  border-radius: 100px/30px;
  bottom: 5%;
  -webkit-box-shadow: 0 50px 45px #000000;
          box-shadow: 0 50px 45px #000000;
  content: "";
  display: block;
  height: 19px;
  left: 0;
  position: absolute;
  width: 97%;
}
#carousel-lingua-homepage .vjs-has-started .vjs-control-bar {
  position: absolute;
}
#carousel-lingua-homepage .vjs-theme.video-js .vjs-control-bar {
  -webkit-box-pack: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
}
#carousel-lingua-homepage .vjs-fullscreen-control {
  position: absolute;
  right: 0;
}
#carousel-lingua-homepage .vjs-theme.video-js .vjs-big-play-button {
  background-color: #FF0000;
  border-radius: 100%;
  height: 70px;
  width: 70px;
}

.c-jumbotron-carousel-img {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* Section 1 */
.c-la__section-1-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(200px, auto));
  grid-column-gap: 10px;
  grid-row-gap: 90px;
  margin-bottom: 90px;
}
@media (max-width: 990px) {
  .c-la__section-1-grid {
    grid-row-gap: 50px;
  }
}
@media (max-width: 850px) {
  .c-la__section-1-grid {
    grid-template-columns: repeat(1, minmax(200px, auto));
    grid-row-gap: 40px;
  }
}

.c-la__section {
  margin: 0 auto;
  max-width: 1440px;
  width: 100%;
}
.c-la__section--first {
  background-color: #FFFFFF;
  background-image: url("/sites/all/themes/lingua/assets/lingua-homepage/bg-drop.svg");
  background-position: center right;
  background-repeat: no-repeat;
}
.c-la__section--seccond {
  background-color: #F7F7F7;
  margin-bottom: 13px;
}
.c-la__section--third {
  background-color: #FFFFFF;
  background-image: url("/sites/all/themes/lingua/assets/lingua-homepage/drop-2.svg");
  background-position: 0 70%;
  background-repeat: no-repeat;
}

.c-la__section1 {
  max-width: 1290px !important;
  min-height: 800px;
  padding: 50px 30px 100px 30px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.c-la__section1 .c-media-btn__section2 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Open Sans";
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: -0.1px;
  line-height: 27px !important;
  text-align: center;
}

.c-col-heading {
  padding-bottom: 100px;
}

.c-la__section-title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 36px;
  font-weight: 600;
  letter-spacing: -0.13px;
  line-height: 52px;
}

.c-media {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1100px) {
  .c-media .media-left img {
    max-width: 100px;
  }
}
@media (max-width: 600px) {
  .c-media .media-left img {
    max-width: 70px;
  }
}
.c-media-heading {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.13px;
  line-height: 36px;
}
.c-media-desc {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -0.13px;
  line-height: 27px;
}
.c-media-obj__round {
  border-radius: 50%;
}
.c-media-body {
  padding-left: 40px;
}
@media (max-width: 1100px) {
  .c-media-body {
    padding-left: 20px;
  }
}
@media (max-width: 600px) {
  .c-media-body {
    padding-left: 10px;
  }
}

/* Section 2 */
.c-la__section2 {
  max-width: 1290px !important;
  min-height: 800px;
  padding: 90px 30px !important;
}

.c-media__section2 {
  max-width: 1100px;
  padding-bottom: 60px;
}
.c-media-obj__section2 {
  border-radius: 13px;
  height: 235px;
  width: 262px;
}
.c-media-body__section2 {
  padding-left: 60px;
}
@media (max-width: 990px) {
  .c-media-body__section2 {
    padding-bottom: 20px;
    padding-left: 30px;
  }
}
.c-media-heading__section2 {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.13px;
  line-height: 36px;
}
.c-media-desc__section2 {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -0.13px;
  line-height: 27px;
  margin-bottom: 0;
  padding-bottom: 20px;
}
.c-media-btn__section2 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #DC5B6B;
  border-radius: 10px;
  border: 0;
  -webkit-box-shadow: 0 1px 10px 0 rgba(186, 95, 97, 0.5), 0 0 13px 0 rgba(186, 95, 97, 0.3), 0 2px 9px 0 rgba(186, 95, 97, 0.1);
          box-shadow: 0 1px 10px 0 rgba(186, 95, 97, 0.5), 0 0 13px 0 rgba(186, 95, 97, 0.3), 0 2px 9px 0 rgba(186, 95, 97, 0.1);
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Open Sans";
  font-size: 20px;
  font-weight: 600;
  height: 60px;
  letter-spacing: -0.1px;
  line-height: 27px;
  max-width: 800px;
  min-width: 300px;
  padding: 0 30px 0 30px;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

/* Footer */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.col-xs-15 {
  float: left;
  width: 20%;
}

.c-la__footer {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #3B3C3A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  max-width: 1440px;
  min-height: 94px;
  width: 100%;
}
.c-la__footer-container {
  background-color: #3B3C3A !important;
  max-width: 1290px !important;
  padding: 0 30px;
}
.c-la__footer-container div.row {
  max-width: 1440px;
  width: 100%;
}
.c-la__footer-link {
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.21px;
  line-height: 27px;
  padding: 3px 14px;
}
.c-la__footer-link:hover, .c-la__footer-link:focus, .c-la__footer-link:active {
  background-color: #4B4B4B;
  border-radius: 5px;
  color: #FFFFFF;
  text-decoration: none;
}

.c-la__footer .nav > li > a.c-la__footer-link {
  padding: 3px 14px;
}
.c-la__footer .nav > li > a.c-la__footer-link:hover, .c-la__footer .nav > li > a.c-la__footer-link:focus, .c-la__footer .nav > li > a.c-la__footer-link:active {
  background-color: #4B4B4B;
  border-radius: 5px;
  color: #FFFFFF;
  text-decoration: none;
}
.c-la__footer .nav > li > a.c-la__footer-link.active {
  color: #FFFFFF;
  text-decoration: underline;
}

.c-la-footer-align-right {
  text-align: right;
}

.js-body-overflow {
  overflow: hidden;
}

.c-la__mobile-menu {
  background: #FFFFFF;
  display: none;
  height: 100%;
  position: absolute;
  top: 71px;
  width: 100%;
  z-index: 999;
}
.c-la__mobile-menu ul {
  list-style: none;
  padding: 0 15px;
}
.c-la__mobile-menu ul li {
  border-bottom: 1px solid #2F3136;
  padding: 15px 0;
}
.c-la__mobile-menu ul a {
  color: #2F3136;
  font-weight: 600;
}
.c-la__mobile-menu ul a:hover {
  text-decoration: none;
}

.c-la-hamburger-menu {
  cursor: pointer;
  display: none !important;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

@media (max-width: 1300px) {
  .c-jumbotron-section__title {
    font-size: 30px !important;
    line-height: 45px;
  }
  .c-jumbotron-section__desc {
    font-size: 18px !important;
    line-height: 28px;
  }
  .c-jumbotron-section__btn {
    font-size: 18px;
    height: 55px;
    line-height: 20px;
  }
  .c-la__section-title {
    font-size: 30px;
    line-height: 45px;
  }
  .c-media-heading {
    font-size: 25px;
    line-height: 30px;
  }
  .c-media-heading__section2 {
    font-size: 25px;
    line-height: 30px;
  }
  .c-media-desc {
    font-size: 18px;
    line-height: 25px;
  }
  .c-media-desc__section2 {
    line-height: 25px;
    font-size: 18px;
  }
  .c-media-btn__section2 {
    font-size: 18px;
    height: 50px;
    line-height: 25px;
  }
  .c-la__section1 .c-media-btn__section2 {
    font-size: 18px;
    height: 55px;
    line-height: 25px;
  }
  .c-la__jumbotron-container {
    min-height: 910px !important;
  }
  #carousel-lingua-homepage .carousel-inner {
    min-height: 570px;
  }
}
@media (min-width: 1140px) and (max-width: 1290px) {
  .c-la-nav__right {
    margin-right: -30px !important;
  }
}
@media (max-width: 1280px) {
  .c-la-nav__center {
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-15 {
    float: left;
    width: 20%;
  }
}
@media (max-width: 1140px) {
  .c-la__nav-container {
    padding-right: 0;
  }
  .c-la__nav-container .ls-language-container {
    margin-right: 20px;
    padding-right: 0;
  }
  .c-la__nav-link {
    font-size: 18px;
  }
  .c-la__nav-link-underline {
    font-size: 12px !important;
    line-height: 20px !important;
  }
  .c-la-nav__center {
    padding: 0;
  }
}
@media (max-width: 1075px) {
  .c-media-btn__section2 {
    font-size: 18px;
    padding: 0 10px;
  }
  .c-col-heading {
    padding-bottom: 50px;
  }
}
@media (min-width: 992px) {
  .col-md-15 {
    float: left;
    width: 20%;
  }
}
@media (max-width: 991px) {
  .c-la__jumbotron-container {
    min-height: 950px !important;
  }
  .c-jumbotron-carousel-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .c-jumbotron-section__title {
    padding-bottom: 0px;
  }
  .c-jumbotron-section__desc {
    padding-bottom: 10px;
  }
  .c-jumbotron-section_main-img {
    width: 67%;
  }
  #carousel-lingua-homepage {
    padding-bottom: 30px;
  }
  #carousel-lingua-homepage .carousel-indicators {
    left: 0;
    top: unset;
  }
  #carousel-lingua-homepage .item img {
    margin: 0 auto;
    width: 50%;
  }
  #carousel-lingua-homepage .video-js:after {
    left: 3%;
    width: 94%;
  }
}
@media (max-width: 767px) {
  .c-la__nav-link {
    font-size: 15px !important;
    padding: 10px !important;
  }
  .c-la__nav-link-underline, .c-la__nav-link-btn {
    font-size: 15px !important;
  }
}
@media (min-width: 891px) and (max-width: 1140px) {
  .c-la__nav-wrapper .ls-language-select-list {
    right: -90%;
  }
}
@media (min-width: 768px) and (max-width: 890px) {
  .c-la__nav-wrapper .ls-language-select-list {
    right: -97%;
  }
}

@media (min-width: 768px) {
  .col-sm-15 {
    float: left;
    width: 20%;
  }
  .c-la__footer-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
  }
}
@media (max-width: 768px) {
  body.is-lingua.not-logged-in .c-la__nav-wrapper .ls-language-container.is-opened {
    top: 29%;
  }
  .c-la-language-dropdown .btn--dropdown__menu:after, .c-la-language-dropdown .btn--dropdown__menu:before {
    left: 70%;
  }
  .c-la-hamburger-menu {
    display: block !important;
  }
  .c-la-nav__center {
    display: none;
  }
  .c-la-nav__right {
    text-align: right;
  }
  .c-la-nav__right li:last-of-type {
    display: none;
  }
  .c-la__nav-container .navbar-header a {
    text-align: center;
    padding: 15px 0;
  }
  .c-la__nav-wrapper {
    height: 22vw;
  }
  .c-la__nav-link-underline {
    display: none !important;
  }
  #carousel-lingua-homepage .video-js:after {
    left: 4%;
    width: 91%;
  }
  .c-la__footer-container .row div {
    text-align: center;
  }
  .c-la__jumbotron-container {
    min-height: 800px !important;
  }
}
@media (max-width: 780px) {
  #carousel-lingua-homepage .c-jumbotron-section__btn {
    margin-bottom: 20px;
  }
}
@media (max-width: 700px) {
  .c-media__section2 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .c-media-body__section2 {
    padding-top: 20px;
    width: 100%;
  }
  .c-la__section--seccond .media-body,
  .c-la__section--seccond .media-left,
  .c-la__section--seccond .media-right {
    display: block;
  }
}
@media (max-width: 600px) {
  #carousel-lingua-homepage .item {
    padding-bottom: 0;
  }
  #carousel-lingua-homepage .item img {
    width: 70%;
    margin-top: 20px;
  }
  #carousel-lingua-homepage .vjs-big-play-button span.vjs-icon-placeholder:before {
    top: 12px;
  }
  .c-la__jumbotron-container {
    min-height: 800px !important;
  }
  .c-la__jumbotron-container #carousel-lingua-homepage li.active {
    height: 20px;
    margin: 0 8px;
    width: 21px;
  }
  .c-la-language-dropdown .btn--dropdown__menu:after, .c-la-language-dropdown .btn--dropdown__menu:before {
    left: 70%;
  }
  .c-jumbotron-section__title {
    font-size: 19px !important;
    line-height: 26px;
    margin: 30px 0 25px;
  }
  .c-jumbotron-section__desc {
    font-size: 15px !important;
    line-height: 22px;
    padding-bottom: 15px;
  }
  .c-jumbotron-section__btn {
    font-size: 16px;
    height: 40px;
    width: 90%;
    padding: 13px 0 !important;
    height: auto;
  }
  .c-la__section-title {
    font-size: 19px;
    line-height: 26px;
  }
  .c-la__section1 {
    padding: 40px 10px !important;
  }
  .c-la__section1 .c-media-btn__section2 {
    font-size: 16px !important;
    height: auto;
    line-height: 26px;
    min-height: 55px;
    white-space: normal;
  }
  .c-media-heading {
    font-size: 18px;
    line-height: 25px;
  }
  .c-media-heading__section2 {
    font-size: 19px;
    line-height: 25px;
  }
  .c-media-desc {
    font-size: 15px;
    line-height: 22px;
  }
  .c-media-desc__section2 {
    line-height: 23px;
    font-size: 16px;
  }
  .c-media-btn__section2 {
    font-size: 16px !important;
    height: 50px;
    line-height: 25px;
    max-width: 95%;
    min-width: unset;
  }
  .c-la__nav-container .navbar-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media (max-width: 550px) {
  #carousel-lingua-homepage .video-js:after {
    bottom: 30px;
    left: 6%;
    width: 88%;
  }
}
@media (max-width: 450px) {
  .c-la__jumbotron-container {
    min-height: 700px !important;
  }
  #carousel-lingua-homepage .carousel-indicators {
    bottom: -3%;
  }
  .c-jumbotron-section_main-img {
    width: 80%;
  }
  .c-la__nav-link-btn {
    font-size: 13px !important;
  }
}
@media (max-width: 415px) {
  .c-la__nav-container .ls-language-select-list {
    left: -120px;
  }
  .is-lingua #language-container {
    display: block !important;
  }
}
.is-lingua.not-logged-in:not(.page-user-login-register) #popups.popup-certificate-form,
.is-lingua.logged-in.page-schools-platform #popups.popup-certificate-form,
.is-lingua.logged-in.page-live #popups.popup-certificate-form,
.is-region.logged-in.page-live #popups.popup-certificate-form,
.is-lingua.node-type-webform #popups.popup-certificate-form,
.is-andjoys.node-type-webform #popups.popup-certificate-form,
.is-tutlogo.node-type-webform #popups.popup-certificate-form,
.is-doyouspeakgrandest.node-type-webform #popups.popup-certificate-form {
  opacity: 1 !important;
  z-index: 99999;
  width: 100%;
  left: 0 !important;
  right: 0 !important;
  background: #FAFAFA;
  padding: 30px 50px;
  border-radius: 15px;
  border: 2px solid #EDF5FA;
  max-width: 665px !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  top: 30px !important;
}
.is-lingua.not-logged-in:not(.page-user-login-register) #popups.popup-certificate-form #popups-body,
.is-lingua.logged-in.page-schools-platform #popups.popup-certificate-form #popups-body,
.is-lingua.logged-in.page-live #popups.popup-certificate-form #popups-body,
.is-region.logged-in.page-live #popups.popup-certificate-form #popups-body,
.is-lingua.node-type-webform #popups.popup-certificate-form #popups-body,
.is-andjoys.node-type-webform #popups.popup-certificate-form #popups-body,
.is-tutlogo.node-type-webform #popups.popup-certificate-form #popups-body,
.is-doyouspeakgrandest.node-type-webform #popups.popup-certificate-form #popups-body {
  padding-bottom: 0px;
}
.is-lingua.not-logged-in:not(.page-user-login-register) #popups.popup-certificate-form #popups-body .form-item,
.is-lingua.logged-in.page-schools-platform #popups.popup-certificate-form #popups-body .form-item,
.is-lingua.logged-in.page-live #popups.popup-certificate-form #popups-body .form-item,
.is-region.logged-in.page-live #popups.popup-certificate-form #popups-body .form-item,
.is-lingua.node-type-webform #popups.popup-certificate-form #popups-body .form-item,
.is-andjoys.node-type-webform #popups.popup-certificate-form #popups-body .form-item,
.is-tutlogo.node-type-webform #popups.popup-certificate-form #popups-body .form-item,
.is-doyouspeakgrandest.node-type-webform #popups.popup-certificate-form #popups-body .form-item {
  float: none;
  margin-bottom: 1em;
}
.is-lingua.not-logged-in:not(.page-user-login-register) #popups.popup-certificate-form #popups-title,
.is-lingua.logged-in.page-schools-platform #popups.popup-certificate-form #popups-title,
.is-lingua.logged-in.page-live #popups.popup-certificate-form #popups-title,
.is-region.logged-in.page-live #popups.popup-certificate-form #popups-title,
.is-lingua.node-type-webform #popups.popup-certificate-form #popups-title,
.is-andjoys.node-type-webform #popups.popup-certificate-form #popups-title,
.is-tutlogo.node-type-webform #popups.popup-certificate-form #popups-title,
.is-doyouspeakgrandest.node-type-webform #popups.popup-certificate-form #popups-title {
  background: transparent;
  color: #848484;
  font-weight: 400;
  font-size: 24px;
  padding: 0;
  border: none;
  display: block;
}
.is-lingua.not-logged-in:not(.page-user-login-register) #popups.popup-certificate-form #popups-title #popups-close,
.is-lingua.logged-in.page-schools-platform #popups.popup-certificate-form #popups-title #popups-close,
.is-lingua.logged-in.page-live #popups.popup-certificate-form #popups-title #popups-close,
.is-region.logged-in.page-live #popups.popup-certificate-form #popups-title #popups-close,
.is-lingua.node-type-webform #popups.popup-certificate-form #popups-title #popups-close,
.is-andjoys.node-type-webform #popups.popup-certificate-form #popups-title #popups-close,
.is-tutlogo.node-type-webform #popups.popup-certificate-form #popups-title #popups-close,
.is-doyouspeakgrandest.node-type-webform #popups.popup-certificate-form #popups-title #popups-close {
  margin-top: -30px !important;
  margin-right: -30px !important;
  font-size: 35px !important;
  font-family: "Open Sans";
  color: #848484;
}
@media screen and (max-width: 767px) {
  .is-lingua.not-logged-in:not(.page-user-login-register) #popups.popup-certificate-form #popups-title #popups-close,
  .is-lingua.logged-in.page-schools-platform #popups.popup-certificate-form #popups-title #popups-close,
  .is-lingua.logged-in.page-live #popups.popup-certificate-form #popups-title #popups-close,
  .is-region.logged-in.page-live #popups.popup-certificate-form #popups-title #popups-close,
  .is-lingua.node-type-webform #popups.popup-certificate-form #popups-title #popups-close,
  .is-andjoys.node-type-webform #popups.popup-certificate-form #popups-title #popups-close,
  .is-tutlogo.node-type-webform #popups.popup-certificate-form #popups-title #popups-close,
  .is-doyouspeakgrandest.node-type-webform #popups.popup-certificate-form #popups-title #popups-close {
    margin-right: 0 !important;
  }
}
.is-lingua.not-logged-in:not(.page-user-login-register) #popups.popup-certificate-form .form-item input,
.is-lingua.logged-in.page-schools-platform #popups.popup-certificate-form .form-item input,
.is-lingua.logged-in.page-live #popups.popup-certificate-form .form-item input,
.is-region.logged-in.page-live #popups.popup-certificate-form .form-item input,
.is-lingua.node-type-webform #popups.popup-certificate-form .form-item input,
.is-andjoys.node-type-webform #popups.popup-certificate-form .form-item input,
.is-tutlogo.node-type-webform #popups.popup-certificate-form .form-item input,
.is-doyouspeakgrandest.node-type-webform #popups.popup-certificate-form .form-item input {
  margin-left: 0.1em !important;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .is-lingua.not-logged-in:not(.page-user-login-register) #popups.popup-certificate-form .form-item input,
  .is-lingua.logged-in.page-schools-platform #popups.popup-certificate-form .form-item input,
  .is-lingua.logged-in.page-live #popups.popup-certificate-form .form-item input,
  .is-region.logged-in.page-live #popups.popup-certificate-form .form-item input,
  .is-lingua.node-type-webform #popups.popup-certificate-form .form-item input,
  .is-andjoys.node-type-webform #popups.popup-certificate-form .form-item input,
  .is-tutlogo.node-type-webform #popups.popup-certificate-form .form-item input,
  .is-doyouspeakgrandest.node-type-webform #popups.popup-certificate-form .form-item input {
    margin: 0 !important;
  }
}
.is-lingua.not-logged-in:not(.page-user-login-register) #popups.popup-certificate-form .form-item input:focus,
.is-lingua.logged-in.page-schools-platform #popups.popup-certificate-form .form-item input:focus,
.is-lingua.logged-in.page-live #popups.popup-certificate-form .form-item input:focus,
.is-region.logged-in.page-live #popups.popup-certificate-form .form-item input:focus,
.is-lingua.node-type-webform #popups.popup-certificate-form .form-item input:focus,
.is-andjoys.node-type-webform #popups.popup-certificate-form .form-item input:focus,
.is-tutlogo.node-type-webform #popups.popup-certificate-form .form-item input:focus,
.is-doyouspeakgrandest.node-type-webform #popups.popup-certificate-form .form-item input:focus {
  background-color: #FFA !important;
}
.is-lingua.not-logged-in:not(.page-user-login-register) #popups.popup-certificate-form .form-item label,
.is-lingua.logged-in.page-schools-platform #popups.popup-certificate-form .form-item label,
.is-lingua.logged-in.page-live #popups.popup-certificate-form .form-item label,
.is-region.logged-in.page-live #popups.popup-certificate-form .form-item label,
.is-lingua.node-type-webform #popups.popup-certificate-form .form-item label,
.is-andjoys.node-type-webform #popups.popup-certificate-form .form-item label,
.is-tutlogo.node-type-webform #popups.popup-certificate-form .form-item label,
.is-doyouspeakgrandest.node-type-webform #popups.popup-certificate-form .form-item label {
  bottom: 15px;
  margin-top: 0;
}
.is-lingua.not-logged-in:not(.page-user-login-register) #popups.popup-certificate-form .form-item label.focused,
.is-lingua.logged-in.page-schools-platform #popups.popup-certificate-form .form-item label.focused,
.is-lingua.logged-in.page-live #popups.popup-certificate-form .form-item label.focused,
.is-region.logged-in.page-live #popups.popup-certificate-form .form-item label.focused,
.is-lingua.node-type-webform #popups.popup-certificate-form .form-item label.focused,
.is-andjoys.node-type-webform #popups.popup-certificate-form .form-item label.focused,
.is-tutlogo.node-type-webform #popups.popup-certificate-form .form-item label.focused,
.is-doyouspeakgrandest.node-type-webform #popups.popup-certificate-form .form-item label.focused {
  bottom: 52px;
}
.is-lingua.not-logged-in:not(.page-user-login-register) #popups.popup-certificate-form #edit-submit,
.is-lingua.logged-in.page-schools-platform #popups.popup-certificate-form #edit-submit,
.is-lingua.logged-in.page-live #popups.popup-certificate-form #edit-submit,
.is-region.logged-in.page-live #popups.popup-certificate-form #edit-submit,
.is-lingua.node-type-webform #popups.popup-certificate-form #edit-submit,
.is-andjoys.node-type-webform #popups.popup-certificate-form #edit-submit,
.is-tutlogo.node-type-webform #popups.popup-certificate-form #edit-submit,
.is-doyouspeakgrandest.node-type-webform #popups.popup-certificate-form #edit-submit {
  max-width: 350px !important;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background-color: #5bb4c7;
  color: #FFFFFF;
  font-size: 18px;
  line-height: 1.42857143;
}
@media screen and (max-width: 991px) {
  .is-lingua.not-logged-in:not(.page-user-login-register) #popups.popup-certificate-form,
  .is-lingua.logged-in.page-schools-platform #popups.popup-certificate-form,
  .is-lingua.logged-in.page-live #popups.popup-certificate-form,
  .is-region.logged-in.page-live #popups.popup-certificate-form,
  .is-lingua.node-type-webform #popups.popup-certificate-form,
  .is-andjoys.node-type-webform #popups.popup-certificate-form,
  .is-tutlogo.node-type-webform #popups.popup-certificate-form,
  .is-doyouspeakgrandest.node-type-webform #popups.popup-certificate-form {
    top: 70px !important;
  }
}
.is-lingua.not-logged-in:not(.page-user-login-register) #popups,
.is-lingua.logged-in.page-schools-platform #popups,
.is-lingua.logged-in.page-live #popups,
.is-region.logged-in.page-live #popups,
.is-lingua.node-type-webform #popups,
.is-andjoys.node-type-webform #popups,
.is-tutlogo.node-type-webform #popups,
.is-doyouspeakgrandest.node-type-webform #popups {
  background: #FFFFFF;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  border: none;
  max-width: 806px !important;
  padding: 0;
}
.is-lingua.not-logged-in:not(.page-user-login-register) #popups .custom-form .form-item textarea,
.is-lingua.logged-in.page-schools-platform #popups .custom-form .form-item textarea,
.is-lingua.logged-in.page-live #popups .custom-form .form-item textarea,
.is-region.logged-in.page-live #popups .custom-form .form-item textarea,
.is-lingua.node-type-webform #popups .custom-form .form-item textarea,
.is-andjoys.node-type-webform #popups .custom-form .form-item textarea,
.is-tutlogo.node-type-webform #popups .custom-form .form-item textarea,
.is-doyouspeakgrandest.node-type-webform #popups .custom-form .form-item textarea {
  color: #4B4B4B;
}
.is-lingua.not-logged-in:not(.page-user-login-register) #popups div.messages,
.is-lingua.logged-in.page-schools-platform #popups div.messages,
.is-lingua.logged-in.page-live #popups div.messages,
.is-region.logged-in.page-live #popups div.messages,
.is-lingua.node-type-webform #popups div.messages,
.is-andjoys.node-type-webform #popups div.messages,
.is-tutlogo.node-type-webform #popups div.messages,
.is-doyouspeakgrandest.node-type-webform #popups div.messages {
  color: #EF7C8E;
  font-family: "Open Sans";
  font-size: 12px;
  letter-spacing: -0.12px;
  line-height: 15px;
}
.is-lingua.not-logged-in:not(.page-user-login-register) .custom-form .form-item select,
.is-lingua.not-logged-in:not(.page-user-login-register) .custom-form .form-item input,
.is-lingua.logged-in.page-schools-platform .custom-form .form-item select,
.is-lingua.logged-in.page-schools-platform .custom-form .form-item input,
.is-lingua.logged-in.page-live .custom-form .form-item select,
.is-lingua.logged-in.page-live .custom-form .form-item input,
.is-region.logged-in.page-live .custom-form .form-item select,
.is-region.logged-in.page-live .custom-form .form-item input,
.is-lingua.node-type-webform .custom-form .form-item select,
.is-lingua.node-type-webform .custom-form .form-item input,
.is-andjoys.node-type-webform .custom-form .form-item select,
.is-andjoys.node-type-webform .custom-form .form-item input,
.is-tutlogo.node-type-webform .custom-form .form-item select,
.is-tutlogo.node-type-webform .custom-form .form-item input,
.is-doyouspeakgrandest.node-type-webform .custom-form .form-item select,
.is-doyouspeakgrandest.node-type-webform .custom-form .form-item input {
  height: 34px;
  border: 1px solid #CDCECF;
  color: #4B4B4B;
}
.is-lingua.not-logged-in:not(.page-user-login-register) #popups-title .title,
.is-lingua.logged-in.page-schools-platform #popups-title .title,
.is-lingua.logged-in.page-live #popups-title .title,
.is-region.logged-in.page-live #popups-title .title,
.is-lingua.node-type-webform #popups-title .title,
.is-andjoys.node-type-webform #popups-title .title,
.is-tutlogo.node-type-webform #popups-title .title,
.is-doyouspeakgrandest.node-type-webform #popups-title .title {
  border-bottom: 0;
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.24px;
  line-height: 30px;
  padding: 0;
}
.is-lingua.not-logged-in:not(.page-user-login-register) #popups-overlay,
.is-lingua.logged-in.page-schools-platform #popups-overlay,
.is-lingua.logged-in.page-live #popups-overlay,
.is-region.logged-in.page-live #popups-overlay,
.is-lingua.node-type-webform #popups-overlay,
.is-andjoys.node-type-webform #popups-overlay,
.is-tutlogo.node-type-webform #popups-overlay,
.is-doyouspeakgrandest.node-type-webform #popups-overlay {
  background: #FFFFFF;
  opacity: 0.8 !important;
}
.is-lingua.not-logged-in:not(.page-user-login-register) #popups-title,
.is-lingua.logged-in.page-schools-platform #popups-title,
.is-lingua.logged-in.page-live #popups-title,
.is-region.logged-in.page-live #popups-title,
.is-lingua.node-type-webform #popups-title,
.is-andjoys.node-type-webform #popups-title,
.is-tutlogo.node-type-webform #popups-title,
.is-doyouspeakgrandest.node-type-webform #popups-title {
  border-bottom: 1px solid #E2E2E2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 30px;
}
.is-lingua.not-logged-in:not(.page-user-login-register) #popups-title #popups-close,
.is-lingua.logged-in.page-schools-platform #popups-title #popups-close,
.is-lingua.logged-in.page-live #popups-title #popups-close,
.is-region.logged-in.page-live #popups-title #popups-close,
.is-lingua.node-type-webform #popups-title #popups-close,
.is-andjoys.node-type-webform #popups-title #popups-close,
.is-tutlogo.node-type-webform #popups-title #popups-close,
.is-doyouspeakgrandest.node-type-webform #popups-title #popups-close {
  margin-top: unset;
  margin-right: unset;
  font-size: 70px;
  font-family: none;
  color: #C9C9C9;
}
.is-lingua.not-logged-in:not(.page-user-login-register) #popups-body .node-body,
.is-lingua.logged-in.page-schools-platform #popups-body .node-body,
.is-lingua.logged-in.page-live #popups-body .node-body,
.is-region.logged-in.page-live #popups-body .node-body,
.is-lingua.node-type-webform #popups-body .node-body,
.is-andjoys.node-type-webform #popups-body .node-body,
.is-tutlogo.node-type-webform #popups-body .node-body,
.is-doyouspeakgrandest.node-type-webform #popups-body .node-body {
  display: none;
}
.is-lingua.not-logged-in:not(.page-user-login-register) #popups-body,
.is-lingua.logged-in.page-schools-platform #popups-body,
.is-lingua.logged-in.page-live #popups-body,
.is-region.logged-in.page-live #popups-body,
.is-lingua.node-type-webform #popups-body,
.is-andjoys.node-type-webform #popups-body,
.is-tutlogo.node-type-webform #popups-body,
.is-doyouspeakgrandest.node-type-webform #popups-body {
  overflow: hidden;
  padding-bottom: 30px;
}
.is-lingua.not-logged-in:not(.page-user-login-register) #popups legend,
.is-lingua.logged-in.page-schools-platform #popups legend,
.is-lingua.logged-in.page-live #popups legend,
.is-region.logged-in.page-live #popups legend,
.is-lingua.node-type-webform #popups legend,
.is-andjoys.node-type-webform #popups legend,
.is-tutlogo.node-type-webform #popups legend,
.is-doyouspeakgrandest.node-type-webform #popups legend {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 24px;
}
.is-lingua.not-logged-in:not(.page-user-login-register) #popups legend:after,
.is-lingua.logged-in.page-schools-platform #popups legend:after,
.is-lingua.logged-in.page-live #popups legend:after,
.is-region.logged-in.page-live #popups legend:after,
.is-lingua.node-type-webform #popups legend:after,
.is-andjoys.node-type-webform #popups legend:after,
.is-tutlogo.node-type-webform #popups legend:after,
.is-doyouspeakgrandest.node-type-webform #popups legend:after {
  display: none;
}
.is-lingua.not-logged-in:not(.page-user-login-register) .webform-component-fieldset,
.is-lingua.logged-in.page-schools-platform .webform-component-fieldset,
.is-lingua.logged-in.page-live .webform-component-fieldset,
.is-region.logged-in.page-live .webform-component-fieldset,
.is-lingua.node-type-webform .webform-component-fieldset,
.is-andjoys.node-type-webform .webform-component-fieldset,
.is-tutlogo.node-type-webform .webform-component-fieldset,
.is-doyouspeakgrandest.node-type-webform .webform-component-fieldset {
  padding: 20px 40px 0 40px;
}
.is-lingua.not-logged-in:not(.page-user-login-register) .form-input label,
.is-lingua.not-logged-in:not(.page-user-login-register) .form-item label,
.is-lingua.logged-in.page-schools-platform .form-input label,
.is-lingua.logged-in.page-schools-platform .form-item label,
.is-lingua.logged-in.page-live .form-input label,
.is-lingua.logged-in.page-live .form-item label,
.is-region.logged-in.page-live .form-input label,
.is-region.logged-in.page-live .form-item label,
.is-lingua.node-type-webform .form-input label,
.is-lingua.node-type-webform .form-item label,
.is-andjoys.node-type-webform .form-input label,
.is-andjoys.node-type-webform .form-item label,
.is-tutlogo.node-type-webform .form-input label,
.is-tutlogo.node-type-webform .form-item label,
.is-doyouspeakgrandest.node-type-webform .form-input label,
.is-doyouspeakgrandest.node-type-webform .form-item label {
  text-align: left;
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.16px;
  line-height: 20px;
  width: 30%;
}
.is-lingua.not-logged-in:not(.page-user-login-register) .form-input label .form-required,
.is-lingua.not-logged-in:not(.page-user-login-register) .form-item label .form-required,
.is-lingua.logged-in.page-schools-platform .form-input label .form-required,
.is-lingua.logged-in.page-schools-platform .form-item label .form-required,
.is-lingua.logged-in.page-live .form-input label .form-required,
.is-lingua.logged-in.page-live .form-item label .form-required,
.is-region.logged-in.page-live .form-input label .form-required,
.is-region.logged-in.page-live .form-item label .form-required,
.is-lingua.node-type-webform .form-input label .form-required,
.is-lingua.node-type-webform .form-item label .form-required,
.is-andjoys.node-type-webform .form-input label .form-required,
.is-andjoys.node-type-webform .form-item label .form-required,
.is-tutlogo.node-type-webform .form-input label .form-required,
.is-tutlogo.node-type-webform .form-item label .form-required,
.is-doyouspeakgrandest.node-type-webform .form-input label .form-required,
.is-doyouspeakgrandest.node-type-webform .form-item label .form-required {
  color: #6B6B6B;
}
.is-lingua.not-logged-in:not(.page-user-login-register) #popups .form-input input,
.is-lingua.not-logged-in:not(.page-user-login-register) #popups .form-input select,
.is-lingua.not-logged-in:not(.page-user-login-register) #popups .form-input .form-checkboxes,
.is-lingua.not-logged-in:not(.page-user-login-register) #popups .form-input textarea,
.is-lingua.not-logged-in:not(.page-user-login-register) #popups .form-item input,
.is-lingua.not-logged-in:not(.page-user-login-register) #popups .form-item select,
.is-lingua.not-logged-in:not(.page-user-login-register) #popups .form-item .form-checkboxes,
.is-lingua.not-logged-in:not(.page-user-login-register) #popups .form-item textarea,
.is-lingua.logged-in.page-schools-platform #popups .form-input input,
.is-lingua.logged-in.page-schools-platform #popups .form-input select,
.is-lingua.logged-in.page-schools-platform #popups .form-input .form-checkboxes,
.is-lingua.logged-in.page-schools-platform #popups .form-input textarea,
.is-lingua.logged-in.page-schools-platform #popups .form-item input,
.is-lingua.logged-in.page-schools-platform #popups .form-item select,
.is-lingua.logged-in.page-schools-platform #popups .form-item .form-checkboxes,
.is-lingua.logged-in.page-schools-platform #popups .form-item textarea,
.is-lingua.logged-in.page-live #popups .form-input input,
.is-lingua.logged-in.page-live #popups .form-input select,
.is-lingua.logged-in.page-live #popups .form-input .form-checkboxes,
.is-lingua.logged-in.page-live #popups .form-input textarea,
.is-lingua.logged-in.page-live #popups .form-item input,
.is-lingua.logged-in.page-live #popups .form-item select,
.is-lingua.logged-in.page-live #popups .form-item .form-checkboxes,
.is-lingua.logged-in.page-live #popups .form-item textarea,
.is-region.logged-in.page-live #popups .form-input input,
.is-region.logged-in.page-live #popups .form-input select,
.is-region.logged-in.page-live #popups .form-input .form-checkboxes,
.is-region.logged-in.page-live #popups .form-input textarea,
.is-region.logged-in.page-live #popups .form-item input,
.is-region.logged-in.page-live #popups .form-item select,
.is-region.logged-in.page-live #popups .form-item .form-checkboxes,
.is-region.logged-in.page-live #popups .form-item textarea,
.is-lingua.node-type-webform #popups .form-input input,
.is-lingua.node-type-webform #popups .form-input select,
.is-lingua.node-type-webform #popups .form-input .form-checkboxes,
.is-lingua.node-type-webform #popups .form-input textarea,
.is-lingua.node-type-webform #popups .form-item input,
.is-lingua.node-type-webform #popups .form-item select,
.is-lingua.node-type-webform #popups .form-item .form-checkboxes,
.is-lingua.node-type-webform #popups .form-item textarea,
.is-andjoys.node-type-webform #popups .form-input input,
.is-andjoys.node-type-webform #popups .form-input select,
.is-andjoys.node-type-webform #popups .form-input .form-checkboxes,
.is-andjoys.node-type-webform #popups .form-input textarea,
.is-andjoys.node-type-webform #popups .form-item input,
.is-andjoys.node-type-webform #popups .form-item select,
.is-andjoys.node-type-webform #popups .form-item .form-checkboxes,
.is-andjoys.node-type-webform #popups .form-item textarea,
.is-tutlogo.node-type-webform #popups .form-input input,
.is-tutlogo.node-type-webform #popups .form-input select,
.is-tutlogo.node-type-webform #popups .form-input .form-checkboxes,
.is-tutlogo.node-type-webform #popups .form-input textarea,
.is-tutlogo.node-type-webform #popups .form-item input,
.is-tutlogo.node-type-webform #popups .form-item select,
.is-tutlogo.node-type-webform #popups .form-item .form-checkboxes,
.is-tutlogo.node-type-webform #popups .form-item textarea,
.is-doyouspeakgrandest.node-type-webform #popups .form-input input,
.is-doyouspeakgrandest.node-type-webform #popups .form-input select,
.is-doyouspeakgrandest.node-type-webform #popups .form-input .form-checkboxes,
.is-doyouspeakgrandest.node-type-webform #popups .form-input textarea,
.is-doyouspeakgrandest.node-type-webform #popups .form-item input,
.is-doyouspeakgrandest.node-type-webform #popups .form-item select,
.is-doyouspeakgrandest.node-type-webform #popups .form-item .form-checkboxes,
.is-doyouspeakgrandest.node-type-webform #popups .form-item textarea {
  float: left;
}
.is-lingua.not-logged-in:not(.page-user-login-register) input[type=text],
.is-lingua.not-logged-in:not(.page-user-login-register) input[type=email],
.is-lingua.not-logged-in:not(.page-user-login-register) select,
.is-lingua.not-logged-in:not(.page-user-login-register) input[type=number],
.is-lingua.logged-in.page-schools-platform input[type=text],
.is-lingua.logged-in.page-schools-platform input[type=email],
.is-lingua.logged-in.page-schools-platform select,
.is-lingua.logged-in.page-schools-platform input[type=number],
.is-lingua.logged-in.page-live input[type=text],
.is-lingua.logged-in.page-live input[type=email],
.is-lingua.logged-in.page-live select,
.is-lingua.logged-in.page-live input[type=number],
.is-region.logged-in.page-live input[type=text],
.is-region.logged-in.page-live input[type=email],
.is-region.logged-in.page-live select,
.is-region.logged-in.page-live input[type=number],
.is-lingua.node-type-webform input[type=text],
.is-lingua.node-type-webform input[type=email],
.is-lingua.node-type-webform select,
.is-lingua.node-type-webform input[type=number],
.is-andjoys.node-type-webform input[type=text],
.is-andjoys.node-type-webform input[type=email],
.is-andjoys.node-type-webform select,
.is-andjoys.node-type-webform input[type=number],
.is-tutlogo.node-type-webform input[type=text],
.is-tutlogo.node-type-webform input[type=email],
.is-tutlogo.node-type-webform select,
.is-tutlogo.node-type-webform input[type=number],
.is-doyouspeakgrandest.node-type-webform input[type=text],
.is-doyouspeakgrandest.node-type-webform input[type=email],
.is-doyouspeakgrandest.node-type-webform select,
.is-doyouspeakgrandest.node-type-webform input[type=number] {
  max-width: 220px;
}
.is-lingua.not-logged-in:not(.page-user-login-register) #edit-submitted-school-details-organization-type,
.is-lingua.logged-in.page-schools-platform #edit-submitted-school-details-organization-type,
.is-lingua.logged-in.page-live #edit-submitted-school-details-organization-type,
.is-region.logged-in.page-live #edit-submitted-school-details-organization-type,
.is-lingua.node-type-webform #edit-submitted-school-details-organization-type,
.is-andjoys.node-type-webform #edit-submitted-school-details-organization-type,
.is-tutlogo.node-type-webform #edit-submitted-school-details-organization-type,
.is-doyouspeakgrandest.node-type-webform #edit-submitted-school-details-organization-type {
  background: url("/sites/all/themes/lingua/assets/drop-down-arrow.svg") 96%/15% no-repeat #FFFFFF;
}
.is-lingua.not-logged-in:not(.page-user-login-register) #webform-component-message,
.is-lingua.logged-in.page-schools-platform #webform-component-message,
.is-lingua.logged-in.page-live #webform-component-message,
.is-region.logged-in.page-live #webform-component-message,
.is-lingua.node-type-webform #webform-component-message,
.is-andjoys.node-type-webform #webform-component-message,
.is-tutlogo.node-type-webform #webform-component-message,
.is-doyouspeakgrandest.node-type-webform #webform-component-message {
  padding-left: 40px;
}
.is-lingua.not-logged-in:not(.page-user-login-register) #webform-component-message #edit-submitted-message-wrapper,
.is-lingua.logged-in.page-schools-platform #webform-component-message #edit-submitted-message-wrapper,
.is-lingua.logged-in.page-live #webform-component-message #edit-submitted-message-wrapper,
.is-region.logged-in.page-live #webform-component-message #edit-submitted-message-wrapper,
.is-lingua.node-type-webform #webform-component-message #edit-submitted-message-wrapper,
.is-andjoys.node-type-webform #webform-component-message #edit-submitted-message-wrapper,
.is-tutlogo.node-type-webform #webform-component-message #edit-submitted-message-wrapper,
.is-doyouspeakgrandest.node-type-webform #webform-component-message #edit-submitted-message-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.is-lingua.not-logged-in:not(.page-user-login-register) #webform-component-message #edit-submitted-message-wrapper label,
.is-lingua.logged-in.page-schools-platform #webform-component-message #edit-submitted-message-wrapper label,
.is-lingua.logged-in.page-live #webform-component-message #edit-submitted-message-wrapper label,
.is-region.logged-in.page-live #webform-component-message #edit-submitted-message-wrapper label,
.is-lingua.node-type-webform #webform-component-message #edit-submitted-message-wrapper label,
.is-andjoys.node-type-webform #webform-component-message #edit-submitted-message-wrapper label,
.is-tutlogo.node-type-webform #webform-component-message #edit-submitted-message-wrapper label,
.is-doyouspeakgrandest.node-type-webform #webform-component-message #edit-submitted-message-wrapper label {
  width: 100%;
}
.is-lingua.not-logged-in:not(.page-user-login-register) #webform-component-message #edit-submitted-message-wrapper textarea,
.is-lingua.logged-in.page-schools-platform #webform-component-message #edit-submitted-message-wrapper textarea,
.is-lingua.logged-in.page-live #webform-component-message #edit-submitted-message-wrapper textarea,
.is-region.logged-in.page-live #webform-component-message #edit-submitted-message-wrapper textarea,
.is-lingua.node-type-webform #webform-component-message #edit-submitted-message-wrapper textarea,
.is-andjoys.node-type-webform #webform-component-message #edit-submitted-message-wrapper textarea,
.is-tutlogo.node-type-webform #webform-component-message #edit-submitted-message-wrapper textarea,
.is-doyouspeakgrandest.node-type-webform #webform-component-message #edit-submitted-message-wrapper textarea {
  height: 105px;
  width: 637px;
  margin-left: 0px;
  border: 1px solid #CDCECF;
  color: #4B4B4B;
}
.is-lingua.not-logged-in:not(.page-user-login-register) #edit-submit,
.is-lingua.logged-in.page-schools-platform #edit-submit,
.is-lingua.logged-in.page-live #edit-submit,
.is-region.logged-in.page-live #edit-submit,
.is-lingua.node-type-webform #edit-submit,
.is-andjoys.node-type-webform #edit-submit,
.is-tutlogo.node-type-webform #edit-submit,
.is-doyouspeakgrandest.node-type-webform #edit-submit {
  height: 50px;
  width: 230px;
  border-radius: 25px;
  background-color: #4A90E2;
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 17px;
  text-align: center;
}
.is-lingua.not-logged-in:not(.page-user-login-register) #edit-actions,
.is-lingua.logged-in.page-schools-platform #edit-actions,
.is-lingua.logged-in.page-live #edit-actions,
.is-region.logged-in.page-live #edit-actions,
.is-lingua.node-type-webform #edit-actions,
.is-andjoys.node-type-webform #edit-actions,
.is-tutlogo.node-type-webform #edit-actions,
.is-doyouspeakgrandest.node-type-webform #edit-actions {
  float: left;
  padding-left: 40px;
}
.is-lingua.not-logged-in:not(.page-user-login-register) .form-checkboxes label,
.is-lingua.logged-in.page-schools-platform .form-checkboxes label,
.is-lingua.logged-in.page-live .form-checkboxes label,
.is-region.logged-in.page-live .form-checkboxes label,
.is-lingua.node-type-webform .form-checkboxes label,
.is-andjoys.node-type-webform .form-checkboxes label,
.is-tutlogo.node-type-webform .form-checkboxes label,
.is-doyouspeakgrandest.node-type-webform .form-checkboxes label {
  padding: 0 !important;
  color: #4A90E2 !important;
  border: 1px solid #4A90E2;
  border-radius: 5px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  font-family: "Open Sans" !important;
  font-size: 11px !important;
  letter-spacing: -0.12px !important;
  line-height: 34px !important;
  text-align: center !important;
  max-width: 140px !important;
  width: 100% !important;
  height: 36px;
}
.is-lingua.not-logged-in:not(.page-user-login-register) .form-checkboxes label:before,
.is-lingua.logged-in.page-schools-platform .form-checkboxes label:before,
.is-lingua.logged-in.page-live .form-checkboxes label:before,
.is-region.logged-in.page-live .form-checkboxes label:before,
.is-lingua.node-type-webform .form-checkboxes label:before,
.is-andjoys.node-type-webform .form-checkboxes label:before,
.is-tutlogo.node-type-webform .form-checkboxes label:before,
.is-doyouspeakgrandest.node-type-webform .form-checkboxes label:before {
  display: none !important;
}
.is-lingua.not-logged-in:not(.page-user-login-register) #popups .form-checkbox:checked + label,
.is-lingua.logged-in.page-schools-platform #popups .form-checkbox:checked + label,
.is-lingua.logged-in.page-live #popups .form-checkbox:checked + label,
.is-region.logged-in.page-live #popups .form-checkbox:checked + label,
.is-lingua.node-type-webform #popups .form-checkbox:checked + label,
.is-andjoys.node-type-webform #popups .form-checkbox:checked + label,
.is-tutlogo.node-type-webform #popups .form-checkbox:checked + label,
.is-doyouspeakgrandest.node-type-webform #popups .form-checkbox:checked + label {
  background: #4A90E2;
  color: #FFFFFF !important;
}
.is-lingua.not-logged-in:not(.page-user-login-register) #popups .form-checkboxes .form-item,
.is-lingua.logged-in.page-schools-platform #popups .form-checkboxes .form-item,
.is-lingua.logged-in.page-live #popups .form-checkboxes .form-item,
.is-region.logged-in.page-live #popups .form-checkboxes .form-item,
.is-lingua.node-type-webform #popups .form-checkboxes .form-item,
.is-andjoys.node-type-webform #popups .form-checkboxes .form-item,
.is-tutlogo.node-type-webform #popups .form-checkboxes .form-item,
.is-doyouspeakgrandest.node-type-webform #popups .form-checkboxes .form-item {
  width: 40%;
}
.is-lingua.not-logged-in:not(.page-user-login-register) #webform-component-number-of-employees-in-your-company,
.is-lingua.not-logged-in:not(.page-user-login-register) #webform-component-annual-sales-of-your-company,
.is-lingua.logged-in.page-schools-platform #webform-component-number-of-employees-in-your-company,
.is-lingua.logged-in.page-schools-platform #webform-component-annual-sales-of-your-company,
.is-lingua.logged-in.page-live #webform-component-number-of-employees-in-your-company,
.is-lingua.logged-in.page-live #webform-component-annual-sales-of-your-company,
.is-region.logged-in.page-live #webform-component-number-of-employees-in-your-company,
.is-region.logged-in.page-live #webform-component-annual-sales-of-your-company,
.is-lingua.node-type-webform #webform-component-number-of-employees-in-your-company,
.is-lingua.node-type-webform #webform-component-annual-sales-of-your-company,
.is-andjoys.node-type-webform #webform-component-number-of-employees-in-your-company,
.is-andjoys.node-type-webform #webform-component-annual-sales-of-your-company,
.is-tutlogo.node-type-webform #webform-component-number-of-employees-in-your-company,
.is-tutlogo.node-type-webform #webform-component-annual-sales-of-your-company,
.is-doyouspeakgrandest.node-type-webform #webform-component-number-of-employees-in-your-company,
.is-doyouspeakgrandest.node-type-webform #webform-component-annual-sales-of-your-company {
  padding-left: 40px;
}
.is-lingua.not-logged-in:not(.page-user-login-register) #webform-component-annual-sales-of-your-company #edit-submitted-annual-sales-of-your-company,
.is-lingua.logged-in.page-schools-platform #webform-component-annual-sales-of-your-company #edit-submitted-annual-sales-of-your-company,
.is-lingua.logged-in.page-live #webform-component-annual-sales-of-your-company #edit-submitted-annual-sales-of-your-company,
.is-region.logged-in.page-live #webform-component-annual-sales-of-your-company #edit-submitted-annual-sales-of-your-company,
.is-lingua.node-type-webform #webform-component-annual-sales-of-your-company #edit-submitted-annual-sales-of-your-company,
.is-andjoys.node-type-webform #webform-component-annual-sales-of-your-company #edit-submitted-annual-sales-of-your-company,
.is-tutlogo.node-type-webform #webform-component-annual-sales-of-your-company #edit-submitted-annual-sales-of-your-company,
.is-doyouspeakgrandest.node-type-webform #webform-component-annual-sales-of-your-company #edit-submitted-annual-sales-of-your-company {
  margin-left: 22px;
}
.is-lingua.not-logged-in:not(.page-user-login-register) #webform-component-number-of-employees-in-your-company #edit-submitted-number-of-employees-in-your-company,
.is-lingua.logged-in.page-schools-platform #webform-component-number-of-employees-in-your-company #edit-submitted-number-of-employees-in-your-company,
.is-lingua.logged-in.page-live #webform-component-number-of-employees-in-your-company #edit-submitted-number-of-employees-in-your-company,
.is-region.logged-in.page-live #webform-component-number-of-employees-in-your-company #edit-submitted-number-of-employees-in-your-company,
.is-lingua.node-type-webform #webform-component-number-of-employees-in-your-company #edit-submitted-number-of-employees-in-your-company,
.is-andjoys.node-type-webform #webform-component-number-of-employees-in-your-company #edit-submitted-number-of-employees-in-your-company,
.is-tutlogo.node-type-webform #webform-component-number-of-employees-in-your-company #edit-submitted-number-of-employees-in-your-company,
.is-doyouspeakgrandest.node-type-webform #webform-component-number-of-employees-in-your-company #edit-submitted-number-of-employees-in-your-company {
  margin-left: 22px;
}
.is-lingua.not-logged-in:not(.page-user-login-register) #webform-component-tell-us-why-youd-like-to-represent-us,
.is-lingua.logged-in.page-schools-platform #webform-component-tell-us-why-youd-like-to-represent-us,
.is-lingua.logged-in.page-live #webform-component-tell-us-why-youd-like-to-represent-us,
.is-region.logged-in.page-live #webform-component-tell-us-why-youd-like-to-represent-us,
.is-lingua.node-type-webform #webform-component-tell-us-why-youd-like-to-represent-us,
.is-andjoys.node-type-webform #webform-component-tell-us-why-youd-like-to-represent-us,
.is-tutlogo.node-type-webform #webform-component-tell-us-why-youd-like-to-represent-us,
.is-doyouspeakgrandest.node-type-webform #webform-component-tell-us-why-youd-like-to-represent-us {
  padding-left: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.is-lingua.not-logged-in:not(.page-user-login-register) #webform-component-tell-us-why-youd-like-to-represent-us label,
.is-lingua.logged-in.page-schools-platform #webform-component-tell-us-why-youd-like-to-represent-us label,
.is-lingua.logged-in.page-live #webform-component-tell-us-why-youd-like-to-represent-us label,
.is-region.logged-in.page-live #webform-component-tell-us-why-youd-like-to-represent-us label,
.is-lingua.node-type-webform #webform-component-tell-us-why-youd-like-to-represent-us label,
.is-andjoys.node-type-webform #webform-component-tell-us-why-youd-like-to-represent-us label,
.is-tutlogo.node-type-webform #webform-component-tell-us-why-youd-like-to-represent-us label,
.is-doyouspeakgrandest.node-type-webform #webform-component-tell-us-why-youd-like-to-represent-us label {
  width: 100% !important;
}
.is-lingua.not-logged-in:not(.page-user-login-register) #webform-component-tell-us-why-youd-like-to-represent-us textarea,
.is-lingua.logged-in.page-schools-platform #webform-component-tell-us-why-youd-like-to-represent-us textarea,
.is-lingua.logged-in.page-live #webform-component-tell-us-why-youd-like-to-represent-us textarea,
.is-region.logged-in.page-live #webform-component-tell-us-why-youd-like-to-represent-us textarea,
.is-lingua.node-type-webform #webform-component-tell-us-why-youd-like-to-represent-us textarea,
.is-andjoys.node-type-webform #webform-component-tell-us-why-youd-like-to-represent-us textarea,
.is-tutlogo.node-type-webform #webform-component-tell-us-why-youd-like-to-represent-us textarea,
.is-doyouspeakgrandest.node-type-webform #webform-component-tell-us-why-youd-like-to-represent-us textarea {
  height: 105px;
  width: 637px;
  margin-left: 0px;
  border: 1px solid #CDCECF;
  color: #4B4B4B;
}
.is-lingua.not-logged-in:not(.page-user-login-register) #popups .form-checkboxes .form-item label,
.is-lingua.logged-in.page-schools-platform #popups .form-checkboxes .form-item label,
.is-lingua.logged-in.page-live #popups .form-checkboxes .form-item label,
.is-region.logged-in.page-live #popups .form-checkboxes .form-item label,
.is-lingua.node-type-webform #popups .form-checkboxes .form-item label,
.is-andjoys.node-type-webform #popups .form-checkboxes .form-item label,
.is-tutlogo.node-type-webform #popups .form-checkboxes .form-item label,
.is-doyouspeakgrandest.node-type-webform #popups .form-checkboxes .form-item label {
  text-align: center !important;
}
.is-lingua.not-logged-in:not(.page-user-login-register) .form-custom-error,
.is-lingua.logged-in.page-schools-platform .form-custom-error,
.is-lingua.logged-in.page-live .form-custom-error,
.is-region.logged-in.page-live .form-custom-error,
.is-lingua.node-type-webform .form-custom-error,
.is-andjoys.node-type-webform .form-custom-error,
.is-tutlogo.node-type-webform .form-custom-error,
.is-doyouspeakgrandest.node-type-webform .form-custom-error {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 40px;
}
@media (max-width: 700px) {
  .is-lingua.not-logged-in:not(.page-user-login-register) #popups-title #popups-close,
  .is-lingua.logged-in.page-schools-platform #popups-title #popups-close,
  .is-lingua.logged-in.page-live #popups-title #popups-close,
  .is-region.logged-in.page-live #popups-title #popups-close,
  .is-lingua.node-type-webform #popups-title #popups-close,
  .is-andjoys.node-type-webform #popups-title #popups-close,
  .is-tutlogo.node-type-webform #popups-title #popups-close,
  .is-doyouspeakgrandest.node-type-webform #popups-title #popups-close {
    font-size: 65px;
    top: -25px;
  }
}
@media (max-width: 500px) {
  .is-lingua.not-logged-in:not(.page-user-login-register) #popups-title #popups-close,
  .is-lingua.logged-in.page-schools-platform #popups-title #popups-close,
  .is-lingua.logged-in.page-live #popups-title #popups-close,
  .is-region.logged-in.page-live #popups-title #popups-close,
  .is-lingua.node-type-webform #popups-title #popups-close,
  .is-andjoys.node-type-webform #popups-title #popups-close,
  .is-tutlogo.node-type-webform #popups-title #popups-close,
  .is-doyouspeakgrandest.node-type-webform #popups-title #popups-close {
    right: 0;
  }
  .is-lingua.not-logged-in:not(.page-user-login-register) .webform-component-fieldset,
  .is-lingua.logged-in.page-schools-platform .webform-component-fieldset,
  .is-lingua.logged-in.page-live .webform-component-fieldset,
  .is-region.logged-in.page-live .webform-component-fieldset,
  .is-lingua.node-type-webform .webform-component-fieldset,
  .is-andjoys.node-type-webform .webform-component-fieldset,
  .is-tutlogo.node-type-webform .webform-component-fieldset,
  .is-doyouspeakgrandest.node-type-webform .webform-component-fieldset {
    padding: 20px 10px 0 20px;
  }
  .is-lingua.not-logged-in:not(.page-user-login-register) #popups-title,
  .is-lingua.logged-in.page-schools-platform #popups-title,
  .is-lingua.logged-in.page-live #popups-title,
  .is-region.logged-in.page-live #popups-title,
  .is-lingua.node-type-webform #popups-title,
  .is-andjoys.node-type-webform #popups-title,
  .is-tutlogo.node-type-webform #popups-title,
  .is-doyouspeakgrandest.node-type-webform #popups-title {
    padding: 20px;
  }
  .is-lingua.not-logged-in:not(.page-user-login-register) #webform-component-number-of-employees-in-your-company,
  .is-lingua.not-logged-in:not(.page-user-login-register) #edit-actions,
  .is-lingua.not-logged-in:not(.page-user-login-register) #webform-component-message,
  .is-lingua.not-logged-in:not(.page-user-login-register) #webform-component-message,
  .is-lingua.not-logged-in:not(.page-user-login-register) #webform-component-number-of-employees-in-your-company,
  .is-lingua.not-logged-in:not(.page-user-login-register) #webform-component-annual-sales-of-your-company,
  .is-lingua.not-logged-in:not(.page-user-login-register) #webform-component-tell-us-why-youd-like-to-represent-us,
  .is-lingua.logged-in.page-schools-platform #webform-component-number-of-employees-in-your-company,
  .is-lingua.logged-in.page-schools-platform #edit-actions,
  .is-lingua.logged-in.page-schools-platform #webform-component-message,
  .is-lingua.logged-in.page-schools-platform #webform-component-message,
  .is-lingua.logged-in.page-schools-platform #webform-component-number-of-employees-in-your-company,
  .is-lingua.logged-in.page-schools-platform #webform-component-annual-sales-of-your-company,
  .is-lingua.logged-in.page-schools-platform #webform-component-tell-us-why-youd-like-to-represent-us,
  .is-lingua.logged-in.page-live #webform-component-number-of-employees-in-your-company,
  .is-lingua.logged-in.page-live #edit-actions,
  .is-lingua.logged-in.page-live #webform-component-message,
  .is-lingua.logged-in.page-live #webform-component-message,
  .is-lingua.logged-in.page-live #webform-component-number-of-employees-in-your-company,
  .is-lingua.logged-in.page-live #webform-component-annual-sales-of-your-company,
  .is-lingua.logged-in.page-live #webform-component-tell-us-why-youd-like-to-represent-us,
  .is-region.logged-in.page-live #webform-component-number-of-employees-in-your-company,
  .is-region.logged-in.page-live #edit-actions,
  .is-region.logged-in.page-live #webform-component-message,
  .is-region.logged-in.page-live #webform-component-message,
  .is-region.logged-in.page-live #webform-component-number-of-employees-in-your-company,
  .is-region.logged-in.page-live #webform-component-annual-sales-of-your-company,
  .is-region.logged-in.page-live #webform-component-tell-us-why-youd-like-to-represent-us,
  .is-lingua.node-type-webform #webform-component-number-of-employees-in-your-company,
  .is-lingua.node-type-webform #edit-actions,
  .is-lingua.node-type-webform #webform-component-message,
  .is-lingua.node-type-webform #webform-component-message,
  .is-lingua.node-type-webform #webform-component-number-of-employees-in-your-company,
  .is-lingua.node-type-webform #webform-component-annual-sales-of-your-company,
  .is-lingua.node-type-webform #webform-component-tell-us-why-youd-like-to-represent-us,
  .is-andjoys.node-type-webform #webform-component-number-of-employees-in-your-company,
  .is-andjoys.node-type-webform #edit-actions,
  .is-andjoys.node-type-webform #webform-component-message,
  .is-andjoys.node-type-webform #webform-component-message,
  .is-andjoys.node-type-webform #webform-component-number-of-employees-in-your-company,
  .is-andjoys.node-type-webform #webform-component-annual-sales-of-your-company,
  .is-andjoys.node-type-webform #webform-component-tell-us-why-youd-like-to-represent-us,
  .is-tutlogo.node-type-webform #webform-component-number-of-employees-in-your-company,
  .is-tutlogo.node-type-webform #edit-actions,
  .is-tutlogo.node-type-webform #webform-component-message,
  .is-tutlogo.node-type-webform #webform-component-message,
  .is-tutlogo.node-type-webform #webform-component-number-of-employees-in-your-company,
  .is-tutlogo.node-type-webform #webform-component-annual-sales-of-your-company,
  .is-tutlogo.node-type-webform #webform-component-tell-us-why-youd-like-to-represent-us,
  .is-doyouspeakgrandest.node-type-webform #webform-component-number-of-employees-in-your-company,
  .is-doyouspeakgrandest.node-type-webform #edit-actions,
  .is-doyouspeakgrandest.node-type-webform #webform-component-message,
  .is-doyouspeakgrandest.node-type-webform #webform-component-message,
  .is-doyouspeakgrandest.node-type-webform #webform-component-number-of-employees-in-your-company,
  .is-doyouspeakgrandest.node-type-webform #webform-component-annual-sales-of-your-company,
  .is-doyouspeakgrandest.node-type-webform #webform-component-tell-us-why-youd-like-to-represent-us {
    padding-left: 20px;
  }
  .is-lingua.not-logged-in:not(.page-user-login-register) #popups .form-checkboxes .form-item,
  .is-lingua.logged-in.page-schools-platform #popups .form-checkboxes .form-item,
  .is-lingua.logged-in.page-live #popups .form-checkboxes .form-item,
  .is-region.logged-in.page-live #popups .form-checkboxes .form-item,
  .is-lingua.node-type-webform #popups .form-checkboxes .form-item,
  .is-andjoys.node-type-webform #popups .form-checkboxes .form-item,
  .is-tutlogo.node-type-webform #popups .form-checkboxes .form-item,
  .is-doyouspeakgrandest.node-type-webform #popups .form-checkboxes .form-item {
    margin-right: 20px;
  }
  .is-lingua.not-logged-in:not(.page-user-login-register) .form-custom-error,
  .is-lingua.logged-in.page-schools-platform .form-custom-error,
  .is-lingua.logged-in.page-live .form-custom-error,
  .is-region.logged-in.page-live .form-custom-error,
  .is-lingua.node-type-webform .form-custom-error,
  .is-andjoys.node-type-webform .form-custom-error,
  .is-tutlogo.node-type-webform .form-custom-error,
  .is-doyouspeakgrandest.node-type-webform .form-custom-error {
    margin-left: 20px;
  }
}

.is-lingua.popups-processed {
  overflow: visible !important;
}

.c-cookies-popup_description {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.24px;
  line-height: 38px;
  text-align: center;
}

.c-cookies-popup_btn {
  background-color: #FF3333;
  border-radius: 30px;
  font-size: 22px;
  font-weight: 600;
  height: 62px;
  min-width: 265px;
  padding: 0 30px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.c-cookies-popup-footer {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: unset;
  padding: 25px 25px 135px 25px;
}
.c-cookies-popup-footer a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #4A90E2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.24px;
  line-height: 38px;
  text-align: center;
}

.c-cookies-popup-body__content {
  padding: 130px 90px 45px 90px;
}

.c-cookies-popup-dialog {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  max-width: 874px;
  width: 100%;
  margin: 0 auto;
}

.not-logged-in .modal-backdrop.in {
  -webkit-filter: brightness(0%);
          filter: brightness(0%);
  opacity: 0.4;
}

/* Tablet Landscape mode */
@media (max-device-width: 1280px) and (orientation: landscape) {
  .c-cookies-popup-body__content {
    padding: 50px 90px 25px 90px;
  }
  .c-cookies-popup-footer {
    padding: 15px 25px 60px 25px;
  }
}
@media (max-width: 770px) {
  .c-cookies-popup-dialog {
    margin: 30px auto;
  }
  .c-cookies-popup-dialog .c-modal-content {
    margin: 0 10px;
  }
}
@media (max-width: 650px) {
  .c-cookies-popup-body__content {
    padding: 30px 20px 25px 20px;
  }
  .c-cookies-popup-footer {
    padding: 25px 0 35px 0;
  }
}
@media (max-width: 450px) {
  .c-cookies-popup-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
  .c-cookies-popup-footer a {
    display: block;
  }
  .c-cookies-popup_description {
    font-size: 18px;
  }
}
@media (max-width: 450px) {
  .cookies-popup-grandest {
    top: 0 !important;
    overflow-y: auto !important;
  }
}
.cookies-popup-grandest .modal-dialog {
  width: 83%;
  max-width: 1392px;
  border-radius: 16px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2);
}
@media (min-width: 601px) {
  .cookies-popup-grandest .modal-dialog {
    position: fixed;
    bottom: 0;
    left: 50%;
  }
}
@media (max-width: 600px) {
  .cookies-popup-grandest .modal-dialog {
    margin: 5% auto;
  }
}
@media (max-width: 450px) {
  .cookies-popup-grandest .modal-dialog {
    width: 90%;
  }
}
.cookies-popup-grandest .modal-dialog .modal-content__title {
  padding: 3.5px 34px 0;
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.21px;
  line-height: 27px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
}
.cookies-popup-grandest .modal-dialog .modal-content__title .lock-icon {
  background-image: url("/sites/all/themes/lingua/assets/annonimous/lock-popup.png");
  width: 19px;
  height: 24px;
  background-size: cover;
  margin-left: 10px;
}
.cookies-popup-grandest .modal-dialog .modal-content__title-step2 {
  display: none;
}
.cookies-popup-grandest .modal-dialog .modal-content__title-step2 .back-icon {
  background-image: url("/sites/all/themes/lingua/assets/cookie-arrow.png");
  height: 46px;
  width: 46px;
  background-size: cover;
  margin-right: 32%;
  cursor: pointer;
}
.cookies-popup-grandest .modal-dialog .modal-content .c-cookies-popup-body__content {
  padding: 15px 34px;
}
.cookies-popup-grandest .modal-dialog .modal-content .c-cookies-popup-body__content-step2 {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 16px 51px;
}
.cookies-popup-grandest .modal-dialog .modal-content .c-cookies-popup_description {
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  letter-spacing: -0.17px;
  line-height: 26px;
  margin-bottom: 2px;
}
@media (max-width: 450px) {
  .cookies-popup-grandest .modal-dialog .modal-content .c-cookies-popup_description {
    font-size: 13px;
  }
}
.cookies-popup-grandest .modal-dialog .modal-content .c-cookies-popup_description a {
  color: #4b4b4b;
  text-decoration: underline;
  font-weight: bold;
}
.cookies-popup-grandest .modal-dialog .modal-content .c-cookies-popup-footer {
  -ms-flex-pack: justify;
  -webkit-box-pack: start;
          justify-content: flex-start;
  max-width: 100%;
  padding: 5px 34px 23.5px;
}
.cookies-popup-grandest .modal-dialog .modal-content .c-cookies-popup-footer .c-cookies-popup_btn,
.cookies-popup-grandest .modal-dialog .modal-content .c-cookies-popup-footer a {
  margin-right: 37px;
  border-radius: 9px;
  background-color: #43454A;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.17px;
  height: 50px;
  min-width: 218px;
}
.cookies-popup-grandest .modal-dialog .modal-content .c-cookies-popup-footer a {
  color: #43454A;
  background-color: #fff;
  border: 1px solid #43454A;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 601px) {
  .cookies-popup-grandest.in .modal-dialog {
    -webkit-transform: translate(-50%, 0) !important;
            transform: translate(-50%, 0) !important;
  }
  .cookies-popup-grandest.fade:not(.in) .modal-dialog {
    -webkit-transform: translate(-50%, -25%) !important;
            transform: translate(-50%, -25%) !important;
  }
}
@media (max-width: 600px) {
  .cookies-popup-grandest .c-cookies-popup_btn {
    margin-bottom: 20px;
  }
}

.cookies-popup-grandest.show-cookies .modal-dialog {
  max-width: 690px;
}
@media (min-width: 601px) {
  .cookies-popup-grandest.show-cookies .modal-dialog {
    left: 50%;
    top: 10vw;
    bottom: initial;
    margin: 0 auto;
  }
}
@media (max-width: 450px) {
  .cookies-popup-grandest.show-cookies .modal-dialog {
    top: 5%;
    margin: 0 auto;
  }
}
.cookies-popup-grandest.show-cookies .modal-dialog .modal-content__title {
  display: none;
}
.cookies-popup-grandest.show-cookies .modal-dialog .modal-content__title-step2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.21px;
  line-height: 27px;
  border-bottom: 1px solid #D8D8D8;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 46px 20px;
}
@media (max-width: 450px) {
  .cookies-popup-grandest.show-cookies .modal-dialog .modal-content__title-step2 .back-icon {
    height: 35px;
    width: 35px;
    margin-right: 12%;
  }
}
.cookies-popup-grandest.show-cookies .modal-dialog .modal-content .c-cookies-popup-body__content {
  display: none;
}
.cookies-popup-grandest.show-cookies .modal-dialog .modal-content .c-cookies-popup-body__content-step2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cookies-popup-grandest.show-cookies .modal-dialog .modal-content .c-cookies-popup-body__content-step2 > p:first-child {
  margin-bottom: 10px;
}
.cookies-popup-grandest.show-cookies .modal-dialog .modal-content .c-cookies-popup-footer {
  padding: 5px 53px 33px;
}
.cookies-popup-grandest.show-cookies .modal-dialog .modal-content .c-cookies-popup-footer .c-cookies-popup_btn {
  width: 100%;
  margin-right: 0;
}
.cookies-popup-grandest.show-cookies .modal-dialog .modal-content .c-cookies-popup-footer a {
  display: none;
}

/* remove padding-right: 17px from body */
body.front.not-logged-in.page-live.is-grandest.modal-open.popups-processed {
  padding-right: 0 !important;
}

.c-cookies-popup-modal.modal.in {
  background-color: rgba(0, 0, 0, 0.5);
  padding-right: 0 !important;
}
.c-cookies-popup-modal .c-cookies-popup-dialog {
  max-width: 560px;
}
.c-cookies-popup-modal .c-cookies-popup-body__content {
  padding: 35px 35px 20px 35px;
}
.c-cookies-popup-modal .c-cookies-popup_description {
  text-align: justify;
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
}
.c-cookies-popup-modal .c-cookies-link {
  font-size: 14px;
  font-weight: 400;
  color: #3C72FF;
  text-decoration: underline;
  padding-top: 10px;
  display: block;
}
.c-cookies-popup-modal .c-cookies-popup-footer {
  padding: 0px 35px 35px 35px;
}
.c-cookies-popup-modal .c-cookies-popup-footer::before, .c-cookies-popup-modal .c-cookies-popup-footer::after {
  content: none;
}
@media (max-width: 600px) {
  .c-cookies-popup-modal .c-cookies-popup-footer .btn + .btn {
    margin-left: 0px;
  }
}
@media (max-width: 450px) {
  .c-cookies-popup-modal .c-cookies-popup-footer {
    max-width: 100%;
  }
}
.c-cookies-popup-modal .c-cookies-popup_btn {
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  height: auto;
  min-width: 100px;
  padding: 10px 20px 10px 20px;
  white-space: break-spaces;
  max-width: 470px;
}
@media (max-width: 600px) {
  .c-cookies-popup-modal .c-cookies-popup_btn {
    margin-bottom: 20px;
  }
}
@media (max-width: 600px) {
  .c-cookies-popup-modal .c-cookies-popup_btn:last-of-type {
    margin-bottom: 0px;
  }
}

.c-last-announcement .close {
  opacity: 1;
}
.c-last-announcement .close:hover {
  opacity: 1;
}
.c-last-announcement .close .c-close-icon {
  color: #4B4B4B;
}
.c-last-announcement .c-modal-footer {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-last-announcement .c-modal-btn {
  background-color: #4A90E2;
}

.c-padding-0 {
  padding: 0;
}

.c-cookies-popup-settings-body__content {
  padding: 100px 60px 10px 80px;
}

.c-cookies-popup__table {
  max-width: 717px;
  width: 100%;
  border-radius: 10px;
  border: 1px solid #979797;
  margin: 0 auto 40px;
}

.c-cookies-popup-settings_details p {
  color: #4B4B4B;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 26px;
  margin-bottom: 30px;
}

.c-cookies-popup__tables-col div p {
  color: #4B4B4B;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 32px;
  margin: 0;
  word-break: break-word;
}
.c-cookies-popup__tables-col div p span {
  font-size: 18px;
  font-weight: 400;
}
.c-cookies-popup__tables-col div .c-cookies-popup__cookies-active {
  color: #40C6A6;
  font-size: 18px;
  font-weight: 600;
  min-height: 80px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-cookies-popup__tables-col .c-cookies-popup__header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #4B4B4B;
  border-radius: 10px 0 0;
  min-height: 124px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
}
.c-cookies-popup__tables-col .c-cookies-popup__header p {
  color: #FFFFFF;
  font-size: 22px;
  font-weight: 400;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: -0.24px;
  line-height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 205px;
}
.c-cookies-popup__tables-col .c-cookies-popup__use {
  border-bottom: none;
  padding: 20px 5px 30px 40px !important;
}

.c-cookies-popup__cookies-active-div {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 80px !important;
  padding: 0 0 0 40px !important;
}
.c-cookies-popup__cookies-active-div .c-pv-details__switch_level {
  background-color: #40C6A6;
  padding-left: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 62px;
}
.c-cookies-popup__cookies-active-div .c-pv-details__switch_btn_active {
  max-width: 33px;
  height: 30px;
  padding: 0;
  width: 100%;
}

.c-cookies-popup__tables-col--right div:first-of-type {
  border-radius: 0 10px 0 0;
}

.c-cookies-popup-settings__table-container div {
  border-bottom: 1px solid #979797;
  padding: 20px 0 20px 15px;
}

.c-cookies-popup__tables-col--left {
  border-right: 1px solid #979797;
}

.c-cookies-popup-settings-footer {
  padding: 0 0 60px 0;
}

.c-cookies-popup-settings__close {
  opacity: 1;
  position: absolute;
  right: 50px;
  top: 28px;
}
.c-cookies-popup-settings__close .c-close-icon {
  font-size: 55px;
  padding: 0;
}

.c-cookies-popup__switch-btn {
  background-color: #dcdcdc;
  border-radius: 20px;
  border-radius: 15px;
  display: block;
  height: 32px;
  margin-right: 20px;
  position: relative;
  width: 62px;
}

.c-cookies-popup__switch-btn.active {
  background-color: #40C6A6;
}

.c-cookies-popup__tables-col div .c-cookies-popup__cookies-active.c-cookies-popup__cookies-inactive {
  color: #DCDCDC;
}

.c-cookies-popup__switch-btn:after {
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -webkit-transition: all 200ms ease-in-out;
  background-color: #FFFFFF;
  border-radius: 50%;
  -webkit-box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.2);
  content: "";
  display: block;
  height: 28px;
  left: 100%;
  margin-left: -58px;
  position: absolute;
  top: 2px;
  transition: all 200ms ease-in-out;
  width: 28px;
}

.c-cookies-popup__switch-btn.active:after {
  left: 30px;
  margin-left: 0;
}

.c-cookies-popup__switch-btn input[type=checkbox] {
  opacity: 0;
}

/* CUSTOM SCROLL BAR */
/* Remove background scroll */
.cookies-settings.modal {
  overflow-y: hidden;
}

/* Add scroll on modal */
.c-cookies-popup-settings__scroll {
  height: 85vh;
  overflow-y: scroll;
  padding-right: 60px;
  /* Width */
}
.c-cookies-popup-settings__scroll::-webkit-scrollbar {
  width: 6px;
}
.c-cookies-popup-settings__scroll {
  /* Track */
}
.c-cookies-popup-settings__scroll::-webkit-scrollbar-track {
  background-color: #d6d6d6;
  border-radius: 15px;
}
.c-cookies-popup-settings__scroll {
  /* Handle */
}
.c-cookies-popup-settings__scroll::-webkit-scrollbar-thumb {
  background-color: #7a7a7a;
  border-radius: 15px;
  height: 125px;
}

@media (max-width: 991px) {
  .c-cookies-popup-settings-body__content {
    padding: 40px;
  }
}
@media (max-width: 767px) {
  .c-cookies-popup__header {
    border-radius: 10px !important;
  }
  .c-cookies-popup-settings__table-container {
    display: none;
  }
  .c-cookies-popup__table {
    border: none;
  }
  .c-cookies-popup__tables-col {
    border: 1px solid #979797;
    border-radius: 10px;
    margin-bottom: 10px;
  }
  .c-cookies-popup__header--open-content {
    border-radius: 10px 10px 0 0 !important;
  }
  .c-cookies-popup-settings__scroll {
    padding: 0 10px;
  }
}
@media (max-width: 600px) {
  .c-cookies-popup-settings_details p {
    font-size: 15px;
  }
  .c-cookies-popup__tables-col .c-cookies-popup__header {
    min-height: 90px;
  }
  .c-cookies-popup__tables-col .c-cookies-popup__header p {
    font-size: 15px;
  }
  .c-cookies-popup__tables-col div p span {
    font-size: 15px;
  }
  .c-cookies-popup_btn {
    font-size: 15px;
    max-width: 265px;
    min-width: unset;
  }
}
@media (max-width: 450px) {
  .c-cookies-popup__tables-col .c-cookies-popup__header p {
    text-align: center;
  }
  .c-cookies-popup__tables-col div p {
    padding: 0 10px;
  }
  .c-cookies-popup__tables-col .c-cookies-popup__use {
    padding: 20px 5px 30px 10px !important;
  }
  .c-cookies-popup-settings-body__content {
    padding: 20px;
  }
  .c-cookies-popup__cookies-active-div {
    padding: 0 0 0 10px !important;
  }
}
.c-legal-notices-container {
  color: #4B4B4B;
  max-width: 1280px;
  text-align: left;
  width: 100%;
  margin: 0;
  padding: 25px 20px;
}
.c-legal-notices-container p {
  margin-bottom: 0;
}
.c-legal-notices-container h2 {
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 16px;
  margin-top: 11px;
}
.c-legal-notices-container h3 {
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 16px;
  margin-top: 11px;
}
.c-legal-notices-main-title {
  font-weight: 600;
}
.c-legal-notices-title {
  font-weight: 400;
}
.c-legal-notices-text {
  color: #4B4B4B;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0;
}
@media screen and (max-width: 991px) {
  .c-legal-notices-container {
    padding: 85px 20px 20px 20px;
  }
}

/* Added by me */
h2.c-legal-notices-main-title {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.24px;
  line-height: 20px;
  margin: 0 0 20px;
}

.c-legal-notices__credits-container .c-legal-notices-title {
  padding-bottom: 10px;
}
.c-legal-notices__credits-group {
  padding-bottom: 10px;
}
.c-legal-notices__terms-container .c-legal-notices-text {
  padding-bottom: 10px;
}
.c-legal-notices__cookies-container p:first-of-type {
  padding-bottom: 10px;
}
.c-legal-notices__cookies-table {
  margin-top: 20px;
  width: 100%;
}
.c-legal-notices__cookies-table td {
  color: #4B4B4B;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  padding: 5px;
  width: 30%;
  word-break: break-word;
}
.c-legal-notices__cookies-table {
  /* Added by me */
}
.c-legal-notices__cookies-table tr:first-of-type td {
  font-weight: 700;
  border-bottom: 1px solid #ccc;
}
.c-legal-notices__cookies-table tbody {
  border: none;
}

.c-la__mobile-menu--terms-legal-notices {
  top: 150px;
}

.c-general-terms-container {
  color: #4B4B4B;
  max-width: 1280px;
  text-align: left;
  width: 100%;
  margin: 0;
  padding: 20px;
}
.c-general-terms-container p {
  margin-bottom: 0;
  padding-bottom: 10px;
}
.c-general-terms-container h2 {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.24px;
  line-height: 20px;
  margin: 0 0 20px;
}
.c-general-terms-container h1 {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 700;
}

.c-general-terms-main-title {
  font-weight: 600;
}

.c-general-terms-text {
  color: #4B4B4B;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
}

.c-general-terms-title {
  font-weight: 400;
}

@media screen and (max-width: 991px) {
  .c-general-terms-container {
    padding: 85px 20px 20px 20px;
  }
}
.c-certification-page {
  max-width: 680px;
  width: 100%;
}
.c-certification-page .c-badges__header-sections {
  border-radius: 10px;
  -webkit-box-shadow: 0 -2px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 -2px 20px 0 rgba(0, 0, 0, 0.1);
  height: 80px;
  max-width: 680px;
  width: 100%;
}
.c-certification-page .c-badges__header-sections div {
  height: auto;
}
.c-certification-page .c-badges__categories-badges-container {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
}
.c-certification-page .c-certification__header-opened {
  border-radius: 10px 10px 0 0;
}

.c-certification-page-header h1 {
  color: #2F2F2F;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 26px;
  margin-bottom: 10px;
  margin-top: 55px;
}
.c-certification-page-header p {
  color: #2F2F2F;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: -0.19px;
  line-height: 22px;
  max-width: 680px;
  margin: 0 0 20px;
  width: 100%;
}

.c-certification-page__table-content {
  -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0 0 10px 10px;
  border-top: 2px solid #E2E2E2;
  padding: 20px 40px;
}
.c-certification-page__table-content ul {
  padding-left: 15px;
}
.c-certification-page__table-content div,
.c-certification-page__table-content li {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: -0.14px;
  line-height: 18px;
}
.c-certification-page__table-content h3 {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.15px;
  line-height: 19px;
  margin: 0;
}

.c-certification__btn-container {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-certification_global-exam-container {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  max-width: 680px;
  margin-top: 15px;
  padding: 0 !important;
  width: 100%;
}

.c-certification_global-exam-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 78px;
}
.c-certification_global-exam-header p {
  color: #4B4B4B;
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  padding-left: 40px;
}

.c-certification_global-exam-details {
  border-top: 2px solid #E2E2E2;
}
.c-certification_global-exam-details p {
  color: #4B4B4B;
  font-family: Helvetica;
  font-size: 13px;
  line-height: 18px;
  padding: 25px 40px 0;
}

.c-certification-table-btn {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #FFFFFF;
  border-radius: 25px;
  border: 1px solid #4A90E2;
  color: #4A90E2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Open Sans";
  font-size: 13px;
  height: 50px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: -0.15px;
  line-height: 30px;
  max-width: 208px;
  margin: 20px 0;
  padding: 0;
  text-align: center;
  width: 100%;
}
.c-certification-table-btn:hover {
  background-color: #4A90E2;
  color: #FFFFFF;
  text-decoration: none;
}

.c-certification-global-exam-btn {
  background-color: #F4C232;
  border-radius: 25px;
  height: 50px;
  max-width: 243px;
  margin: 20px 0;
  padding: 0;
  width: 100%;
}
.c-certification-global-exam-btn a {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
.c-certification-global-exam-btn a:hover {
  text-decoration: none;
}

.c-certification-text__score {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #A6A6A6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Open Sans";
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.15px;
  line-height: 26px;
  margin: 0;
  padding-right: 10px;
}

.c-certification-page-teacher {
  max-width: 100%;
  width: 100%;
  margin: 0px;
  padding: 30px;
  border-radius: 20px;
  background-color: #FFFFFF;
  min-height: 100vh;
}
.c-certification-page-teacher .c-certification-page-header p {
  margin-bottom: 0px;
  max-width: 1000px;
}
.c-certification-page-teacher .c-certification-page-header {
  margin-bottom: 30px;
}
.c-certification-page-teacher .c-badges__header-sections,
.c-certification-page-teacher .c-badges__categories-badges-container {
  max-width: 910px;
}
.c-certification-page-teacher .c-badges__header-sections {
  padding-top: 0px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-certification-page-teacher .c-badges__categories-badges-container {
  margin: 0;
}
.c-certification-page-teacher .c-badges__container {
  margin-bottom: 30px;
}

.c-certification-page-teacher-title {
  width: 100%;
  padding: 10px 15px 20px 15px;
}
.c-certification-page-teacher-title h1 {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  color: #2F2F2F;
}

@media (max-width: 1030px) {
  .c-certification-page {
    margin: 0 auto;
  }
}
@media (max-width: 600px) {
  .c-certification-page .c-badges__header-sections {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (max-width: 450px) {
  .c-certification-page .c-badges__header-sections {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 110px;
    padding-top: 12px;
  }
  .c-certification__btn-container {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    padding-left: 40px !important;
  }
  .c-certification-table-btn {
    margin: 5px 0;
  }
  .c-certification_global-exam-details p {
    padding: 20px 20px 0;
  }
  .c-certification-page__table-content {
    padding: 12px 25px;
  }
}
.c-certification-modal_container {
  background-color: #FFFFFF;
  border-radius: 16px;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  max-width: 650px;
  width: 100%;
}

.c-certification-modal_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  min-height: 90px;
  width: 100%;
}
.c-certification-modal_header p {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #4B4B4B;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 400;
  letter-spacing: -0.26px;
  line-height: 33px;
  margin: 0 0 0 15px;
}

.c-certification-modal_body {
  border-top: 2px solid #E2E2E2;
  min-height: 330px;
}
.c-certification-modal_body p, .c-certification-modal_body .c-certification-modal_score-title {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 17px;
  font-weight: 400;
  letter-spacing: -0.18px;
  line-height: 24px;
  margin: 33px auto 0;
  max-width: 330px;
  padding: 0 10px;
  text-align: center;
  width: 100%;
}
.c-certification-modal_body p span, .c-certification-modal_body .c-certification-modal_score-title span {
  font-size: 24px;
  font-weight: 600;
  line-height: 75px;
}
.c-certification-modal_body .c-certification-modal_score-numbers {
  margin: 0 auto;
}
.c-certification-modal_body .c-modal-footer {
  padding-top: 10px;
}

.c-modal-certification-page {
  margin-top: 10%;
}

.c-cancelled-register-modal__text {
  color: #4B4B4B;
  font-size: 27px;
  font-family: "Open Sans";
  font-weight: 400;
  letter-spacing: -0.29px;
  line-height: 40px;
  text-align: center;
}

.c-cancelled-register-modal__footer {
  padding: 25px 25px 70px 25px;
}
.c-cancelled-register-modal__footer .c-modal-btn {
  height: 50px;
}

@media (min-width: 800px) {
  .c-cancelled-register-modal {
    max-width: 800px;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .c-cancelled-register-modal {
    margin: 145px auto;
  }
}
@media (max-width: 767px) {
  .c-cancelled-register-modal {
    margin: 120px 15px;
  }
}
@media (min-width: 600px) {
  .c-cancelled-register-modal__content {
    padding: 90px 120px 0px 120px;
  }
}
@media (max-width: 450px) {
  .c-cancelled-register-modal__text {
    font-size: 20px;
  }
  .c-cancelled-register-modal__footer {
    padding-top: 0;
  }
}
.c-discover-methods_page {
  max-width: 1440px;
  padding: 0;
  width: 100%;
}
.c-discover-methods_page .c-la__nav-wrapper {
  background-color: #FFFFFF !important;
  max-height: 147px;
}
.c-discover-methods_page .c-la__footer-container {
  background-color: #3B3C3A !important;
}
.c-discover-methods_page .c-la-nav__right {
  padding: 0;
}
.c-discover-methods_page .c-la__mobile-menu {
  top: 105px;
}
.c-discover-methods_page .ls-language-container.is-opened {
  top: 27%;
}

.c-discover-methods_header .c-la__nav-wrapper {
  -webkit-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.14);
          box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.14);
}
.c-discover-methods_header ~ footer.c-la__footer {
  margin-top: 13px;
}

.c-discover-methods_container {
  background-color: #FFFFFF;
  background-image: url("/sites/all/themes/lingua/assets/lingua-homepage/method-drop.svg");
  background-position: 100% 30%;
  background-repeat: no-repeat;
  max-width: 1440px;
  padding: 90px;
}

.c-discover-methods_titles {
  color: #4B4B4B;
}
.c-discover-methods_titles h1 {
  font-size: 36px;
  font-weight: 600;
  margin: 0 0 85px 0;
}
.c-discover-methods_titles h3 {
  font-size: 30px;
  font-weight: 600;
  margin: 0 0 42px 0;
}
.c-discover-methods_titles p {
  font-size: 20px;
  font-weight: 400;
  margin: 0;
  max-width: 1228px;
  width: 100%;
}

.c-discover-methods_category-details {
  color: #4B4B4B;
  max-width: 975px;
  width: 100%;
}
.c-discover-methods_category-details h3 {
  font-size: 30px;
  font-weight: 600;
}
.c-discover-methods_category-details p {
  font-size: 20px;
  font-weight: 400;
}

.ls-language-selector:after,
.ls-language-selector:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\e80e";
  display: inline-block;
  font-family: "fontello";
  font-size: 20px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1em;
  margin-left: 0.2em;
  margin-right: 5px;
  speak: none;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  width: 1em;
}

.ls-language-selector:after {
  content: "\e80b";
  font-size: 15px;
  position: relative;
  top: 2px;
}

.ls-language-select-list {
  background-color: #FAFAFA;
  border-radius: 10px;
  display: none;
  font-size: 14px;
  list-style: none;
  margin: 2px 0 0;
  max-height: 300px;
  min-width: 160px;
  padding: 5px 0;
  position: absolute;
  right: -100%;
  text-align: center;
  top: 55px;
  z-index: 1000;
}

/* [ ===  Media Queries  === ] */
@media (min-width: 1141px) {
  .c-discover-methods_page .c-la-nav__right {
    margin-top: 30px;
  }
}
@media (min-width: 961px) {
  .c-discover-methods_page .c-la__nav-link-btn {
    margin-top: 12px;
  }
}
@media (min-width: 940px) {
  .c-discover-methods_page #language-select-list-anonymous ul {
    padding: 0;
  }
}
@media (max-width: 939px) {
  .c-discover-methods_page .c-la__nav-link {
    padding: 10px 10px 0 10px !important;
  }
}
@media (min-width: 768px) {
  .c-discover-methods_page .c-la__nav-wrapper {
    background-image: url("/sites/all/themes/lingua/assets/lingua-homepage/header-drop.png");
    background-repeat: no-repeat;
  }
}
@media (max-width: 768px) {
  .c-discover-methods_page .c-la__nav-container .navbar-collapse.in {
    height: 11vh;
  }
  .c-discover-methods_page .c-la__nav-container .c-la-hamburger-menu {
    width: 20%;
  }
  .c-discover-methods_page .c-la__nav-container .navbar-header {
    width: 35%;
    padding-top: 20px;
  }
  .c-discover-methods_page .c-la-language-dropdown {
    padding-top: 15px;
  }
  .c-discover-methods_page .menuicon-bread {
    top: 30px !important;
  }
}
@media (max-width: 767px) {
  .c-discover-methods_page .c-la-nav__center {
    margin: 0 20px;
  }
  .c-discover-methods_page .c-la__nav-wrapper {
    background-image: url("/sites/all/themes/lingua/assets/lingua-homepage/header-drop.png");
    padding: 0 10px !important;
  }
}
@media (min-width: 992px) {
  .c-discover-methods_category-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 50px 0;
  }
  .c-discover-methods_category-container div:first-of-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 991px) {
  .c-discover-methods_titles h1 {
    font-size: 35px;
    margin: 0 0 35px 0;
  }
  .c-discover-methods_titles h3 {
    font-size: 25px;
    margin: 0 0 42px 0;
  }
  .c-discover-methods_titles p {
    font-size: 20px;
  }
  .c-discover-methods_category-container img {
    max-width: 130px;
    width: 100%;
  }
  .c-discover-methods_category-details h3 {
    font-size: 25px;
  }
  .c-discover-methods_category-details p {
    font-size: 16px;
  }
  .c-discover-methods_page.container {
    padding: 0;
  }
}
@media (max-width: 600px) {
  .c-discover-methods_titles h1 {
    font-size: 30px;
  }
  .c-discover-methods_titles h3 {
    font-size: 20px;
  }
  .c-discover-methods_titles p {
    font-size: 17px;
  }
  .c-discover-methods_category-container img {
    max-width: 100px;
    width: 100%;
  }
  .c-discover-methods_category-details h3 {
    font-size: 20px;
  }
  .c-discover-methods_category-details p {
    font-size: 14px;
  }
  .c-discover-methods_page .c-la__nav-wrapper {
    background-size: 45% 100%;
  }
  .c-discover-methods_header .navbar-header {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .c-discover-methods_header .c-la__nav-container {
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
        -ms-flex-direction: unset;
            flex-direction: unset;
    -ms-flex-pack: distribute;
    -webkit-box-pack: justify;
            justify-content: space-between;
  }
  .c-discover-methods_header .c-la-language-dropdown {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .ls-language-selector:after {
    display: none;
  }
}
@media (max-width: 450px) {
  .c-discover-methods_titles h1 {
    font-size: 25px;
    margin: 0 0 25px 0;
  }
  .c-discover-methods_titles h3 {
    font-size: 17px;
    margin: 0 0 30px 0;
  }
  .c-discover-methods_titles p {
    font-size: 15px;
  }
  .c-discover-methods_category-container img {
    max-width: 80px;
    width: 100%;
  }
  .c-discover-methods_container {
    background-size: 90px;
  }
  .c-discover-methods_header .navbar-brand {
    margin-left: 5px;
  }
}
.c-personal-data-container {
  background-image: none;
}

.page-schools #page-content .container:first-of-type {
  background-color: #F3F3F4;
}

.student-export-test .c-badges__page-mark {
  display: none;
}
.student-export-test p {
  font-weight: 400;
  font-size: 15px;
  padding: 10px;
}
.student-export-test a {
  color: #4A90E2;
}

.c-schools_page {
  max-width: 1440px;
  width: 100%;
  padding: 0;
}
.c-schools_container {
  padding: 0;
  max-width: 1440px;
  background-image: url("/sites/all/themes/lingua/assets/lingua-homepage/school-drop.svg");
  background-repeat: no-repeat;
  background-position: 100% 30%;
  background-color: #FFFFFF;
}

.c-schools-section,
.c-corporate-section,
.c-distributor-section {
  border-bottom: 2px solid #979797;
  padding: 85px 80px;
}
.c-schools-section img,
.c-corporate-section img,
.c-distributor-section img {
  float: left;
  width: 30%;
  margin-right: 45px;
}
.c-schools-section span,
.c-corporate-section span,
.c-distributor-section span {
  font-weight: 600;
  color: #4B4B4B;
  font-size: 20px;
}
.c-schools-section p,
.c-corporate-section p,
.c-distributor-section p {
  color: #4B4B4B;
  font-size: 18px;
  font-weight: 400;
}
.c-schools-section strong,
.c-corporate-section strong,
.c-distributor-section strong {
  font-size: 33px;
  line-height: 40px;
}
.c-schools-section .c-school_subtitle,
.c-corporate-section .c-school_subtitle,
.c-distributor-section .c-school_subtitle {
  font-weight: 600;
  margin: 25px 0 30px;
}

.c-school_details-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 35px;
}
.c-school_info-frame {
  border: 1px solid #4A90E2;
  border-radius: 8px;
  padding: 30px 40px;
}
.c-school_info-frame ul {
  padding: 0;
  margin: 0;
}
.c-school_info-frame ul li {
  color: #4B4B4B;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
  list-style: none;
}
.c-school_info-frame ul li:before {
  content: "•";
  color: #4B4B4B;
  margin-right: 20px;
}
.c-school_contact {
  margin-left: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-school_contact .c-jumbotron-section__btn {
  margin: auto 0;
  font-size: 20px;
  height: 60px;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-corporate-section .c-school_info-frame {
  max-width: 850px;
}
.c-corporate-section .c-school_contact {
  display: block;
}
.c-corporate-section .c-school_contact .c-jumbotron-section__btn {
  margin-top: 20px;
}

.c-distributor-section {
  border: none;
}
.c-distributor-section.container {
  margin: 0;
  max-width: unset;
}
.c-distributor-section p {
  max-width: 1120px;
  width: 100%;
}
.c-distributor-section .c-school_contact {
  max-width: 1000px;
  width: 100%;
  display: block;
}
.c-distributor-section .c-school_contact .c-jumbotron-section__btn {
  margin-top: 30px;
}

@media (max-width: 991px) {
  .c-schools-section,
  .c-corporate-section,
  .c-distributor-section {
    padding: 35px 30px !important;
  }
  .c-schools-section img,
  .c-corporate-section img,
  .c-distributor-section img {
    margin-right: 20px;
  }
  .c-school_details-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .c-school_contact {
    margin: 30px 0 0;
  }
  .c-school_info-frame {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (max-width: 600px) {
  .c-schools-section,
  .c-corporate-section,
  .c-distributor-section {
    padding: 25px 0px !important;
  }
  .c-schools-section span,
  .c-schools-section p,
  .c-corporate-section span,
  .c-corporate-section p,
  .c-distributor-section span,
  .c-distributor-section p {
    font-size: 17px;
  }
  .c-schools-section strong,
  .c-corporate-section strong,
  .c-distributor-section strong {
    font-size: 30px;
  }
  .c-schools-section .c-school_subtitle,
  .c-corporate-section .c-school_subtitle,
  .c-distributor-section .c-school_subtitle {
    margin: 10px 0;
  }
  .c-school_info-frame {
    padding: 15px;
    margin: 15px auto 15px 0;
  }
  .c-school_info-frame ul {
    padding: 0;
  }
  .c-school_info-frame ul li {
    font-size: 17px;
    line-height: 25px;
  }
  .c-school_contact .c-jumbotron-section__btn {
    font-size: 15px;
  }
}
.c-about-page .c-discover-methods_container {
  background-image: url("/sites/all/themes/lingua/assets/lingua-homepage/school-drop.svg");
  padding: 25px 20px 0;
}
.c-about-page .c-school_info-frame {
  max-width: 850px;
  width: 100%;
}

.is-lingua .c-about-page .c-discover-methods_container {
  background-image: none;
}

.c-about-page_entertainment-section {
  color: #4B4B4B;
}
.c-about-page_entertainment-section h2 {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.24px;
  line-height: 20px;
  margin: 0 0 20px 0;
}
.c-about-page_entertainment-section p {
  color: #4B4B4B;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 400;
}

@media (max-width: 991px) {
  .c-about-page .c-discover-methods_container {
    padding: 20px;
  }
  .c-about-page .c-discover-methods_container.c-legal-notices-container {
    padding: 85px 20px 20px 20px;
  }
}
@media (max-width: 600px) {
  .c-about-page_entertainment-section h2 {
    font-size: 25px;
    margin: 20px 0 20px;
  }
  .c-about-page_entertainment-section p {
    font-size: 17px;
  }
}
.autocomplete__wrapper {
  position: relative;
  width: 232px;
}

.autocomplete__hint,
.autocomplete__input {
  border: 1px solid #CDCECF;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 11px;
  margin-bottom: 0;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-appearance: none;
}

.autocomplete__hint {
  color: #B1B4B6;
  position: absolute;
}

.autocomplete__input {
  background-color: transparent;
  border-radius: 4px;
  font-size: 11px;
  position: relative;
}
.autocomplete__input--default {
  padding: 5px;
}
.autocomplete__input--focused {
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
  border-bottom: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  outline: 1px solid #4A90E2;
  outline-offset: 0;
}
.autocomplete__input--focused ~ .autocomplete__menu--hidden {
  border: none;
}
.autocomplete__input--show-all-values {
  cursor: pointer;
  padding: 4px 34px 4px 4px;
}

.autocomplete__dropdown-arrow-down {
  display: inline-block;
  height: 24px;
  position: absolute;
  right: 8px;
  top: 10px;
  width: 24px;
  z-index: -1;
}

.autocomplete__menu {
  background-color: #FFFFFF;
  border: 1px solid #CDCECF;
  border-top: 0;
  color: #A6A6A6;
  margin: 0;
  max-height: 342px;
  overflow-x: hidden;
  padding: 0;
  width: 100%;
}
.autocomplete__menu--visible {
  display: block;
}
.autocomplete__menu--hidden {
  display: none;
}
.autocomplete__menu--overlay {
  left: 0;
  position: absolute;
  top: 100%;
  z-index: 100;
}
.autocomplete__menu--inline {
  position: absolute;
  max-height: 16.02857143rem;
}

.autocomplete__option {
  border-top: 1px solid #FAFAFA;
  color: #A6A6A6 !important;
  cursor: pointer;
  display: block;
  font-family: "Open Sans";
  font-size: 9.75pt !important;
  letter-spacing: -0.12px;
  padding: 5px;
  position: relative;
}
.autocomplete__option:first-of-type {
  border-top-width: 0;
}
.autocomplete__option:last-of-type {
  border-bottom-width: 0;
}
.autocomplete__option--odd {
  background-color: #FAFAFA;
}
.autocomplete__option--focused, .autocomplete__option:hover {
  background: rgba(0, 0, 0, 0.03);
  color: rgba(0, 0, 0, 0.95) !important;
  font-weight: 600;
  outline: 0;
}
.autocomplete__option--no-results {
  background-color: #fafafa;
  color: #646b6f;
  cursor: url("/sites/all/themes/lingua/assets/not-allowed-xs.png"), auto !important;
}
.autocomplete__option > * {
  pointer-events: none;
}

.autocomplete__hint,
.autocomplete__input,
.autocomplete__option {
  font-size: 16px;
  line-height: 1.25;
}

.autocomplete__hint,
.autocomplete__option {
  padding: 5px 10px;
}

#edit-mother-tongue {
  background-color: #FFFFFF;
  background: url("https://image.ibb.co/m5bSeq/gray.png") 97%/10% no-repeat;
  border: 1px solid #CDCECF;
  border-radius: 4px;
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 9.75pt !important;
  letter-spacing: -0.12px;
  min-height: 36px;
  padding-left: 10px;
}

#edit-postal-code__listbox {
  max-width: 106px;
  width: 100%;
  z-index: 1;
}

#edit-postal-code {
  font-family: "Open Sans";
  font-size: 9.75pt !important;
  letter-spacing: -0.12px;
  line-height: 15px;
  max-width: 106px;
  padding: 10px;
  width: 100%;
  color: #4B4B4B;
}
#edit-postal-code::-webkit-input-placeholder {
  color: #A6A6A6 !important;
}
#edit-postal-code::-moz-placeholder {
  color: #A6A6A6 !important;
}
#edit-postal-code:-ms-input-placeholder {
  color: #A6A6A6 !important;
}
#edit-postal-code::-ms-input-placeholder {
  color: #A6A6A6 !important;
}
#edit-postal-code::placeholder {
  color: #A6A6A6 !important;
}

@media (min-width: 641px) {
  .autocomplete__hint,
  .autocomplete__input,
  .autocomplete__option {
    font-size: 19px;
    line-height: 1.31579;
  }
}
/* prevent scrolling underneath overlay menu */
.overflow {
  overflow: hidden;
}
.overflow .c-overlay-menu {
  z-index: 2;
}

#globalnav .menuicon-bread-crust {
  display: block;
  width: 33px;
  height: 2px;
  background: #000;
  position: absolute;
  left: 7px;
  z-index: 1;
}

.is-lingua #globalnav .menuicon-bread-crust {
  background: #FFFFFF;
}
.is-lingua.not-logged-in #globalnav .menuicon-bread-crust {
  background-color: #fff;
}

.front.not-logged-in #globalnav {
  margin-bottom: 35px;
}
@media (max-width: 768px) {
  .front.not-logged-in.is-lingua .menuicon-bread {
    top: 15px;
  }
}

.not-front.not-logged-in .menuicon-bread {
  top: 20px;
}
@media (max-width: 820px) {
  .not-front.not-logged-in .menuicon-bread {
    top: 10px;
  }
}

.menuicon {
  list-style-type: none;
}

.menuicon-bread {
  position: absolute;
  top: 9px;
  right: 16px;
  width: 39px;
  height: 39px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  cursor: pointer;
}

#menustate {
  display: none;
}

.c-menu__account-title .caret {
  margin-top: -4px;
}

.menuicon-bread-top {
  transition: transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96), -webkit-transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
  -webkit-transform: none;
          transform: none;
}

.menuicon-bread-crust-top {
  top: 14px;
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  transition: transform 0.1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.1008s, -webkit-transform 0.1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.1008s;
}

.menuicon-bread-bottom {
  transition: transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96), -webkit-transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
  -webkit-transform: none;
          transform: none;
}

.menuicon-bread-crust-bottom {
  bottom: 14px;
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
  transition: transform 0.1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.1008s, -webkit-transform 0.1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.1008s;
}

#menustate:checked ~ #globalnav .menuicon-bread-top {
  transition: transform 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s, -webkit-transform 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

#menustate:checked ~ #globalnav .menuicon-bread-crust-top {
  transition: transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96), -webkit-transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
  -webkit-transform: none;
          transform: none;
}

#menustate:checked ~ #globalnav .menuicon-bread-bottom {
  transition: transform 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s, -webkit-transform 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

#menustate:checked ~ #globalnav .menuicon-bread-crust-bottom {
  transition: transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96), -webkit-transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
  -webkit-transform: none;
          transform: none;
}

@media (max-width: 1160px) {
  .node-type-video .c-hamburger-header,
  .node-type-photovocab .c-hamburger-header,
  .page-languages .c-hamburger-header {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .c-search-navbar {
    display: none;
  }
}
@media screen and (min-width: 991px) {
  .is-qioz .block-menu .leaf a:hover,
  .is-qioz .block-menu .leaf button:hover {
    background: #36393F !important;
    color: #FFFFFF !important;
  }
  .is-andjoys .block-menu .leaf a:hover,
  .is-andjoys .block-menu .leaf button:hover {
    background: #aac939 !important;
  }
}
@media (min-width: 921px) {
  body.logged-in .logged-in .c-hamburger-menu {
    display: none !important;
  }
  body.logged-in .c-hamburger-header {
    display: none;
  }
  body.logged-in .block-menu .leaf.expanded .dropdown-menu {
    left: 50%;
    position: absolute;
    top: 97% !important;
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
  }
  body.logged-in .main-navbar__navigation .block-menu .leaf.expanded .dropdown-menu {
    left: auto !important;
    right: -14px;
    -webkit-transform: none;
            transform: none;
  }
  body.logged-in .c-menu__account-title {
    display: none;
  }
}
body.logged-in.is-lingua.page-languages .block-menu .leaf.expanded .dropdown-menu {
  left: 50%;
  position: absolute;
  top: 97% !important;
  -webkit-transform: translate(-70%, 0%);
          transform: translate(-70%, 0%);
  border: 1px solid #FFFFFF;
  border-radius: 4px;
}
@media (min-width: 920px) and (max-width: 990px) {
  body.logged-in.is-lingua.page-languages .block-menu .leaf.expanded .dropdown-menu {
    -webkit-transform: translate(-85%, 0%);
            transform: translate(-85%, 0%);
  }
}
@media (max-width: 919px) {
  body.logged-in.is-lingua.page-languages .block-menu .leaf.expanded .dropdown-menu {
    -webkit-transform: translate(-75%, 0%);
            transform: translate(-75%, 0%);
  }
}

body.logged-in.page-languages .c-menu__account-title {
  display: none;
}

@media (min-width: 821px) {
  body.not-logged-in .logged-in .c-hamburger-menu {
    display: none !important;
  }
  body.not-logged-in .c-hamburger-header {
    display: none;
  }
  body.not-logged-in .main-navbar__navigation .block-menu .leaf.expanded .dropdown-menu {
    left: auto !important;
    right: -14px;
    -webkit-transform: none;
            transform: none;
  }
  body.not-logged-in .c-menu__account-title {
    display: none;
  }
}
@media (min-width: 821px) {
  .page-user-login-register .block-menu .leaf.expanded .dropdown-menu,
  .front.not-logged-in .block-menu .leaf.expanded .dropdown-menu {
    left: 50%;
    position: absolute;
    top: 97% !important;
    -webkit-transform: translate(-55%, 0%);
            transform: translate(-55%, 0%);
  }
}
@media (min-width: 769px) {
  .not-logged-in.is-lingua .c-hamburger-header {
    display: none;
  }
}
@media (max-width: 1200px) {
  .block-menu .leaf.expanded > a,
  .block-menu .leaf.expanded > button {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media (max-width: 1320px) {
  .is-qioz .block-menu .leaf a,
  .is-qioz .block-menu .leaf button {
    font-size: 13.5px;
  }
  .is-lingua .block-menu .leaf a,
  .is-lingua .block-menu .leaf button {
    font-size: 13.5px;
  }
}
@media (max-width: 1150px) {
  .is-qioz .block-menu .leaf a,
  .is-qioz .block-menu .leaf button,
  .is-lingua .block-menu .leaf a,
  .is-lingua .block-menu .leaf button {
    font-size: 12.5px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 1145px) {
  .block-menu .leaf.expanded > a,
  .block-menu .leaf.expanded > button {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}
@media (max-width: 991px) {
  .is-qioz .main-navbar__logo img {
    max-width: 190px;
  }
  .block.block-menu .leaf a,
  .block.block-menu .leaf button {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
}
@media (max-width: 930px) {
  .is-qioz .block-menu .leaf a,
  .is-qioz .block-menu .leaf button {
    font-size: 12px;
  }
  .block-menu .leaf.expanded > a,
  .block-menu .leaf.expanded > button {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}
@media (max-width: 870px) {
  .is-qioz .main-navbar__logo img {
    max-width: 200px;
  }
}
.node-type-page.not-front.logged-in .c-hamburger-menu--logged {
  display: block;
}

@media (max-width: 920px) {
  /* Add some style on presentation pages (about, legal notices..) */
  .node-type-page.not-front.logged-in .c-hamburger-menu--logged {
    display: block;
  }
  .node-type-page.not-front.logged-in .main-navbar {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .node-type-page.not-front.logged-in .c-hamburger-bar {
    background: #33353A;
    content: " ";
    display: block;
    height: 2px;
    margin-bottom: 14px;
    width: 33px;
  }
  .node-type-page.not-front.logged-in .c-hamburger-bar:last-of-type {
    margin-bottom: 0;
  }
  .is-lingua .block-menu .leaf a,
  .is-lingua .block-menu .leaf button,
  .is-qioz .block-menu .leaf a,
  .is-qioz .block-menu .leaf button {
    font-size: 18px;
    letter-spacing: -0.19px;
    line-height: 24px;
    font-family: "Open Sans";
    font-weight: 400;
  }
  .is-lingua #header #block-locale-0 .content #language-select-list,
  .is-qioz #header #block-locale-0 .content #language-select-list {
    top: 60px;
  }
  .c-menu__account-title {
    margin-left: 10px !important;
  }
  /* Move down the language selector for not-front page */
  .not-front .ls-language-selector {
    height: 60px !important;
  }
  .is-qioz:not(.page-languages) .of-canvas-menu .of-canvas-navigation {
    background-color: #FFFFFF;
  }
  .is-qioz:not(.page-languages) #block-menu-menu-lingua-navigation li.expanded.expandable.leaf.active-trail a:before,
  .is-qioz:not(.page-languages) #block-menu-menu-lingua-navigation li.expanded.expandable.leaf.active-trail button:before {
    color: #FFFFFF !important;
  }
  .is-qioz:not(.page-languages) {
    /* Remove hover effect from responsive menu */
  }
  .is-qioz:not(.page-languages) #block-menu-menu-lingua-navigation li.expanded.expandable.leaf:hover,
  .is-qioz:not(.page-languages) .block-menu .leaf:hover a,
  .is-qioz:not(.page-languages) .block-menu .leaf a.active,
  .is-qioz:not(.page-languages) .block-menu .leaf:hover button,
  .is-qioz:not(.page-languages) .block-menu .leaf button.active {
    background-color: #FFFFFF;
    color: #35393E;
  }
  .is-qioz:not(.page-languages) .of-canvas-navigation {
    /* Remove hover effect from responsive menu */
  }
  .is-qioz:not(.page-languages) .of-canvas-navigation .leaf.expanded.expandable:hover,
  .is-qioz:not(.page-languages) .of-canvas-navigation .leaf:hover a,
  .is-qioz:not(.page-languages) .of-canvas-navigation .leaf button:hover {
    background-color: #FFFFFF;
    color: #35393E;
  }
  .is-qioz:not(.page-languages) .of-canvas-navigation {
    /* Keep properly style for active state */
  }
  .is-qioz:not(.page-languages) .of-canvas-navigation .leaf.active-trail a,
  .is-qioz:not(.page-languages) .of-canvas-navigation .leaf.active-trail:hover a,
  .is-qioz:not(.page-languages) .of-canvas-navigation .leaf:hover a.active {
    background-color: #2F3136;
    color: #FFFFFF;
  }
  .is-qioz:not(.page-languages) .of-canvas-navigation {
    /* Keep properly style for active state */
  }
  .is-qioz:not(.page-languages) .of-canvas-navigation .block-menu .leaf a.active,
  .is-qioz:not(.page-languages) .of-canvas-navigation .block-menu .leaf button.active {
    background-color: #2F3136;
    color: #FFFFFF;
  }
  .is-qioz:not(.page-languages) .of-canvas-navigation #block-menu-menu-lingua-navigation .expanded.expandable.leaf.active-trail button {
    background-color: #FFFFFF !important;
    color: #35393E !important;
  }
  .is-qioz:not(.page-languages) .of-canvas-navigation #block-menu-menu-lingua-navigation {
    /* Keep properly style for active state */
  }
  .is-qioz:not(.page-languages) .of-canvas-navigation #block-menu-menu-lingua-navigation li.expanded.expandable.leaf.active-trail ul > li > a.active,
  .is-qioz:not(.page-languages) .of-canvas-navigation #block-menu-menu-lingua-navigation li.expanded.expandable.leaf.active-trail ul > li > button.active {
    background-color: #2F3136 !important;
    color: #FFFFFF !important;
  }
  .is-qioz:not(.page-languages) .of-canvas-navigation {
    /* Keep properly style for open state */
  }
  .is-qioz:not(.page-languages) .of-canvas-navigation .leaf.expanded.expandable.open button,
  .is-qioz:not(.page-languages) .of-canvas-navigation .leaf.expanded.expandable.open:hover button {
    background-color: #FFFFFF;
    color: #35393E;
  }
  .is-qioz:not(.page-languages) .of-canvas-navigation .dropdown-menu .leaf a,
  .is-qioz:not(.page-languages) .of-canvas-navigation .dropdown-menu .leaf a:hover {
    background-color: #F3F3F3 !important;
    font-weight: 400;
  }
  .is-qioz:not(.page-languages) .block-menu .leaf a,
  .is-qioz:not(.page-languages) .block-menu .leaf button {
    color: #35393E;
  }
  .is-qioz:not(.page-languages) .of-canvas-menu .block-menu .menu .leaf a,
  .is-qioz:not(.page-languages) .of-canvas-menu .block-menu .menu .leaf button,
  .is-qioz:not(.page-languages) .of-canvas-menu .block-menu .menu-toolbox-dropdown .leaf a,
  .is-qioz:not(.page-languages) .of-canvas-menu .block-menu .menu-toolbox-dropdown .leaf button,
  .is-qioz:not(.page-languages) .of-canvas-menu .block-menu li.leaf.last a {
    border-bottom: 1px solid #E8E8E8;
  }
  .is-qioz:not(.page-languages) .main-navbar__navigation .block-menu .menu-toolbox-dropdown .leaf.expanded a span,
  .is-qioz:not(.page-languages) .main-navbar__navigation .block-menu .menu-toolbox-dropdown .leaf.expanded button span {
    color: #35393E;
  }
  .is-qioz:not(.page-languages) #user-profile-dropdown {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .is-andjoys:not(.page-languages) .of-canvas-navigation #block-menu-menu-lingua-navigation {
    /* Keep properly style for active state */
  }
  .is-andjoys:not(.page-languages) .of-canvas-navigation #block-menu-menu-lingua-navigation li.expanded.expandable.leaf.active-trail ul > li > a.active,
  .is-andjoys:not(.page-languages) .of-canvas-navigation #block-menu-menu-lingua-navigation li.expanded.expandable.leaf.active-trail ul > li > button.active {
    background-color: #aac939 !important;
  }
  .is-lingua .of-canvas-navigation {
    /* Remove hover effect from responsive menu */
  }
  .is-lingua .of-canvas-navigation .leaf.expanded.expandable:hover,
  .is-lingua .of-canvas-navigation .leaf:hover a,
  .is-lingua .of-canvas-navigation .leaf button:hover {
    background-color: #2A2C30;
    color: #FFFFFF;
  }
  .is-lingua .of-canvas-navigation {
    /* Keep properly style for active state */
  }
  .is-lingua .of-canvas-navigation .leaf.active-trail a,
  .is-lingua .of-canvas-navigation .leaf.active-trail button,
  .is-lingua .of-canvas-navigation .leaf a.active,
  .is-lingua .of-canvas-navigation .leaf.active-trail:hover a {
    background-color: #DD7575 !important;
    color: #FFFFFF;
  }
  .is-lingua .of-canvas-navigation #block-menu-menu-lingua-navigation .expanded.expandable.leaf.active-trail button {
    background-color: #2A2C30 !important;
    color: #FFFFFF;
  }
  .is-lingua .of-canvas-navigation {
    /* Keep properly style for open state */
  }
  .is-lingua .of-canvas-navigation .leaf.expanded.expandable.open button,
  .is-lingua .of-canvas-navigation .leaf.expanded.expandable.open:hover button {
    background-color: #2A2C30;
    color: #FFFFFF;
  }
  .is-lingua .of-canvas-menu .block-menu .menu .leaf a,
  .is-lingua .of-canvas-menu .block-menu .menu .leaf button,
  .is-lingua .of-canvas-menu .block-menu .menu-toolbox-dropdown .leaf a,
  .is-lingua .of-canvas-menu .block-menu .menu-toolbox-dropdown .leaf button,
  .is-lingua .of-canvas-menu .block-menu li.leaf.last a {
    border-bottom: 1px solid #585D69;
  }
  .hide-menu {
    display: none !important;
  }
  .main-navbar__navigation .block-menu li.leaf.last {
    width: 100%;
  }
  .main-navbar__navigation .block-menu li.leaf.last a,
  .main-navbar__navigation .block-menu li.leaf.last button {
    padding: 17px 35px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .is-qioz .block-menu .menu-toolbox-dropdown > li:last-child > a:before,
  .is-qioz .block-menu .menu-toolbox-dropdown > li:last-child > button:before {
    left: -28px !important;
    top: 56px !important;
  }
  .is-lingua .block-menu .menu-toolbox-dropdown > li:last-child > a:before,
  .is-lingua .block-menu .menu-toolbox-dropdown > li:last-child > button:before {
    top: 57px;
  }
  .not-front #block-locale-0 {
    display: block !important;
  }
  .not-front .of-canvas-menu #block-locale-0 {
    display: none !important;
  }
  .of-canvas-menu {
    top: 60px !important;
  }
  .not-front .of-canvas-navigation #block-menu-menu-lingua-toolbox {
    display: block !important;
  }
  .of-canvas-navigation .main-navbar__navigation {
    display: block !important;
  }
  .of-canvas-navigation .hide-menu {
    display: block !important;
  }
  .of-canvas-navigation .block-menu .leaf {
    height: 100% !important;
  }
  #block-locale-0 {
    width: auto !important;
  }
  .of-canvas-menu .of-canvas-navigation {
    max-height: 100vh !important;
  }
  .block-menu .content,
  .block-menu .menu {
    height: auto !important;
  }
  body.not-logged-in .block-menu .content,
  body.not-logged-in .block-menu .menu {
    height: 100% !important;
  }
  .main-navbar__navigation {
    height: 40vh !important;
  }
  .front #block-menu-menu-lingua-toolbox {
    display: none !important;
  }
  .dropdown-toggle.dd-user {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .dropdown-toggle.dd-user .catalog-filter__icon {
    margin-left: -13%;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .logged-in #block-locale-0 {
    position: absolute;
    right: 65px;
    top: 0;
    height: 58px;
  }
  .front .main-navbar__menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .logged-in #block-menu-menu-lingua-navigation .dropdown-menu {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .block-menu .leaf.active-trail a,
  .block-menu .leaf.active-trail button {
    color: #FFFFFF;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 400 !important;
    letter-spacing: -0.19px;
    line-height: 25px;
  }
  /* Mobile menu - new design */
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster).menu-open {
    overflow: hidden !important;
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster) {
    /* Apply style only for Qioz theme */
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster).is-qioz .of-canvas-navigation .dropdown-menu .leaf a {
    border-bottom: 1px solid #D8D8D8;
    background-color: #F3F3F3 !important;
    font-weight: 400 !important;
    color: #35393E !important;
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster).is-qioz .of-canvas-navigation .dropdown-menu .leaf a:hover {
    color: #36393F !important;
    background-color: #F3F3F3 !important;
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster).is-qioz .of-canvas-navigation .dropdown-menu .leaf.active-trail a,
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster).is-qioz .of-canvas-navigation .dropdown-menu .leaf.active-trail a:hover {
    background-color: #2F3136 !important;
    color: #FFFFFF !important;
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster).is-qioz .of-canvas-navigation {
    /* Remove hover effect from collapse items of responsive menu */
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster).is-qioz .of-canvas-navigation #block-menu-menu-lingua-navigation .leaf.expanded.expandable.leaf.active-trail ul > li > a:not(.active):hover {
    background: #F3F3F3 !important;
    color: #36393F !important;
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster).is-qioz .of-canvas-menu {
    background-color: #FFFFFF;
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster).is-qioz .main-navbar__navigation .block-menu li.leaf.last a:before {
    background-image: url("/sites/all/themes/lingua/assets/menu/turn-off-logout-dark.svg");
    content: "";
    float: left;
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster).is-qioz .expanded .dropdown-toggle:after {
    color: #35393E;
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster) {
    /* ---- Apply style only for Qioz theme ---- */
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster).is-andjoys .of-canvas-navigation .dropdown-menu .leaf.active-trail a,
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster).is-andjoys .of-canvas-navigation .dropdown-menu .leaf.active-trail a:hover {
    background-color: #aac939 !important;
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster) .of-canvas-menu.is-opened {
    width: 100%;
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster) .of-canvas-menu .block-menu .menu .leaf a,
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster) .of-canvas-menu .block-menu .menu .leaf button,
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster) .of-canvas-menu .block-menu .menu-toolbox-dropdown .leaf a,
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster) .of-canvas-menu .block-menu .menu-toolbox-dropdown .leaf button {
    padding: 17px 35px;
    font-weight: 400;
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster) .expanded .dropdown-toggle:before {
    display: none !important;
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster) .expanded .dropdown-toggle:after {
    content: "\e809";
    font-family: "fontello";
    font-weight: lighter;
    position: absolute;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    right: 40px;
    top: 25px;
    width: 1em;
    color: #FFFFFF;
    display: block;
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster) .expanded .dropdown-toggle.dd-user {
    padding: 16px 35px !important;
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster) .expanded .dropdown-toggle.dd-user .icon-ea_user_pos:before {
    background-image: url("/sites/all/themes/lingua/assets/menu/account-profile-icon.svg");
    content: "";
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0;
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster) {
    /* Display arrows when item is active or open */
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster) #block-menu-menu-lingua-navigation .expanded.expandable.leaf.active-trail button:after,
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster) #block-menu-menu-lingua-navigation .expanded.expandable.leaf.open button:after {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    top: 12px;
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster) .menu-toolbox-dropdown .expanded.leaf.active-trail button:after,
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster) .menu-toolbox-dropdown .expanded.leaf.open button:after {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    top: 12px;
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster) .of-canvas-navigation {
    border-top: none;
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster) .of-canvas-navigation .dropdown-menu {
    border-radius: 0;
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster) .of-canvas-navigation .dropdown-menu .leaf a {
    border-bottom: 1px solid #585D69;
    font-family: "Open Sans";
    font-size: 18px;
    letter-spacing: -0.19px;
    line-height: 24px;
    padding-left: 65px !important;
    background-color: #363940 !important;
    font-weight: 400 !important;
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster) .of-canvas-navigation .dropdown-menu .leaf a:hover {
    color: #FFFFFF !important;
    background-color: #363940 !important;
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster) .of-canvas-navigation .dropdown-menu .leaf.active-trail a,
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster) .of-canvas-navigation .dropdown-menu .leaf.active-trail a:hover {
    background-color: #DD7575 !important;
    color: #FFFFFF !important;
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster) .of-canvas-navigation {
    /* Remove hover effect from collapse items of responsive menu */
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster) .of-canvas-navigation #block-menu-menu-lingua-navigation .leaf.expanded.expandable.leaf.active-trail ul > li > a:not(.active):hover {
    background: #363940 !important;
    color: #FFFFFF !important;
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster) .main-navbar__navigation .block-menu li.leaf.last a:before {
    background-image: url("/sites/all/themes/lingua/assets/menu/turn-off-logout-white.svg");
    background-size: cover;
    height: 23px;
    width: 21px;
    left: 0;
    top: 0;
    margin-right: 10px;
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster) {
    /* Open/close menu effect */
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster) .of-canvas-menu {
    width: 100% !important;
    display: block !important;
    -webkit-transition: background 0.45s 0.2s cubic-bezier(0.52, 0.16, 0.24, 1), max-height 0.56s cubic-bezier(0.52, 0.16, 0.24, 1) !important;
    transition: background 0.45s 0.2s cubic-bezier(0.52, 0.16, 0.24, 1), max-height 0.56s cubic-bezier(0.52, 0.16, 0.24, 1) !important;
    max-height: 0;
    -webkit-transform: none !important;
            transform: none !important;
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster) .of-canvas-menu li {
    opacity: 0;
    pointer-events: none;
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster) .of-canvas-menu.is-opened {
    max-height: 100vh;
    height: 100%;
    -webkit-transform: none !important;
            transform: none !important;
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster) .of-canvas-menu.is-opened .of-canvas-navigation {
    visibility: visible;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster) .of-canvas-menu.is-opened li {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster) .of-canvas-menu.is-opened li:first-of-type {
    transition: opacity 0.3091s cubic-bezier(0.32, 0.08, 0.24, 1) 0.03s, transform 0.3455s cubic-bezier(0.32, 0.08, 0.24, 1) 0.02s, -webkit-transform 0.3455s cubic-bezier(0.32, 0.08, 0.24, 1) 0.02s;
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster) .of-canvas-menu.is-opened li:nth-child(2) {
    transition: opacity 0.32244s cubic-bezier(0.32, 0.08, 0.24, 1) 0.05s, transform 0.35825s cubic-bezier(0.32, 0.08, 0.24, 1) 0.04s, -webkit-transform 0.35825s cubic-bezier(0.32, 0.08, 0.24, 1) 0.04s;
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster) .of-canvas-menu.is-opened li:nth-child(3) {
    transition: opacity 0.33467s cubic-bezier(0.32, 0.08, 0.24, 1) 0.07s, transform 0.37539s cubic-bezier(0.32, 0.08, 0.24, 1) 0.06s, -webkit-transform 0.37539s cubic-bezier(0.32, 0.08, 0.24, 1) 0.06s;
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster) .of-canvas-menu.is-opened li:nth-child(4) {
    transition: opacity 0.34577s cubic-bezier(0.32, 0.08, 0.24, 1) 0.09s, transform 0.39692s cubic-bezier(0.32, 0.08, 0.24, 1) 0.08s, -webkit-transform 0.39692s cubic-bezier(0.32, 0.08, 0.24, 1) 0.08s;
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster) .of-canvas-menu.is-opened li:nth-child(5) {
    transition: opacity 0.35577s cubic-bezier(0.32, 0.08, 0.24, 1) 0.11s, transform 0.42286s cubic-bezier(0.32, 0.08, 0.24, 1) 0.1s, -webkit-transform 0.42286s cubic-bezier(0.32, 0.08, 0.24, 1) 0.1s;
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster) .of-canvas-menu.is-opened li:nth-child(6) {
    transition: opacity 0.36464s cubic-bezier(0.32, 0.08, 0.24, 1) 0.13s, transform 0.45318s cubic-bezier(0.32, 0.08, 0.24, 1) 0.12s, -webkit-transform 0.45318s cubic-bezier(0.32, 0.08, 0.24, 1) 0.12s;
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster) .of-canvas-menu.is-opened li:nth-child(7) {
    transition: opacity 0.3724s cubic-bezier(0.32, 0.08, 0.24, 1) 0.15s, transform 0.4879s cubic-bezier(0.32, 0.08, 0.24, 1) 0.14s, -webkit-transform 0.4879s cubic-bezier(0.32, 0.08, 0.24, 1) 0.14s;
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster) .of-canvas-navigation {
    webkit-transition: visibility 0s linear 1s;
    -webkit-transition: visibility 0s linear 1s;
    transition: visibility 0s linear 1s;
    visibility: hidden;
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster) .js-off-canvas-exit {
    background: initial !important;
  }
  body:not(.not-logged-in):not(.node-type-video):not(.node-type-photovocab):not(.page-languages):not(.node-type-starter-lab):not(.node-type-skill-booster) {
    /* Open/close menu effect -- end code */
  }
  .not-logged-in,
  .onboarding-steps {
    /* Apply properly style for accessibility tab for not-logged and onboarding-steps pages */
  }
  .not-logged-in li.js-accessibility-navbar,
  .onboarding-steps li.js-accessibility-navbar {
    position: relative;
  }
  .not-logged-in button.dropdown-toggle.js-accessibility-link,
  .onboarding-steps button.dropdown-toggle.js-accessibility-link {
    /* Display arrows when item is open on not-logged-in pages */
  }
  .not-logged-in button.dropdown-toggle.js-accessibility-link.icon-rotated:after,
  .onboarding-steps button.dropdown-toggle.js-accessibility-link.icon-rotated:after {
    -webkit-transform: rotate(-90deg) !important;
            transform: rotate(-90deg) !important;
    top: 17px !important;
  }
  .not-logged-in button.dropdown-toggle.js-accessibility-link:after,
  .onboarding-steps button.dropdown-toggle.js-accessibility-link:after {
    top: 20px !important;
  }
}
@media (max-width: 920px) {
  body.front.not-logged-in button.dropdown-toggle.js-accessibility-link:after {
    top: 15px !important;
  }
}
@media (max-width: 600px) {
  .logged-in #block-locale-0 {
    right: 50px;
  }
  .c-hamburger-menu--lingua-anonymous-page {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
/* Hide language dropdown when menu is opened */
.container.opened-menu ~ #block-locale-0:hover #language-select-list {
  display: none !important;
}

/* Hide language dropdown when menu is opened on anonymous page */
.c-annonimous-ls-button.opened-menu .c-annonimous-language__container.is-opened #language-select-list-anonymous {
  display: none !important;
}

/* Hide language dropdown when menu is opened on login/register pages */
#block-locale-0.opened-menu:hover #language-select-list {
  display: none !important;
}

@media (max-width: 820px) {
  body.not-logged-in {
    /* ---- accessibilty arrow, responsive menu ---- */
  }
  body.not-logged-in .expanded .dropdown-toggle:after {
    content: "\e809";
    font-family: "fontello";
    font-weight: lighter;
    position: absolute;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    right: 40px;
    top: 25px;
    width: 1em;
    color: #35393E;
    display: block;
  }
  body.not-logged-in .expanded .dropdown-toggle .icon-rotated:after {
    -webkit-transform: rotate(-90deg) !important;
            transform: rotate(-90deg) !important;
    top: 17px !important;
  }
  body.not-logged-in {
    /* Display arrows when item is active or open */
  }
  body.not-logged-in #block-menu-menu-lingua-navigation .expanded.expandable.leaf.active-trail button:after,
  body.not-logged-in #block-menu-menu-lingua-navigation .expanded.expandable.leaf.open button:after {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    top: 12px;
  }
  body.not-logged-in .menu-toolbox-dropdown .expanded.leaf.active-trail button:after,
  body.not-logged-in .menu-toolbox-dropdown .expanded.leaf.open button:after {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    top: 12px;
  }
}

@media (min-width: 920px) {
  body.not-logged-in #header #block-locale-0 .content #language-select-list {
    top: 97%;
  }
}
.logged-in .dd-user {
  padding: 16px 35px !important;
}
.logged-in .dd-user .icon-ea_user_pos:before {
  display: inline-block !important;
  background-image: url("/sites/all/themes/lingua/assets/menu/account-profile-icon.svg");
  content: "";
  width: 23px;
  height: 23px;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0;
  font-size: 100% !important;
}
.logged-in .dd-user .caret.catalog-filter__icon {
  margin-top: -3px;
}

@media (max-width: 1160px) {
  body.page-languages .dd-user .icon-ea_user_pos {
    margin-bottom: 3px;
  }
}
@media (max-width: 365px) {
  body.page-languages #header #block-locale-0 .content #language-select-list {
    top: 54px;
  }
  .is-qioz.logged-in #block-locale-0 {
    height: 50px;
  }
}
.is-qioz.logged-in .nav__wrapper:not(.of-canvas-menu) #block-menu-menu-lingua-navigation .content > .menu > li:first-child > a, .is-qioz.logged-in .nav__wrapper:not(.of-canvas-menu) #block-menu-menu-lingua-navigation .content > .menu > li:nth-child(5) > a,
.is-qioz.logged-in .nav__wrapper:not(.of-canvas-menu) #block-menu-menu-lingua-navigation .content > .menu li > .dropdown-toggle {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
@media (max-width: 1100px) {
  .is-qioz.logged-in .nav__wrapper:not(.of-canvas-menu) #block-menu-menu-lingua-navigation .content > .menu > li:first-child > a, .is-qioz.logged-in .nav__wrapper:not(.of-canvas-menu) #block-menu-menu-lingua-navigation .content > .menu > li:nth-child(5) > a,
  .is-qioz.logged-in .nav__wrapper:not(.of-canvas-menu) #block-menu-menu-lingua-navigation .content > .menu li > .dropdown-toggle {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}
@media (min-width: 1360px) {
  .is-qioz.logged-in .nav__wrapper:not(.of-canvas-menu) #block-menu-menu-lingua-navigation .content > .menu > li:first-child > a, .is-qioz.logged-in .nav__wrapper:not(.of-canvas-menu) #block-menu-menu-lingua-navigation .content > .menu > li:nth-child(5) > a,
  .is-qioz.logged-in .nav__wrapper:not(.of-canvas-menu) #block-menu-menu-lingua-navigation .content > .menu li > .dropdown-toggle {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

#block-menu-menu-lingua-schools-teachers .mission-option button,
#block-menu-menu-lingua-schools-students .mission-option button {
  color: #36393F;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.17px;
  line-height: 22px;
  width: 100%;
  text-align: left;
}
#block-menu-menu-lingua-schools-teachers .mission-option button:before,
#block-menu-menu-lingua-schools-students .mission-option button:before {
  content: "";
}
#block-menu-menu-lingua-schools-teachers .mission-option ul,
#block-menu-menu-lingua-schools-students .mission-option ul {
  display: block !important;
}
#block-menu-menu-lingua-schools-teachers .mission-option ul li a,
#block-menu-menu-lingua-schools-students .mission-option ul li a {
  margin-left: 10px;
  color: #2F3136;
}
#block-menu-menu-lingua-schools-teachers .mission-option ul li .active,
#block-menu-menu-lingua-schools-students .mission-option ul li .active {
  color: #2F3136;
}

.is-qioz #block-menu-menu-lingua-navigation .mission-option #mission-option-button {
  color: #36393F !important;
}
@media (max-width: 920px) {
  .is-qioz #block-menu-menu-lingua-navigation .mission-option #mission-option-button:hover {
    color: #36393F !important;
  }
}
@media (max-width: 920px) {
  .is-qioz #block-menu-menu-lingua-navigation .mission-option #mission-option-button {
    border-bottom: 1px solid #D8D8D8;
    background-color: #F3F3F3 !important;
  }
}
.is-qioz #block-menu-menu-lingua-navigation .mission-option ul li a {
  border-bottom: 1px solid #E9E9E9;
}
@media (max-width: 920px) {
  .is-qioz #block-menu-menu-lingua-navigation .mission-option ul li a {
    background-color: #F3F3F3 !important;
  }
}

#block-menu-menu-lingua-navigation .mission-option #mission-option-button {
  width: 100%;
  text-align: left;
  padding-left: 25px !important;
  padding-right: 25px !important;
}
#block-menu-menu-lingua-navigation .mission-option #mission-option-button:before {
  content: "";
}
#block-menu-menu-lingua-navigation .mission-option #mission-option-button:hover {
  color: #ffffff !important;
}
@media (max-width: 920px) {
  #block-menu-menu-lingua-navigation .mission-option #mission-option-button:hover {
    color: #ffffff !important;
  }
}
@media (max-width: 920px) {
  #block-menu-menu-lingua-navigation .mission-option #mission-option-button {
    border-bottom: 1px solid #585D69;
    background-color: #363940 !important;
    font-weight: 400 !important;
    font-family: "Open Sans";
    font-size: 18px;
    letter-spacing: -0.19px;
    line-height: 24px;
    padding-left: 65px !important;
  }
  #block-menu-menu-lingua-navigation .mission-option #mission-option-button:after {
    content: "";
  }
}
#block-menu-menu-lingua-navigation .mission-option ul {
  display: block !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  position: relative;
  border-radius: 0;
}
#block-menu-menu-lingua-navigation .mission-option ul li a {
  padding-left: 45px;
}
@media (max-width: 920px) {
  #block-menu-menu-lingua-navigation .mission-option ul li a {
    background-color: #4B4B4B !important;
    padding-left: 100px !important;
  }
}
#block-menu-menu-lingua-navigation .mission-option ul li.active-trail a {
  background-color: #DD7575 !important;
  color: #ffffff !important;
}

/* DASBOARD PAGES */
.c-badges__page-mark {
  color: #2F3136;
  font-family: "Open Sans";
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.14px;
  line-height: 18px;
}

.c-activity-page__header {
  padding-top: 55px;
  border-bottom: 1px solid #D6D6D6;
}
@media (max-width: 991px) {
  .c-activity-page__header {
    padding-top: 20px;
  }
}
.c-activity-page__title {
  color: #2F2F2F;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 26px;
  margin-top: 0;
}

.c-activity__radio-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 0 0;
}
.c-activity__radio-btns #points {
  margin-left: 57px;
}
.c-activity__radio-btns .c-custom-label__radio {
  padding: 3px 0 0 50px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.15px;
  line-height: 19px;
}
.c-activity {
  /* Chart container */
}
.c-activity__chart-container {
  max-width: 1085px;
  width: 100%;
  border-radius: 19px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  padding: 25px 22px 35px 30px !important;
  font-family: "Open Sans";
  margin-left: 0;
}
@media (max-width: 530px) {
  .c-activity__chart-container {
    padding: 25px 15px !important;
  }
}
.c-activity__chart-details {
  padding-top: 65px;
}
@media (min-width: 992px) {
  .c-activity__chart-details {
    padding-top: 88px;
  }
}

.c-chart-details__header {
  border-bottom: 1px solid #D6D6D6;
}
.c-chart-details__header-title {
  color: #4B4B4B;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.17px;
  line-height: 22px;
}
.c-chart-details__desc {
  padding-top: 15px;
}
.c-chart-details__desc-text {
  color: #4B4B4B;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.15px;
  line-height: 19px;
}
.c-chart-details__desc-value {
  color: #9B9B9B;
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
}
.c-chart-details__desc-value--blue {
  color: #4A90E2;
}
.c-chart-details__desc-value--time {
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 17px;
}

/*  Tab panes header  */
.c-activity-tabs__header {
  border-bottom: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 30px 0;
}

.c-activity-tabs__header-title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 12px;
  letter-spacing: -0.13px;
  line-height: 17px;
}
.c-activity-tabs__header-title:hover, .c-activity-tabs__header-title:focus, .c-activity-tabs__header-title:visited, .c-activity-tabs__header-title:active {
  border-radius: 18.87px;
  background-color: #36393F !important;
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.13px;
  line-height: 17px;
  border: none;
}

.c-activity-tabs__header-item {
  min-height: 33px;
  width: 100%;
  max-width: 92.7px;
  text-align: center;
  margin: 0 5px 5px 5px !important;
}
.c-activity-tabs__header-item.active .c-activity-tabs__header-title {
  border-radius: 18.87px;
  background: #36393F !important;
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.13px;
  line-height: 17px;
  border: none;
}
.c-activity-tabs__header-item.active .c-activity-tabs__header-title:hover, .c-activity-tabs__header-item.active .c-activity-tabs__header-title:active, .c-activity-tabs__header-item.active .c-activity-tabs__header-title:focus, .c-activity-tabs__header-item.active .c-activity-tabs__header-title:visited {
  background: #36393F !important;
  color: #FFFFFF;
  border: none;
}

.c-activity-tabs__content {
  padding-top: 25px;
  width: 100%;
}

.c-activity-panel__chart {
  width: 100%;
}

@media (min-width: 991px) and (max-width: 1230px) {
  .c-activity-tabs__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
/*  STUDENT/TEACHER LINGUA */
.c-school-name {
  color: #2F3136;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.17px;
  line-height: 19px;
  margin: 0 20px;
}

.c-school-logo {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 25px;
  margin: 0 auto;
  width: 100px;
}

/* Tablet Landscape mode */
@media (max-device-width: 1280px) and (orientation: landscape) {
  .c-school-logo {
    max-width: 90px;
    width: 100%;
    padding: 5px 0;
  }
}
@media (max-width: 600px) {
  .c-school-name {
    margin: 0;
  }
}
.c-quick-access__container {
  max-height: 310px;
}
.c-quick-access__details-title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 22px;
  margin: 0;
}
.c-quick-access__details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-right: 0;
  width: 100%;
}
.c-quick-access__list-container {
  height: 100%;
  overflow-y: auto;
}
.c-quick-access__details-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-right: 20px;
}
.c-quick-access__details-header .c-quick-access__question-icon {
  background-image: url("/sites/all/themes/lingua/assets/homepage-teacher/info.svg");
  background-repeat: no-repeat;
  background-size: auto;
  cursor: pointer;
  display: block;
  height: 28px;
  width: 28px;
}
.c-quick-access__list-links {
  list-style: none;
  margin: 0;
  padding: 0;
}
.c-quick-access__list-links .c-quick-access__list-link {
  margin: 0;
  padding: 5px 0 0 0;
}
.c-quick-access__list-links .c-quick-access-link {
  color: #000000;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.17px;
  line-height: 19px;
  text-decoration: underline;
}
.c-quick-access__details-footer {
  border-bottom: 0;
  border-top: 1px solid #26282B;
  padding-top: 10px;
}
.c-quick-access__details-footer-link {
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.17px;
  line-height: 19px;
  text-decoration: underline;
}

.is-andjoys .c-quick-access__details-footer {
  border-bottom: 0;
  border-top: 1px solid #aac939;
}

@media (max-width: 1050px) {
  .c-quick-access__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (max-width: 991px) {
  .c-quick-access__container {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 10px;
    margin: 0 auto;
  }
}
.c-teacher-assignments__block {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: 310px;
  margin-bottom: 15px;
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 767px) {
  .c-teacher-assignments__block {
    max-width: 100%;
  }
}
.c-teacher-assignments__block p {
  margin-bottom: 0;
}
.c-teacher-assignments__block .c-quick-access__details-header {
  padding-left: 20px;
}
.c-teacher-assignments__table-container {
  display: block;
  height: 100%;
  min-height: 220px;
  overflow-y: auto;
  scrollbar-width: thin;
}
.c-teacher-assignments__table-container::-webkit-scrollbar-track {
  background-color: #2A2D30 !important;
  border-radius: 3px;
  margin: 20px 50px 0 0;
}
.c-teacher-assignments__table-container::-webkit-scrollbar {
  padding-right: 5px;
  width: 5px;
}
.c-teacher-assignments__table-container::-webkit-scrollbar-thumb {
  background-color: #545353;
  border-radius: 3px;
}
.c-teacher-assignments__table {
  margin-bottom: 0;
}
.c-teacher-assignments__table th {
  width: 10%;
}
.c-teacher-assignments__table .c-width-8 {
  width: 8%;
}
.c-teacher-assignments__table td:nth-child(2) {
  width: 40%;
}
.c-teacher-assignments__table td:nth-child(3) {
  width: 20%;
}
.c-teacher-assignments__table td:nth-child(4) {
  width: 30%;
}
@media (max-width: 599px) {
  .c-teacher-assignments__table td:nth-child(4) {
    display: none;
  }
}
.c-teacher-assignments__table td,
.c-teacher-assignments__table tr,
.c-teacher-assignments__table th,
.c-teacher-assignments__table tbody {
  border: 0 !important;
  padding: 3px !important;
  vertical-align: middle !important;
}
@supports (-moz-appearance: none) {
  .c-teacher-assignments__table td,
  .c-teacher-assignments__table tr,
  .c-teacher-assignments__table th,
  .c-teacher-assignments__table tbody {
    padding: 2.9px !important;
  }
}
.c-teacher-assignments__table tr:nth-of-type(odd) {
  background-color: #FFFFFF !important;
}
.c-teacher-assignments__table tr:nth-of-type(odd) .c-teacher-assignments__search-icon {
  background-color: #F2F2F5;
}
.c-teacher-assignments__table tr:nth-of-type(even) {
  background-color: #F2F2F5 !important;
}
.c-teacher-assignments__table tr:nth-of-type(even) .c-teacher-assignments__search-icon {
  background-color: #FFFFFF;
}
.c-teacher-assignments__table-link {
  color: #000000;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.17px;
  line-height: 19px;
  text-decoration: none;
}
.c-teacher-assignments__table-link:hover, .c-teacher-assignments__table-link:focus, .c-teacher-assignments__table-link.hovered {
  color: #000000;
  opacity: 0.9;
  text-decoration: underline;
}
.c-teacher-assignments__table-link .c-subtitle {
  color: #6B6B6B;
}
.c-teacher-assignments__days-left {
  color: #51bfaf;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.15px;
  line-height: 19px;
}
@media (max-width: 599px) {
  .c-teacher-assignments__days-left {
    text-align: right;
    padding-right: 12px;
  }
}
.c-teacher-assignments__type {
  color: #BEBEBE;
  font-family: "Open Sans";
  font-size: 10px;
  font-weight: 600;
  letter-spacing: -0.12px;
  line-height: 14px;
  text-align: center;
  cursor: pointer;
}
.c-teacher-assignments__type.c-teacher-assignments__icon:hover, .c-teacher-assignments__type.c-teacher-assignments__icon.hovered {
  background-color: #545353;
  border-radius: 50px;
  overflow: visible;
  padding: 5px;
  margin: 0 4px;
}
.c-teacher-assignments__search-icon {
  background-color: transparent;
  background-image: url("/sites/all/themes/lingua/assets/homepage-teacher/search.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  height: 10px;
  margin: 0 auto;
  padding: 12px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 10px;
}
.c-teacher-assignments__search-icon:hover, .c-teacher-assignments__search-icon.hovered {
  background-color: #545353;
  border: 1px solid #545353;
  border-radius: 50%;
  overflow: visible;
  padding: 12px;
}

.c-days-left__red {
  color: #EF7C8E;
}
.c-days-left__yellow {
  color: #FCD372;
}
.c-days-left__green {
  color: #51bfaf;
}

.c-assignments__progress {
  background-color: #D2D2D2;
  border-radius: 3px;
  height: 6px;
  margin-bottom: 0;
  width: 103px;
}
.c-assignments__progress-value {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 11px;
  font-weight: 600;
  letter-spacing: -0.12px;
  line-height: 15px;
}
.c-assignments__progress-bar {
  background: #4A90E2;
}
.c-assignments__progress-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.c-school-class-modal-container {
  background-color: #FFFFFF;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  padding: 10px 0;
}

.c-school-class__modal {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
  background-color: #FFFFFF;
  max-height: 130px;
  min-width: 265px;
  max-width: 265px;
  overflow-y: auto;
  width: 100%;
  top: unset;
  left: 0;
}
.c-school-class__modal::-webkit-scrollbar-track {
  background-color: #DCDADA !important;
  border-radius: 3px;
  margin-right: 50px;
  margin-top: 0px;
}
.c-school-class__modal::-webkit-scrollbar {
  padding-right: 15px;
  width: 5px;
}
.c-school-class__modal::-webkit-scrollbar-thumb {
  background-color: #545353;
  border-radius: 3px;
}
.c-school-class__modal .c-assignments-exercise__icon {
  height: 26px;
  max-width: 26px;
}
.c-school-class__modal .c-assignments-exercise__title {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 11px;
  letter-spacing: -0.12px;
  line-height: 15px;
  padding-left: 10px;
  text-decoration: underline;
  width: 100%;
  cursor: pointer;
}
.c-school-class__modal .c-underline-on-hover {
  text-decoration: none;
}
.c-school-class__modal .c-underline-on-hover:hover {
  text-decoration: underline;
}
.c-school-class__modal .c-assessments-exercise__title {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 11px;
  letter-spacing: -0.12px;
  line-height: 15px;
  padding-left: 10px;
  text-decoration: none;
  width: 100%;
  cursor: pointer;
}
.c-school-class__modal .c-assessments-exercise__title:hover {
  text-decoration: underline;
}
.c-school-class__modal .c-assignments-body__exercise {
  height: auto;
  padding: 3px 25px 3px 15px;
}
.c-school-class__modal .c-assignments-body__exercise .assignment__item-add.inactive {
  opacity: 0;
}
.c-school-class__modal .c-assignments-body__exercise .assignment__item-add.active {
  opacity: 1;
}
.c-school-class__modal a {
  color: #35383E;
}
.c-school-class__modal i {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 25px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 25px;
}
.c-school-class__modal i:hover {
  background-color: #E2E2E2;
  border-radius: 50%;
  text-decoration: none;
}

.c-lt-training-plan__table td, .c-lt-training-plan__table th {
  padding: 10px 3px !important;
}
.c-lt-training-plan__table td:nth-child(2) {
  width: 58%;
}
.c-lt-training-plan__table td:nth-child(3) {
  width: unset;
}
@media (max-width: 599px) {
  .c-lt-training-plan__table td:nth-child(3) {
    display: none;
  }
}
.c-lt-training-plan__table td:nth-child(4) {
  width: 10%;
}
@media (max-width: 599px) {
  .c-lt-training-plan__table td:nth-child(4) {
    display: table-cell;
  }
}
.c-lt-training-plan__table .c-steps-progress {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
}
.c-lt-training-plan__table .c-steps-progress li {
  background-color: #DFDFDF;
  border-radius: 50%;
  height: 16px;
  list-style: none;
  margin: 0 7px;
  position: relative;
  width: 16px;
}
.c-lt-training-plan__table .c-steps-progress li::after {
  background-color: #DFDFDF;
  content: "";
  height: 1px;
  position: absolute;
  right: -14px;
  top: 50%;
  width: 14px;
}
.c-lt-training-plan__table .c-steps-progress li.checked {
  background-image: url("/sites/all/themes/lingua/assets/check-white.svg");
  background-color: #80E0C9;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
}
.c-lt-training-plan__table .c-steps-progress li:last-of-type:after {
  display: none;
}
.c-lt-training-plan__table .c-lt-diploma {
  background-image: url("/sites/all/themes/lingua/assets/career-tracks/diploma-disabled.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 23px;
  max-width: 23px;
  width: 100%;
  margin: 0 auto;
}
.c-lt-training-plan__table .c-purple-diploma {
  background-image: url("/sites/all/themes/lingua/assets/career-tracks/diploma.svg");
}
.c-lt-training-plan__table .c-yellow-diploma {
  background-image: url("/sites/all/themes/lingua/assets/career-tracks/diploma-on.svg");
}

@media (max-width: 1250px) {
  .c-assignments__progress-container .c-assignments__progress-value {
    margin-left: 20px;
  }
}
@media (max-width: 991px) {
  .c-teacher-assignments__block {
    margin: 15px auto 0 auto;
    height: 300px;
  }
}
@media (max-width: 450px) {
  .c-teacher-assignments__block {
    -webkit-box-align: initial;
        -ms-flex-align: initial;
            align-items: initial;
  }
}
.c-cefr-test-block {
  border-radius: 20px;
  background-color: #FFF;
  padding: 20px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 15px;
}
.c-cefr-test-block--coaching {
  -webkit-box-pack: unset;
      -ms-flex-pack: unset;
          justify-content: unset;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.c-cefr-test-block__title {
  font-size: 16px;
  font-weight: 600;
  color: #2F3136;
}
.c-cefr-test-block__text {
  color: #2F3136;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
}
.c-cefr-test-block__btn {
  border-radius: 20px;
  background-color: #4A90E2;
  padding: 8px 20px;
  color: #FFF;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  display: block;
}
.c-cefr-test-block__btn:hover, .c-cefr-test-block__btn:focus, .c-cefr-test-block__btn:focus-visible {
  color: #FFF;
  text-decoration: none;
  outline: none;
}

.c-cefr-test-coaching-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
  width: 100%;
}
.c-cefr-test-coaching-block__title {
  font-size: 16px;
  font-weight: 600;
  color: #2F3136;
}
.c-cefr-test-coaching-block__text {
  color: #2F3136;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
}
.c-cefr-test-coaching-block__level {
  font-size: 22px;
  font-weight: 600;
}
@media (min-width: 600px) {
  .c-cefr-test-coaching-block__level {
    font-size: 40px;
  }
}
.c-cefr-test-coaching-block__btn {
  border-radius: 20px;
  background-color: #4A90E2;
  padding: 8px 20px;
  color: #FFF;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  display: block;
}
.c-cefr-test-coaching-block__btn:hover, .c-cefr-test-coaching-block__btn:focus, .c-cefr-test-coaching-block__btn:focus-visible {
  color: #FFF;
  text-decoration: none;
  outline: none;
}

.c-schools-page_container.school-page__content {
  padding: 30px 0 !important;
  margin: 10px 0 0 10px;
}
.c-schools-page_container.school-page__content .c-badges__page-mark p {
  font-weight: 600;
}
.c-schools-page_container.school-page__content .row {
  margin: 0;
}
.c-schools-page_container.school-page__content .c-header-assignments__col {
  padding: 0;
}
.c-schools-page_container.school-page__content .alert-danger {
  max-width: 1108px;
  margin: 0 auto;
  font-size: 16px;
  font-weight: 400;
}

.school-page {
  padding-left: 290px;
}
.school-page .block-sidebar-menu .leaf a {
  color: #36393F;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.17px;
  line-height: 22px;
}
.school-page .block-sidebar-menu .menu {
  border-top: 1px solid #EFEFEF;
}
.school-page .block-sidebar-menu .leaf.expandable .leaf a.active {
  background-color: #F1F5FD !important;
}
.school-page .block-sidebar-menu .leaf.expandable .leaf a.active:hover {
  background-color: #F1F5FD !important;
}
.school-page__navbar-container {
  width: 290px;
}

/* Assignments popup for delete an class assignment style */
#better-messages-wrapper #popups {
  background: #FFFFFF !important;
  border: none !important;
  height: 390px;
  width: 800px !important;
  border-radius: 16px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  margin: 0;
}
#better-messages-wrapper #messages-inner {
  padding-top: 60px;
}
#better-messages-wrapper #popups-close {
  display: none;
}
#better-messages-wrapper .message-item {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 27px;
  letter-spacing: -0.29px;
  line-height: 40px;
  text-align: center;
  font-weight: 400;
}
#better-messages-wrapper .btn-only__confirm {
  height: 50px;
  width: 235px;
  border-radius: 25px;
  background-color: #4A90E2;
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 17px;
  text-align: center;
  margin-bottom: 30px;
}

.panel--exercise__body .content-assignments__trigger,
.panel--exercise .content-assignments__trigger {
  display: none;
}

.pv-definition-panel {
  margin: 0 !important;
}

@media (max-width: 1280px) {
  .c-schools-page_container.school-page__content {
    padding: 30px 0 100px 0 !important;
  }
}
@media screen and (max-width: 991px) {
  .school-page__navbar-container {
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
    -webkit-transform: translateX(-290px);
            transform: translateX(-290px);
    z-index: 999;
  }
  .c-schools-page_container.school-page__content {
    margin: 0 auto;
  }
}
.c-weight-600 {
  font-weight: 600;
}

.c-students-page_container .c-students_titles {
  margin: 0 0 20px;
}
.c-students-page_container .c-students_titles h3 {
  color: #2F3136;
  font-family: "Open Sans";
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 15px;
}
.c-students-page_container .c-students_titles p {
  color: #36393F;
  font-weight: 400;
  font-size: 14px;
}
.c-students-page_container .students__table thead .row:first-of-type {
  background-color: #43454A;
  height: 56px;
  padding: 0;
}
.c-students-page_container .students__table tr.row {
  border: none;
  padding: 0;
}
.c-students-page_container .students__table tr.row a {
  color: #FFFFFF;
  font-size: 15px;
}
.c-students-page_container .students__table tr.row a:hover {
  text-decoration: none;
}
.c-students-page_container .students__table tr.row td:nth-child(3) {
  z-index: 0;
}
.c-students-page_container .students__table tr.row td {
  border-bottom: 1px solid #D6D6D6 !important;
}
.c-students-page_container .students__table .success td:first-child:before {
  border: 4px solid #80E0C9;
  height: 70px;
  margin-top: -12px;
}
.c-students-page_container .students__table .unassigned td:first-child:before {
  border: 4px solid #DBDBDB;
  height: 70px;
  margin-top: -12px;
}
.c-students-page_container .students__table tr.row th,
.c-students-page_container .students__table tr.row td {
  border: none;
  font-size: 15px;
  font-weight: 400;
}
.c-students-page_container .students__table tr.row th:nth-child(4) {
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 300;
}
.c-students-page_container .students__table .icon-circle {
  border-width: 1px;
}
.c-students-page_container .students__table .icon-circle:before {
  padding: 3px 0 0 2px;
  font-weight: 400;
}
.c-students-page_container .students__table .icon-remove:before {
  content: "-";
}
.c-students-page_container .students__table input[type=checkbox] + label {
  border-width: 1px;
  border-radius: 3px;
}
.c-students-page_container .students__table input[type=checkbox]:checked + label {
  background-color: #4A90E2;
}
.c-students-page_container .students__table input[type=checkbox]:checked + label:before {
  left: 7px;
  width: 6px;
  border-bottom-width: 1px;
  border-right-width: 1px;
}
.c-students-page_container .students__search-input input#edit-mail {
  background-color: transparent;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
}
.c-students-page_container .students__search-input input#edit-mail::-webkit-input-placeholder {
  color: #BFBFBF;
}
.c-students-page_container .students__search-input input#edit-mail::-moz-placeholder {
  color: #BFBFBF;
}
.c-students-page_container .students__search-input input#edit-mail:-ms-input-placeholder {
  color: #BFBFBF;
}
.c-students-page_container .students__search-input input#edit-mail::-ms-input-placeholder {
  color: #BFBFBF;
}
.c-students-page_container .students__search-input input#edit-mail::placeholder {
  color: #BFBFBF;
}
.c-students-page_container .students__search-input input#edit-mail:focus {
  outline: none !important;
}
.c-students-page_container .c-students-search_container.container {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  background-color: transparent !important;
  margin-right: 16px;
  border-bottom: 1px solid #4A90E2;
  border-radius: initial !important;
}
.c-students-page_container .c-students-search_container.container div.students__search-input {
  height: 30px;
  margin-top: 7px;
}
.c-students-page_container .c-students-search_container.container div.students__search-input .views-exposed-form .views-exposed-widget {
  float: unset;
}
.c-students-page_container .c-students-search_container.container div.students__search-input .views-exposed-form .views-exposed-widget input[type=text] {
  width: 240px;
}
.c-students-page_container .icon-search.c-students-search-icon {
  margin: 0;
  opacity: 1;
}
.c-students-page_container .icon-search.c-students-search-icon:before {
  background-image: url("/sites/all/themes/lingua/assets/schools/search-icon.svg");
  content: " ";
  display: block;
  width: 20px;
  height: 43px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0;
}
.c-students-page_container .c-students-table-container table {
  border-spacing: 0;
}
.c-students-page_container .c-students-table-container table .vbo-select-all #vbo-confirm-remove,
.c-students-page_container .c-students-table-container table .vbo-select-all #vbo-confirm-add {
  border-radius: 18px;
  background-color: #FFFFFF;
  color: #43454A !important;
  font-weight: 400;
  font-size: 13px;
  height: 35px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 100px;
  margin: 2px !important;
}
.c-students-page_container .c-students-table-container .icon-add {
  border: 1px solid #4A90E2;
}
.c-students-page_container .c-students-table-container .icon-add:before {
  color: #4A90E2;
}

/* STYLE FOR STUDENT CONFIRM POPUP */
.popups--students-confirm {
  width: 800px !important;
  max-width: 100% !important;
  border-radius: 16px !important;
  background-color: #FFFFFF !important;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
}
.popups--students-confirm .popup--title {
  font-family: "Open Sans";
  font-size: 26px;
  letter-spacing: -0.29px;
  line-height: 40px;
  text-align: center;
  padding-top: 30px;
  font-weight: 400;
}
.popups--students-confirm #popups-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.popups--students-confirm #popups-close {
  display: none;
}
.popups--students-confirm #vbo-students-confirm__submit {
  min-height: 50px !important;
  max-width: 235px !important;
  width: 100%;
  border-radius: 25px !important;
  background-color: #4A90E2 !important;
  color: #FFFFFF !important;
  font-family: "Open Sans";
  font-size: 14px !important;
  letter-spacing: -0.15px;
  line-height: 17px !important;
  text-align: center !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: none;
}
.popups--students-confirm #vbo-students-confirm__cancel {
  min-height: 50px;
  max-width: 235px;
  border-radius: 25px !important;
  background-color: #EF7C8E !important;
  height: 19px;
  width: 235px;
  color: #FFFFFF !important;
  font-family: "Open Sans";
  font-size: 14px !important;
  letter-spacing: -0.15px;
  line-height: 35px !important;
  text-align: center !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: none;
}

@media (max-width: 991px) {
  .c-students-page_container .c-students_titles {
    margin: 40px 0 0;
  }
  .c-students-page_container .c-students_titles h3 {
    margin: 0;
  }
  .c-students-page_container .c-students-text_mobile {
    font-size: 14px;
    font-weight: 400;
    margin: 2px 0 5px !important;
  }
  .c-students-page_container .students__search-input input#edit-mail {
    width: 250px;
    margin: 0;
  }
  .c-students-page_container .students__table thead tr.row th:nth-child(1) {
    width: 10%;
  }
  .c-students-page_container .students__table thead tr.row th:nth-child(2) {
    width: 0;
  }
  .c-students-page_container .students__table thead tr.row th:nth-child(3) {
    width: 40%;
  }
  .c-students-page_container .students__table thead tr.row th:nth-child(4) {
    width: 20%;
  }
  .c-students-page_container .students__table thead tr.row th:nth-child(5) {
    width: 30%;
  }
  .c-students-page_container .students__table thead tr.row th:nth-child(5) #vbo-confirm-add {
    position: relative;
    right: 0;
  }
  .c-students-page_container .students__table .success td:first-child:before {
    height: 50px;
    margin-top: 0;
  }
  .c-students-page_container .students__table .unassigned td:first-child:before {
    height: 50px;
    margin-top: -7px;
  }
}
@media (max-width: 767px) {
  .c-students-page_container .c-students_titles h3 {
    border: none;
  }
  .c-students-page_container .c-students-table-container #vbo-confirm-remove,
  .c-students-page_container .c-students-table-container #vbo-confirm-add {
    border-radius: 18px;
    background-color: #FFFFFF;
    color: #43454A !important;
    font-weight: 400;
    font-size: 13px;
  }
}
@media (min-width: 755px) {
  .c-students-page_container .school-panel .row .col-md-5.col-xs-8 {
    padding: 10px;
  }
}
@media (max-width: 755px) {
  .c-students-page_container .students__search-input input#edit-mail {
    opacity: 0;
  }
  .c-students-page_container .students__search-input form.open-search input#edit-mail {
    position: absolute;
    right: 0;
    top: -40px;
    opacity: 1;
    border-bottom: 1px solid #4A90E2;
    width: 60%;
    padding: 10px 30px 10px 10px;
  }
  .c-students-page_container .c-students-search_container.container {
    width: 100% !important;
    border: 0;
    position: relative;
  }
  .c-students-page_container .teacher-panel--title {
    padding-top: 0;
  }
  .c-students-page_container .icon-search.c-students-search-icon {
    position: absolute;
    right: 0;
    top: -45px;
  }
}
@media (max-width: 600px) {
  .c-students-page_container .students__search-input form.open-search input#edit-mail {
    width: 100%;
  }
  #popups.popups--students-confirm {
    width: 800px !important;
    max-width: 100% !important;
  }
  #popups.popups--students-confirm .popup--title {
    padding: 0px 20px;
    margin-top: 0;
    font-size: 18px;
    line-height: 24px;
  }
  #popups.popups--students-confirm #popups-body {
    padding-top: 20%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #popups.popups--students-confirm #vbo-students-confirm__submit {
    min-height: 40px !important;
    max-width: 200px !important;
    margin: 15px;
  }
  #popups.popups--students-confirm #vbo-students-confirm__cancel {
    min-height: 40px;
    max-width: 200px;
    margin: 15px;
  }
}
@media (max-width: 450px) {
  .c-students-page_container .students__table thead tr.row th:nth-child(1) {
    width: 15%;
  }
  .c-students-page_container .students__table thead tr.row th:nth-child(2) {
    width: 0;
  }
  .c-students-page_container .students__table thead tr.row th:nth-child(3) {
    width: 35%;
  }
  .c-students-page_container .students__table thead tr.row th:nth-child(4), .c-students-page_container .students__table thead tr.row th:nth-child(5) {
    width: 25%;
  }
  .c-students-page_container .students__table thead tr.row th #vbo-confirm-remove,
  .c-students-page_container .students__table thead tr.row th #vbo-confirm-add {
    height: 30px;
    min-width: 85px;
  }
  .c-students-page_container .students__table tbody tr td a.pull-right {
    margin-right: 10px !important;
  }
  .c-students-page_container .students__table tbody tr td .students__thumbnail a img {
    height: 35px;
    width: 35px;
    margin-left: 5px;
  }
}
.school-page__content {
  background-color: #FFFFFF !important;
}
.school-page__title {
  color: #2F2F2F !important;
  font-family: "Open Sans";
  font-size: 18px !important;
  font-weight: 600 !important;
  letter-spacing: -0.19px;
  line-height: 26px;
  margin: 0 0 9px 0 !important;
  margin-top: 0 !important;
}
.school-page__sub-title p {
  color: #2F2F2F;
  font-family: "Open Sans";
  font-size: 15px;
  font-weight: 400;
  letter-spacing: -0.19px;
  line-height: 22px;
  margin: 0;
}

.teacher-panel--title {
  padding: 24px 30px 0 20px;
}
.teacher-panel--title hr {
  border-top: 0;
}

.c-main-header__assignments {
  background-color: #43454A !important;
  height: 56px;
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.17px;
  line-height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 35px !important;
  padding-right: 35px !important;
}

.c-new-assignment__btn {
  height: 36px;
  border-radius: 18px;
  background-color: #FFFFFF;
  color: #43454A !important;
  font-family: "Open Sans";
  font-size: 13px;
  letter-spacing: -0.14px;
  line-height: 18px;
  padding: 0 40px 0 5px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.c-new-assignment__btn .icon-red-circle {
  height: 25px;
  width: 25px;
  margin-top: 0;
  margin-right: 10px;
  padding-top: 0;
  line-height: 18px;
  color: #43454A !important;
  background-color: #FFFFFF;
  border: 1px solid #43454A;
}
.c-new-assignment__btn:hover .icon-red-circle {
  background: #FFFFFF;
  border: 1px solid #43454A;
  color: #43454A;
}

.c-assignment-body {
  margin: 35px 35px 0 !important;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.14);
          box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.14);
  border-bottom: none !important;
  padding: 0 !important;
}
.c-assignment-body:last-of-type {
  margin-bottom: 20px;
}

.c-assignments__select {
  height: 36px;
  max-width: 240px;
  width: 100%;
  border: 1px solid #CDCECF;
  background-color: #FFFFFF;
  border-radius: 4px;
  padding: 0 16px;
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
  font-weight: 400;
}
.c-assignments__select .dropdown-toggle {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
  font-weight: 400;
  padding: 0 !important;
  height: 100%;
}
.c-assignments__select .dropdown-toggle:hover, .c-assignments__select .dropdown-toggle:focus, .c-assignments__select .dropdown-toggle:active {
  background-color: #FFFFFF !important;
  color: #4B4B4B !important;
  border: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.c-assignments__select .dropdown-toggle .text-muted {
  color: #A8A8A8;
  font-family: "Open Sans";
  font-size: 11px;
  font-style: italic;
  letter-spacing: -0.12px;
  line-height: 15px;
}
.c-assignments__select .dropdown-toggle .caret {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 4px 0 4px;
  border-color: #D8D8D8 transparent transparent transparent;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  top: 5px;
}
.c-assignments__select .btn--dropdown__menu {
  margin-top: 4px;
  padding: 0px;
  background: #fff;
}
.c-assignments__select .btn--dropdown__menu:before, .c-assignments__select .btn--dropdown__menu:after {
  content: none !important;
}
.c-assignments__select .btn--dropdown__menu .assignments__class-filter-item a {
  line-height: 35px;
  text-transform: capitalize;
}
.c-assignments__select .btn--dropdown__menu .assignments__class-filter-item.checked a {
  background-color: #36393f;
  color: #FFFFFF;
}

.c-assignments-due-date__text,
.c-assignments-select-class__text {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 12px;
  letter-spacing: -0.13px;
  line-height: 17px;
  margin-bottom: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 400;
  padding-right: 20px;
}
.c-assignments-due-date__text:before,
.c-assignments-select-class__text:before {
  content: "2";
  border: 1px solid #6B6B6B;
  border-radius: 13px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 19px;
  color: #6B6B6B;
  font-size: 12px;
  text-align: center;
  margin-right: 10px;
  padding: 0 5px;
}

.c-assignments-due-date__published-content__text {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 12px;
  letter-spacing: -0.13px;
  line-height: 17px;
  margin-bottom: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 400;
  padding-right: 20px;
}

.c-assignments-select-class__text:before {
  content: "1";
}

.c-assignments__select-class-container,
.c-assignments__datepicker-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative !important;
}

.c-assignments__datepicker-container .form-group {
  margin-bottom: 0;
}
.c-assignments__datepicker-container table {
  cursor: pointer;
}
.c-assignments__datepicker-container table thead th {
  border: none;
}

.c-assignments__datepicker {
  height: 36px;
  width: 140px;
  border-radius: 4px;
}
.c-assignments__datepicker .input-group-addon {
  display: none;
}
.c-assignments__datepicker input {
  border-radius: 4px !important;
}

.c-assignments__select-class-container a[data-is-disabled=true] {
  cursor: url("/sites/all/themes/lingua/assets/not-allowed-xs.png"), auto !important;
}

.c-assignment-body__header {
  border-bottom: 1px solid #DFDFDF;
  padding: 5px;
}
.c-assignment-body__header .tooltip-inner {
  height: 30px;
  border-radius: 2px;
  background-color: #43454A;
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 11px;
  letter-spacing: -0.12px;
  line-height: 15px;
  text-align: center;
}
.c-assignment-body__header .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
}

#clonedNoId .js-duplicate-assignment-button,
#clonedNoId .icon-cancel {
  display: none;
}

.c-assignment-body__content {
  padding: 0;
}

.c-assignments-same-height.c-assignments-exercise__icon.icon-sl {
  height: 26px !important;
}
.c-assignments-same-height.c-assignments-exercise__icon.icon-sb {
  height: 26px !important;
}

.c-assignments-exercise__icon {
  width: 42px;
  height: 42px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 7px;
}
.c-assignments-exercise__icon.icon-vb {
  background-image: url("/sites/all/themes/lingua/assets/lingua-homepage/VB-img.svg");
  min-width: 26px;
}
.c-assignments-exercise__icon.icon-pv {
  background-image: url("/sites/all/themes/lingua/assets/lingua-homepage/PV-img.svg");
  min-width: 26px;
}
.c-assignments-exercise__icon.icon-sl {
  background-image: url("/sites/all/themes/lingua/assets/assignments/SL-img.svg");
  background-color: transparent;
  width: 42px !important;
  height: 42px !important;
  min-width: 26px;
}
.c-assignments-exercise__icon.icon-sb {
  background-image: url("/sites/all/themes/lingua/assets/assignments/SB-img.svg");
  background-color: transparent;
  width: 42px !important;
  height: 42px !important;
  min-width: 26px;
}
.c-assignments-exercise__icon.icon-fav {
  background-image: url("/sites/all/themes/lingua/images/all-icons/fav-coaching-icon.svg");
  background-color: transparent;
  width: 42px !important;
  height: 42px !important;
}
.c-assignments-exercise__icon.icon-add {
  background-image: url("/sites/all/themes/lingua/assets/assignments/add-exercise.svg");
}
.c-assignments-exercise__title {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 12px;
  letter-spacing: -0.13px;
  line-height: 17px;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 400;
}
.c-assignments-exercise__list-progress {
  height: 32px;
  width: 32px;
  background-image: url("/sites/all/themes/lingua/assets/assignments/list-booster.svg");
  background-size: initial;
  background-position: center;
}
.c-assignments-exercise__list-progress:hover {
  height: 32px;
  width: 32px;
  background-image: url("/sites/all/themes/lingua/assets/assignments/liste-cerc.svg");
}

.c-assignments-body__exercise {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: auto;
  padding: 15px 25px;
}
.c-assignments-body__exercise:nth-child(odd) {
  background-color: #FFFFFF;
}
.c-assignments-body__exercise:nth-child(even) {
  background-color: #EFEFEF;
}

.assignment__item {
  margin-bottom: 0 !important;
}

.assignment__item-add {
  display: none;
}
.assignment__item-add.inactive {
  display: none !important;
}
.assignment__item-add.active {
  width: 100%;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.assignment__item-add.active a {
  margin: 0 8px;
}

.h-remove-padding {
  padding: 0;
}

.c-assignments-exercise__link {
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 12px;
  letter-spacing: -0.13px;
  line-height: 17px;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 400;
}
.c-assignments-exercise__link:hover {
  text-decoration: none;
  color: #4A90E2;
}

.c-assignments__class-header-title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
  font-weight: 400;
  margin-bottom: 0;
}
.c-assignments__class-header-subtile {
  color: #A8A8A8;
  font-family: "Open Sans";
  font-size: 11px;
  font-style: italic;
  letter-spacing: -0.12px;
  line-height: 15px;
  font-weight: 400;
  margin-bottom: 0;
}
.c-assignments__class-header {
  border-bottom: 1px solid #DFDFDF;
  height: 56px;
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.h-border-right {
  border-right: 1px solid #DFDFDF;
}

.c-assignments-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-assignments-class__list {
  margin: 0;
  padding: 9px 20px 0 20px;
  list-style: none;
  height: 150px;
  overflow-y: auto;
  margin-right: 15px;
}
.c-assignments-class__list .clearfix div {
  padding: 0;
}
.c-assignments-class__list {
  /* width */
}
.c-assignments-class__list::-webkit-scrollbar {
  width: 6px;
}
.c-assignments-class__list {
  /* Track */
}
.c-assignments-class__list::-webkit-scrollbar-track {
  margin-top: 9px;
  margin-bottom: 9px;
  background-color: #EFEFEF;
  border-radius: 2.5px;
}
.c-assignments-class__list {
  /* Handle */
}
.c-assignments-class__list::-webkit-scrollbar-thumb {
  background-color: #AFAFAF;
  border-radius: 2.5px;
}
.c-assignments-class__list-item {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 12px;
  letter-spacing: -0.13px;
  line-height: 17px;
  padding-bottom: 9px;
}

.c-assignment-body__footer {
  border-top: 1px solid #DFDFDF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-assignment-body__footer .left-container {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.c-assignment-body__footer .right-container {
  -webkit-box-flex: 2;
      -ms-flex: 2 1 auto;
          flex: 2 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-assignment-body__footer .right-container p, .c-assignment-body__footer .right-container a {
  padding: 0;
}
.c-assignment-body__footer .right-container a {
  margin: 0 5px 0 0;
}
.c-assignment-body__footer .right-container p {
  margin: 0 10px 0 0;
}

.c-assignments-footer__btn {
  min-width: 139px;
  width: auto;
  background-color: #4A90E2;
  border-radius: 20.5px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 9px;
}

.c-sb-intro_btn {
  margin: 0 0 0 20px;
}

.assignment_no_exercises {
  font-style: italic;
  font-weight: bold;
  text-align: center;
}

.c-assignment-body.assignment--1 .c-ongoing-exercise__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-preferred-size: 8%;
      flex-basis: 8%;
}
.c-assignment-body.assignment--1 .c-ongoing-exercise__buttons span {
  padding: 5px;
}
.c-assignment-body.assignment--1 .c-ongoing-exercise__buttons .c-ongoing-exercise__btn-cancel {
  width: 12px;
  height: 12px;
  margin-left: 15px;
  cursor: pointer;
}
.c-assignment-body.assignment--1 .ongoing-assignments__edit-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.c-assignment-body.assignment--1 .ongoing-assignments__edit-buttons a {
  margin: 0 0 0 20px;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
  text-align: center;
  padding: 15px;
  float: unset;
  font-weight: 300;
}
.c-assignment-body.assignment--1 .ongoing-assignments__edit-buttons a.btn-discard {
  background-color: white;
  color: #ef7c8d;
  border: 1px solid #ef7c8d;
}
.c-assignment-body.assignment--1.edit-mode .btn-modify,
.c-assignment-body.assignment--1.edit-mode .c-ongoing-assignment__datepicker-disabled,
.c-assignment-body.assignment--1.edit-mode .c-assignment-footer__unmodified {
  display: none;
}
.c-assignment-body.assignment--1.edit-mode .btn-save,
.c-assignment-body.assignment--1.edit-mode .btn-discard,
.c-assignment-body.assignment--1.edit-mode .c-ongoing-assignment__datepicker-enabled,
.c-assignment-body.assignment--1.edit-mode .c-ongoing-exercise__btn-cancel,
.c-assignment-body.assignment--1.edit-mode .c-assignment__edit-mode-available,
.c-assignment-body.assignment--1.edit-mode .c-assignment-footer__modified {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-assignment-body.assignment--1:not(.edit-mode) .btn-modify,
.c-assignment-body.assignment--1:not(.edit-mode) .c-ongoing-assignment__datepicker-disabled,
.c-assignment-body.assignment--1:not(.edit-mode) .c-assignment-footer__unmodified {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-assignment-body.assignment--1:not(.edit-mode) .btn-save,
.c-assignment-body.assignment--1:not(.edit-mode) .btn-discard,
.c-assignment-body.assignment--1:not(.edit-mode) .c-ongoing-assignment__datepicker-enabled,
.c-assignment-body.assignment--1:not(.edit-mode) .c-ongoing-exercise__btn-cancel,
.c-assignment-body.assignment--1:not(.edit-mode) .c-assignment__edit-mode-available,
.c-assignment-body.assignment--1:not(.edit-mode) .c-assignment-footer__modified {
  display: none;
}

.c-assignment-body.assignment--0 .c-assignment-footer__modified,
.c-assignment-body.assignment--2 .c-assignment-footer__modified {
  display: none;
}

.c-assignment-published__date-value {
  padding-left: 10px;
}

.c-schools-page_container.school-page__content .row.c-assignments-section__header {
  margin: 15px 0;
}

.c-assignment-body__publish-date {
  margin: 0;
  padding: 15px;
  color: #6B6B6B;
  font-size: 15px;
}

.c-assignment-body__empty-text {
  font-size: 15px;
  font-weight: bold;
  padding: 15px;
  margin: 0;
}

.c-assignment-published__class-title .text-muted {
  color: #A8A8A8;
  font-family: "Open Sans";
  font-size: 11px;
  font-style: italic;
  letter-spacing: -0.12px;
  line-height: 15px;
}

.c-assignemnt-list__empty-list {
  padding: 10px;
  margin-left: 25px;
  font-weight: bold;
  font-style: italic;
}

@-moz-document url-prefix() {
  .c-assignments-body__empty-exercise {
    justify-content: start !important;
  }
}
@media (max-width: 450px) {
  .c-sb-intro_btn {
    margin: 0 auto;
  }
}
.assignment__icons .icon.c-icon__duplicate-assignments {
  background-image: url("/sites/all/themes/lingua/assets/assignments/duplicate.svg");
  width: 38px;
  height: 38px;
  margin-right: 10px;
  border-radius: 50%;
}
.assignment__icons .icon.c-icon__duplicate-assignments:hover {
  background-color: #E2E2E2;
}

.icon-close-assignment {
  height: 19.78px;
  width: 19.82px;
  background-image: url("/sites/all/themes/lingua/assets/assignments/close-red.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
}

.assignment__icons {
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.assignment__icons a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-assignment-published__class-title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
  margin-bottom: 0;
  font-weight: 400;
}
.c-assignment-published__class-subtitle {
  color: #A8A8A8;
  font-family: "Open Sans";
  font-size: 11px;
  font-style: italic;
  letter-spacing: -0.12px;
  line-height: 15px;
  font-weight: 400;
}
.c-assignment-published__date-title {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 12px;
  letter-spacing: -0.13px;
  line-height: 17px;
  margin-bottom: 0;
}
.c-assignment-published__date-value {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.15px;
  line-height: 19px;
}
.c-assignment-published-footer__text {
  color: #9B9B9B;
  font-family: "Open Sans";
  font-size: 14px;
  font-style: italic;
  letter-spacing: -0.15px;
  line-height: 19px;
  margin-bottom: 0;
  font-weight: 400;
}

.c-row-published-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* Assignments popup for delete an class assignment style */
#better-messages-wrapper {
  margin-left: auto;
  margin-right: auto;
  left: 0 !important;
  right: 0;
  width: 100% !important;
  top: 15px !important;
}
#better-messages-wrapper #popups {
  background: #FFFFFF !important;
  border: none !important;
  min-height: 300px;
  height: auto;
  width: 800px !important;
  border-radius: 16px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#better-messages-wrapper #messages-inner {
  padding-top: 10px;
}
#better-messages-wrapper .message-item {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 27px;
  letter-spacing: -0.29px;
  line-height: 40px;
  text-align: center;
}
#better-messages-wrapper .btn-only__confirm {
  height: 50px;
  width: 235px;
  border-radius: 25px;
  background-color: #4A90E2;
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 17px;
  text-align: center;
}
@supports (-moz-appearance: none) {
  #better-messages-wrapper .btn-only__confirm {
    margin-bottom: 30px;
  }
}

.c-class-select {
  overflow: hidden;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  width: 50%;
  text-align: left;
}

.error-messages {
  color: #EF7C8E;
  display: none;
  margin-top: 10px;
  font-family: "Open Sans";
  font-size: 16px;
  letter-spacing: -0.13px;
  line-height: 17px;
}

.error-field .c-assignments-due-date__text,
.error-field .c-assignments-select-class__text, .error-field.c-assignment-body__empty-text,
.error-field .js-add-exercise-text {
  color: #EF7C8E;
}
.error-field .c-assignments-exercise__icon {
  background-image: url("/sites/all/themes/lingua/assets/assignments/add-exercise-error.svg");
}
.error-field input, .error-field .c-assignments__select {
  border-color: #EF7C8E;
}

/* === Media Queries === */
@media (max-width: 1200px) {
  .h-border-left {
    border-top: 1px solid #DFDFDF;
  }
  .h-border-right {
    border-right: none;
  }
  .c-assignment-body .c-assignments__datepicker-container {
    padding-left: 15px;
  }
}
@media (max-width: 900px) {
  .c-assignment-body .c-assignments-due-date__text {
    padding-left: 10px;
  }
}
@media (max-width: 767px) {
  .c-assignment-body__content .row {
    margin-right: -7.5px;
    margin-left: -7.5px;
  }
  .c-assignments__datepicker-container.assignment__date-container {
    -webkit-transform: none;
            transform: none;
  }
  .c-assignment-body .c-assignments__datepicker-container {
    padding: 15px 10px 0 0;
    margin: 0;
  }
  .school-page__title {
    border-bottom: 0;
  }
  .c-assignment-body {
    overflow: hidden;
  }
  .c-assignment-body__header .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  .c-assignment-body__header .row .first-col {
    width: 80%;
  }
  .c-assignment-body__header .row .seccond-col {
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .c-assignment-body__header .row .third-col {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    width: 20%;
  }
  .c-assignments__datepicker-container .c-assignments-due-date__text {
    padding-left: 0;
  }
}
@media (max-width: 600px) {
  .c-assignment-body__footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    justify-items: flex-start;
  }
  .c-assignment-body__footer .left-container {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .c-assignment-body__footer .right-container {
    -ms-flex-item-align: start;
        align-self: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    padding-left: 15px;
    width: 100%;
  }
  .c-assignment-body__footer .right-container p {
    font-size: 16px;
  }
  #better-messages-wrapper {
    height: 390px !important;
  }
  #better-messages-wrapper .message-item {
    font-size: 18px;
    line-height: 27px;
  }
  #better-messages-wrapper .btn-only__confirm {
    height: 40px;
    width: 190px;
    font-size: 16px !important;
    line-height: 13px;
  }
  .c-assignment-body .error-messages {
    font-family: "Open Sans";
    font-size: 12px;
    letter-spacing: -0.13px;
    line-height: 17px;
  }
  .c-assignment-body .c-assignments-due-date__text {
    padding-left: 0;
    padding-bottom: 5px;
  }
}
@media (max-width: 500px) {
  .c-assignment-body__header .third-col {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 20%;
            flex: 1 0 20%;
  }
  .c-assignment-body__header .seccond-col {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
  }
  .c-assignment-body .c-assignments__datepicker-container .form-group,
  .c-assignment-body .c-assignments__datepicker-container .c-assignments__datepicker,
  .c-assignment-body .c-assignments__datepicker-container .input-group {
    max-width: 230px;
    width: 100%;
  }
  .c-assignments__datepicker-container,
  .c-assignments__select-class-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .c-assignments__datepicker-container {
    padding-left: 0 !important;
  }
  .c-assignment-body__header .row .first-col {
    width: 70%;
  }
  .c-assignment-body__header .row .third-col {
    width: 30%;
  }
}
@media (max-width: 540px) {
  .c-assignment-body__header .row .seccond-col {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
  }
  .c-assignment-body__header .row .first-col .c-assignments__select {
    margin: 5px 0;
  }
  .c-sb-intro_btn {
    margin: 0;
  }
  .assignment__date-container {
    right: 0 !important;
  }
  .c-assignments__datepicker-container {
    padding-left: 0 !important;
  }
  .c-assignments-body__exercise {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .assignment__item-add.active {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 10px 0 0;
  }
}
@media (max-width: 450px) {
  .c-assignment-body {
    padding-bottom: 10px;
  }
  .c-assignment-body .c-assignments__select-class-container,
  .c-assignment-body .c-assignments-due-date__text {
    padding-bottom: 5px;
  }
  .c-assignment-body .c-assignments-body__exercise {
    padding: 15px 20px;
  }
  .c-assignment-body .c-assignment-body__footer {
    padding-top: 10px;
  }
}
@media (max-width: 370px) {
  .c-main-header__assignments {
    padding-bottom: 10px;
    padding-top: 10px;
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .c-main-header__assignments button {
    margin-top: 10px;
  }
  .c-new-assignment__btn {
    margin-top: 10px;
  }
  .c-assignment-body__header .row .first-col {
    width: 100%;
  }
  .c-assignment-body__header .row .third-col {
    width: 100%;
    ordeR: -1;
  }
  .c-assignment-body__footer .right-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .c-assignment-body__footer .right-container a {
    -ms-flex-item-align: start;
        align-self: flex-start;
    margin: 15px 5px 0 0;
  }
}
@media (max-width: 350px) {
  .assignment__item-add.active {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: center;
    grid-row-gap: 8px;
  }
}
.c-no-data-assignments-message {
  margin: 13px 35px 28px 35px;
  color: #36393F;
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 22px;
  font-weight: 400;
}

.c-progress-modal__content {
  max-width: 800px;
  width: 100%;
  border-radius: 16px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  border: none;
}
.c-progress-modal__content .c-sl-catalog__col-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-progress-modal__content .c-sl-catalog__col-search .catalog-search-form .form__group {
  float: none;
  max-width: 265px;
  width: 100% !important;
}
.c-progress-modal__content .c-sl-catalog__col-search .catalog-search__submit {
  font-size: 18px;
  color: #4A90E2 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  margin-right: -50px;
}
.c-progress-modal__content .c-sl-catalog__col-search .catalog-search__submit:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.c-progress-modal__content .c-sl-catalog__col-search input {
  border-bottom: 1px solid #4A90E2 !important;
}
.c-progress-modal__content .c-sl-catalog__col-search input::-webkit-input-placeholder {
  padding-left: 10px;
}
.c-progress-modal__content .c-sl-catalog__col-search input::-moz-placeholder {
  padding-left: 10px;
}
.c-progress-modal__content .c-sl-catalog__col-search input:-ms-input-placeholder {
  padding-left: 10px;
}
.c-progress-modal__content .c-sl-catalog__col-search input::-ms-input-placeholder {
  padding-left: 10px;
}
.c-progress-modal__content .c-sl-catalog__col-search input::placeholder {
  padding-left: 10px;
}
.c-progress-modal__content .icon-close-progress-modal {
  display: none;
}
.c-progress-modal__header-title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 24px;
  letter-spacing: -0.26px;
  line-height: 33px;
  margin: 0;
}
.c-progress-modal__header {
  padding: 27px 37px;
  position: relative;
}
.c-progress-modal__table {
  width: 100%;
}
.c-progress-modal__table thead th {
  border-bottom: 0;
}
.c-progress-modal__table-header {
  height: 56px;
  background-color: rgba(47, 49, 54, 0.9);
}
.c-progress-modal__table-header a,
.c-progress-modal__table-header span {
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.16px;
  line-height: 26px;
}
.c-progress-modal__table-header a:hover,
.c-progress-modal__table-header span:hover {
  text-decoration: none;
}
.c-progress-modal__table-header a.active,
.c-progress-modal__table-header span.active {
  font-weight: 600;
}
.c-progress-modal__body p {
  margin: 0;
}
.c-progress-modal__body .c-student__picture {
  border-radius: 50%;
  text-align: center;
}
.c-progress-modal__body .c-student__picture img {
  background: #E2E2E2;
  width: 50px;
  height: 50px;
}
.c-progress-modal__body .c-student__name {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 15px;
  letter-spacing: -0.16px;
  line-height: 26px;
  font-weight: 400;
}
.c-progress-modal__body .c-student__status {
  font-family: "Open Sans";
  font-size: 15px;
  letter-spacing: -0.16px;
  line-height: 26px;
  font-weight: 400;
}
.c-progress-modal__body .c-student__status.status-not-started {
  color: #A6A6A6;
}
.c-progress-modal__body .c-student__status.status-in-progress {
  color: #4A90E2;
}
.c-progress-modal__body .c-student__status.status-completed {
  color: #01D6AB;
}
.c-progress-modal__body .c-student__score {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 15px;
  letter-spacing: -0.16px;
  line-height: 26px;
  font-weight: 400;
}
.c-progress-modal__body-row {
  height: 76px;
  border-bottom: 1px solid #D6D6D6;
  background: #FFFFFF;
}
.c-progress-modal__table-container {
  height: 520px;
  overflow-y: auto;
  /* width */
}
.c-progress-modal__table-container::-webkit-scrollbar {
  width: 6px;
}
.c-progress-modal__table-container {
  /* Track */
}
.c-progress-modal__table-container::-webkit-scrollbar-track {
  margin-top: 9px;
  margin-bottom: 9px;
  background-color: #EFEFEF;
  border-radius: 2.5px;
}
.c-progress-modal__table-container {
  /* Handle */
}
.c-progress-modal__table-container::-webkit-scrollbar-thumb {
  background-color: #AFAFAF;
  border-radius: 2.5px;
}
.c-progress-modal__close-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  padding: 20px 0;
}
.c-progress-modal__close-container .c-assignments-footer__btn {
  height: 46px;
  width: 235px;
  border: 1px solid #4A90E2;
  border-radius: 23px;
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
  text-align: center;
  background-color: #FFFFFF;
}

.score-th,
.score-td {
  padding-right: 30px;
  text-align: right;
}

.icon-close-progress-modal {
  background-image: url("/sites/all/themes/lingua/assets/close-gray.svg") !important;
  position: absolute !important;
  top: 30px !important;
  right: 30px !important;
}

.c-progress-modal-caret.c-progress-modal-caret--up {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  margin-top: 6px;
}

#assignments-modal .c-assignments-modal__body-container {
  max-height: 60vh;
  overflow-y: auto;
}
#assignments-modal .c-assignments-table-fixed-header thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: rgb(47, 49, 54);
}

@media (max-width: 991px) {
  .c-progress-modal__content {
    margin-top: 60px;
  }
  .c-progress-modal__header .c-sl-catalog__search .form__group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .c-progress-modal__header .c-sl-catalog__search input {
    opacity: 1;
  }
  .c-progress-modal-caret:not(.c-assign-carret) {
    -webkit-transform: rotate(90deg) !important;
            transform: rotate(90deg) !important;
  }
}
@media (max-width: 600px) {
  .c-progress-modal__header .c-sl-catalog__search .form__group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .c-progress-modal__table .c-student__picture {
    margin-right: 10px;
  }
  .c-progress-modal__table .c-student__name {
    padding-right: 5px;
  }
  .c-progress-modal__table .js-score-result {
    margin-left: 10px;
  }
}
.c-class-management_page {
  padding: 40px 0 0;
  margin: 0;
  max-width: 1195px;
}
.c-class-management_titles {
  padding-left: 30px;
}
.c-class-management_titles h1 {
  color: #2F3136;
  font-size: 20px;
  font-weight: 600;
}
.c-class-management_titles p {
  color: #36393F;
  font-size: 14px;
  font-weight: 400;
}
.c-class-management_body-header {
  height: 56px;
  background-color: #43454A;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 20px;
}
.c-class-management_body-header h2 {
  color: #FFFFFF;
  font-size: 16px;
  margin: 0;
  padding-left: 15px;
  font-weight: 400;
  margin: 0;
}
.c-class-management_body-header button {
  width: 100%;
  min-width: 160px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  border-radius: 18px;
  border: none;
  background-color: #4A90E2;
  color: #FFFFFF;
  font-size: 0.71875em;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 10px;
}
.c-class-management_body-header button img {
  margin-right: 10px;
}
.c-class-management_modal-dialog {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 90px auto;
}
.c-class-management_add-students-to-class {
  display: none;
  min-width: 765px;
  width: 100%;
}
.c-class-management_create-class-popup {
  min-width: 530px;
  width: 100%;
}
.c-class-management-content {
  border-radius: 16px;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
}

#class-management-add-new-class-modal .c-class-management-popup {
  padding: 30px 20px 0 50px;
}
#class-management-add-new-class-modal .c-class-management-popup .tooltip.right.in {
  top: 93px !important;
  font-size: 15px;
  padding: 0 15px;
}
#class-management-add-new-class-modal .c-class-management-popup .icon-search.c-students-search-icon {
  margin: 0;
  opacity: 1;
  float: left;
}
#class-management-add-new-class-modal .c-class-management-popup .icon-search.c-students-search-icon:before {
  background-image: url("/sites/all/themes/lingua/assets/schools/search-icon.svg");
  content: " ";
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 10px;
}
#class-management-add-new-class-modal .c-class-management-popup .error-field {
  border-color: #ef7c8e;
}
#class-management-add-new-class-modal .c-class-management-close {
  color: #4B4B4B;
  opacity: 1;
}
#class-management-add-new-class-modal .c-class-management-close span {
  padding: 0;
  position: absolute;
  top: 10px;
  right: 20px;
}
#class-management-add-new-class-modal h1 {
  font-size: 24px;
  color: #4B4B4B;
  line-height: 28px;
  margin: 0 30px 30px 0;
}
#class-management-add-new-class-modal h3 {
  color: #6B6B6B;
  font-size: 0.8125em;
  font-weight: 400;
  margin: 0 0 20px 0;
}
#class-management-add-new-class-modal input.c-class-management_create-class {
  border: 1px solid #DADADA;
  border-radius: 2px;
}
#class-management-add-new-class-modal input.c-class-management_create-class:focus {
  border: 1px solid #4A90E2;
}
#class-management-add-new-class-modal .c-class-management_save-name-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 30px 20px 35px 50px;
}
#class-management-add-new-class-modal .c-class-management_save-name-button button {
  width: 100%;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  min-width: 100px;
  border-radius: 18px;
  border: none;
  background-color: #4A90E2;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.03em;
  text-align: center;
  padding: 9px 15px;
}
#class-management-add-new-class-modal .c-class-management_save-name-button ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
#class-management-add-new-class-modal .c-class-management_save-name-button ul li {
  height: 12px;
  width: 12px;
  background-color: #C7C7C7;
  border-radius: 10px;
  margin-left: 8px;
}
#class-management-add-new-class-modal .c-class-management_save-name-button ul li:first-of-type {
  background-color: #4A90E2;
}
#class-management-add-new-class-modal .c-class-management_add-students-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  padding: 30px 20px 35px 20px;
}
#class-management-add-new-class-modal .c-class-management_add-students-button button {
  width: 100%;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  max-width: 230px;
  background-color: #4A90E2;
  border-radius: 25px;
  border: none;
  padding: 15px;
  font-size: 14px;
  text-align: center;
  color: #FFFFFF;
}
#class-management-add-new-class-modal .c-class-management_add-students-button button:disabled {
  background-color: #FFFFFF;
  border: 1px solid #CDCECF;
  color: #CDCECF;
}
#class-management-add-new-class-modal .c-class-management_add-students-button ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
}
#class-management-add-new-class-modal .c-class-management_add-students-button ul li {
  height: 12px;
  width: 12px;
  background-color: #C7C7C7;
  border-radius: 10px;
  margin-left: 8px;
}
#class-management-add-new-class-modal .c-class-management_add-students-button ul li:last-of-type {
  background-color: #4A90E2;
}

.c-class-management_add-students-btn-title {
  color: #BEBEBE;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  cursor: pointer;
  width: 40%;
  margin-top: 5px;
}
.c-class-management_add-students-btn-title:hover {
  color: #4A90E2;
  text-decoration: none;
}

.c-add-students-icon {
  background-image: url("/sites/all/themes/lingua/assets/schools/add-icon-grey.svg");
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 0;
  padding-left: 20px;
}
.c-add-students-icon:hover {
  background-image: url("/sites/all/themes/lingua/assets/schools/add-icon-blue.svg");
}

.c-class-management_search {
  max-width: 290px;
  width: 100%;
  border-bottom: 1px solid #4A90E2;
  padding-bottom: 5px;
}
.c-class-management_search input {
  background-color: transparent;
  border: none;
  font-size: 16px;
  font-weight: 600;
  width: 260px;
}
.c-class-management_search input::-webkit-input-placeholder {
  color: #BFBFBF;
}
.c-class-management_search input::-moz-placeholder {
  color: #BFBFBF;
}
.c-class-management_search input:-ms-input-placeholder {
  color: #BFBFBF;
}
.c-class-management_search input::-ms-input-placeholder {
  color: #BFBFBF;
}
.c-class-management_search input::placeholder {
  color: #BFBFBF;
}
.c-class-management_search:not(:root:root) {
  position: relative;
}
.c-class-management_search:not(:root:root) input {
  padding-left: 30px;
}
.c-class-management_search:not(:root:root) span {
  position: absolute;
  top: 5px;
}

.c-cm_add-students-button-div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0;
}
.c-cm_add-students-step-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.c-class-management_students-tabel {
  margin-top: 20px;
}
.c-class-management_students-tabel table {
  width: 100%;
  border-bottom: 2px solid #D6D6D6;
}
.c-class-management_students-tabel table thead {
  background-color: rgba(47, 49, 54, 0.9);
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 300;
  /* added scroll on table body*/
  display: table;
  width: 100%;
}
.c-class-management_students-tabel table thead tr th {
  border: none;
  padding: 15px 0;
  font-weight: 300;
}
.c-class-management_students-tabel table thead tr th:nth-child(1) {
  width: 13%;
}
.c-class-management_students-tabel table thead tr th:nth-child(2) {
  width: 35%;
}
.c-class-management_students-tabel table thead tr th:nth-child(3) {
  width: 35%;
}
.c-class-management_students-tabel table thead tr th:nth-child(4) {
  width: 17%;
}
.c-class-management_students-tabel table tbody {
  border: none;
  /* added scroll on table body*/
  display: block;
  max-height: 467px;
  height: 100%;
  overflow: auto;
}
.c-class-management_students-tabel table tbody::-webkit-scrollbar-track {
  background-color: #D6D6D6;
  height: 100%;
  right: 10px;
}
.c-class-management_students-tabel table tbody::-webkit-scrollbar {
  width: 6px;
  position: absolute;
}
.c-class-management_students-tabel table tbody::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #7A7A7A;
}
.c-class-management_students-tabel table tbody tr {
  /* added scroll on table body*/
  display: table;
  width: 100%;
  border-bottom: 2px solid #D6D6D6;
}
.c-class-management_students-tabel table tbody tr:last-of-type {
  border-bottom: none;
}
.c-class-management_students-tabel table tbody tr td {
  color: #6B6B6B;
  font-size: 15px;
  font-weight: 400;
  padding: 13px 0;
  position: relative;
  word-break: break-word;
}
.c-class-management_students-tabel table tbody tr td:nth-child(1) {
  width: 13%;
}
.c-class-management_students-tabel table tbody tr td:nth-child(2) {
  width: 35%;
}
.c-class-management_students-tabel table tbody tr td:nth-child(3) {
  width: 35%;
}
.c-class-management_students-tabel table tbody tr td:nth-child(4) {
  width: 17%;
}
.c-class-management_students-tabel table tbody tr td .c-cm-tabel-student-profile-picture {
  height: 50px;
  width: 50px;
  display: block;
  border-radius: 50%;
  margin: 0 auto;
}
.c-class-management_students-tabel table tbody tr td .c-cm-checkbox-label {
  position: relative;
}
.c-class-management_students-tabel table tbody tr td .c-cm-checkbox-label input {
  opacity: 0;
  cursor: pointer;
}
.c-class-management_students-tabel table tbody tr td .c-cm-checkbox-label input:checked ~ .checkmark {
  background-color: #4A90E2;
}
.c-class-management_students-tabel table tbody tr td .c-cm-checkbox-label .checkmark:after {
  content: "";
  background-color: transparent;
  position: absolute;
  left: 6px;
  top: 0;
  width: 6px;
  height: 13px;
  border-bottom: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.c-class-management_students-tabel table tbody tr td .c-cm-checkbox-label span {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #CDCECF;
  border-radius: 3px;
  background-color: #FFFFFF;
  cursor: pointer;
}

td.c-table-shadow:after {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  height: 100%;
  width: 30%;
  content: " ";
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.2)), to(#FFFFFF));
  background: linear-gradient(to right, rgba(255, 255, 255, 0.2), #FFFFFF);
}

.c-class-managemnet_my-classes-border {
  border-right: 2px solid #FFFFFF;
}

.c-class-management_classes {
  padding: 0;
}

.c-class-management_table-div {
  padding: 25px 20px;
}
.c-class-management_table-div .icon.icon-dot-3 {
  color: #D8D8D8;
  font-size: 22px;
}
.c-class-management_table-div table {
  -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.14);
          box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.14);
  border-radius: 5px;
  table-layout: fixed;
}
.c-class-management_table-div table thead tr {
  height: 55px;
}
.c-class-management_table-div table thead tr th {
  color: #4B4B4B;
  font-size: 14px;
  font-weight: 400;
  border-bottom: 0.5px solid #DFDFDF;
  padding: 17px 20px;
}
.c-class-management_table-div table thead tr th:first-of-type {
  width: 40%;
}
.c-class-management_table-div table tbody {
  border: none;
}
.c-class-management_table-div table tbody td {
  color: #6B6B6B;
  font-size: 12px;
  font-weight: 400;
  border: none !important;
}
.c-class-management_table-div table tbody td:first-of-type {
  overflow: hidden;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.c-class-management_table-div table tbody td:last-of-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-right: 15px;
}
.c-class-management_table-div table tbody tr {
  border: none;
}
.c-class-management_table-div table tbody tr td {
  padding: 10px 10px 10px 20px;
  vertical-align: middle;
}
.c-class-management_table-div table tbody tr:nth-child(odd) {
  background-color: #FFFFFF;
}
.c-class-management_table-div table tbody tr:nth-child(even) {
  background-color: #EFEFEF;
}
.c-class-management_table-div .dropdown-menu {
  left: unset;
  right: -20px;
  padding: 6px;
}
.c-class-management_table-div .dropdown-menu a {
  padding: 12px 14px;
  text-transform: capitalize;
}
.c-class-management_table-div .dropdown-menu .dropdown-menu {
  right: 0;
  padding: 0;
}

.c-class-management_my-class-card {
  min-height: 160px !important;
  max-width: 340px;
  width: 100%;
  border-radius: 5px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.14);
          box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.14);
  padding: 0;
  position: relative;
  margin: 30px 10px 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
}
.c-class-management_my-class-card .c-class-management_details-card input {
  border: 1px solid #DADADA;
  border-radius: 2px;
}
.c-class-management_my-class-card .c-class-management_details-card input:focus {
  border: 1px solid #4A90E2;
}

.full-height {
  height: 100% !important;
}

.overflow-toggle {
  overflow: visible !important;
}

.class-management__class-item .row:nth-of-type(2) {
  margin-top: 0 !important;
}

.c-class-managemnet_remove-padding .dropdown-menu a {
  padding: 12px 14px !important;
}
.c-class-managemnet_remove-padding .dropdown-submenu {
  position: relative;
}
.c-class-managemnet_remove-padding .dropdown-submenu a {
  padding: 12px 14px;
}
.c-class-managemnet_remove-padding .dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: 0;
  margin-left: -1px;
}

.c-class-management_table-div .class-assigned-students__content .dropdown-submenu > .dropdown-menu {
  top: 28px;
  left: -100%;
  right: unset;
  margin-top: 0;
  margin-left: 3px;
}
.c-class-management_classes-cards {
  padding: 0 0 30px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  /* removed temporary height:0 that comes from js */
  height: 100% !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: baseline;
      align-content: baseline;
}
.c-class-management_classes-cards-border {
  border-right: 2px solid #E1E1E1;
  padding-left: 30px;
}
.c-class-management_create-class {
  border: 1px solid #DADADA;
  border-radius: 2px;
  color: #A8A8A8;
  max-width: 240px;
  width: 100%;
  padding: 5px 14px;
  font-size: 14px;
}
.c-class-management_create-class::-webkit-input-placeholder {
  color: #727272;
  font-size: 14px;
  font-style: italic;
}
.c-class-management_create-class::-moz-placeholder {
  color: #727272;
  font-size: 14px;
  font-style: italic;
}
.c-class-management_create-class:-ms-input-placeholder {
  color: #727272;
  font-size: 14px;
  font-style: italic;
}
.c-class-management_create-class::-ms-input-placeholder {
  color: #727272;
  font-size: 14px;
  font-style: italic;
}
.c-class-management_create-class::placeholder {
  color: #727272;
  font-size: 14px;
  font-style: italic;
}
.c-class-management_details-card {
  padding: 8px 15px 5px;
  border-bottom: 0.5px solid #DFDFDF;
}
.c-class-management_details-card .c-class-management_students-number {
  display: block;
  color: #A8A8A8;
  font-size: 11px;
  font-weight: 400;
  margin-top: 2px;
}
.c-class-management_details-card .c-class-management_class-name {
  color: #4B4B4B;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  margin: 0;
}
.c-class-management_my-class-card#add_new .c-class-management_details-card {
  border-bottom: 0.5px solid #A5A5A5;
}
.c-class-management_close-icon {
  position: absolute;
  top: 15px;
  right: 15px;
  max-width: 20px;
  width: 100%;
  cursor: pointer;
}
.c-class-management_see-more-card {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  border-radius: 0 0 4px 4px;
  background-color: #E4E4E4;
  font-size: 10px;
  text-align: center;
  color: #6B6B6B;
  height: 20px;
  padding-top: 2px;
  cursor: pointer;
}
.c-class-management_add-students {
  padding: 15px 15px 30px 15px;
}
.c-class-management_add-students img {
  width: 5%;
  cursor: pointer;
}
.c-class-management_students-list .c-class-management_students-name {
  color: #6B6B6B;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 8px 0 0;
  font-weight: 400;
}
.c-class-management_students-list .class-student__row div:last-of-type {
  position: absolute;
  right: 0;
}
.c-class-management_students-menu-dots {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 14px 0 0;
}
.c-class-management_students-menu-dots li {
  height: 5px;
  max-width: 5px;
  width: 100%;
  background-color: #D8D8D8;
  border-radius: 50%;
  margin: 0 1px;
  cursor: pointer;
}

.c-class-managemnet_remove-padding {
  padding: 0;
  text-align: right;
  padding-right: 10px;
}
.c-class-managemnet_remove-padding .icon.icon-dot-3 {
  color: #D8D8D8;
  font-size: 22px;
}

.temporary-height {
  height: 40% !important;
}

/*  REMOVE CLASS POPUP */
.c-class-management__remove-popup {
  height: 390px;
  width: 800px !important;
  max-width: 100% !important;
  border-radius: 16px !important;
  background-color: #FFFFFF !important;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
}
.c-class-management__remove-popup div:first-of-type {
  font-family: "Open Sans";
  font-size: 27px;
  letter-spacing: -0.29px;
  line-height: 40px;
  text-align: center;
  padding-top: 30px;
  font-weight: 400;
}
.c-class-management__remove-popup #popups-close {
  display: none;
}
.c-class-management__remove-popup .container-inline {
  padding-top: 50px !important;
}
.c-class-management__remove-popup .container-inline input {
  min-height: 50px !important;
  max-width: 235px !important;
  width: 100%;
  border-radius: 25px !important;
  background-color: #4A90E2 !important;
  color: #FFFFFF !important;
  font-family: "Open Sans";
  font-size: 14px !important;
  letter-spacing: -0.15px;
  line-height: 17px !important;
  text-align: center !important;
}
.c-class-management__remove-popup .container-inline a {
  min-height: 50px;
  max-width: 235px;
  border-radius: 25px !important;
  background-color: #EF7C8E !important;
  height: 19px;
  width: 235px;
  color: #FFFFFF !important;
  font-family: "Open Sans";
  font-size: 14px !important;
  letter-spacing: -0.15px;
  line-height: 35px !important;
  text-align: center !important;
}

@media (max-width: 1285px) {
  #class-management-add-new-class-modal h1 {
    font-size: 26px;
  }
  #class-management-add-new-class-modal .c-class-management_create-class {
    padding: 7px 14px;
    font-size: 18px;
  }
  #class-management-add-new-class-modal .c-class-management_create-class::-webkit-input-placeholder {
    font-size: 18px;
  }
  #class-management-add-new-class-modal .c-class-management_create-class::-moz-placeholder {
    font-size: 18px;
  }
  #class-management-add-new-class-modal .c-class-management_create-class:-ms-input-placeholder {
    font-size: 18px;
  }
  #class-management-add-new-class-modal .c-class-management_create-class::-ms-input-placeholder {
    font-size: 18px;
  }
  #class-management-add-new-class-modal .c-class-management_create-class::placeholder {
    font-size: 18px;
  }
  #class-management-add-new-class-modal .c-class-management_save-name-button button {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1280px) {
  .c-class-management_table-div {
    padding: 25px;
  }
}
@media (min-width: 910px) and (max-width: 1280px) {
  .c-class-management_classes {
    width: 50%;
  }
  .c-class-management_classes-cards {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .c-class-management_classes-cards-border {
    padding-left: 0;
  }
  .c-class-management_table-div table thead tr th:first-of-type {
    width: 50%;
  }
}
@media (max-width: 991px) {
  .c-class-management_classes-cards-border {
    border: none;
    padding-bottom: 15px;
  }
  .c-class-management_page.container {
    padding: 20px 0 0;
  }
  .c-class-management_classes {
    padding-top: 20px;
  }
  .c-class-management_classes-cards {
    height: 100% !important;
  }
  .c-class-management_my-classes-border {
    border: none;
  }
  .c-class-management_remove-padding .dropdown-submenu > .dropdown-menu {
    top: auto;
    left: 0;
  }
  .c-class-management_remove-padding .dropdown-menu {
    left: unset;
    right: 0;
  }
}
@media (max-width: 600px) {
  .c-class-management__remove-popup {
    height: auto;
  }
  .c-class-management__remove-popup div:first-of-type {
    font-size: 18px;
    line-height: 30px;
  }
  .c-class-management__remove-popup .container-inline {
    padding-top: 50px !important;
  }
  .c-class-management__remove-popup .container-inline input {
    min-height: 40px !important;
    max-width: 200px !important;
  }
  .c-class-management__remove-popup .container-inline a {
    min-height: 40px;
    max-width: 200px;
  }
  .c-class-management_add-students-to-class, .c-class-managementmanagement_create-class-popup {
    max-width: 600px;
    min-width: unset;
    width: 100%;
  }
  .c-class-management_modal-dialog {
    width: 100%;
  }
}
@media (max-width: 450px) {
  #class-management-add-new-class-modal .c-class-management-popup {
    padding: 20px 15px 0 15px;
  }
  #class-management-add-new-class-modal .c-class-management_save-name-button {
    padding: 20px 15px 20px 15px;
  }
  #class-management-add-new-class-modal .c-class-management_add-students-button {
    padding: 15px;
  }
}
@media (max-width: 350px) {
  .c-class-management_table-div {
    padding: 25px 5px;
  }
  .c-class-management_body-header {
    height: auto;
    padding: 10px 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.c-stats-results__header {
  max-width: 680px;
  width: 100%;
  padding: 23px 27px;
}
.c-stats-results__title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.24px;
  line-height: 30px;
  margin: 0 0 10px 0;
}
.c-stats-results__subtitle {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 13px;
  letter-spacing: -0.14px;
  line-height: 18px;
  margin: 0;
}
.c-stats-results__container {
  border-top: 1px solid #D6D6D6;
}
.c-stats-results__container .c-badges__container {
  margin: 30px 27px;
}
.c-stats-results__container .c-badges__category {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.c-stats-results__container .c-badges__header-sections {
  max-width: 970px;
}
.c-stats-results__container .c-badges__categories-badges-container {
  max-width: 970px;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  border: none;
}
.c-stats-results__container .c-test-results__header {
  min-height: 78px;
  background-color: #F0F0F0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 20px;
}
.c-stats-results__container .c-test-results__header div:nth-child(2),
.c-stats-results__container .c-test-results__header div:nth-child(3) {
  text-align: right;
}
.c-stats-results__container .c-sl-catalog__col-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-stats-results__container .c-sl-catalog__col-search--vb {
  padding-top: 0;
}
.c-stats-results__container .c-sl-catalog__col-search .catalog-search-form .form__group {
  float: none;
  max-width: 265px;
  width: 100% !important;
}
.c-stats-results__container .c-sl-catalog__col-search .catalog-search__submit {
  font-size: 18px;
  color: #4A90E2 !important;
  background: transparent;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  margin-right: -40px;
  width: 35px;
  height: 35px;
}
.c-stats-results__container .c-sl-catalog__col-search .catalog-search__submit:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.c-stats-results__container .c-sl-catalog__col-search .form__group {
  margin-top: 0;
}
.c-stats-results__container .c-sl-catalog__col-search input {
  max-width: 200px !important;
  border-bottom: 1px solid #4A90E2 !important;
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: normal;
  letter-spacing: -0.13px;
  line-height: 17px;
  margin-left: 10px;
}
.c-stats-results__container .c-sl-catalog__col-search input:focus {
  outline: none !important;
}
.c-stats-results__container .c-sl-catalog__col-search input::-webkit-input-placeholder {
  padding-left: 10px;
  color: #4A90E2 !important;
  font-family: "Open Sans";
  font-size: 12px !important;
  letter-spacing: -0.13px;
  line-height: 15px !important;
  font-weight: 400;
}
.c-stats-results__container .c-sl-catalog__col-search input::-moz-placeholder {
  padding-left: 10px;
  color: #4A90E2 !important;
  font-family: "Open Sans";
  font-size: 12px !important;
  letter-spacing: -0.13px;
  line-height: 15px !important;
  font-weight: 400;
}
.c-stats-results__container .c-sl-catalog__col-search input:-ms-input-placeholder {
  padding-left: 10px;
  color: #4A90E2 !important;
  font-family: "Open Sans";
  font-size: 12px !important;
  letter-spacing: -0.13px;
  line-height: 15px !important;
  font-weight: 400;
}
.c-stats-results__container .c-sl-catalog__col-search input::-ms-input-placeholder {
  padding-left: 10px;
  color: #4A90E2 !important;
  font-family: "Open Sans";
  font-size: 12px !important;
  letter-spacing: -0.13px;
  line-height: 15px !important;
  font-weight: 400;
}
.c-stats-results__container .c-sl-catalog__col-search input::placeholder {
  padding-left: 10px;
  color: #4A90E2 !important;
  font-family: "Open Sans";
  font-size: 12px !important;
  letter-spacing: -0.13px;
  line-height: 15px !important;
  font-weight: 400;
}
.c-stats-results__progress-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-stats-results__results-container {
  padding-left: 10px;
}

.c-test-results__csv {
  height: 36px;
  width: 104px;
  border-radius: 18px;
  background-color: #4A90E2;
  color: #FFFFFF;
  font-family: Helvetica;
  font-size: 13px;
  letter-spacing: -0.14px;
  line-height: 4px;
  text-align: center;
  border: none;
}
.c-test-results__table p {
  margin: 0;
}
.c-test-results__table .c-student__picture {
  margin: 0;
  width: 40px;
  height: 40px;
}
.c-test-results__table .c-student__picture img {
  width: 40px;
  height: 40px;
}
.c-test-results__table .c-student__name {
  padding-left: 20px;
}
.c-test-results__table .students__thumbnail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 30px;
}
.c-test-results__table .c-progress-modal__table-header {
  height: 44px;
}
.c-test-results__table .c-progress-modal__table-header th:first-of-type {
  padding-left: 30px;
}
.c-test-results__table .c-progress-modal__table-header a {
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 26px;
  font-weight: 400;
}
.c-test-results__table .score-th,
.c-test-results__table .score-td {
  padding-right: 30px;
  padding-left: 10px;
  text-align: center;
}
.c-test-results__table th:nth-child(2) {
  padding-left: 20px;
}

.cefr-level--icon-small {
  height: 45px;
  width: 45px;
  float: none;
}
.cefr-level--icon-small p {
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 15px;
  letter-spacing: -0.16px;
  line-height: 42px;
  margin-bottom: 0;
  font-weight: 400;
}

/*ASSIGNMENTS STATS*/
.c-stats__average {
  padding-top: 20px;
}
.c-stats__average-container {
  padding-bottom: 20px;
  border-bottom: 1px solid #D6D6D6;
}
.c-stats__average-container .results__header {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.15px;
  line-height: 19px;
}
.c-stats__average-container .results__text {
  color: #B1B1B1;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.13px;
  line-height: 17px;
}
.c-stats__average-container .results__label {
  color: #EF7C8E;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.13px;
  line-height: 17px;
}
.c-stats__average-container .results__results-container {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 11px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 15px;
}
.c-stats__average-container .results__results-container h3 {
  font-size: 18px;
  font-weight: 600;
}

.results-row-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-class-results__header {
  max-width: 970px;
}

.c-stats-result__container {
  padding: 20px 0 10px 0;
}

#results-stats__doughnut {
  width: 126px;
  height: 126px;
}

.c-stats__results-all .results__label {
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.15px;
  line-height: 19px;
  text-align: center;
}
.c-stats__classes {
  padding: 20px 50px 20px 60px;
  max-width: 100% !important;
}
.c-stats__classes .results__header {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.15px;
  line-height: 19px;
}
.c-stats__classes .c-student__picture {
  width: 40px;
  height: 40px;
  background: #E2E2E2;
  border-radius: 50%;
  margin-right: 20px;
}
.c-stats__classes .results__scope-list--details {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 13px;
  letter-spacing: -0.14px;
  line-height: 18px;
  text-decoration: underline;
}
.c-stats__classes .c-stats__classes-header-thumbnail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-stats__classes .results__scope-list-header {
  padding-bottom: 10px;
}
.c-stats__classes .progress {
  height: 28px !important;
  max-width: 330px !important;
  width: 100% !important;
  border-radius: 4px !important;
  background-color: #E7E7E7;
  margin: 10px 0;
}
.c-stats__classes .progress-bar {
  background-color: #4A90E2 !important;
  border-radius: 4px;
}
.c-stats__classes .results__grade,
.c-stats__classes .results__grade-max {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.14px;
  line-height: 18px;
}

.col-stundents-nr {
  text-align: right;
}

.c-stats__download-container {
  border-top: 1px solid #D6D6D6;
  padding-top: 20px;
  padding-bottom: 20px;
}
.c-stats__download-container .c-assignments-due-date__text:before,
.c-stats__download-container .c-assignments-select-class__text:before {
  content: unset;
}
.c-stats__download-container .results__header {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.15px;
  line-height: 19px;
  padding-bottom: 10px;
}
.c-stats__download-container .results__text {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 13px;
  letter-spacing: -0.14px;
  line-height: 18px;
  font-weight: 400;
  margin-left: 0;
  padding-bottom: 30px;
}
.c-stats__download-container .c-assignments__datepicker-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.c-stats__download-container .c-assignments__datepicker-container p {
  margin-left: 0;
  padding-bottom: 10px;
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.14px;
  line-height: 18px;
}
.c-stats__download-container .catalog-filter__btn {
  background-color: #FFFFFF;
  border: 1px solid #CDCECF;
  color: #CDCECF;
  font-family: Helvetica;
  font-size: 12px;
  letter-spacing: -0.13px;
  line-height: 14px;
  height: 36px !important;
  border-radius: 4px;
  max-width: 212px !important;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 33px 0 12px;
}
.c-stats__download-container .catalog-filter--sort.first-selected .btn--dropdown__menu:before,
.c-stats__download-container .catalog-filter--sort.first-selected .btn--dropdown__menu:after {
  border-bottom-color: #EEEDED;
}
.c-stats__download-container .catalog-filter__dropdown {
  max-width: 212px !important;
}
.c-stats__download-container .catalog-filter__dropdown li a {
  line-height: 2;
}
.c-stats__download-container .catalog-filter__dropdown li.active a {
  background-color: #36393f;
}
.c-stats__download-container .catalog-filter__dropdown li.active:before {
  line-height: 40px;
}
.c-stats__download-container .catalog-filter__dropdown li a:hover {
  color: #FFFFFF;
  background-color: #36393f;
}
.c-stats__download-container .c-stats-results-dropdown li {
  background-color: #FFFFFF !important;
  color: #36393F;
}
.c-stats__download-container .catalog-filter--sort p {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.14px;
  line-height: 18px;
  margin-left: 0;
  padding-bottom: 10px;
}
.c-stats__download-container .c-start-date {
  padding-left: 30px;
}
.c-stats__download-container .btn--download {
  height: 36px;
  width: 210.89px;
  border: 1px solid #4A90E2;
  background: #FFFFFF;
  border-radius: 20.5px;
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 13px;
  letter-spacing: -0.14px;
  line-height: 5px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.c-stats__download-container .btn--download:disabled {
  border: 1px solid #CDCECF;
  color: #CDCECF;
}
.c-stats__download-container .btn--download:disabled .icon-download {
  background-image: url("/sites/all/themes/lingua/assets/schools/button-icon-disabled.svg");
}
.c-stats__download-container .icon-download {
  background-image: url("/sites/all/themes/lingua/assets/schools/button-icon-not-disabled.svg");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  display: block;
  margin-top: -5px;
}
.c-stats__download-container .btn-download--csv {
  height: 36px;
  width: 104px;
  border-radius: 18px;
  background-color: #4A90E2;
  color: #FFFFFF;
  font-family: Helvetica;
  font-size: 13px;
  letter-spacing: -0.14px;
  line-height: 16px;
  text-align: center;
  border: none;
}
.c-stats__download-container .btn-download--csv .launch-icon {
  display: none;
}

.c-stats__download-row {
  padding-left: 60px;
}

@media (max-width: 1330px) {
  .c-stats__classes {
    padding: 20px !important;
  }
}
@media (min-width: 767px) {
  .c-stats__classes .row.mt-10 {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 767px) {
  .c-stats-results__container .c-test-results__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .c-stats-results__container .c-test-results__header .col-xs-12 {
    padding-bottom: 20px;
    text-align: left !important;
  }
  .c-stats-results__container .c-test-results__header .col-xs-12:first-of-type {
    padding: 20px 15px 30px;
  }
  .c-stats__download-row {
    padding-left: 20px;
  }
  .c-stats__download-row .c-assignments__datepicker-container {
    padding-bottom: 15px;
  }
  .c-stats-results__container .c-badges__header-sections {
    height: initial;
  }
  .c-stats-results__container .c-sl-catalog__search input {
    opacity: 1;
  }
  .c-stats-results__container .row.results__scope-list-header div:nth-of-type(2) {
    display: none;
  }
  .c-test-results__table {
    overflow-y: hidden !important;
  }
}
@media (max-width: 550px) {
  .c-stats__download-row {
    padding-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .c-stats__download-row div {
    width: 100%;
    max-width: 100%;
  }
  .c-stats__download-row .c-start-date {
    padding-left: 0;
  }
  .c-stats__download-container .catalog-filter__btn {
    max-width: 100% !important;
    width: 100%;
  }
  .c-stats__download-container .btn--download {
    margin: 0 auto;
  }
  .c-stats-result__container {
    padding: 20px 0 10px 20px;
  }
}
@media (max-width: 500px) {
  .c-stats-results__progress-container .progress {
    max-width: 70% !important;
  }
}
@media (max-width: 320px) {
  .c-stats-results__container .c-sl-catalog__col-search input {
    max-width: 140px !important;
  }
  select.c-favorites_select.js-assessment__class-filter {
    max-width: 160px;
  }
}
.c-assessment_page.container {
  padding: 0;
  max-width: 1440px;
  width: 100%;
}
.c-assessment_page.container .c-assignments-due-date__text {
  font-weight: 400;
}
.c-assessment_page.container .icon-close-assignment {
  height: 35px;
  width: 20px;
}
.c-assessment_page.container .icon-duplicate-assignments {
  margin-right: 0 !important;
}
.c-assessment_page.container .c-assignments__select {
  max-width: 220px;
  width: 100% !important;
  padding-right: 0;
  left: 0;
  padding: 0;
}
.c-assessment_page.container .c-assignments__select .btn-default.active,
.c-assessment_page.container .c-assignments__select .btn-default:active,
.c-assessment_page.container .c-assignments__select .open > .dropdown-toggle.btn-default {
  color: #333333;
}
.c-assessment_page.container .c-assignments__select .filter-option-inner-inner {
  padding: 7px 12px;
  overflow: hidden;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  width: 80%;
  color: #4B4B51;
}
.c-assessment_page.container .c-assessment_card-icons-mobile .icon-duplicate-assignments {
  margin-right: 10px !important;
}
.c-assessment_titles {
  padding-left: 15px;
  padding-right: 15px;
  margin: 30px 0 20px;
}
@media (min-width: 651px) {
  .c-assessment_titles {
    padding-left: 36px;
    padding-right: 45px;
  }
}
@media (min-width: 446px) {
  .c-assessment_titles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    gap: 15px;
  }
}
.c-assessment_titles .dashboard-tooltip-container {
  padding: 0 0 10px 0 !important;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-assessment_titles h1 {
  color: #2F2F2F;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 26px;
}
.c-assessment_titles p {
  color: #4B4B4B;
  font-size: 13px;
  font-weight: 400;
  max-width: 680px;
  width: 100%;
}
.c-assessment_titles .c-info-popup p {
  color: #F7F7F7;
}
.c-assessment_header {
  min-height: 56px;
  background-color: #43454A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 45px;
}
.c-assessment_header button.js-assessment_test-add_test {
  padding-right: 20px;
}
.c-assessment_header-title-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-assessment_header-title {
  color: #FFFFFF;
  font-size: 16px;
  margin: 0;
  text-align: center;
  font-weight: 400;
}
.c-assessment_button-container {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-assessment_button-container button {
  background-color: #FFFFFF;
  border-radius: 18px;
  border: none;
  height: 36px;
  width: 100%;
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 400;
}
.c-assessment_add-test-icon {
  background-image: url("/sites/all/themes/lingua/assets/schools/add-icon-dark-grey.svg");
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  float: left;
  background-size: 100%;
  margin-right: 10px;
}
.c-assessment_test-card {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.14);
          box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.14);
  max-width: 1106px;
  width: 100%;
  min-height: 80px;
  padding: 17px 25px;
  margin-bottom: 15px;
}
.c-assessment_test-card .c-assignments-due-date__text:before,
.c-assessment_test-card .c-assignments-select-class__text:before {
  content: unset;
}
.c-assessment_card-button {
  height: 40px;
  max-width: 110px;
  min-width: 90px;
  border-radius: 20.5px;
  background-color: #4A90E2;
  color: #FFFFFF;
  font-size: 14px;
  text-align: center;
  border: none;
  margin-right: 20px;
}
.c-assessment_card-buttons-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.c-assessment_card-title-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.c-assessment_card-title-container img {
  max-width: 42px;
  max-height: 42px;
}
.c-assessment_card-title-container p {
  margin: 0 0 0 10px;
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
}
.c-assessment_card-icons-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: right;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 20px;
}
.c-assessment_card-my-class p {
  color: #4B4B4B;
  font-size: 14px;
  font-weight: 400;
  margin-top: 10px;
}
.c-assessment_card-my-class p span {
  color: #A8A8A8;
  font-size: 11px;
  font-style: italic;
  margin: 0 5px;
}
.c-assessment_card-my-class p a {
  color: #4A90E2;
  font-size: 11px;
}
.c-assessment_card-date {
  color: #4B4B4B;
  font-size: 14px;
  font-weight: 400;
  max-width: 140px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-assessment_published-test-card .c-assessment_card-buttons-container {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-assessment_test-list-container {
  padding-top: 30px;
}
.c-assessment_test-list-container .assesment-modal .catalog-search__submit {
  padding-right: 0px !important;
  margin-right: -50px;
}
.c-assessment_test-search-hidden, .c-assessment_test-filter-hidden {
  display: none;
}
.c-assessment_card-dropdown .text-muted {
  color: #777;
}
.c-assessment_card-dropdown .c-assessment_card__select-disabled {
  background-color: #cccccc;
}
.c-assessment_card-dropdown .c-assessment_card__select-disabled:hover {
  background-color: #cccccc !important;
}
.c-assessment_card-dropdown .dropdown-menu {
  padding: 0;
}

.c-assessment_titles .c-assessment-description {
  margin-bottom: 15px;
  color: #2F2F2F;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: -0.19px;
  line-height: 22px;
}
@media (min-width: 446px) {
  .c-assessment_titles .c-assessment-description {
    margin-bottom: 0px;
  }
}
.c-assessment_titles .c-preview-test-btn {
  border-radius: 70px;
  border: 1px solid #4A90E2;
  background-color: #FFFFFF;
  padding: 8px 20px;
  color: #4A90E2;
  font-size: 13px;
  font-weight: 600;
  min-width: 155px;
  display: block;
  text-align: center;
}

.c-assessment_card-dropdown .bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
}
.c-assessment_card-dropdown .dropdown-menu > li > a {
  padding: 8px 20px;
}
.c-assessment_card-dropdown .dropdown-menu > .active > a:focus, .c-assessment_card-dropdown .dropdown-menu > .active > a:hover {
  background-color: #36393f;
}

.c-assessment_published-test-card .c-assessment-published__datepicker,
.c-assessment_published-test-card .c-assessment-test__edit-save {
  display: none;
}
.c-assessment_published-test-card .c-assessment-test__edit,
.c-assessment_published-test-card .c-assessment-published__datepicker-text {
  display: block;
}
.c-assessment_published-test-card.edit-mode .c-assessment-published__datepicker,
.c-assessment_published-test-card.edit-mode .c-assessment-test__edit-save {
  display: block;
}
.c-assessment_published-test-card.edit-mode .c-assessment-test__edit,
.c-assessment_published-test-card.edit-mode .c-assessment-published__datepicker-text {
  display: none;
}
.c-assessment_published-test-card.edit-mode .c-assessment_card-selected-date {
  padding-top: 2px;
}

@media (min-width: 1400px) {
  .c-assessment_test-list-container {
    padding-left: 36px;
  }
}
@media (min-width: 990px) and (max-width: 1030px) {
  .c-assignments__datepicker-container {
    right: 0 !important;
  }
}
@media (max-width: 1180px) {
  .c-assessment_card-calendar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 991px) {
  .c-assessment_test-card {
    padding-top: 17px;
  }
}
@media (max-width: 810px) {
  .c-assessment_test-card {
    grid-template-columns: 1.2fr 1.4fr 0.8fr 1fr;
  }
}
@media (max-width: 650px) {
  .c-assessment_header {
    padding: 0 15px;
  }
  .c-assessment_test-card {
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    justify-items: stretch;
  }
  .c-assessment_card-dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .c-assessment_card-calendar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .c-assignments__datepicker-container {
    margin: 0 0 0 5px;
  }
}
@media (max-width: 445px) {
  .c-assessment_header {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 15px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    padding: 0 25px;
    padding: 10px 25px;
  }
  .c-assessment_header-title {
    padding-left: 0;
  }
  .c-assessment_test-card {
    grid-template-columns: 1fr;
    grid-row-gap: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    justify-items: start;
  }
  .c-assessment_card-dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .c-assessment_card-calendar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .c-assessment_card-buttons-container {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 10px 0 0 -4px;
  }
  .c-assessment_button-container button {
    width: 70%;
  }
  .c-assignments__datepicker-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
.c-student-assignments_titles {
  padding: 25px 35px;
}
.c-student-assignments_titles h2 {
  color: #2F2F2F;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 26px;
  margin: 0px 0 6px 0;
}
.c-student-assignments_titles p {
  color: #4B4B4B;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: -0.14px;
  line-height: 18px;
  margin: 0;
}
.c-student-assignments_cards-container {
  padding: 30px 40px;
}
.c-student-assignments_cards-title {
  background-color: #43454A;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 400;
  min-height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 30px;
  margin: 0;
}
.c-student-assignments__teacher-class-info {
  color: #4B4B4B;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.15px;
  line-height: 19px;
}
.c-student-assignments {
  /* Table */
}
.c-student-assignments_page table {
  -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.14);
          box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.14);
  border-radius: 5px;
  margin: 0 0 20px;
}
.c-student-assignments_page table thead tr th {
  color: #2F3136;
  font-size: 15px;
  font-weight: 600;
  border-bottom: 0.5px solid #DFDFDF;
  padding: 20px 0;
}
.c-student-assignments_page table thead tr th:nth-child(2) {
  width: 32%;
}
.c-student-assignments_page table thead tr th:nth-child(3) {
  width: 25%;
}
.c-student-assignments_page table thead tr th.c-student-assignments_due-date {
  color: #6B6B6B;
  font-size: 12px;
  padding: 20px 25px;
  width: 43%;
  font-weight: 300;
}
.c-student-assignments_page table thead tr th.c-student-assignments_due-date span {
  font-size: 14px;
  font-weight: 600;
}
.c-student-assignments_page table tbody {
  border-top: 0;
}
.c-student-assignments_page table tbody tr:nth-child(odd) {
  background-color: #FFFFFF;
}
.c-student-assignments_page table tbody tr:nth-child(even) {
  background-color: #EFEFEF;
}
.c-student-assignments_page table tbody tr th {
  padding: 10px 25px;
  border: none;
}
.c-student-assignments_page table tbody tr th img {
  width: 42px;
}
.c-student-assignments_page table tbody tr th .c-student-assignments__title {
  color: #6B6B6B;
  font-size: 12px;
  font-weight: 400;
  display: inherit;
}
.c-student-assignments_page table tbody tr td {
  border: none;
  padding: 20px 0px;
}
.c-student-assignments_page table tbody tr td.c-student-assignments_status {
  color: #A6A6A6;
  font-size: 15px;
  font-weight: 400;
}
.c-student-assignments_page table tbody tr td.c-student-assignments_points {
  color: #6B6B6B;
  font-size: 14px;
  font-weight: 600;
}
.c-student-assignments_page table tbody tr:last-of-type th,
.c-student-assignments_page table tbody tr:last-of-type td {
  border-radius: 5px;
}
.c-student-assignments_page .c-student-image-th {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-student-assignments_page .c-student-image-th .c-student-assignments__title {
  padding-left: 10px;
}
.c-student-assignments_page .c-student-image-th img {
  max-width: 42px;
  width: 100%;
  max-height: 42px;
}
.c-student-assignments_page .c-student-image-th img:not(:root:root) {
  height: 100%;
}
.c-student-assignments_page .c-student-image-th a {
  text-decoration: underline;
  color: #6B6B6B;
}
@media (max-width: 600px) {
  .c-student-assignments_page .c-student-assignments_cards-container {
    padding: 25px 10px;
  }
  .c-student-assignments_page table thead tr th.c-student-assignments_due-date {
    width: 50%;
    padding: 20px 10px;
  }
  .c-student-assignments_page table tbody tr th {
    padding: 10px;
  }
}

.c-student-assignments-vb-level {
  margin-left: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #262e31;
}

.c-student-panel-assignments-vb-level {
  margin-left: 7px;
  margin-right: 7px;
  font-size: 12px;
  font-weight: 600;
  color: #262e31;
}

.c-class-results__container {
  width: 100%;
  position: relative;
  padding: 0 35px;
}
.c-class-results__container .results {
  margin-top: 30px;
  max-width: 970px;
  width: 100%;
  border-radius: 10px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  padding: 0;
  margin-left: unset;
}
.c-class-results__container .results__class-filter-container {
  width: 100%;
}
.c-class-results__container .results__class-filter-container .catalog-filter__icon {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 4px 0 4px;
  border-color: #D8D8D8 transparent transparent transparent;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.c-class-results__container .results__class-filter {
  height: 37px;
  width: 239px;
  border: 1px solid #CDCECF;
  background-color: #FFFFFF;
  border-radius: 4px;
}
.c-class-results__container .results__class-filter a {
  border: none;
  padding: 8px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  border-radius: inherit;
}
.c-class-results__container .results__class-filter span {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
}
.c-class-results__container .results__breadcrumbs-container {
  padding-top: 20px;
}
.c-class-results__container .results__breadcrumbs-container a {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.14px;
  line-height: 18px;
  text-decoration: underline;
}
.c-class-results__container .c-class-results__name-col {
  border-bottom: 1px solid #D6D6D6;
  height: 80px;
}
.c-class-results__container .c-class-results__name {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.24px;
  line-height: 30px;
  padding-left: 60px;
  margin-top: 25px;
}
.c-class-results__container .results__label--blue {
  color: #4A90E2;
}
.c-class-results__container .c-stats__results-all, .c-class-results__container .c-stats__results-all-small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.c-class-results__container .c-stats__results-all-small h3 {
  text-align: left;
}
.c-class-results__container .c-stats__results-all-small div {
  width: 100%;
}
.c-class-results__container .c-results-per-assignment {
  padding-top: 10px;
}
.c-class-results__container .c-results-per-assignment .results-pane--border {
  max-width: 100%;
  margin: 0;
  border-bottom: 1px solid #D6D6D6;
  border-top: none;
  border-left: none;
  border-right: none;
}
.c-class-results__container .c-results-per-assignment .results__header {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.15px;
  line-height: 19px;
}
.c-class-results__container .c-results-per-assignment .class-name {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.13px;
  line-height: 17px;
}
.c-class-results__container .c-results-per-assignment .results-scope__list-no {
  color: #B1B1B1;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.13px;
  line-height: 17px;
}
.c-class-results__container .c-results-per-assignment .results__bar-chart-legend {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.13px;
  line-height: 17px;
  text-align: right;
}
.c-class-results__container .c-results-per-assignment .results__bar-chart-legend--caption {
  color: #4B4B4B;
}
.c-class-results__container .c-results-per-assignment .results__bar-chart-legend--not-started {
  color: #B1B1B1;
}
.c-class-results__container .c-results-per-assignment .results__bar-chart-legend--started {
  color: #4A90E2;
}
.c-class-results__container .c-results-per-assignment .results__bar-chart-legend--completed {
  color: #80E0C9;
}
.c-class-results__container .c-results-per-assignment .results__bar-chart-legend--average-grade {
  color: #EF7C8E;
}
.c-class-results__container .c-results-per-assignment .results__bar-chart-scope-count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 10px;
}
.c-class-results__container #class-result-doughnout {
  width: 126px !important;
  height: 126px !important;
  margin: 0 auto;
}

.c-progress-results__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-progress-results__container .progress {
  margin-top: 0;
}
.c-progress-results__container .results__grade,
.c-progress-results__container .results__grade-max {
  padding-top: 10px;
}

@-moz-document url-prefix() {
  .c-class-results__container .results__class-filter a {
    justify-content: start !important;
  }
}
@media (max-width: 991px) {
  .c-class-results__container .results__class-filter {
    float: right !important;
  }
}
@media (max-width: 550px) {
  .c-class-results__container .results__class-filter {
    margin-top: 40px;
  }
}
.c-admin-stats__page {
  background-color: #FFFFFF;
  padding: 40px;
}
.c-admin-stats__page .download-confirmation__section .btn-download--csv {
  background-color: #4A90E2 !important;
  color: #FFFFFF !important;
  border-color: #4A90E2;
}
.c-admin-stats__page .download-confirmation__section .btn-download--csv:hover, .c-admin-stats__page .download-confirmation__section .btn-download--csv:active, .c-admin-stats__page .download-confirmation__section .btn-download--csv:focus {
  background-color: #4A90E2 !important;
  color: #FFFFFF !important;
  border-color: #4A90E2;
}
.c-admin-stats__page .download-confirmation__section .btn-download--csv .icon-link-ext {
  display: none;
}
.c-admin-stats__page .results__text {
  font-style: normal;
  margin: 0;
  padding: 10px;
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 13px;
  letter-spacing: -0.14px;
  line-height: 0;
  font-weight: 400;
  margin-left: 0;
  padding-bottom: 30px;
}
.c-admin-stats_title {
  max-width: 890px;
  width: 100%;
  margin: 0 auto;
}
.c-admin-stats_title h1 {
  color: #4B4B4B;
  font-size: 22px;
  margin: 0;
  font-weight: 600;
}
.c-admin-stats_title h1 span {
  color: #4A90E2;
}
.c-admin-stats_title p {
  padding: 20px 0 30px 0;
}
.c-admin-stats_description {
  color: #4B4B4B;
  font-size: 13px;
  font-weight: 400;
  margin: 0;
}
.c-admin-stats_div {
  max-width: 970px;
  width: 100%;
  border-radius: 10px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  margin: 0 auto;
}
.c-admin-stats_section-first {
  padding: 36px 0 36px 50px;
  border-bottom: 1px solid #D6D6D6;
}
.c-admin-stats_section-two {
  padding: 30px 0 45px 60px;
  border-bottom: 1px solid #D6D6D6;
}
.c-admin-stats_section-two div.c-assignments__select {
  display: block;
  margin-top: 10px;
  max-width: 220px;
  width: 100% !important;
}
.c-admin-stats_section-two .js-select-wrapper p {
  color: #4B4B4B;
  font-size: 13px;
  font-weight: 400;
  margin: 0;
}
.c-admin-stats__organisation-title {
  color: #4B4B4B;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 7px;
}
.c-admin-stats_category {
  color: #4B4B4B;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 7px;
}
.c-admin-stats_section-three {
  padding: 30px 0 15px 60px;
  border-bottom: 1px solid #D6D6D6;
}
.c-admin-stats_section-three .c-assignments__datepicker {
  margin-top: 10px;
}
.c-admin-stats_date-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-admin-stats_date span {
  color: #6B6B6B;
  font-size: 12px;
}
.c-admin-stats_start-date {
  margin-right: 75px;
}
.c-admin-stats_section-four {
  padding: 30px 0;
}
.c-admin-stats_section-four button {
  height: 36px;
  max-width: 230px;
  width: 100%;
  border: 1px solid #4A90E2;
  border-radius: 20px;
  background-color: #FFFFFF;
  color: #4A90E2;
  font-size: 13px;
  line-height: 0;
}
.c-admin-stats_section-four button:disabled {
  border: 1px solid #CDCECF;
  color: #CDCECF;
}
.c-admin-stats__btn-col {
  text-align: center;
}
.c-admin-stats__btn-col .btn--download:hover {
  color: #CDCECF !important;
}
.c-admin-stats__btn-col .btn--download.btn-blue:hover, .c-admin-stats__btn-col .btn--download.btn-blue:active, .c-admin-stats__btn-col .btn--download.btn-blue:focus {
  background-color: #FFFFFF !important;
  color: #4A90E2 !important;
  border: 1px solid #4A90E2 !important;
}

@media (max-width: 550px) {
  .c-admin-stats_start-date {
    margin-right: 15px;
  }
}
@media (max-width: 500px) {
  .c-admin-stats_date-container {
    display: block;
  }
  .c-admin-stats_section-first, .c-admin-stats_section-two, .c-admin-stats_section-three {
    padding: 30px 0 20px 20px;
  }
  .c-admin-stats__page {
    padding: 20px;
  }
}
.admin-view-body {
  background-color: #FFFFFF;
}

.admin-search-section {
  padding: 25px 10px 10px 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
@media (min-width: 450px) {
  .admin-search-section {
    padding: 30px 20px 20px 20px;
  }
}
@media (min-width: 950px) {
  .admin-search-section {
    padding: 20px 30px 50px 30px;
  }
}
.admin-search-section__title {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  margin-top: 0;
}
@media (min-width: 1100px) {
  .admin-search-section__title {
    font-size: 20px;
  }
}
@media (min-width: 1440px) {
  .admin-search-section__title {
    font-size: 22px;
  }
}
.admin-search-section__description {
  color: #000;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 20px;
}
@media (min-width: 1100px) {
  .admin-search-section__description {
    font-size: 16px;
    margin-bottom: 25px;
  }
}
@media (min-width: 1240px) {
  .admin-search-section__description {
    margin-bottom: 30px;
  }
}
@media (min-width: 1440px) {
  .admin-search-section__description {
    font-size: 18px;
  }
}
.admin-search-section__first-layer {
  position: relative;
  display: grid;
  gap: 10px;
  grid-template-areas: "item1" "item4" "item2" "item5" "item7" "item8" "item3" "item6" "item9" "item10";
}
@media (min-width: 500px) {
  .admin-search-section__first-layer {
    grid-template-areas: "item1 item2" "item4 item5" "item4 item7" "item4 item8" "item3 item3" "item6 item6" "item9 item9" "item10 item10";
  }
}
@media (min-width: 770px) {
  .admin-search-section__first-layer {
    grid-template-areas: "item1 item2" "item4 item5" "item4 item7" "item4 item8" "item4 item3" "item4 item6" "item9 item9" "item10 item10";
  }
}
@media (min-width: 1000px) {
  .admin-search-section__first-layer {
    grid-template-areas: "item1 item2 item3" "item4 item5 item6" "item4 item7 item6" "item4 item8 item6" "item9 item9 item6" "item9 item9 item10";
  }
}
@media (min-width: 1100px) {
  .admin-search-section__first-layer {
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
  }
}
.admin-search-section__second-layer {
  display: grid;
  gap: 10px;
  grid-template-areas: "item2_1" "item2_3" "item2_2" "item2_4" "item2_5" "item2_6";
}
@media (min-width: 450px) {
  .admin-search-section__second-layer {
    grid-template-areas: "item2_1 item2_2" "item2_3 item2_4" "item2_3 item2_5" "item2_3 item2_6";
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1100px) {
  .admin-search-section__second-layer {
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
  }
}
.admin-search-section__third-layer {
  display: grid;
  gap: 10px;
  grid-template-areas: "item3_1" "item3_2" "item3_3";
}

.grid-item1 {
  grid-area: item1;
}

.grid-item2 {
  grid-area: item2;
}

.grid-item3 {
  grid-area: item3;
}

.grid-item4 {
  grid-area: item4;
}
@media (min-width: 1100px) {
  .grid-item4 {
    margin-bottom: 10px;
  }
}

.grid-item5 {
  grid-area: item5;
}

.grid-item6 {
  grid-area: item6;
}

.grid-item7 {
  grid-area: item7;
  align-self: end;
}

.grid-item8 {
  grid-area: item8;
}
@media (min-width: 1100px) {
  .grid-item8 {
    margin-bottom: 10px;
  }
}

.grid-item9 {
  grid-area: item9;
}

.grid-item10 {
  grid-area: item10;
}

.grid2-item1 {
  grid-area: item2_1;
}

.grid2-item2 {
  grid-area: item2_2;
}

.grid2-item3 {
  grid-area: item2_3;
}

.grid2-item4 {
  grid-area: item2_4;
}

.grid2-item5 {
  grid-area: item2_5;
}

.grid2-item6 {
  grid-area: item2_6;
}

.grid3-item1 {
  grid-area: item3_1;
}

.grid3-item2 {
  grid-area: item3_2;
  align-self: end;
}

.grid3-item3 {
  grid-area: item3_3;
}

.admin-block-title {
  color: #000;
  font-size: 13px;
  font-weight: 600;
}
@media (min-width: 1100px) {
  .admin-block-title {
    font-size: 14px;
  }
}
@media (min-width: 1240px) {
  .admin-block-title {
    font-size: 16px;
  }
}
@media (min-width: 1440px) {
  .admin-block-title {
    font-size: 18px;
  }
}

.admin-organizations-block {
  border-radius: 5px;
  border: 1px solid rgba(54, 57, 63, 0.4);
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.admin-organizations-block__label {
  color: #000;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 0px;
}
@media (min-width: 1100px) {
  .admin-organizations-block__label {
    font-size: 14px;
  }
}
@media (min-width: 1240px) {
  .admin-organizations-block__label {
    font-size: 16px;
  }
}
@media (min-width: 1440px) {
  .admin-organizations-block__label {
    font-size: 18px;
  }
}
.admin-organizations-block__link {
  color: #4A90E2;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: underline;
  margin-bottom: 5px;
}
@media (min-width: 600px) {
  .admin-organizations-block__link {
    margin-bottom: 0px;
  }
}
@media (min-width: 1100px) {
  .admin-organizations-block__link {
    font-size: 13px;
  }
}
.admin-organizations-block__search-wrapper {
  position: relative;
}
.admin-organizations-block__input {
  border-radius: 6px;
  border: 2px solid #4A90E2;
  padding: 10px 10px 10px 30px;
  font-size: 14px;
  font-weight: 400;
  width: 100%;
  min-width: 180px;
}
@media (min-width: 1100px) {
  .admin-organizations-block__input {
    padding: 10px 15px 10px 40px;
    font-size: 16px;
  }
}
@media (min-width: 1440px) {
  .admin-organizations-block__input {
    font-size: 18px;
  }
}
.admin-organizations-block__icon {
  position: absolute;
  width: 16px;
  height: 16px;
  left: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (min-width: 1100px) {
  .admin-organizations-block__icon {
    width: 26px;
    height: 26px;
  }
}
.admin-organizations-block__list {
  border-radius: 6px;
  border: 2px solid #4A90E2;
  padding: 10px;
  overflow-y: auto;
  height: 100%;
  max-height: 300px;
}
@media (min-width: 450px) {
  .admin-organizations-block__list {
    max-height: 300px;
  }
}
@media (min-width: 770px) {
  .admin-organizations-block__list {
    max-height: 420px;
  }
}
@media (min-width: 1000px) {
  .admin-organizations-block__list {
    max-height: 225px;
  }
}
@media (min-width: 1100px) {
  .admin-organizations-block__list {
    padding: 15px;
  }
}
@media (min-width: 1240px) {
  .admin-organizations-block__list {
    padding: 15px 25px;
  }
}
@media (min-width: 1100px) {
  .admin-organizations-block {
    padding: 15px;
  }
}
@media (min-width: 1240px) {
  .admin-organizations-block {
    padding: 15px 20px;
  }
}
@media (min-width: 1440px) {
  .admin-organizations-block {
    width: 486px;
  }
}

.admin-organizations-search-block {
  margin-bottom: 10px;
}
@media (min-width: 600px) {
  .admin-organizations-search-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 10px;
  }
}

.organization-item {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  margin-bottom: 5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.organization-item:last-child {
  margin-bottom: 0;
}
.organization-item__checkbox {
  width: 18px;
  height: 18px;
  padding: 2px;
  border: 1px solid #4A90E2;
  border-radius: 4px;
  background-color: #F8F8F8;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 3px;
}
.organization-item__checkbox .c-custom-checkmark {
  width: 100%;
  height: 100%;
  border-radius: 3px;
  background-color: #F8F8F8;
}
.organization-item__checkbox.checked .c-custom-checkmark {
  background-color: #4A90E2;
}
.organization-item__text {
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  margin-bottom: 0;
  cursor: pointer;
}
@media (min-width: 1100px) {
  .organization-item__text {
    font-size: 16px;
  }
}
.organization-item .c-organization-checkbox {
  display: none;
}

.admin-filter-block {
  border-radius: 5px;
  border: 1px solid rgba(54, 57, 63, 0.4);
  padding: 10px;
}
.admin-filter-block__label {
  color: #000000;
  font-size: 12px;
  font-weight: 600;
  width: 100%;
}
@media (min-width: 450px) {
  .admin-filter-block__label {
    max-width: 160px;
  }
}
@media (min-width: 1100px) {
  .admin-filter-block__label {
    font-size: 14px;
  }
}
@media (min-width: 1240px) {
  .admin-filter-block__label {
    font-size: 16px;
    max-width: 200px;
  }
}
@media (min-width: 1440px) {
  .admin-filter-block__label {
    font-size: 18px;
    max-width: 250px;
  }
}
.admin-filter-block__input {
  border-radius: 6px;
  border: 2px solid #4A90E2;
  padding: 10px;
  font-size: 14px;
  font-weight: 600;
  width: 100%;
}
@media (min-width: 770px) {
  .admin-filter-block__input {
    max-width: 160px;
  }
}
@media (min-width: 1100px) {
  .admin-filter-block__input {
    padding: 10px 15px;
    font-size: 16px;
  }
}
@media (min-width: 1240px) {
  .admin-filter-block__input {
    max-width: 200px;
    font-size: 18px;
  }
}
@media (min-width: 1440px) {
  .admin-filter-block__input {
    font-size: 20px;
    max-width: 250px;
  }
}
@media (min-width: 1100px) {
  .admin-filter-block {
    padding: 15px;
  }
}
@media (min-width: 1240px) {
  .admin-filter-block {
    padding: 20px;
  }
}

@media (min-width: 450px) {
  .admin-filter-w-blocks {
    display: grid;
    gap: 20px;
    grid-template-columns: auto auto;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
}
@media (min-width: 500px) {
  .admin-filter-w-blocks {
    display: block;
  }
}
@media (min-width: 770px) {
  .admin-filter-w-blocks {
    display: grid;
  }
}

@media (min-width: 450px) {
  .admin-filter-h-blocks {
    display: grid;
    gap: 20px;
    grid-template-columns: auto auto;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
}
@media (min-width: 1000px) {
  .admin-filter-h-blocks {
    grid-template-columns: auto;
  }
}

@media (min-width: 770px) {
  .admin-filter-mix-blocks {
    display: grid;
    gap: 20px;
    grid-template-columns: auto auto;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
}

.select-role-ddl {
  border-radius: 6px;
  border: 2px solid #4A90E2;
  color: #4A90E2;
  padding: 10px;
  font-size: 14px;
  font-weight: 600;
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("/sites/all/themes/lingua/assets/select-arrow.svg");
  background-repeat: no-repeat;
  background-position: right 5px center;
  background-size: 10px;
  cursor: pointer;
}
.select-role-ddl option {
  white-space: normal;
}
@media (min-width: 770px) {
  .select-role-ddl {
    width: 160px;
  }
}
@media (min-width: 1100px) {
  .select-role-ddl {
    padding: 10px 15px;
    font-size: 16px;
    width: 200px;
  }
}
@media (min-width: 1240px) {
  .select-role-ddl {
    font-size: 18px;
  }
}
@media (min-width: 1440px) {
  .select-role-ddl {
    font-size: 20px;
  }
}

@media (min-width: 770px) {
  .c-learning-language-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.c-learning-language-block .admin-filter-block__label {
  width: 100%;
  margin-bottom: 5px;
}
@media (min-width: 770px) {
  .c-learning-language-block .admin-filter-block__label {
    max-width: 180px;
    margin-bottom: 0px;
  }
}

@media (min-width: 770px) {
  .find-user-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.find-user-block__select {
  border-radius: 6px;
  border: 1px solid #5E6165;
  color: #5E6165;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 600;
  width: 100%;
}
.find-user-block__select option {
  white-space: normal;
}
@media (min-width: 770px) {
  .find-user-block__select {
    max-width: 180px;
  }
}
@media (min-width: 1100px) {
  .find-user-block__select {
    font-size: 14px;
    padding: 8px 10px;
  }
}
@media (min-width: 1440px) {
  .find-user-block__select {
    font-size: 16px;
  }
}
.find-user-block .admin-filter-block__input {
  max-width: unset;
}

.c-separator-line {
  height: 11px;
}
@media (min-width: 770px) {
  .c-separator-line {
    width: 11px;
    height: 1px;
    background-color: #000000;
  }
}

.admin-search-button-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.c-admin-button {
  border-radius: 10px;
  background-color: #4A90E2;
  width: 160px;
  height: auto;
  padding: 10px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 600;
  border: none;
}
@media (min-width: 1100px) {
  .c-admin-button {
    padding: 15px;
    width: 200px;
    font-size: 18px;
  }
}
@media (min-width: 1240px) {
  .c-admin-button {
    font-size: 20px;
    padding: 20px;
    width: 250px;
  }
}
@media (min-width: 1440px) {
  .c-admin-button {
    font-size: 22px;
  }
}
.c-admin-button__icon {
  position: absolute;
  right: 10px;
  width: 20px;
}
@media (min-width: 1100px) {
  .c-admin-button__icon {
    width: auto;
  }
}
.c-admin-button--red-with-icon {
  background-color: #F53E59;
  padding-right: 30px;
}
@media (min-width: 1100px) {
  .c-admin-button--red-with-icon {
    padding-right: 40px;
  }
}

.admin-search-export {
  padding: 10px;
}
@media (min-width: 450px) {
  .admin-search-export {
    padding: 20px;
  }
}
@media (min-width: 950px) {
  .admin-search-export {
    padding: 20px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 35px;
  }
}
.admin-search-export__count {
  font-size: 14px;
  color: #4A90E2;
  font-weight: 600;
}
@media (min-width: 1100px) {
  .admin-search-export__count {
    font-size: 16px;
  }
}
@media (min-width: 1240px) {
  .admin-search-export__count {
    font-size: 18px;
  }
}
@media (min-width: 1440px) {
  .admin-search-export__count {
    font-size: 20px;
  }
}

.admin-export-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
  width: 100%;
}
@media (min-width: 950px) {
  .admin-export-block {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (min-width: 950px) {
  .admin-export-block {
    gap: 35px;
    width: unset;
  }
}
.admin-export-block__text {
  font-size: 13px;
  color: #000000;
  font-weight: 400;
}
@media (min-width: 1100px) {
  .admin-export-block__text {
    font-size: 14px;
  }
}
@media (min-width: 1240px) {
  .admin-export-block__text {
    font-size: 16px;
  }
}
@media (min-width: 1440px) {
  .admin-export-block__text {
    font-size: 18px;
  }
}
.admin-export-block__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
}

.c-search-results {
  width: 100%;
  overflow-x: auto;
  min-height: 500px;
  max-height: 900px;
}
.c-search-results table {
  width: 100%;
}
.c-search-results table .resizable {
  resize: horizontal;
  overflow: auto;
  width: 100%;
  min-width: 100%;
}
.c-search-results table tr:nth-child(even) td {
  background-color: rgba(217, 217, 217, 0.3);
}
.c-search-results table th {
  background-color: #202020;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 600;
  border-right: 1px solid #FFFFFF;
  white-space: nowrap;
  position: sticky;
  top: 0;
}
.c-search-results table th:last-child {
  border-right: none;
}
.c-search-results table td {
  font-size: 18px;
  color: #000000;
  font-weight: 400;
  border-right: 1px solid rgba(0, 0, 0, 0.3);
}
.c-search-results table td:last-child {
  border-right: none;
}
.c-search-results table th, .c-search-results table td {
  padding: 10px;
}

.c-settings-block {
  position: relative;
}
.c-settings-block__icon {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #4A90E2;
  cursor: pointer;
  width: 47px;
  height: 47px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
}
.c-settings-block__icon img {
  width: 25px;
  height: 25px;
}
.c-settings-block__list {
  display: none;
  position: absolute;
  padding: 15px;
  top: 47px;
  right: 0;
  width: 225px;
  height: auto;
  max-height: 400px;
  overflow-y: auto;
  z-index: 1;
  border-radius: 3px;
  background-color: #FBFBFB;
  -webkit-box-shadow: -1px 0 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: -1px 0 10px 0 rgba(0, 0, 0, 0.15);
}
.c-settings-block__list--visible {
  display: block;
}

.settings-column {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  margin-bottom: 5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.settings-column:last-child {
  margin-bottom: 0;
}
.settings-column__checkbox {
  width: 20px;
  height: 20px;
  padding: 2px;
  border: 1px solid #4A90E2;
  border-radius: 4px;
  background-color: #F8F8F8;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.settings-column__checkbox .c-custom-checkmark {
  width: 100%;
  height: 100%;
  border-radius: 3px;
  background-color: #F8F8F8;
}
.settings-column__checkbox.checked .c-custom-checkmark {
  background-color: #4A90E2;
}
.settings-column__text {
  font-size: 14px;
  color: #000000;
  font-weight: 600;
}
@media (min-width: 1100px) {
  .settings-column__text {
    font-size: 16px;
  }
}

.c-empty-space {
  height: 30px;
}

.c-column-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.c-custom-sort {
  background-image: url("/sites/all/themes/lingua/assets/new-photovocab/white-arrow-down.png");
  width: 16px;
  height: 9px;
  cursor: pointer;
}
.c-custom-sort--up {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.c-custom-checkboxes-dropdown {
  position: relative;
  border-radius: 6px;
  border: 2px solid #4A90E2;
  color: #4A90E2;
  padding: 10px;
  font-size: 14px;
  font-weight: 600;
  width: 100%;
  background-image: url("/sites/all/themes/lingua/assets/select-arrow.svg");
  background-repeat: no-repeat;
  background-position: right 5px center;
  background-size: 10px;
  cursor: pointer;
}
@media (min-width: 1100px) {
  .c-custom-checkboxes-dropdown {
    padding: 10px 15px;
    font-size: 16px;
  }
}
@media (min-width: 1240px) {
  .c-custom-checkboxes-dropdown {
    font-size: 18px;
  }
}
@media (min-width: 1440px) {
  .c-custom-checkboxes-dropdown {
    font-size: 20px;
  }
}
.c-custom-checkboxes-dropdown .c-dropdown-label {
  margin-bottom: 0;
}
.c-custom-checkboxes-dropdown .c-dropdown-list {
  padding: 12px;
  background-color: #fff;
  position: absolute;
  top: 42px;
  left: 0px;
  right: 0px;
  -webkit-transform: scale(1, 0);
          transform: scale(1, 0);
  max-height: 66vh;
  overflow-y: auto;
  border: 1px solid #5E6165;
}
@media (min-width: 1100px) {
  .c-custom-checkboxes-dropdown .c-dropdown-list {
    top: 43px;
  }
}
@media (min-width: 1240px) {
  .c-custom-checkboxes-dropdown .c-dropdown-list {
    top: 47px;
  }
}
@media (min-width: 1440px) {
  .c-custom-checkboxes-dropdown .c-dropdown-list {
    top: 50px;
  }
}
.c-custom-checkboxes-dropdown .c-dropdown-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  opacity: 0;
  cursor: pointer;
}
.c-custom-checkboxes-dropdown .c-dropdown-option__checkbox {
  width: 14px;
  height: 14px;
  padding: 2px;
  border: 1px solid #4A90E2;
  border-radius: 4px;
  background-color: #F8F8F8;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 5px;
}
@media (min-width: 1240px) {
  .c-custom-checkboxes-dropdown .c-dropdown-option__checkbox {
    width: 16px;
    height: 16px;
  }
}
@media (min-width: 1440px) {
  .c-custom-checkboxes-dropdown .c-dropdown-option__checkbox {
    width: 18px;
    height: 18px;
  }
}
.c-custom-checkboxes-dropdown .c-dropdown-option__checkbox .c-custom-checkmark {
  width: 100%;
  height: 100%;
  border-radius: 3px;
  background-color: #F8F8F8;
}
.c-custom-checkboxes-dropdown .c-dropdown-option__checkbox.checked .c-custom-checkmark {
  background-color: #4A90E2;
}
.c-custom-checkboxes-dropdown .c-dropdown-option .c-dropdown-option-checkbox {
  display: none;
}
.c-custom-checkboxes-dropdown a.c-dropdown-option {
  text-decoration: underline;
  color: #4A90E2;
  margin-bottom: 10px;
  font-size: 14px;
}
.c-custom-checkboxes-dropdown.on .c-dropdown-list {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}
.c-custom-checkboxes-dropdown.on .c-dropdown-list .c-dropdown-option {
  opacity: 1;
}

.admin-groups-search-block {
  margin-bottom: 10px;
}
@media (min-width: 600px) {
  .admin-groups-search-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    gap: 20px;
  }
}

.admin-groups-block {
  border-radius: 6px;
  border: 2px solid #4A90E2;
  width: 100%;
  padding: 10px;
  overflow-y: auto;
  height: 100%;
  max-height: 150px;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.group-item {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid rgba(54, 57, 63, 0.4);
}
.group-item__checkbox {
  width: 18px;
  height: 18px;
  padding: 2px;
  border: 1px solid #4A90E2;
  border-radius: 4px;
  background-color: #F8F8F8;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 3px;
}
.group-item__checkbox .c-custom-checkmark {
  width: 100%;
  height: 100%;
  border-radius: 3px;
  background-color: #F8F8F8;
}
.group-item__checkbox.checked .c-custom-checkmark {
  background-color: #4A90E2;
}
.group-item__text {
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  margin-bottom: 0;
  cursor: pointer;
}
@media (min-width: 1100px) {
  .group-item__text {
    font-size: 16px;
  }
}
.group-item.c-disabled-group {
  opacity: 0.5;
  pointer-events: none;
}
.group-item .c-group-checkbox {
  display: none;
}

.c-student-results__name-col {
  border-bottom: 1px solid #D6D6D6;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 20px;
}
.c-student-results__name-col .c-student-results__name {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.24px;
  line-height: 30px;
  padding: 0 !important;
  margin: 0 !important;
}

.c-student-result__chart {
  max-width: 100%;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}
.c-student-result__chart .c-learning-act__chart {
  background-color: #FFFFFF;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.c-student-result__chart .c-learning-act__details {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: unset;
}
.c-student-result__chart .c-learning-act__col-right {
  background-color: #F9F9F9;
}
.c-student-result__chart .c-learning-act__title, .c-student-result__chart .c-learning-act__details-list-title {
  color: #4B4B4B;
}
.c-student-result__chart .c-learning-act__details-list-item {
  color: #6B6B6B;
}

.c-school-logout__container {
  height: 100vh;
  overflow-y: hidden;
}
.c-school-logout__frame {
  max-width: 990px;
  width: 100%;
  margin: 105px auto 0;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.15);
  border-radius: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 38px 25px 45px 60px;
  position: relative;
}
.c-school-logout__text {
  color: #6B6B6B;
  padding-left: 60px;
  padding-right: 0;
  letter-spacing: -0.21px;
}
.c-school-logout__top-expression {
  font-size: 20px;
  font-weight: 600;
}
.c-school-logout__info {
  font-size: 15px;
  font-weight: 500;
  margin: 25px 0;
  line-height: 26px;
}
.c-school-logout__bottom-info {
  font-size: 15px;
  font-weight: 600;
}
.c-school-logout__check-round {
  max-width: 80px;
  width: 100%;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.07);
  height: 40px;
  border-radius: 50px 50px 0 0;
  position: absolute;
  top: -38px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.c-school-logout__image-container img {
  margin-top: 20px;
}
.c-school-logout__check-icon {
  background-image: url("/sites/all/themes/lingua/assets/schools/circle-checked.svg");
  display: block;
  width: 36px;
  height: 36px;
  margin: 20px auto 0;
}

@media (max-width: 991px) {
  .c-school-logout__text {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .c-school-logout__frame {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 35px;
  }
  .c-school-logout__image-container {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 335px) {
  .c-school-logout__image-container img {
    width: 100%;
  }
}
body.page-school.modal-open .modal-backdrop.in {
  opacity: 0.4;
  background-color: #000000;
}

.c-delete-confirm-modal .c-delete-confirm-modal__content {
  min-height: 390px;
  max-width: 800px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 16px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  border: none;
}
.c-delete-confirm-modal .c-delete-confirm-modal__content .c-delete-confirm-modal__paragraph {
  font-size: 25px;
}
.c-delete-confirm-modal .c-delete-confirm-modal__content .c-delete-confirm-modal__buttons {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-delete-confirm-modal .c-delete-confirm-modal__content .c-delete-confirm-modal__buttons .c-delete-confirm__footer-btn {
  width: 235px;
  padding: 15px 0;
  border-radius: 23px;
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
  text-align: center;
  background-color: #4A90E2;
  margin: 0 10px;
}
.c-delete-confirm-modal .c-delete-confirm-modal__content .c-delete-confirm-modal__buttons .c-delete-confirm-modal__cancel {
  color: #FFFFFF;
  background-color: #EF7C8E;
}
.c-delete-confirm-modal .c-delete-confirm-modal__content .c-delete-confirm-modal__buttons .c-delete-confirm-modal__confirm {
  color: #FFFFFF;
  background-color: #4A90E2;
}

.c-tooltip-assignments {
  background-color: #FFFFFF;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  display: none;
  min-height: 200px;
  padding: 15px 0 0 20px;
  position: absolute;
  width: 265px;
  z-index: 999999;
}

.c-tooltip-assignments_add-container {
  margin-bottom: 10px;
  position: relative;
  padding-bottom: 10px;
}

.c-tooltip-assignments_add-new {
  color: #4A90E2;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  margin: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.c-tooltip-assignments_arrow {
  background-image: url("/sites/all/themes/lingua/assets/tooltip-exercise-assignment/blue-arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 15px;
  margin: 3px 0 0 10px;
  width: 5px;
}

.c-tooltip-assignments_add-current {
  background-color: #FFFFFF;
  bottom: -2px;
  color: #B1B1B1;
  font-size: 11px;
  font-style: italic;
  padding: 0 5px 0 0;
  position: absolute;
}

.c-tooltip-assignments_current-list {
  height: 133px;
  margin-right: 10px;
  margin-top: 10px;
  overflow-y: scroll;
}
.c-tooltip-assignments_current-list::-webkit-scrollbar-thumb {
  background-color: #D8D8D8;
  border-radius: 4px;
}
.c-tooltip-assignments_current-list::-webkit-scrollbar {
  width: 6px;
}
.c-tooltip-assignments_current-list p {
  color: #6B6B6B;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  font-weight: 400;
}
.c-tooltip-assignments_current-list .c-tooltip-assignments_icons-loading {
  display: none;
}
.c-tooltip-assignments_current-list .c-tooltip-assignments_icons {
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
  min-height: 21px;
  margin-right: 10px;
  width: 21px;
}
.c-tooltip-assignments_current-list .c-tooltip-assignments_icons--plus {
  background-image: url("/sites/all/themes/lingua/assets/tooltip-exercise-assignment/add-icon.svg");
}
.c-tooltip-assignments_current-list .c-tooltip-assignments_icons--minus {
  background-image: url("/sites/all/themes/lingua/assets/tooltip-exercise-assignment/minus-icon.svg");
}

.c-tooltip-create-new-assignment__button {
  margin-bottom: 0;
  border-bottom: 1px solid #C8C8C8;
  position: relative;
}

.c-tooltip-assignments__close-icon {
  padding: 0;
  font-size: 30px;
  position: absolute;
  right: 15px;
  top: -12px;
  cursor: pointer;
}

.c-tooltip-create-new-assignment {
  display: none;
}
.c-tooltip-create-new-assignment .c-tooltip-assignments_arrow {
  margin: 3px 10px 0 0;
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
}
.c-tooltip-create-new-assignment .c-assignments__datepicker-container {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.c-tooltip-create-new-assignment select {
  background-color: #FFFFFF;
  border: 1px solid #CDCECF;
  border-radius: 4px;
  color: #A6A6A6;
  font-size: 12px;
  height: 36px;
  max-width: 235px;
  width: 100%;
}

.c-tooltip-create-new-assignment-text {
  color: #6B6B6B;
  font-size: 12px;
  margin-bottom: 5px;
}

.c-tooltip-create-new-assignment-div {
  margin-top: 10px;
}

.c-tooltip-assignments_btn {
  margin: 15px 0;
}
.c-tooltip-assignments_btn button {
  border: 1px solid #4A90E2;
  background-color: #4A90E2;
  border-radius: 20.5px;
  color: #FFFFFF;
  font-size: 12px;
  height: 36px;
  max-width: 270px;
  min-width: 100px;
}
.c-tooltip-assignments_btn button:disabled {
  background-color: #FFFFFF;
  border: 1px solid #CDCECF;
  color: #CDCECF;
}

.c-tooltip-assignments-item_title {
  margin-left: 31px;
  line-height: 1.8;
}
.c-tooltip-assignments-item .c-width-auto {
  width: auto;
}

.c-activity-notif-modal.modal.in .modal-dialog {
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.c-activity-notif-modal .modal-dialog {
  left: 0;
  right: 0;
  top: 50%;
}
.c-activity-notif-modal .modal-content {
  max-width: 525px;
  margin: 0 auto;
  border-radius: 20px;
}
.c-activity-notif-modal .modal-body {
  padding: 50px 40px;
}
.c-activity-notif-modal .c-activity-notif-message {
  margin-bottom: 20px;
}
@media (min-width: 425px) {
  .c-activity-notif-modal .c-activity-notif-message {
    margin-bottom: 40px;
  }
}
.c-activity-notif-modal .c-activity-notif-message__text {
  color: #6B6B6B;
  margin: 0 auto;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}
@media (min-width: 425px) {
  .c-activity-notif-modal .c-activity-notif-message__text {
    font-size: 18px;
  }
}
.c-activity-notif-modal .c-activity-notif-buttons-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.c-activity-notif-modal .c-activity-notif-buttons-block .c-activity-notif-button {
  border-radius: 10px;
  background-color: #4C8DDB;
  -webkit-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.2);
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  padding: 15px 20px;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border: 0;
  min-width: 200px;
  margin: 0 auto;
}
@media (min-width: 425px) {
  .c-activity-notif-modal .c-activity-notif-buttons-block .c-activity-notif-button {
    font-size: 15px;
  }
}
.c-activity-notif-modal .c-activity-notif-buttons-block .c-activity-notif-button:hover {
  color: #FFF;
  text-decoration: none;
}
.c-activity-notif-modal .c-activity-notif-buttons-block .c-activity-notif-button--simple {
  background-color: #FFFFFF;
  border: 1px solid #4C8DDB;
  color: #4C8DDB;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.c-activity-notif-modal .c-activity-notif-buttons-block .c-activity-notif-button--simple:hover {
  color: #4C8DDB;
}

#add-content-to-missions-tooltip {
  padding: 14px 15px 0 15px;
}
#add-content-to-missions-tooltip .c-tooltip-create-new-assignment {
  display: block;
}
#add-content-to-missions-tooltip .c-tooltip-create-new-assignment .add-content-to-missions-tooltip-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#add-content-to-missions-tooltip .c-tooltip-create-new-assignment .add-content-to-missions-tooltip-header .add-content-to-missions-tooltip-title {
  color: #2F3136;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.15px;
  line-height: 19px;
}
#add-content-to-missions-tooltip .c-tooltip-create-new-assignment .add-content-to-missions-tooltip-header #add-content-to-missions-tooltip-cancel-link {
  font-weight: 600;
  letter-spacing: -0.13px;
  line-height: 17px;
}
#add-content-to-missions-tooltip .c-tooltip-create-new-assignment .add-content-to-missions-tooltip-hr {
  border-bottom: 1px solid #C8C8C8;
  margin: 0px -15px 0px -15px;
  padding-bottom: 9px;
}
#add-content-to-missions-tooltip .c-tooltip-create-new-assignment .c-add-content-to-missions-tooltip-body-mission-created .c-mission-created-message {
  padding-top: 13px;
  display: grid;
  grid-template-columns: 52px auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#add-content-to-missions-tooltip .c-tooltip-create-new-assignment .c-add-content-to-missions-tooltip-body-mission-created .c-mission-created-message .c-mission-created-message-image {
  margin-right: 11px;
}
#add-content-to-missions-tooltip .c-tooltip-create-new-assignment .c-add-content-to-missions-tooltip-body-mission-created .c-mission-created-message .c-mission-created-message-text {
  color: #2F3136;
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 20px;
}
#add-content-to-missions-tooltip .c-tooltip-create-new-assignment .c-add-content-to-missions-tooltip-body-mission-created .c-mission-created-message .c-mission-created-message-text .c-font-weight-600 {
  font-weight: 600;
}
#add-content-to-missions-tooltip .c-tooltip-create-new-assignment .c-add-content-to-missions-tooltip-body-mission-created .c-mission-created-message .c-mission-created-message-text .c-font-weight-400 {
  font-weight: 400;
}
#add-content-to-missions-tooltip .c-tooltip-create-new-assignment .c-add-content-to-missions-tooltip-body-mission-created .c-go-to-new-missions-btn {
  height: 42px;
  width: 165px;
  font-weight: 600;
}
#add-content-to-missions-tooltip .c-tooltip-create-new-assignment .c-add-content-to-missions-tooltip-body-mission-created .c-centered-text-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#add-content-to-missions-tooltip .c-tooltip-create-new-assignment .c-add-content-to-missions-tooltip-body-mission-created .c-centered-text-container .c-blue-text {
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
  font-weight: 600;
}
#add-content-to-missions-tooltip .c-tooltip-create-new-assignment .c-error-messages-tooltip {
  margin-bottom: 15px;
  font-size: 12px;
}

.c-return-assignments-container {
  max-width: 290px;
  width: 100%;
  top: 0;
  z-index: 99999;
  position: fixed;
}
.c-return-assignments-container a:hover {
  text-decoration: none;
}
.c-return-assignments-btn {
  max-width: 290px;
  width: 100%;
  height: 62.18px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(35%, #E66783), color-stop(125%, #CE6CC8));
  background: linear-gradient(180deg, #E66783 35%, #CE6CC8 125%);
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 400;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-return-assignments-icon {
  background-image: url("/sites/all/themes/lingua/assets/assignments/return-to-assignments-icon.svg");
  max-width: 37px;
  width: 100%;
  height: 38px;
  display: block;
  margin-right: 10px;
  background-size: cover;
}

@media (max-width: 1160px) {
  .c-return-assignments-container {
    top: 50px;
  }
}
@media (max-width: 600px) {
  .c-return-assignments-btn {
    max-width: 170px;
    font-size: 15px;
  }
  .c-return-assignments-icon {
    margin: 0;
  }
}
.c-firstname-lastname-form {
  padding: 0;
}
.c-firstname-lastname-form input {
  border: 1px solid #CDCECF;
  color: #A6A6A6;
  font-size: 0.6111em;
  height: auto;
  margin: 20px auto;
  max-width: 235px;
  padding: 10px;
  width: 100%;
}
.c-firstname-lastname-header {
  border: none;
  padding: 6% 7% 0;
}
.c-firstname-lastname-title {
  color: #4B4B4B;
  font-size: 0.8888em;
  font-weight: 600;
  margin: 0 0 2%;
  text-align: center;
}
.c-firstname-lastname-subtitle {
  color: #A6A6A6;
  font-size: 0.6666em;
  font-style: italic;
  margin: 0;
  text-align: center;
}
.c-firstname-lastname-button {
  padding: 4%;
}

.c-account-register_container {
  background-color: #FFFFFF;
  border-radius: 16px;
  margin: 0 auto;
}
.c-account-register_container .goto-finalize-btn-container {
  position: relative;
  min-width: 235px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 3% auto 4%;
}
.c-account-register_container .goto-finalize-btn-container .goto-finalize-spinner {
  left: 8% !important;
  top: 16px !important;
}
.c-account-register_container form {
  padding: 5% 7% 20px;
  position: relative;
}
.c-account-register_container form button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #4A90E2;
  border: 0;
  border-radius: 25px;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 11.25pt;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 20px;
  min-width: 235px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 15px 0;
  text-align: center;
  width: 100%;
}
@media (min-width: 680px) {
  .c-account-register_container {
    -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
    max-width: 680px;
  }
}

.c-account-register_fieldset-select {
  margin: 0 auto;
  max-width: 240px;
  width: 100%;
}
.c-account-register_fieldset-select .span-error {
  color: #EF7C8E;
  font-size: 9pt;
  line-height: 13px;
  position: absolute;
  top: -16px;
}

.c-account-register_input-container {
  margin: 30px auto 20px;
  max-width: 240px;
  position: relative;
  width: 100%;
}
.c-account-register_input-container input {
  border-radius: 5px;
  border: 1px solid #CDCECF;
  caret-color: #4B4B4B;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 10.5pt;
  font-weight: 400;
  min-width: 240px;
  padding: 9px 10px;
  width: 100%;
  -webkit-appearance: none;
}
.c-account-register_input-container input:focus ~ label, .c-account-register_input-container input:-webkit-autofill ~ label {
  color: #4A90E2;
  top: -19px;
  left: 0;
  font-size: 9pt;
}
.c-account-register_input-container label {
  color: #9B9B9B;
  font-size: 10.5pt;
  font-weight: 300;
  left: 15px;
  margin: 0;
  -ms-transition: all 0.4s ease;
  padding-bottom: 5px;
  padding: 0;
  position: absolute;
  top: 10px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.c-account-register_input-container label.filled {
  color: #4A90E2;
  left: 0;
  top: -19px;
  font-size: 9pt;
}
.c-account-register_input-container .span-error {
  color: #EF7C8E;
  font-size: 9pt;
  position: absolute;
  line-height: 13px;
  top: -16px;
  white-space: nowrap;
}
@media (max-width: 480px) {
  .c-account-register_input-container--email .span-error {
    white-space: normal;
    top: -26px;
  }
}

.c-input-value-valid:after {
  content: url("/sites/all/themes/earesponsive/images/icons/check-reg.svg");
  color: #87E7D1;
  height: 18px;
  position: absolute;
  right: -28px;
  top: 7px;
  width: 18px;
}

.c-input-value-invalid input,
.c-input-value-invalid select {
  border: 1px solid #E76B6B;
}
.c-input-value-invalid:after {
  color: #E76B6B;
  content: url("/sites/all/themes/lingua/images/icons/warning.svg");
  height: 1px;
  position: absolute;
  right: -10px;
  top: 10px;
  width: 4px;
}

.c-input-value-invalid input:focus ~ label {
  opacity: 0;
}

.c-eye-pass {
  background-image: url("/sites/all/themes/lingua/images/icons/eye.svg");
  display: none;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 20px;
}

.c-eye-pass-hidden {
  background-image: url("/sites/all/themes/lingua/images/icons/eye-dashed.svg");
}

.c-account-register_title {
  color: #4B4B4B;
  font-size: 13.5pt;
  font-weight: 600;
  margin: 0 0 20px 0;
  text-align: center;
}

.c-account-register_subtitle {
  color: #A6A6A6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-style: italic;
  font-size: 9.75pt;
  font-weight: 400;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 10px 0 20px;
}

.c-account-register_go-to-login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 9.75pt;
  font-weight: 400;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0 auto;
  width: 100%;
}
.c-account-register_go-to-login span {
  color: #727272;
}
.c-account-register_go-to-login a {
  color: #4A90E2;
  font-weight: 600;
  padding-left: 2px;
}
.c-account-register_go-to-login a:hover {
  text-decoration: none;
}

.c-account-register_extra-details {
  border-top: 1px solid #CDCECF;
}
.c-account-register_extra-details .c-account-details-div {
  padding: 3% 7%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.c-account-register_extra-details span {
  color: #A6A6A6;
  font-size: 9.75pt;
  font-weight: 600;
  display: grid;
}
.c-account-register_extra-details span:first-of-type {
  margin-bottom: 3px;
}
.c-account-register_extra-details a {
  color: #4A90E2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
  font-size: 9.75pt;
  margin-top: 10px;
}
.c-account-register_extra-details a:hover {
  text-decoration: none;
}

.c-account-register-notification {
  color: #A6A6A6;
  font-size: 9.75pt;
  font-weight: 600;
  margin-top: 20px;
}

.c-account-register_checkbox-container {
  margin: 0 auto;
  padding-top: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.c-account-register_label {
  color: #4B4B4B;
  font-weight: 400;
  font-size: 9.75pt;
  max-width: 245px;
  position: relative;
  padding-left: 28px;
  width: 100%;
}
.c-account-register_label a {
  color: #5597E4;
  cursor: pointer;
}
.c-account-register_label a:hover {
  text-decoration: none;
}
.c-account-register_label .c-account-register_checkbox {
  border: 1px solid #CDCECF;
  border-radius: 4px;
  cursor: pointer;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}
.c-account-register_label input {
  opacity: 0;
}
.c-account-register_label input:checked ~ .c-account-register_checkbox {
  background-color: #4A90E2;
  border: none;
  background-image: url(/sites/all/themes/lingua/assets/check-white.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80%;
}

.c-display-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-account-register_dots-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-account-register_dots-step ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}
.c-account-register_dots-step ul li {
  background-color: #D8D8D8;
  border-radius: 5px;
  height: 10px;
  list-style-type: none;
  margin: 0 5px;
  width: 10px;
}
.c-account-register_dots-step ul li.c-dot-current-step {
  background-color: #4A90E2;
}

.c-account-register_select-country {
  color: #9B9B9B;
  min-width: 240px;
  width: 100%;
}
.c-account-register_select-country .c-select-icon {
  right: 10px;
  top: 17px;
}

.c-account-register_select-birth-date {
  color: #9B9B9B;
  padding-right: 20px !important;
  width: 100%;
}

.c-account-register_select-birth-date-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-account-register_select-birth-date-container .c-select-icon {
  border-width: 5px 4px 0 4px;
  right: 7px;
  top: 19px;
}
.c-account-register_select-birth-date-container .c-input-value-invalid:after {
  display: none;
}

.c-account-register_select {
  border-radius: 5px;
  border: 1px solid #CDCECF;
  font-size: 10.5pt;
  padding: 9px 10px;
  -webkit-appearance: none;
}
.c-account-register_select.c-account-register_select-birth-date {
  background-color: #fff;
  color: #262e31;
  font-weight: 400;
}

.c-account-register_select-div {
  position: relative;
}

.c-account-register_select-label {
  color: #4B4B4B;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 9.75pt;
  margin-top: 7px;
}

.c-account-register_back-to-prev {
  left: 5%;
  position: absolute;
  top: 7%;
}
@media (max-width: 600px) {
  .c-account-register_back-to-prev {
    top: -15px;
  }
}
.c-account-register_back-to-prev a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #A6A6A6;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 9.75pt;
}
.c-account-register_back-to-prev a:hover, .c-account-register_back-to-prev a:focus {
  text-decoration: none;
}
.c-account-register_back-to-prev a img {
  height: 14px;
  margin-right: 5px;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  width: 10px;
}

/* Create account only */
.c-account-register_create-account {
  display: none;
}
.c-account-register_create-account .c-account-register_input-container {
  margin: 30px auto 0;
}
.c-account-register_create-account .c-account-register_input-container .span-error ~ label {
  display: none;
}
.c-account-register_create-account form button {
  margin: 3% auto 4%;
}

.is-lingua .c-steps-container {
  display: none;
}

.is-lingua .c-input-value-checkbox-invalid {
  border-color: red;
}
.is-lingua .no-label {
  opacity: 0 !important;
}
.is-lingua .c-account-register_checkbox-container .c-input-value-invalid:after {
  display: none;
}

.c-readonly {
  background-color: #f4f4f4;
}

.c-my-class {
  padding-top: 30px;
  /* Used on Firefox */
  scrollbar-width: none;
  /* Width */
}
.c-my-class::-webkit-scrollbar {
  width: 0;
}
.c-my-class .c-info-icon {
  top: 4px;
  right: 20px;
}
.c-my-class .c-info-popup {
  right: 20px;
  top: 3px;
}
.c-my-class__title {
  color: #2F2F2F;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 26px;
  padding-left: 27px;
  margin: 0 0 10px 0;
}
.c-my-class__subtitle {
  color: #2F2F2F;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: -0.19px;
  line-height: 22px;
  margin: 0;
  padding-left: 27px;
  max-width: 80%;
}
.c-my-class__dashboard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 27px 15px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 80%;
}
.c-my-class__dashboard-classes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 600px) {
  .c-my-class__dashboard-classes {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .c-my-class__dashboard-classes .c-my-class__to-all-classes {
    margin: 10px 0 0;
  }
}
.c-my-class__create-btn {
  min-height: 36px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-width: 250px;
  border-radius: 18px;
  background-color: #4A90E2;
  border: none;
  color: #FFFFFF;
  font-size: 9.75pt;
  font-weight: 600;
  letter-spacing: -0.14px;
  line-height: 18px;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  padding: 0 35px 0 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 15px 10px;
}
.c-my-class__create-btn img {
  margin: 0 12px;
}
.c-my-class__to-all-classes p {
  color: #9B9B9B;
  font-size: 9.75pt;
  letter-spacing: -0.14px;
  line-height: 18px;
  margin: 0 0 -4px 0;
}
.c-my-class__to-all-classes a {
  font-size: 10.5pt !important;
}
.c-my-class__custom-classes .c-info-icon {
  top: 5px;
}
.c-my-class__header-section {
  height: 36px;
  background-color: #43454A;
  position: sticky;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 20px;
  top: 0;
  margin-right: 5px;
  z-index: 1;
}
.c-my-class__header-section--administative {
  top: 36px;
  border-top: 1.5px solid white;
  height: 37px;
  z-index: 1;
}
.c-my-class__header-section.fixed-header {
  position: fixed;
  bottom: 0;
  top: unset;
  width: 100%;
  max-width: 1167px;
}
.c-my-class__header-section.fixed-header .c-my-class__expanded-icon {
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1);
}
.c-my-class__header-section.fixed-header .c-info-popup {
  top: unset;
  bottom: 0;
}
.c-my-class__header-section.no-expand-button .c-my-class__expanded-icon {
  display: none;
}
.c-my-class__header-text {
  color: #FFFFFF;
  font-size: 11.25pt;
  font-weight: 400;
  letter-spacing: -0.16px;
  line-height: 20px;
  margin: 0;
}
.c-my-class__card {
  min-height: 195.9px;
  width: 100%;
  border-radius: 6px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.14);
          box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.14);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.c-my-class__class-name {
  color: #4B4B4B;
  font-size: 12pt;
  font-weight: 600;
  letter-spacing: -0.17px;
  line-height: 22px;
}
.c-my-class__leave-class {
  color: #EF7C8E;
  font-size: 9.75pt;
  font-weight: 600;
  letter-spacing: -0.14px;
  line-height: 14px;
}
.c-my-class__leave-class:focus, .c-my-class__leave-class:hover {
  color: #EF7C8E;
}
.c-my-class__edit-class {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.c-my-class__edit-class .c-my-class__edit-class--container {
  -webkit-box-flex: 3;
      -ms-flex: 3 1 65%;
          flex: 3 1 65%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.c-my-class__edit-class .c-my-class__edit-class--container .c-my-class__class-name {
  margin: 0;
}
.c-my-class__edit-class .c-my-class__edit-class--container .c-my-class__edit-icon {
  margin-left: 10px;
}
.c-my-class__edit-class .c-my-class__leave-class--container {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 35%;
          flex: 1 1 35%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.c-my-class__class-owner {
  color: #9B9B9B;
  font-size: 9.75pt;
  letter-spacing: -0.14px;
  line-height: 18px;
  margin-bottom: 5px;
}
.c-my-class__info-text {
  color: #6B6B6B;
  font-size: 9.75pt;
  font-weight: 600;
  letter-spacing: -0.14px;
  line-height: 18px;
  margin-bottom: 5px;
}
.c-my-class__info-text a {
  color: #4A90E2;
  font-size: 9.75pt;
  font-weight: 600;
  letter-spacing: -0.14px;
  line-height: 18px;
  margin-left: 8px;
}
.c-my-class__other-teachers span {
  color: #6B6B6B;
  font-size: 9.75pt;
  letter-spacing: -0.14px;
  line-height: 18px;
}
.c-my-class__cards-container {
  padding: 0 5px 10px 5px;
  scroll-margin-top: 60px;
}
.c-my-class__cards-container.c-bottom-div {
  margin-bottom: 25px;
}
.c-my-class__cards-container .js-no-teacher-custom-class-found > p {
  padding: 5px 0 0 20px;
}
.c-my-class__cards-wrapper {
  margin: 15px 10px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  grid-column-gap: 18px;
  grid-row-gap: 16px;
}
@media (min-width: 1455px) {
  .c-my-class__cards-wrapper {
    grid-template-columns: repeat(auto-fit, minmax(280px, 368px));
    justify-items: start;
  }
}
@media (max-width: 340px) {
  .c-my-class__cards-wrapper {
    grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
  }
}
.c-my-class__classes-container {
  overflow-y: auto;
  height: calc(100vh - 235px);
  margin-right: 5px;
  scrollbar-width: thin;
  /* Width */
}
.c-my-class__classes-container::-webkit-scrollbar {
  width: 8px;
}
.c-my-class__classes-container {
  /* Track */
}
.c-my-class__classes-container::-webkit-scrollbar-track {
  background-color: #E1E1E1;
  border-left: 3px solid white;
  border-right: 3px solid white;
}
.c-my-class__classes-container {
  /* Handle */
}
.c-my-class__classes-container::-webkit-scrollbar-thumb {
  background-color: #CDCECF;
  border-radius: 5px;
}
.c-my-class__card-top {
  border-bottom: 1.5px solid #E2E2E2;
  padding: 12px 15px 0 20px;
}
.c-my-class__card-top small {
  display: none;
  color: red;
  font-weight: lighter;
  font-size: 10px;
}
.c-my-class__card-bottom {
  padding: 10px 5px 0 20px;
}
.c-my-class__manage-btn {
  border: none;
  width: 100%;
  min-height: 33px;
  border-radius: 0 0 4px 4px;
  background-color: #4A90E2;
  color: #FFFFFF;
  font-size: 9pt;
  font-weight: 600;
  letter-spacing: -0.13px;
  line-height: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-my-class__edit-icon {
  background-image: url(/sites/all/themes/lingua/assets/edit-icon.svg);
  width: 22px;
  height: 22px;
  display: block;
  background-position: center;
  background-size: cover;
  cursor: pointer;
}
.c-my-class__edit-title {
  width: 200px;
  border: none;
  outline-offset: -1px !important;
  -webkit-box-shadow: 0 0 0 1px #4A90E2;
          box-shadow: 0 0 0 1px #4A90E2;
  border-radius: 3px;
}
.c-my-class__expanded-icon {
  height: 28px;
  width: 28px;
  background-color: #F7F7F7;
  border-radius: 50%;
  margin-left: 20px;
  background-image: url("/sites/all/themes/lingua/assets/arrow-down.svg");
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
}
.c-my-class__expanded-cards {
  border: none;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-my-class__stamp {
  background-image: url("/sites/all/themes/lingua/assets/schools/card-star-stamp.svg");
  background-size: cover;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
}
.c-my-class__no-classes-text {
  color: #36393F;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.15px;
  line-height: 22px;
  width: 100%;
  padding: 15px 0 0 20px;
}
.c-my-class__admin-classes-description {
  margin: 15px 0 0 10px;
}
.c-my-class__create-class-link {
  margin-bottom: 7px;
}
@media (max-width: 760px) {
  .c-my-class__dashboard {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
  }
}
@media (max-width: 450px) {
  .c-my-class__dashboard-classes {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
}

#admin-class-section .c-my-class__edit-class {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

/* Custom link 13px, blue, bold */
.c-link-bold-medium, .c-my-class__to-all-classes a, .c-my-class__create-class-link {
  color: #4A90E2;
  font-size: 9.75pt;
  font-weight: 600;
  letter-spacing: -0.14px;
  line-height: 18px;
}
.c-link-bold-medium:hover, .c-my-class__to-all-classes a:hover, .c-my-class__create-class-link:hover, .c-link-bold-medium:focus, .c-my-class__to-all-classes a:focus, .c-my-class__create-class-link:focus {
  color: #4A90E2;
  text-decoration: none;
}

/* Custom text 14px, semibold, grey */
.c-text-semibold-medium, .school-classes-container p.no-class-found, .c-my-class__admin-classes-description {
  color: #36393F;
  font-size: 10.5pt;
  letter-spacing: -0.15px;
  line-height: 22px;
  font-weight: 400;
}

/* side drawer styles */
.blue-select, #manage-class-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select,
#manage-class-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes,
#view-students-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select,
#view-students-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container #modal-filter-select,
#custom-class-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container #modal-filter-select-classes,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container #modal-filter-select,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container #modal-filter-select-classes,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container #modal-filter-select,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container #modal-filter-select-classes, .my-classes-side-drawer-menu .drawer-filter-container #drawer-filter-select {
  font-family: "Open Sans";
  width: 50%;
  background-color: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #4A90E2;
  color: #4A90E2;
  font-size: 12px;
  letter-spacing: -0.13px;
  line-height: 14px;
  padding: 10px 25px 10px 10px;
  background-image: url("/sites/all/themes/lingua/assets/schools/blue-select-arrow.png");
  -webkit-appearance: none;
  background-position-x: 90%;
  background-position-y: 12px;
  background-repeat: no-repeat;
  margin-right: 10px;
}
.blue-select option, #manage-class-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select option,
#manage-class-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes option,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select option,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes option,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select option,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes option,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select option,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes option,
#view-students-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select option,
#view-students-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes option,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select option,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes option,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select option,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes option, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container #modal-filter-select option,
#custom-class-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container #modal-filter-select-classes option,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container #modal-filter-select option,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container #modal-filter-select-classes option,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container #modal-filter-select option,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container #modal-filter-select-classes option, .my-classes-side-drawer-menu .drawer-filter-container #drawer-filter-select option {
  color: #4A90E2;
  font-size: 13px;
  letter-spacing: -0.14px;
  line-height: 18px;
  background-color: #fff;
  font-family: "Open Sans", sans-serif;
}
.blue-select optgroup, #manage-class-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select optgroup,
#manage-class-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes optgroup,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select optgroup,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes optgroup,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select optgroup,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes optgroup,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select optgroup,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes optgroup,
#view-students-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select optgroup,
#view-students-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes optgroup,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select optgroup,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes optgroup,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select optgroup,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes optgroup, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container #modal-filter-select optgroup,
#custom-class-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container #modal-filter-select-classes optgroup,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container #modal-filter-select optgroup,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container #modal-filter-select-classes optgroup,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container #modal-filter-select optgroup,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container #modal-filter-select-classes optgroup, .my-classes-side-drawer-menu .drawer-filter-container #drawer-filter-select optgroup {
  background-color: #E6E6E6;
  color: #8D8D8D;
  font-size: 11px;
  letter-spacing: -0.12px;
  line-height: 15px;
  font-family: "Open Sans", sans-serif;
}

.blue-search-bar, #manage-class-modal .modal-content .modal-body-step1 .modal-body-filter .search-group,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-filter .search-group,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-filter .search-group,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-filter .search-group,
#view-students-modal .modal-content .modal-body-step1 .modal-body-filter .search-group,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-filter .search-group,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-filter .search-group, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container .search-group,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container .search-group,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container .search-group, .my-classes-side-drawer-menu .drawer-filter-container .search-group {
  width: 50%;
  margin-left: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-left: 10px;
  border-bottom: 1px solid #4a90e2;
}
@media (max-width: 550px) {
  .blue-search-bar, #manage-class-modal .modal-content .modal-body-step1 .modal-body-filter .search-group,
  #edit-school-teachers .modal-content .modal-body-step1 .modal-body-filter .search-group,
  #view-teachers-modal .modal-content .modal-body-step1 .modal-body-filter .search-group,
  #view-assignments-modal .modal-content .modal-body-step1 .modal-body-filter .search-group,
  #view-students-modal .modal-content .modal-body-step1 .modal-body-filter .search-group,
  #view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-filter .search-group,
  #mission-progress-modal .modal-content .modal-body-step1 .modal-body-filter .search-group, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container .search-group,
  #delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container .search-group,
  #confirm-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container .search-group, .my-classes-side-drawer-menu .drawer-filter-container .search-group {
    width: 100%;
    margin-left: 0;
  }
}
.blue-search-bar .search-bar, #manage-class-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar,
#view-students-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container .search-group .search-bar,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container .search-group .search-bar,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container .search-group .search-bar, .my-classes-side-drawer-menu .drawer-filter-container .search-group .search-bar {
  border: none;
  max-width: 160px;
  font-size: 14px;
  letter-spacing: -0.15px;
  padding: 5px 10px 5px 5px;
}
@media (max-width: 550px) {
  .blue-search-bar .search-bar, #manage-class-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar,
  #edit-school-teachers .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar,
  #view-teachers-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar,
  #view-assignments-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar,
  #view-students-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar,
  #view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar,
  #mission-progress-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container .search-group .search-bar,
  #delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container .search-group .search-bar,
  #confirm-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container .search-group .search-bar, .my-classes-side-drawer-menu .drawer-filter-container .search-group .search-bar {
    max-width: 180px;
  }
}
.blue-search-bar .search-bar::-webkit-input-placeholder, #manage-class-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar::-webkit-input-placeholder, #edit-school-teachers .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar::-webkit-input-placeholder, #view-teachers-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar::-webkit-input-placeholder, #view-assignments-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar::-webkit-input-placeholder, #view-students-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar::-webkit-input-placeholder, #view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar::-webkit-input-placeholder, #mission-progress-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar::-webkit-input-placeholder, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container .search-group .search-bar::-webkit-input-placeholder, #delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container .search-group .search-bar::-webkit-input-placeholder, #confirm-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container .search-group .search-bar::-webkit-input-placeholder, .my-classes-side-drawer-menu .drawer-filter-container .search-group .search-bar::-webkit-input-placeholder {
  opacity: 1;
  /* Firefox */
  color: #BFBFBF;
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
}
.blue-search-bar .search-bar::-moz-placeholder, #manage-class-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar::-moz-placeholder, #edit-school-teachers .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar::-moz-placeholder, #view-teachers-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar::-moz-placeholder, #view-assignments-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar::-moz-placeholder, #view-students-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar::-moz-placeholder, #view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar::-moz-placeholder, #mission-progress-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar::-moz-placeholder, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container .search-group .search-bar::-moz-placeholder, #delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container .search-group .search-bar::-moz-placeholder, #confirm-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container .search-group .search-bar::-moz-placeholder, .my-classes-side-drawer-menu .drawer-filter-container .search-group .search-bar::-moz-placeholder {
  opacity: 1;
  /* Firefox */
  color: #BFBFBF;
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
}
.blue-search-bar .search-bar:-ms-input-placeholder, #manage-class-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar:-ms-input-placeholder, #edit-school-teachers .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar:-ms-input-placeholder, #view-teachers-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar:-ms-input-placeholder, #view-assignments-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar:-ms-input-placeholder, #view-students-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar:-ms-input-placeholder, #view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar:-ms-input-placeholder, #mission-progress-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar:-ms-input-placeholder, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container .search-group .search-bar:-ms-input-placeholder, #delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container .search-group .search-bar:-ms-input-placeholder, #confirm-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container .search-group .search-bar:-ms-input-placeholder, .my-classes-side-drawer-menu .drawer-filter-container .search-group .search-bar:-ms-input-placeholder {
  opacity: 1;
  /* Firefox */
  color: #BFBFBF;
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
}
.blue-search-bar .search-bar::-ms-input-placeholder, #manage-class-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar::-ms-input-placeholder, #edit-school-teachers .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar::-ms-input-placeholder, #view-teachers-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar::-ms-input-placeholder, #view-assignments-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar::-ms-input-placeholder, #view-students-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar::-ms-input-placeholder, #view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar::-ms-input-placeholder, #mission-progress-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar::-ms-input-placeholder, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container .search-group .search-bar::-ms-input-placeholder, #delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container .search-group .search-bar::-ms-input-placeholder, #confirm-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container .search-group .search-bar::-ms-input-placeholder, .my-classes-side-drawer-menu .drawer-filter-container .search-group .search-bar::-ms-input-placeholder {
  opacity: 1;
  /* Firefox */
  color: #BFBFBF;
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
}
.blue-search-bar .search-bar::placeholder, #manage-class-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar::placeholder,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar::placeholder,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar::placeholder,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar::placeholder,
#view-students-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar::placeholder,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar::placeholder,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-bar::placeholder, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container .search-group .search-bar::placeholder,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container .search-group .search-bar::placeholder,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container .search-group .search-bar::placeholder, .my-classes-side-drawer-menu .drawer-filter-container .search-group .search-bar::placeholder {
  opacity: 1;
  /* Firefox */
  color: #BFBFBF;
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
}
.blue-search-bar .search-icon, #manage-class-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-icon,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-filter .search-group .search-icon,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-icon,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-icon,
#view-students-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-icon,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-icon,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .search-icon, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container .search-group .search-icon,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container .search-group .search-icon,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container .search-group .search-icon, .my-classes-side-drawer-menu .drawer-filter-container .search-group .search-icon {
  background-size: cover;
  background-image: url("/sites/all/themes/lingua/assets/catalog-icons/magnifying-glass.svg");
  width: 35px;
  height: 35px;
}
.blue-search-bar .teacher-search-icon, #manage-class-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .teacher-search-icon,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-filter .search-group .teacher-search-icon,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .teacher-search-icon,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .teacher-search-icon,
#view-students-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .teacher-search-icon,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .teacher-search-icon,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-filter .search-group .teacher-search-icon, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container .search-group .teacher-search-icon,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container .search-group .teacher-search-icon,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container .search-group .teacher-search-icon, .my-classes-side-drawer-menu .drawer-filter-container .search-group .teacher-search-icon {
  background-size: cover;
  background-image: url("/sites/all/themes/lingua/assets/catalog-icons/search-icon.svg");
  width: 22px;
  height: 22px;
  margin-bottom: 3px;
}

.c-my-class .relative-container {
  position: relative;
}

.my-classes-side-drawer {
  position: absolute;
  top: -72px;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-filter: drop-shadow(0 0 9px rgba(0, 0, 0, 0.14));
          filter: drop-shadow(0 0 9px rgba(0, 0, 0, 0.14));
  z-index: 2;
  -webkit-transform: translateX(420px);
          transform: translateX(420px);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  font-weight: 400;
}
@media (max-width: 550px) {
  .my-classes-side-drawer {
    -webkit-transform: translateX(325px);
            transform: translateX(325px);
  }
}
@media (max-width: 400px) {
  .my-classes-side-drawer {
    -webkit-transform: translateX(265px);
            transform: translateX(265px);
  }
}
@media (min-width: 1000px) and (max-width: 1300px) {
  .my-classes-side-drawer {
    top: -153px;
  }
}
.my-classes-side-drawer .my-classes-side-drawer-container {
  display: none;
}
.my-classes-side-drawer p,
.my-classes-side-drawer h3 {
  margin: 0;
  padding: 0;
}
.my-classes-side-drawer .border-btm, .my-classes-side-drawer .my-classes-side-drawer-menu .drawer-sort .drawer-students-sorted .drawer-students-row-visible, .my-classes-side-drawer-menu .drawer-sort .drawer-students-sorted .my-classes-side-drawer .drawer-students-row-visible, .my-classes-side-drawer .my-classes-side-drawer-menu .drawer-sort-select, .my-classes-side-drawer-menu .my-classes-side-drawer .drawer-sort-select, .my-classes-side-drawer .my-classes-side-drawer-menu .drawer-title, .my-classes-side-drawer-menu .my-classes-side-drawer .drawer-title, .my-classes-side-drawer .my-classes-side-drawer-menu .drawer-filter, .my-classes-side-drawer-menu .my-classes-side-drawer .drawer-filter {
  border-bottom: 0.5px solid #DFDFDF;
}
.my-classes-side-drawer .grey-title, .my-classes-side-drawer .join-leave-confirmation-modal .modal-content .modal-header .modal-title, .join-leave-confirmation-modal .modal-content .modal-header .my-classes-side-drawer .modal-title, .my-classes-side-drawer .my-classes-side-drawer-menu .drawer-sort .drawer-students-sorted .drawer-students-row-hidden .drawer-custom-class-title, .my-classes-side-drawer-menu .drawer-sort .drawer-students-sorted .drawer-students-row-hidden .my-classes-side-drawer .drawer-custom-class-title, .my-classes-side-drawer .my-classes-side-drawer-menu .drawer-sort .drawer-students-sorted .drawer-students-row-hidden .drawer-admin-class-title, .my-classes-side-drawer-menu .drawer-sort .drawer-students-sorted .drawer-students-row-hidden .my-classes-side-drawer .drawer-admin-class-title {
  color: #6B6B6B;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: -0.12px;
  line-height: 15px;
  background-color: #D8D8D8;
  padding: 8px 15px;
}
.my-classes-side-drawer .grey-class, .my-classes-side-drawer .my-classes-side-drawer-menu .drawer-sort .drawer-students-sorted .drawer-students-row-hidden .drawer-custom-class-name, .my-classes-side-drawer-menu .drawer-sort .drawer-students-sorted .drawer-students-row-hidden .my-classes-side-drawer .drawer-custom-class-name, .my-classes-side-drawer .my-classes-side-drawer-menu .drawer-sort .drawer-students-sorted .drawer-students-row-hidden .drawer-admin-class-name, .my-classes-side-drawer-menu .drawer-sort .drawer-students-sorted .drawer-students-row-hidden .my-classes-side-drawer .drawer-admin-class-name {
  color: #6B6B6B;
  font-size: 13px;
  letter-spacing: -0.14px;
  line-height: 18px;
  text-decoration: underline;
  padding: 15px 15px 15px 69px;
  background-color: rgba(232, 232, 232, 0.6196078431);
}
.my-classes-side-drawer-icon {
  background-color: #fff;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  border-radius: 50% 0 0 50%;
  cursor: pointer;
}
.my-classes-side-drawer-icon .my-classes-icon {
  background-image: url("/sites/all/themes/lingua/assets/schools/my-classes-drawer-icon.svg");
  width: 45px;
  height: 45px;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 7px;
  -webkit-transition: all 1s ease-in;
  transition: all 1s ease-in;
}
@media (max-width: 400px) {
  .my-classes-side-drawer-icon .my-classes-icon {
    width: 35px;
    height: 35px;
  }
}
.my-classes-side-drawer-menu {
  background-color: #fff;
  overflow-x: hidden;
  overflow-y: scroll;
  width: 420px;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
}
@media (max-width: 550px) {
  .my-classes-side-drawer-menu {
    width: 325px;
    margin-left: -1px;
  }
}
@media (max-width: 400px) {
  .my-classes-side-drawer-menu {
    width: 265px;
  }
}
.my-classes-side-drawer-menu::-webkit-scrollbar {
  width: 0;
  /* Remove scrollbar space */
  background: transparent;
  /* Optional: just make scrollbar invisible */
}
.my-classes-side-drawer-menu .drawer-title {
  padding: 22px 15px 15px;
}
.my-classes-side-drawer-menu .drawer-title .c-info__btn-container .c-info-icon {
  top: 10px;
}
.my-classes-side-drawer-menu .drawer-title .c-info__btn-container .c-info-popup {
  right: 20px;
  top: 9px;
}
.my-classes-side-drawer-menu .drawer-title h3 {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.17px;
  margin-bottom: 5px;
}
.my-classes-side-drawer-menu .drawer-title p {
  font-size: 13px;
  letter-spacing: -0.14px;
  line-height: 20px;
}
.my-classes-side-drawer-menu .drawer-filter {
  padding: 15px;
}
.my-classes-side-drawer-menu .drawer-filter p {
  color: #36393F;
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 22px;
  margin-bottom: 10px;
}
.my-classes-side-drawer-menu .drawer-filter-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (max-width: 550px) {
  .my-classes-side-drawer-menu .drawer-filter-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 550px) {
  .my-classes-side-drawer-menu .drawer-filter-container #drawer-filter-select {
    width: 100%;
    margin-bottom: 15px;
    max-width: 220px;
  }
}
.my-classes-side-drawer-menu .drawer-sort-select {
  padding: 10px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.my-classes-side-drawer-menu .drawer-sort-select p {
  color: #4B4B4B;
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
  margin-right: 20px;
}
.my-classes-side-drawer-menu .drawer-sort-select .arrow {
  background-image: url("/sites/all/themes/lingua/assets/schools/blue-select-arrow.png");
  width: 10px;
  height: 10px;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.my-classes-side-drawer-menu .drawer-sort-select .arrow-desc {
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}
.my-classes-side-drawer-menu .drawer-sort .drawer-students-sorted {
  overflow-y: auto;
  scrollbar-width: none;
}
.my-classes-side-drawer-menu .drawer-sort .drawer-students-sorted::-webkit-scrollbar {
  width: 0;
}
.my-classes-side-drawer-menu .drawer-sort .drawer-students-sorted .drawer-students-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.my-classes-side-drawer-menu .drawer-sort .drawer-students-sorted .drawer-students-row-visible {
  padding: 8px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.my-classes-side-drawer-menu .drawer-sort .drawer-students-sorted .drawer-students-row-visible .js-drawer-students-button {
  background-color: #E8E8E8;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  margin-right: 28px;
}
.my-classes-side-drawer-menu .drawer-sort .drawer-students-sorted .drawer-students-row-visible .js-drawer-students-button .drawer-arrow {
  text-align: center;
}
.my-classes-side-drawer-menu .drawer-sort .drawer-students-sorted .drawer-students-row-visible .js-drawer-students-button .drawer-arrow:after {
  content: "\e80b";
  font-family: "fontello";
  color: #9B9B9B;
  font-size: 16px;
  vertical-align: middle;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}
.my-classes-side-drawer-menu .drawer-sort .drawer-students-sorted .drawer-students-row-visible .drawer-students-info .drawer-student-name {
  color: #6B6B6B;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.14px;
  line-height: 18px;
}
.my-classes-side-drawer-menu .drawer-sort .drawer-students-sorted .drawer-students-row-visible .drawer-students-info .drawer-student-code {
  color: #9B9B9B;
  font-size: 13px;
  letter-spacing: -0.14px;
  line-height: 18px;
}
.my-classes-side-drawer-menu .drawer-sort .drawer-students-sorted .drawer-students-row-hidden {
  display: none;
  height: auto;
}
@media (max-width: 500px) {
  .my-classes-side-drawer-menu .drawer-sort .drawer-students-sorted .drawer-students-row-hidden .drawer-admin-class-title {
    margin: 0;
  }
}
@media (max-width: 500px) {
  .my-classes-side-drawer-menu .drawer-sort .drawer-students-sorted .drawer-students-row-hidden .drawer-custom-class-title {
    margin: 0;
  }
}
.my-classes-side-drawer-menu .drawer-sort .drawer-students-sorted .drawer-students-row-hidden .drawer-custom-class-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.my-classes-side-drawer-menu .drawer-sort .drawer-students-sorted .drawer-students-row-hidden .drawer-custom-class-name .drawer-custom-class-btn {
  background-color: #4CD964;
  border-radius: 20px;
  display: block;
  width: 50px;
  height: 28px;
  position: relative;
  margin: 0;
  cursor: pointer;
}
.my-classes-side-drawer-menu .drawer-sort .drawer-students-sorted .drawer-students-row-hidden .drawer-custom-class-name .drawer-custom-class-btn input[type=checkbox] {
  opacity: 0;
  width: 100%;
  height: 100%;
}
.my-classes-side-drawer-menu .drawer-sort .drawer-students-sorted .drawer-students-row-hidden .drawer-custom-class-name .drawer-custom-class-btn:after {
  background-color: #FFFFFF;
  border-radius: 50%;
  -webkit-box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.2);
  content: "";
  display: block;
  height: 24px;
  width: 24px;
  right: 3px;
  position: absolute;
  top: 2px;
  -webkit-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;
}
.my-classes-side-drawer-menu .drawer-custom-class {
  border-bottom: none;
}

.class-inactive {
  background-color: #E5E5E5 !important;
}
.class-inactive:after {
  left: 3px;
  -webkit-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;
}

.drawer-arrow-rotate {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.full-width-drawer {
  -webkit-transform: none;
          transform: none;
  height: auto;
}

/* styles for manage / create custom class modal */
@media (min-width: 768px) {
  .modal-width .modal-dialog, #manage-class-modal .modal-dialog,
  #edit-school-teachers .modal-dialog,
  #view-teachers-modal .modal-dialog,
  #view-assignments-modal .modal-dialog,
  #view-students-modal .modal-dialog,
  #view-assessment-students-results-modal .modal-dialog,
  #mission-progress-modal .modal-dialog, #custom-class-modal .modal-dialog,
  #delete-class-confirmation-modal .modal-dialog,
  #confirm-modal .modal-dialog {
    width: 650px;
  }
}

.modal-style, #manage-class-modal .modal-content,
#edit-school-teachers .modal-content,
#view-teachers-modal .modal-content,
#view-assignments-modal .modal-content,
#view-students-modal .modal-content,
#view-assessment-students-results-modal .modal-content,
#mission-progress-modal .modal-content, #custom-class-modal .modal-content,
#delete-class-confirmation-modal .modal-content,
#confirm-modal .modal-content {
  border-radius: 16px;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  border: none;
}

.modal-grey-title, #manage-class-modal .modal-content .modal-header-confirm-body--body .modal-body-confirm-link,
#edit-school-teachers .modal-content .modal-header-confirm-body--body .modal-body-confirm-link,
#view-teachers-modal .modal-content .modal-header-confirm-body--body .modal-body-confirm-link,
#view-assignments-modal .modal-content .modal-header-confirm-body--body .modal-body-confirm-link,
#view-students-modal .modal-content .modal-header-confirm-body--body .modal-body-confirm-link,
#view-assessment-students-results-modal .modal-content .modal-header-confirm-body--body .modal-body-confirm-link,
#mission-progress-modal .modal-content .modal-header-confirm-body--body .modal-body-confirm-link, #manage-class-modal .modal-content .modal-header-confirm-body--body .modal-body-confirm-text,
#edit-school-teachers .modal-content .modal-header-confirm-body--body .modal-body-confirm-text,
#view-teachers-modal .modal-content .modal-header-confirm-body--body .modal-body-confirm-text,
#view-assignments-modal .modal-content .modal-header-confirm-body--body .modal-body-confirm-text,
#view-students-modal .modal-content .modal-header-confirm-body--body .modal-body-confirm-text,
#view-assessment-students-results-modal .modal-content .modal-header-confirm-body--body .modal-body-confirm-text,
#mission-progress-modal .modal-content .modal-header-confirm-body--body .modal-body-confirm-text, #manage-class-modal .modal-content .modal-header .modal-title,
#edit-school-teachers .modal-content .modal-header .modal-title,
#view-teachers-modal .modal-content .modal-header .modal-title,
#view-assignments-modal .modal-content .modal-header .modal-title,
#view-students-modal .modal-content .modal-header .modal-title,
#view-assessment-students-results-modal .modal-content .modal-header .modal-title,
#mission-progress-modal .modal-content .modal-header .modal-title, #delete-class-confirmation-modal .modal-body p.modal-body-confirm-text,
#confirm-modal .modal-body p.modal-body-confirm-text, #custom-class-modal .modal-content .modal-header .modal-title,
#delete-class-confirmation-modal .modal-content .modal-header .modal-title,
#confirm-modal .modal-content .modal-header .modal-title {
  color: #2F3136;
  font-size: 22px;
  letter-spacing: -0.53px;
  line-height: 22px;
  text-align: center;
  font-style: normal;
  font-weight: 500;
  padding: 10px;
}

.close-btn, #manage-class-modal .modal-content .modal-header button.close,
#edit-school-teachers .modal-content .modal-header button.close,
#view-teachers-modal .modal-content .modal-header button.close,
#view-assignments-modal .modal-content .modal-header button.close,
#view-students-modal .modal-content .modal-header button.close,
#view-assessment-students-results-modal .modal-content .modal-header button.close,
#mission-progress-modal .modal-content .modal-header button.close, #custom-class-modal .modal-content .modal-header .close,
#delete-class-confirmation-modal .modal-content .modal-header .close,
#confirm-modal .modal-content .modal-header .close {
  position: absolute;
  right: 20px;
  font-size: 45px;
  font-weight: 300;
  opacity: 1;
  color: #6B6B6B;
}

.go-back, #manage-class-modal .modal-content .modal-header .modal-step-back,
#edit-school-teachers .modal-content .modal-header .modal-step-back,
#view-teachers-modal .modal-content .modal-header .modal-step-back,
#view-assignments-modal .modal-content .modal-header .modal-step-back,
#view-students-modal .modal-content .modal-header .modal-step-back,
#view-assessment-students-results-modal .modal-content .modal-header .modal-step-back,
#mission-progress-modal .modal-content .modal-header .modal-step-back, #custom-class-modal .modal-content .modal-step-back,
#delete-class-confirmation-modal .modal-content .modal-step-back,
#confirm-modal .modal-content .modal-step-back {
  display: none;
  position: absolute;
  left: 20px;
  font-size: 18px;
  font-weight: 300;
  color: #2F3136;
  letter-spacing: -0.19px;
  top: 26px;
  font-weight: 400;
  cursor: pointer;
}
.go-back:before, #manage-class-modal .modal-content .modal-header .modal-step-back:before,
#edit-school-teachers .modal-content .modal-header .modal-step-back:before,
#view-teachers-modal .modal-content .modal-header .modal-step-back:before,
#view-assignments-modal .modal-content .modal-header .modal-step-back:before,
#view-students-modal .modal-content .modal-header .modal-step-back:before,
#view-assessment-students-results-modal .modal-content .modal-header .modal-step-back:before,
#mission-progress-modal .modal-content .modal-header .modal-step-back:before, #custom-class-modal .modal-content .modal-step-back:before,
#delete-class-confirmation-modal .modal-content .modal-step-back:before,
#confirm-modal .modal-content .modal-step-back:before {
  content: "\e80b";
  font-family: "fontello";
  color: #43454A;
  font-size: 16px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  display: inline-block;
  margin-right: 5px;
}

.checkmark-style, #custom-class-modal .modal-content .modal-header .modal-steps.step-two .modal-steps-one .modal-steps-circle p:after,
#delete-class-confirmation-modal .modal-content .modal-header .modal-steps.step-two .modal-steps-one .modal-steps-circle p:after,
#confirm-modal .modal-content .modal-header .modal-steps.step-two .modal-steps-one .modal-steps-circle p:after, .blue-checkboxes label.students-checkbox-label span.checkmark:after, .select-students-grid label.students-checkbox-label span.checkmark:after, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students label.students-checkbox-label span.checkmark:after,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students label.students-checkbox-label span.checkmark:after,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students label.students-checkbox-label span.checkmark:after,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students label.students-checkbox-label span.checkmark:after,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students label.students-checkbox-label span.checkmark:after,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students label.students-checkbox-label span.checkmark:after,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students label.students-checkbox-label span.checkmark:after, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students label.students-checkbox-label span.checkmark:after,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students label.students-checkbox-label span.checkmark:after,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students label.students-checkbox-label span.checkmark:after {
  content: "";
  background-color: transparent;
  position: absolute;
  left: 6px;
  top: 0;
  width: 6px;
  height: 13px;
  border-bottom: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.bold-text, #manage-class-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-link,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-info .modal-info-link,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-link,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-link,
#view-students-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-link,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-link,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-link, #manage-class-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-assignments,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-info .modal-info-assignments,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-assignments,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-assignments,
#view-students-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-assignments,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-assignments,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-assignments, #manage-class-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-teacher span,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-info .modal-info-teacher span,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-teacher span,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-teacher span,
#view-students-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-teacher span,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-teacher span,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-teacher span, #manage-class-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-teacher,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-info .modal-info-teacher,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-teacher,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-teacher,
#view-students-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-teacher,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-teacher,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-teacher {
  color: #6B6B6B;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.16px;
  line-height: 20px;
}

.p-font-style, .modal-header__info p, #manage-class-modal .modal-content .modal-body-step1 .modal-body-filter p.search-info,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-filter p.search-info,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-filter p.search-info,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-filter p.search-info,
#view-students-modal .modal-content .modal-body-step1 .modal-body-filter p.search-info,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-filter p.search-info,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-filter p.search-info, #manage-class-modal .modal-content .modal-body-step1 .modal-body-filter-title,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-filter-title,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-filter-title,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-filter-title,
#view-students-modal .modal-content .modal-body-step1 .modal-body-filter-title,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-filter-title,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-filter-title, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-filter p,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-filter p,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-filter p, .student-row-style-class .student-row-registration p.date, #custom-class-modal .modal-content .modal-body-step2 .student-row-style .student-row-registration p.date,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .student-row-style .student-row-registration p.date,
#confirm-modal .modal-content .modal-body-step2 .student-row-style .student-row-registration p.date, .select-students-grid .modal-step2-students-school .student-row .student-row-registration p.date, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-registration p.date,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-registration p.date,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-registration p.date,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-registration p.date,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-registration p.date,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-registration p.date,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-registration p.date, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row .student-row-registration p.date,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row .student-row-registration p.date,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row .student-row-registration p.date, .select-students-grid .modal-step2-students-selected .student-row .student-row-registration p.date, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-registration p.date,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-registration p.date,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-registration p.date,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-registration p.date,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-registration p.date,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-registration p.date,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-registration p.date, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row .student-row-registration p.date,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row .student-row-registration p.date,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row .student-row-registration p.date, .student-row-style-class .student-row-name p.name, #custom-class-modal .modal-content .modal-body-step2 .student-row-style .student-row-name p.name,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .student-row-style .student-row-name p.name,
#confirm-modal .modal-content .modal-body-step2 .student-row-style .student-row-name p.name, .select-students-grid .modal-step2-students-school .student-row .student-row-name p.name, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-name p.name,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-name p.name,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-name p.name,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-name p.name,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-name p.name,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-name p.name,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-name p.name, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row .student-row-name p.name,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row .student-row-name p.name,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row .student-row-name p.name, .select-students-grid .modal-step2-students-selected .student-row .student-row-name p.name, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-name p.name,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-name p.name,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-name p.name,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-name p.name,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-name p.name,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-name p.name,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-name p.name, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row .student-row-name p.name,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row .student-row-name p.name,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row .student-row-name p.name, .grey-title-row-style, #manage-class-modal .modal-content .modal-body-step1 .modal-body-header .students-number,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-header .students-number,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-header .students-number,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-header .students-number,
#view-students-modal .modal-content .modal-body-step1 .modal-body-header .students-number,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-header .students-number,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-header .students-number, #custom-class-modal .modal-content .modal-body-step2 .title-row-style,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .title-row-style,
#confirm-modal .modal-content .modal-body-step2 .title-row-style, .select-students-grid .modal-step2-students-selected .student-row-title, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-title,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-title,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-title,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-title,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-title,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-title,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-title, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-title,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-title,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-title, .select-students-grid .modal-step2-students-school .student-row-title, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-title,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-title,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-title,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-title,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-title,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-title,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-title, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row-title,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row-title,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row-title {
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
  font-weight: 400;
}

.flex-spaceb, #manage-class-modal .modal-content .modal-body-step1 .modal-body-info .modal-info,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-info .modal-info,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-info .modal-info,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-info .modal-info,
#view-students-modal .modal-content .modal-body-step1 .modal-body-info .modal-info,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-info .modal-info,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-info .modal-info, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.btns-footer, #manage-class-modal .modal-content .modal-footer,
#edit-school-teachers .modal-content .modal-footer,
#view-teachers-modal .modal-content .modal-footer,
#view-assignments-modal .modal-content .modal-footer,
#view-students-modal .modal-content .modal-footer,
#view-assessment-students-results-modal .modal-content .modal-footer,
#mission-progress-modal .modal-content .modal-footer, #custom-class-modal .modal-content .modal-footer,
#delete-class-confirmation-modal .modal-content .modal-footer,
#confirm-modal .modal-content .modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 15px 30px 35px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 600px) {
  .btns-footer, #manage-class-modal .modal-content .modal-footer,
  #edit-school-teachers .modal-content .modal-footer,
  #view-teachers-modal .modal-content .modal-footer,
  #view-assignments-modal .modal-content .modal-footer,
  #view-students-modal .modal-content .modal-footer,
  #view-assessment-students-results-modal .modal-content .modal-footer,
  #mission-progress-modal .modal-content .modal-footer, #custom-class-modal .modal-content .modal-footer,
  #delete-class-confirmation-modal .modal-content .modal-footer,
  #confirm-modal .modal-content .modal-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.bg-btn, .c-hl-preview-container-content .c-hl-preview-container-bottom--btn, .gray-blue-btn, .c-hl-pick-char-body--btn, .c-hl-pick-word-body--btn, .c-hl-match-body-bottom--btn, .hanzi-lesson-score-container--btn, .hanzi-lesson-score-btn button, .c-hl-catalog-header-container--text-body a, .confirm-changes-btn, .cancel-modification-btn, .c-close-popup, #manage-class-modal .modal-content .modal-footer .modal-footer-btn .add-students,
#edit-school-teachers .modal-content .modal-footer .modal-footer-btn .add-students,
#view-teachers-modal .modal-content .modal-footer .modal-footer-btn .add-students,
#view-assignments-modal .modal-content .modal-footer .modal-footer-btn .add-students,
#view-students-modal .modal-content .modal-footer .modal-footer-btn .add-students,
#view-assessment-students-results-modal .modal-content .modal-footer .modal-footer-btn .add-students,
#mission-progress-modal .modal-content .modal-footer .modal-footer-btn .add-students, #manage-class-modal .modal-content .modal-footer .modal-footer-btn .remove-students,
#edit-school-teachers .modal-content .modal-footer .modal-footer-btn .remove-students,
#view-teachers-modal .modal-content .modal-footer .modal-footer-btn .remove-students,
#view-assignments-modal .modal-content .modal-footer .modal-footer-btn .remove-students,
#view-students-modal .modal-content .modal-footer .modal-footer-btn .remove-students,
#view-assessment-students-results-modal .modal-content .modal-footer .modal-footer-btn .remove-students,
#mission-progress-modal .modal-content .modal-footer .modal-footer-btn .remove-students, #manage-class-modal .modal-content .modal-header-confirm-body--footer button,
#edit-school-teachers .modal-content .modal-header-confirm-body--footer button,
#view-teachers-modal .modal-content .modal-header-confirm-body--footer button,
#view-assignments-modal .modal-content .modal-header-confirm-body--footer button,
#view-students-modal .modal-content .modal-header-confirm-body--footer button,
#view-assessment-students-results-modal .modal-content .modal-header-confirm-body--footer button,
#mission-progress-modal .modal-content .modal-header-confirm-body--footer button, #custom-class-modal .modal-content .modal-footer .modal-btn-cancel,
#custom-class-modal .modal-content .modal-footer .modal-btn-next,
#delete-class-confirmation-modal .modal-content .modal-footer .modal-btn-cancel,
#delete-class-confirmation-modal .modal-content .modal-footer .modal-btn-next,
#confirm-modal .modal-content .modal-footer .modal-btn-cancel,
#confirm-modal .modal-content .modal-footer .modal-btn-next {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.15px;
  min-width: 235px;
  max-width: 250px;
  width: 100%;
  padding: 14px 10px;
  border-radius: 25px;
  background-color: #4a90e2;
  border: 1px solid #4a90e2;
  color: #ffffff;
}
@media (max-width: 460px) {
  .bg-btn, .c-hl-preview-container-content .c-hl-preview-container-bottom--btn, .gray-blue-btn, .c-hl-pick-char-body--btn, .c-hl-pick-word-body--btn, .c-hl-match-body-bottom--btn, .hanzi-lesson-score-container--btn, .hanzi-lesson-score-btn button, .c-hl-catalog-header-container--text-body a, .confirm-changes-btn, .cancel-modification-btn, .c-close-popup, #manage-class-modal .modal-content .modal-footer .modal-footer-btn .add-students,
  #edit-school-teachers .modal-content .modal-footer .modal-footer-btn .add-students,
  #view-teachers-modal .modal-content .modal-footer .modal-footer-btn .add-students,
  #view-assignments-modal .modal-content .modal-footer .modal-footer-btn .add-students,
  #view-students-modal .modal-content .modal-footer .modal-footer-btn .add-students,
  #view-assessment-students-results-modal .modal-content .modal-footer .modal-footer-btn .add-students,
  #mission-progress-modal .modal-content .modal-footer .modal-footer-btn .add-students, #manage-class-modal .modal-content .modal-footer .modal-footer-btn .remove-students,
  #edit-school-teachers .modal-content .modal-footer .modal-footer-btn .remove-students,
  #view-teachers-modal .modal-content .modal-footer .modal-footer-btn .remove-students,
  #view-assignments-modal .modal-content .modal-footer .modal-footer-btn .remove-students,
  #view-students-modal .modal-content .modal-footer .modal-footer-btn .remove-students,
  #view-assessment-students-results-modal .modal-content .modal-footer .modal-footer-btn .remove-students,
  #mission-progress-modal .modal-content .modal-footer .modal-footer-btn .remove-students, #manage-class-modal .modal-content .modal-header-confirm-body--footer button,
  #edit-school-teachers .modal-content .modal-header-confirm-body--footer button,
  #view-teachers-modal .modal-content .modal-header-confirm-body--footer button,
  #view-assignments-modal .modal-content .modal-header-confirm-body--footer button,
  #view-students-modal .modal-content .modal-header-confirm-body--footer button,
  #view-assessment-students-results-modal .modal-content .modal-header-confirm-body--footer button,
  #mission-progress-modal .modal-content .modal-header-confirm-body--footer button, #custom-class-modal .modal-content .modal-footer .modal-btn-cancel,
  #custom-class-modal .modal-content .modal-footer .modal-btn-next,
  #delete-class-confirmation-modal .modal-content .modal-footer .modal-btn-cancel,
  #delete-class-confirmation-modal .modal-content .modal-footer .modal-btn-next,
  #confirm-modal .modal-content .modal-footer .modal-btn-cancel,
  #confirm-modal .modal-content .modal-footer .modal-btn-next {
    min-width: 190px;
  }
}

.bg-btn-white, .close-modal-btn {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.15px;
  min-width: 235px;
  max-width: 250px;
  width: 100%;
  padding: 14px 10px;
  border-radius: 25px;
  background-color: #ffffff;
  border: 1px solid #4a90e2;
  color: #4a90e2;
}
@media (max-width: 460px) {
  .bg-btn-white, .close-modal-btn {
    min-width: 190px;
  }
}

.bg-btn-red, .admin-classes-table-row .admin-class-btn[data-action=leave], .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-active .custom-classes-table-row .admin-class-btn[data-action=leave], .cancel-modification-btn, #manage-class-modal .modal-content .modal-footer .modal-footer-btn .remove-students,
#edit-school-teachers .modal-content .modal-footer .modal-footer-btn .remove-students,
#view-teachers-modal .modal-content .modal-footer .modal-footer-btn .remove-students,
#view-assignments-modal .modal-content .modal-footer .modal-footer-btn .remove-students,
#view-students-modal .modal-content .modal-footer .modal-footer-btn .remove-students,
#view-assessment-students-results-modal .modal-content .modal-footer .modal-footer-btn .remove-students,
#mission-progress-modal .modal-content .modal-footer .modal-footer-btn .remove-students, #custom-class-modal .modal-content .modal-footer .modal-btn-cancel,
#delete-class-confirmation-modal .modal-content .modal-footer .modal-btn-cancel,
#confirm-modal .modal-content .modal-footer .modal-btn-cancel {
  background-color: #fff;
  border: 1px solid #EF7C8E;
  color: #EF7C8E;
}
.bg-btn-red:disabled, .admin-classes-table-row .admin-class-btn[data-action=leave]:disabled, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-active .custom-classes-table-row .admin-class-btn[data-action=leave]:disabled, .cancel-modification-btn:disabled, #manage-class-modal .modal-content .modal-footer .modal-footer-btn .remove-students:disabled,
#edit-school-teachers .modal-content .modal-footer .modal-footer-btn .remove-students:disabled,
#view-teachers-modal .modal-content .modal-footer .modal-footer-btn .remove-students:disabled,
#view-assignments-modal .modal-content .modal-footer .modal-footer-btn .remove-students:disabled,
#view-students-modal .modal-content .modal-footer .modal-footer-btn .remove-students:disabled,
#view-assessment-students-results-modal .modal-content .modal-footer .modal-footer-btn .remove-students:disabled,
#mission-progress-modal .modal-content .modal-footer .modal-footer-btn .remove-students:disabled, #custom-class-modal .modal-content .modal-footer .modal-btn-cancel:disabled,
#delete-class-confirmation-modal .modal-content .modal-footer .modal-btn-cancel:disabled,
#confirm-modal .modal-content .modal-footer .modal-btn-cancel:disabled {
  border: 1px solid #6B6B6B;
  color: #6B6B6B;
}
@media (max-width: 600px) {
  .bg-btn-red, .admin-classes-table-row .admin-class-btn[data-action=leave], .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-active .custom-classes-table-row .admin-class-btn[data-action=leave], .cancel-modification-btn, #manage-class-modal .modal-content .modal-footer .modal-footer-btn .remove-students,
  #edit-school-teachers .modal-content .modal-footer .modal-footer-btn .remove-students,
  #view-teachers-modal .modal-content .modal-footer .modal-footer-btn .remove-students,
  #view-assignments-modal .modal-content .modal-footer .modal-footer-btn .remove-students,
  #view-students-modal .modal-content .modal-footer .modal-footer-btn .remove-students,
  #view-assessment-students-results-modal .modal-content .modal-footer .modal-footer-btn .remove-students,
  #mission-progress-modal .modal-content .modal-footer .modal-footer-btn .remove-students, #custom-class-modal .modal-content .modal-footer .modal-btn-cancel,
  #delete-class-confirmation-modal .modal-content .modal-footer .modal-btn-cancel,
  #confirm-modal .modal-content .modal-footer .modal-btn-cancel {
    margin-bottom: 15px;
  }
}

.bg-btn-red-fill, #confirm-modal #confirm-modal-confirm-button {
  background-color: #EF7C8E;
  border: #EF7C8E;
}

.bg-btn-blue, #confirm-modal .modal-btn-cancel {
  border: 1px solid #4A90E2 !important;
  color: #4A90E2 !important;
}

.grey-title-row-style, #manage-class-modal .modal-content .modal-body-step1 .modal-body-header .students-number,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-header .students-number,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-header .students-number,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-header .students-number,
#view-students-modal .modal-content .modal-body-step1 .modal-body-header .students-number,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-header .students-number,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-header .students-number, #custom-class-modal .modal-content .modal-body-step2 .title-row-style,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .title-row-style,
#confirm-modal .modal-content .modal-body-step2 .title-row-style, .select-students-grid .modal-step2-students-selected .student-row-title, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-title,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-title,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-title,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-title,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-title,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-title,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-title, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-title,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-title,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-title, .select-students-grid .modal-step2-students-school .student-row-title, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-title,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-title,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-title,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-title,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-title,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-title,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-title, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row-title,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row-title,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row-title {
  color: #43454A;
  font-weight: 600;
  padding: 12px 20px;
  border-bottom: 1px solid #eaeaea;
  background-color: #F0F0F0;
}

.thead-style-class, #custom-class-modal .modal-content .modal-body-step2 .thead-style,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .thead-style,
#confirm-modal .modal-content .modal-body-step2 .thead-style, .select-students-grid .modal-step2-students-selected .student-row-thead, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-thead,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-thead,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-thead, .select-students-grid .modal-step2-students-school .student-row-thead, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row-thead,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row-thead,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row-thead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 20px;
}
.thead-style-class .student-row-name, #custom-class-modal .modal-content .modal-body-step2 .thead-style .student-row-name,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .thead-style .student-row-name,
#confirm-modal .modal-content .modal-body-step2 .thead-style .student-row-name, .select-students-grid .modal-step2-students-selected .student-row-thead .student-row-name, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead .student-row-name,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead .student-row-name,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead .student-row-name,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead .student-row-name,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead .student-row-name,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead .student-row-name,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead .student-row-name, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-thead .student-row-name,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-thead .student-row-name,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-thead .student-row-name, .select-students-grid .modal-step2-students-school .student-row-thead .student-row-name, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .student-row-name,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .student-row-name,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .student-row-name,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .student-row-name,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .student-row-name,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .student-row-name,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .student-row-name, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row-thead .student-row-name,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row-thead .student-row-name,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row-thead .student-row-name {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.thead-style-class .student-row-name .thead-name, #custom-class-modal .modal-content .modal-body-step2 .thead-style .student-row-name .thead-name,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .thead-style .student-row-name .thead-name,
#confirm-modal .modal-content .modal-body-step2 .thead-style .student-row-name .thead-name, .select-students-grid .modal-step2-students-selected .student-row-thead .student-row-name .thead-name, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead .student-row-name .thead-name,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead .student-row-name .thead-name,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead .student-row-name .thead-name,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead .student-row-name .thead-name,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead .student-row-name .thead-name,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead .student-row-name .thead-name,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead .student-row-name .thead-name, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-thead .student-row-name .thead-name,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-thead .student-row-name .thead-name,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-thead .student-row-name .thead-name, .select-students-grid .modal-step2-students-school .student-row-thead .student-row-name .thead-name, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .student-row-name .thead-name,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .student-row-name .thead-name,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .student-row-name .thead-name,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .student-row-name .thead-name,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .student-row-name .thead-name,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .student-row-name .thead-name,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .student-row-name .thead-name, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row-thead .student-row-name .thead-name,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row-thead .student-row-name .thead-name,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row-thead .student-row-name .thead-name {
  color: #43454A;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.14px;
  margin-right: 10px;
}
.thead-style-class .student-row-name .thead-name:after, #custom-class-modal .modal-content .modal-body-step2 .thead-style .student-row-name .thead-name:after,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .thead-style .student-row-name .thead-name:after,
#confirm-modal .modal-content .modal-body-step2 .thead-style .student-row-name .thead-name:after, .select-students-grid .modal-step2-students-selected .student-row-thead .student-row-name .thead-name:after, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead .student-row-name .thead-name:after,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead .student-row-name .thead-name:after,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead .student-row-name .thead-name:after,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead .student-row-name .thead-name:after,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead .student-row-name .thead-name:after,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead .student-row-name .thead-name:after,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead .student-row-name .thead-name:after, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-thead .student-row-name .thead-name:after,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-thead .student-row-name .thead-name:after,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-thead .student-row-name .thead-name:after, .select-students-grid .modal-step2-students-school .student-row-thead .student-row-name .thead-name:after, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .student-row-name .thead-name:after,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .student-row-name .thead-name:after,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .student-row-name .thead-name:after,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .student-row-name .thead-name:after,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .student-row-name .thead-name:after,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .student-row-name .thead-name:after,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .student-row-name .thead-name:after, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row-thead .student-row-name .thead-name:after,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row-thead .student-row-name .thead-name:after,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row-thead .student-row-name .thead-name:after {
  content: "\e80b";
  font-family: "fontello";
  color: #43454A;
  font-size: 14px;
  vertical-align: middle;
  font-weight: 300;
  margin-left: 10px;
}
.thead-style-class .student-row-name.c-student-row-thead-registration, #custom-class-modal .modal-content .modal-body-step2 .thead-style .student-row-name.c-student-row-thead-registration,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .thead-style .student-row-name.c-student-row-thead-registration,
#confirm-modal .modal-content .modal-body-step2 .thead-style .student-row-name.c-student-row-thead-registration, .select-students-grid .modal-step2-students-selected .student-row-thead .student-row-name.c-student-row-thead-registration, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead .student-row-name.c-student-row-thead-registration,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead .student-row-name.c-student-row-thead-registration,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead .student-row-name.c-student-row-thead-registration,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead .student-row-name.c-student-row-thead-registration,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead .student-row-name.c-student-row-thead-registration,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead .student-row-name.c-student-row-thead-registration,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead .student-row-name.c-student-row-thead-registration, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-thead .student-row-name.c-student-row-thead-registration,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-thead .student-row-name.c-student-row-thead-registration,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-thead .student-row-name.c-student-row-thead-registration, .select-students-grid .modal-step2-students-school .student-row-thead .student-row-name.c-student-row-thead-registration, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .student-row-name.c-student-row-thead-registration,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .student-row-name.c-student-row-thead-registration,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .student-row-name.c-student-row-thead-registration,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .student-row-name.c-student-row-thead-registration,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .student-row-name.c-student-row-thead-registration,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .student-row-name.c-student-row-thead-registration,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .student-row-name.c-student-row-thead-registration, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row-thead .student-row-name.c-student-row-thead-registration,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row-thead .student-row-name.c-student-row-thead-registration,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row-thead .student-row-name.c-student-row-thead-registration {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.thead-name-desc:after {
  display: inline-block;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.student-rows-container-desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.select-students-grid, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students {
  display: grid;
  grid-template-columns: 3fr 1.5fr;
}
@media (max-width: 600px) {
  .select-students-grid, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students,
  #edit-school-teachers .modal-content .modal-body-step1 .modal-body-students,
  #view-teachers-modal .modal-content .modal-body-step1 .modal-body-students,
  #view-assignments-modal .modal-content .modal-body-step1 .modal-body-students,
  #view-students-modal .modal-content .modal-body-step1 .modal-body-students,
  #view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students,
  #mission-progress-modal .modal-content .modal-body-step1 .modal-body-students, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students,
  #delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students,
  #confirm-modal .modal-content .modal-body-step2 .modal-step2-students {
    grid-template-columns: 1fr;
  }
}
.select-students-grid .modal-step2-students-school, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school {
  border-right: 1px solid #eaeaea;
  padding-bottom: 20px;
}
.select-students-grid .modal-step2-students-school .student-rows-container, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-rows-container,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-rows-container,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-rows-container {
  max-height: 450px;
  overflow-y: auto;
  scrollbar-width: none;
}
.select-students-grid .modal-step2-students-school .student-rows-container::-webkit-scrollbar, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container::-webkit-scrollbar,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container::-webkit-scrollbar,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container::-webkit-scrollbar,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container::-webkit-scrollbar,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container::-webkit-scrollbar,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container::-webkit-scrollbar,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container::-webkit-scrollbar, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-rows-container::-webkit-scrollbar,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-rows-container::-webkit-scrollbar,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-rows-container::-webkit-scrollbar {
  width: 0;
}
@media (max-width: 1700px) {
  .select-students-grid .modal-step2-students-school .student-rows-container, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container,
  #edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container,
  #view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container,
  #view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container,
  #view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container,
  #view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container,
  #mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-rows-container,
  #delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-rows-container,
  #confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-rows-container {
    max-height: 50vh;
  }
}
@media (max-width: 1300px) {
  .select-students-grid .modal-step2-students-school .student-rows-container, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container,
  #edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container,
  #view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container,
  #view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container,
  #view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container,
  #view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container,
  #mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-rows-container,
  #delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-rows-container,
  #confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-rows-container {
    max-height: 290px;
  }
}
@media (max-width: 600px) {
  .select-students-grid .modal-step2-students-school .student-rows-container, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container,
  #edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container,
  #view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container,
  #view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container,
  #view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container,
  #view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container,
  #mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-rows-container,
  #delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-rows-container,
  #confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-rows-container {
    max-height: 230px;
  }
}
.select-students-grid .modal-step2-students-school .student-rows-container > div:nth-child(odd), #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container > div:nth-child(odd),
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container > div:nth-child(odd),
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container > div:nth-child(odd),
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container > div:nth-child(odd),
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container > div:nth-child(odd),
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container > div:nth-child(odd),
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container > div:nth-child(odd), #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-rows-container > div:nth-child(odd),
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-rows-container > div:nth-child(odd),
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-rows-container > div:nth-child(odd) {
  background-color: #F0F0F0;
}
.select-students-grid .modal-step2-students-school .student-row-thead, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row-thead,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row-thead,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row-thead {
  padding: 8px 20px;
}
.select-students-grid .modal-step2-students-school .student-row-thead .all:after, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .all:after,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .all:after,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .all:after,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .all:after,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .all:after,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .all:after,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .all:after, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row-thead .all:after,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row-thead .all:after,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row-thead .all:after {
  content: none !important;
}
.select-students-grid .modal-step2-students-school .student-row, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row {
  padding: 8px 25px 8px 20px;
}
.select-students-grid .modal-step2-students-selected, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected {
  min-width: 230px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 600px) {
  .select-students-grid .modal-step2-students-selected, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected,
  #edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected,
  #view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected,
  #view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected,
  #view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected,
  #view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected,
  #mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected,
  #delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected,
  #confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected {
    border-top: 1px solid #b4b4b4;
  }
}
.select-students-grid .modal-step2-students-selected .student-row-thead, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-thead,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-thead,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-thead {
  border-bottom: 1px solid #eaeaea;
}
.select-students-grid .modal-step2-students-selected .student-row-selected-container, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-selected-container,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-selected-container,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-selected-container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  scrollbar-width: none;
  max-height: 390px;
}
.select-students-grid .modal-step2-students-selected .student-row-selected-container::-webkit-scrollbar, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container::-webkit-scrollbar,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container::-webkit-scrollbar,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container::-webkit-scrollbar,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container::-webkit-scrollbar,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container::-webkit-scrollbar,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container::-webkit-scrollbar,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container::-webkit-scrollbar, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-selected-container::-webkit-scrollbar,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-selected-container::-webkit-scrollbar,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-selected-container::-webkit-scrollbar {
  width: 0;
}
@media (max-width: 1700px) {
  .select-students-grid .modal-step2-students-selected .student-row-selected-container, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container,
  #edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container,
  #view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container,
  #view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container,
  #view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container,
  #view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container,
  #mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-selected-container,
  #delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-selected-container,
  #confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-selected-container {
    max-height: calc(50vh - 60px);
  }
}
@media (max-width: 1300px) {
  .select-students-grid .modal-step2-students-selected .student-row-selected-container, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container,
  #edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container,
  #view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container,
  #view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container,
  #view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container,
  #view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container,
  #mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-selected-container,
  #delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-selected-container,
  #confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-selected-container {
    max-height: 230px;
  }
}
.select-students-grid .modal-step2-students-selected .student-row, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row {
  padding: 8px 11px !important;
}
.select-students-grid .modal-step2-students-selected .student-row-delete, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-delete,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-delete,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-delete,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-delete,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-delete,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-delete,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-delete, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-delete,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-delete,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-delete {
  background-color: #404A56;
  padding: 6px 6px;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  height: 27px;
  width: 27px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.select-students-grid .modal-step2-students-selected .student-row-delete p, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-delete p,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-delete p,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-delete p,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-delete p,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-delete p,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-delete p,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-delete p, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-delete p,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-delete p,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row-delete p {
  font-size: 26px;
  text-transform: uppercase;
  font-weight: 500;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  line-height: 17px;
}
.select-students-grid .modal-step2-students-selected .placeholder-text, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .placeholder-text,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .placeholder-text,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .placeholder-text,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .placeholder-text,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .placeholder-text,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .placeholder-text,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .placeholder-text, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .placeholder-text,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .placeholder-text,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .placeholder-text {
  padding: 12px 20px;
  font-size: 14px;
  height: 60%;
}
.select-students-grid .modal-step2-students-selected .btn-add-student, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .btn-add-student,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .btn-add-student,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .btn-add-student,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .btn-add-student,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .btn-add-student,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .btn-add-student,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .btn-add-student, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .btn-add-student,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .btn-add-student,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .btn-add-student {
  text-align: center;
  margin: 20px 10px 20px;
}
.select-students-grid .modal-step2-students-selected .btn-add-student button, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .btn-add-student button,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .btn-add-student button,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .btn-add-student button,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .btn-add-student button,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .btn-add-student button,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .btn-add-student button,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .btn-add-student button, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .btn-add-student button,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .btn-add-student button,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .btn-add-student button {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.15px;
  padding: 7px;
  border-radius: 25px;
  background-color: #4a90e2;
  border: 1px solid #4a90e2;
  color: #ffffff;
  width: 170px;
}

.student-row-style-class, #custom-class-modal .modal-content .modal-body-step2 .student-row-style,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .student-row-style,
#confirm-modal .modal-content .modal-body-step2 .student-row-style, .select-students-grid .modal-step2-students-school .student-row, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row, .select-students-grid .modal-step2-students-selected .student-row, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 20px;
}
.student-row-style-class .student-row-name, #custom-class-modal .modal-content .modal-body-step2 .student-row-style .student-row-name,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .student-row-style .student-row-name,
#confirm-modal .modal-content .modal-body-step2 .student-row-style .student-row-name, .select-students-grid .modal-step2-students-school .student-row .student-row-name, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-name,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-name,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-name,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-name,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-name,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-name,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-name, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row .student-row-name,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row .student-row-name,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row .student-row-name, .select-students-grid .modal-step2-students-selected .student-row .student-row-name, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-name,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-name,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-name,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-name,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-name,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-name,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-name, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row .student-row-name,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row .student-row-name,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row .student-row-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.student-row-style-class .student-row-name span.avatar, #custom-class-modal .modal-content .modal-body-step2 .student-row-style .student-row-name span.avatar,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .student-row-style .student-row-name span.avatar,
#confirm-modal .modal-content .modal-body-step2 .student-row-style .student-row-name span.avatar, .select-students-grid .modal-step2-students-school .student-row .student-row-name span.avatar, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-name span.avatar,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-name span.avatar,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-name span.avatar,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-name span.avatar,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-name span.avatar,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-name span.avatar,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-name span.avatar, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row .student-row-name span.avatar,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row .student-row-name span.avatar,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row .student-row-name span.avatar, .select-students-grid .modal-step2-students-selected .student-row .student-row-name span.avatar, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-name span.avatar,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-name span.avatar,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-name span.avatar,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-name span.avatar,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-name span.avatar,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-name span.avatar,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-name span.avatar, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row .student-row-name span.avatar,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row .student-row-name span.avatar,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row .student-row-name span.avatar {
  background-color: #E2E2E2;
  border-radius: 50%;
  width: 27px;
  height: 27px;
  margin-right: 10px;
}
.student-row-style-class .student-row-name span.avatar .default-profile-image, #custom-class-modal .modal-content .modal-body-step2 .student-row-style .student-row-name span.avatar .default-profile-image,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .student-row-style .student-row-name span.avatar .default-profile-image,
#confirm-modal .modal-content .modal-body-step2 .student-row-style .student-row-name span.avatar .default-profile-image, .select-students-grid .modal-step2-students-school .student-row .student-row-name span.avatar .default-profile-image, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-name span.avatar .default-profile-image,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-name span.avatar .default-profile-image,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-name span.avatar .default-profile-image,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-name span.avatar .default-profile-image,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-name span.avatar .default-profile-image,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-name span.avatar .default-profile-image,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-name span.avatar .default-profile-image, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row .student-row-name span.avatar .default-profile-image,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row .student-row-name span.avatar .default-profile-image,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row .student-row-name span.avatar .default-profile-image, .select-students-grid .modal-step2-students-selected .student-row .student-row-name span.avatar .default-profile-image, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-name span.avatar .default-profile-image,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-name span.avatar .default-profile-image,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-name span.avatar .default-profile-image,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-name span.avatar .default-profile-image,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-name span.avatar .default-profile-image,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-name span.avatar .default-profile-image,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-name span.avatar .default-profile-image, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row .student-row-name span.avatar .default-profile-image,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row .student-row-name span.avatar .default-profile-image,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row .student-row-name span.avatar .default-profile-image {
  width: 27px;
  height: 27px;
}
.student-row-style-class .student-row-name p.name, #custom-class-modal .modal-content .modal-body-step2 .student-row-style .student-row-name p.name,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .student-row-style .student-row-name p.name,
#confirm-modal .modal-content .modal-body-step2 .student-row-style .student-row-name p.name, .select-students-grid .modal-step2-students-school .student-row .student-row-name p.name, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-name p.name,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-name p.name,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-name p.name,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-name p.name,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-name p.name,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-name p.name,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-name p.name, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row .student-row-name p.name,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row .student-row-name p.name,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row .student-row-name p.name, .select-students-grid .modal-step2-students-selected .student-row .student-row-name p.name, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-name p.name,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-name p.name,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-name p.name,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-name p.name,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-name p.name,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-name p.name,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-name p.name, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row .student-row-name p.name,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row .student-row-name p.name,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row .student-row-name p.name {
  color: #6B6B6B;
}
.student-row-style-class .student-row-registration p.date, #custom-class-modal .modal-content .modal-body-step2 .student-row-style .student-row-registration p.date,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .student-row-style .student-row-registration p.date,
#confirm-modal .modal-content .modal-body-step2 .student-row-style .student-row-registration p.date, .select-students-grid .modal-step2-students-school .student-row .student-row-registration p.date, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-registration p.date,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-registration p.date,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-registration p.date,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-registration p.date,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-registration p.date,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-registration p.date,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row .student-row-registration p.date, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row .student-row-registration p.date,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row .student-row-registration p.date,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-school .student-row .student-row-registration p.date, .select-students-grid .modal-step2-students-selected .student-row .student-row-registration p.date, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-registration p.date,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-registration p.date,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-registration p.date,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-registration p.date,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-registration p.date,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-registration p.date,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row .student-row-registration p.date, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row .student-row-registration p.date,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row .student-row-registration p.date,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students .modal-step2-students-selected .student-row .student-row-registration p.date {
  color: #6B6B6B;
}

.blue-checkboxes input[type=checkbox], .select-students-grid input[type=checkbox], #manage-class-modal .modal-content .modal-body-step1 .modal-body-students input[type=checkbox],
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students input[type=checkbox],
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students input[type=checkbox],
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students input[type=checkbox],
#view-students-modal .modal-content .modal-body-step1 .modal-body-students input[type=checkbox],
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students input[type=checkbox],
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students input[type=checkbox], #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students input[type=checkbox],
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students input[type=checkbox],
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students input[type=checkbox] {
  opacity: 0;
  cursor: pointer;
}
.blue-checkboxes input[type=checkbox]:checked ~ .checkmark, .select-students-grid input[type=checkbox]:checked ~ .checkmark, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students input[type=checkbox]:checked ~ .checkmark,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students input[type=checkbox]:checked ~ .checkmark,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students input[type=checkbox]:checked ~ .checkmark,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students input[type=checkbox]:checked ~ .checkmark,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students input[type=checkbox]:checked ~ .checkmark,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students input[type=checkbox]:checked ~ .checkmark,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students input[type=checkbox]:checked ~ .checkmark, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students input[type=checkbox]:checked ~ .checkmark,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students input[type=checkbox]:checked ~ .checkmark,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students input[type=checkbox]:checked ~ .checkmark {
  background-color: #4A90E2;
}
.blue-checkboxes label.students-checkbox-label, .select-students-grid label.students-checkbox-label, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students label.students-checkbox-label,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students label.students-checkbox-label,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students label.students-checkbox-label,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students label.students-checkbox-label,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students label.students-checkbox-label,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students label.students-checkbox-label,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students label.students-checkbox-label, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students label.students-checkbox-label,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students label.students-checkbox-label,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students label.students-checkbox-label {
  position: relative;
  margin-bottom: 0;
}
.blue-checkboxes label.students-checkbox-label span.checkmark, .select-students-grid label.students-checkbox-label span.checkmark, #manage-class-modal .modal-content .modal-body-step1 .modal-body-students label.students-checkbox-label span.checkmark,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students label.students-checkbox-label span.checkmark,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students label.students-checkbox-label span.checkmark,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students label.students-checkbox-label span.checkmark,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students label.students-checkbox-label span.checkmark,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students label.students-checkbox-label span.checkmark,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students label.students-checkbox-label span.checkmark, #custom-class-modal .modal-content .modal-body-step2 .modal-step2-students label.students-checkbox-label span.checkmark,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-students label.students-checkbox-label span.checkmark,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-students label.students-checkbox-label span.checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #CDCECF;
  border-radius: 3px;
  background-color: #FFFFFF;
  cursor: pointer;
}
.modal.fade.in {
  background-color: rgba(0, 0, 0, 0.5);
  padding-right: 0 !important;
}

.modal-backdrop {
  background-color: transparent;
  z-index: 0;
}

.modal.fade:not(.in).right .modal-dialog {
  -webkit-transform: translate3d(25%, 0, 0);
  transform: translate3d(25%, 0, 0);
}

/* create custom class modal */
#custom-class-modal .modal-content .modal-header,
#delete-class-confirmation-modal .modal-content .modal-header,
#confirm-modal .modal-content .modal-header {
  padding: 15px 0 0;
  border-bottom: none;
}
@media (max-width: 500px) {
  #custom-class-modal .modal-content .modal-header .modal-title,
  #delete-class-confirmation-modal .modal-content .modal-header .modal-title,
  #confirm-modal .modal-content .modal-header .modal-title {
    margin: 35px 40px 0;
    font-size: 20px;
  }
}
#custom-class-modal .modal-content .modal-header .modal-steps,
#delete-class-confirmation-modal .modal-content .modal-header .modal-steps,
#confirm-modal .modal-content .modal-header .modal-steps {
  background-color: #43454A;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: white;
  padding: 8px 40px;
  margin-top: 15px;
}
@media (max-width: 500px) {
  #custom-class-modal .modal-content .modal-header .modal-steps,
  #delete-class-confirmation-modal .modal-content .modal-header .modal-steps,
  #confirm-modal .modal-content .modal-header .modal-steps {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #custom-class-modal .modal-content .modal-header .modal-steps .modal-steps-one,
  #custom-class-modal .modal-content .modal-header .modal-steps .modal-steps-hr,
  #delete-class-confirmation-modal .modal-content .modal-header .modal-steps .modal-steps-one,
  #delete-class-confirmation-modal .modal-content .modal-header .modal-steps .modal-steps-hr,
  #confirm-modal .modal-content .modal-header .modal-steps .modal-steps-one,
  #confirm-modal .modal-content .modal-header .modal-steps .modal-steps-hr {
    margin-bottom: 10px !important;
  }
}
#custom-class-modal .modal-content .modal-header .modal-steps .modal-steps-one,
#custom-class-modal .modal-content .modal-header .modal-steps .modal-steps-two,
#delete-class-confirmation-modal .modal-content .modal-header .modal-steps .modal-steps-one,
#delete-class-confirmation-modal .modal-content .modal-header .modal-steps .modal-steps-two,
#confirm-modal .modal-content .modal-header .modal-steps .modal-steps-one,
#confirm-modal .modal-content .modal-header .modal-steps .modal-steps-two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
#custom-class-modal .modal-content .modal-header .modal-steps .modal-steps-one .modal-steps-circle,
#custom-class-modal .modal-content .modal-header .modal-steps .modal-steps-two .modal-steps-circle,
#delete-class-confirmation-modal .modal-content .modal-header .modal-steps .modal-steps-one .modal-steps-circle,
#delete-class-confirmation-modal .modal-content .modal-header .modal-steps .modal-steps-two .modal-steps-circle,
#confirm-modal .modal-content .modal-header .modal-steps .modal-steps-one .modal-steps-circle,
#confirm-modal .modal-content .modal-header .modal-steps .modal-steps-two .modal-steps-circle {
  background-color: #9B9B9B;
  border-radius: 50%;
  height: 26px;
  width: 26px;
  text-align: center;
  margin-right: 15px;
}
#custom-class-modal .modal-content .modal-header .modal-steps .modal-steps-one .modal-steps-circle p,
#custom-class-modal .modal-content .modal-header .modal-steps .modal-steps-two .modal-steps-circle p,
#delete-class-confirmation-modal .modal-content .modal-header .modal-steps .modal-steps-one .modal-steps-circle p,
#delete-class-confirmation-modal .modal-content .modal-header .modal-steps .modal-steps-two .modal-steps-circle p,
#confirm-modal .modal-content .modal-header .modal-steps .modal-steps-one .modal-steps-circle p,
#confirm-modal .modal-content .modal-header .modal-steps .modal-steps-two .modal-steps-circle p {
  font-size: 16px;
  margin-top: 2px;
}
#custom-class-modal .modal-content .modal-header .modal-steps .modal-steps-one .modal-steps-title,
#custom-class-modal .modal-content .modal-header .modal-steps .modal-steps-two .modal-steps-title,
#delete-class-confirmation-modal .modal-content .modal-header .modal-steps .modal-steps-one .modal-steps-title,
#delete-class-confirmation-modal .modal-content .modal-header .modal-steps .modal-steps-two .modal-steps-title,
#confirm-modal .modal-content .modal-header .modal-steps .modal-steps-one .modal-steps-title,
#confirm-modal .modal-content .modal-header .modal-steps .modal-steps-two .modal-steps-title {
  font-size: 14px;
  letter-spacing: -0.15px;
}
#custom-class-modal .modal-content .modal-header .modal-steps .modal-steps-one .modal-steps-circle,
#delete-class-confirmation-modal .modal-content .modal-header .modal-steps .modal-steps-one .modal-steps-circle,
#confirm-modal .modal-content .modal-header .modal-steps .modal-steps-one .modal-steps-circle {
  background-color: #4A90E2;
}
#custom-class-modal .modal-content .modal-header .modal-steps .modal-steps-hr,
#delete-class-confirmation-modal .modal-content .modal-header .modal-steps .modal-steps-hr,
#confirm-modal .modal-content .modal-header .modal-steps .modal-steps-hr {
  width: 133px;
  margin: 0 25px;
  height: 1px;
  background-color: #979797;
}
@media (max-width: 500px) {
  #custom-class-modal .modal-content .modal-header .modal-steps .modal-steps-hr,
  #delete-class-confirmation-modal .modal-content .modal-header .modal-steps .modal-steps-hr,
  #confirm-modal .modal-content .modal-header .modal-steps .modal-steps-hr {
    width: 150px !important;
  }
}
#custom-class-modal .modal-content .modal-header,
#delete-class-confirmation-modal .modal-content .modal-header,
#confirm-modal .modal-content .modal-header {
  /* new style for steps on modal step 2 */
}
#custom-class-modal .modal-content .modal-header .modal-steps.step-two,
#delete-class-confirmation-modal .modal-content .modal-header .modal-steps.step-two,
#confirm-modal .modal-content .modal-header .modal-steps.step-two {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#custom-class-modal .modal-content .modal-header .modal-steps.step-two .modal-steps-one .modal-steps-circle p,
#delete-class-confirmation-modal .modal-content .modal-header .modal-steps.step-two .modal-steps-one .modal-steps-circle p,
#confirm-modal .modal-content .modal-header .modal-steps.step-two .modal-steps-one .modal-steps-circle p {
  position: relative;
  color: #4a90e2;
}
#custom-class-modal .modal-content .modal-header .modal-steps.step-two .modal-steps-one .modal-steps-circle p:after,
#delete-class-confirmation-modal .modal-content .modal-header .modal-steps.step-two .modal-steps-one .modal-steps-circle p:after,
#confirm-modal .modal-content .modal-header .modal-steps.step-two .modal-steps-one .modal-steps-circle p:after {
  background-color: #4a90e2;
  left: 10px;
  top: 3px;
}
#custom-class-modal .modal-content .modal-header .modal-steps.step-two .modal-steps-hr,
#delete-class-confirmation-modal .modal-content .modal-header .modal-steps.step-two .modal-steps-hr,
#confirm-modal .modal-content .modal-header .modal-steps.step-two .modal-steps-hr {
  width: 39px;
  border-color: #4a90e2 !important;
}
#custom-class-modal .modal-content .modal-header .modal-steps.step-two .modal-steps-two .modal-steps-circle,
#delete-class-confirmation-modal .modal-content .modal-header .modal-steps.step-two .modal-steps-two .modal-steps-circle,
#confirm-modal .modal-content .modal-header .modal-steps.step-two .modal-steps-two .modal-steps-circle {
  background-color: #4A90E2 !important;
}
#custom-class-modal .modal-content .modal-body,
#delete-class-confirmation-modal .modal-content .modal-body,
#confirm-modal .modal-content .modal-body {
  padding: 30px 40px;
  min-height: 200px;
}
#custom-class-modal .modal-content .modal-body .modal-step-description,
#delete-class-confirmation-modal .modal-content .modal-body .modal-step-description,
#confirm-modal .modal-content .modal-body .modal-step-description {
  color: #4B4B4B;
  font-size: 18px;
  letter-spacing: -0.19px;
  line-height: 24px;
  font-weight: 400;
}
#custom-class-modal .modal-content .modal-body .modal-input,
#delete-class-confirmation-modal .modal-content .modal-body .modal-input,
#confirm-modal .modal-content .modal-body .modal-input {
  border: none;
  border-bottom: 2px solid #4a90e2;
  margin-top: 10px;
  color: #4B4B4B;
  font-size: 16px;
  letter-spacing: -0.17px;
  line-height: 22px;
  width: 100%;
  min-width: 180px;
  padding: 5px 30px 5px 5px;
}
#custom-class-modal .modal-content .modal-body .modal-input::-webkit-input-placeholder,
#delete-class-confirmation-modal .modal-content .modal-body .modal-input::-webkit-input-placeholder,
#confirm-modal .modal-content .modal-body .modal-input::-webkit-input-placeholder {
  color: #4B4B4B;
  font-size: 16px;
  letter-spacing: -0.17px;
  line-height: 22px;
  opacity: 0.4;
}
#custom-class-modal .modal-content .modal-body .characters-length-warning,
#delete-class-confirmation-modal .modal-content .modal-body .characters-length-warning,
#confirm-modal .modal-content .modal-body .characters-length-warning {
  display: none;
  color: red;
  font-weight: lighter;
  font-size: 11px;
}
#custom-class-modal .modal-content .modal-footer,
#delete-class-confirmation-modal .modal-content .modal-footer,
#confirm-modal .modal-content .modal-footer {
  border: none;
}
@media (max-width: 500px) {
  #custom-class-modal .modal-content .modal-footer,
  #delete-class-confirmation-modal .modal-content .modal-footer,
  #confirm-modal .modal-content .modal-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#custom-class-modal .modal-content,
#delete-class-confirmation-modal .modal-content,
#confirm-modal .modal-content {
  /* modal 'Go back' button  */
}
#custom-class-modal .modal-content,
#delete-class-confirmation-modal .modal-content,
#confirm-modal .modal-content {
  /* modal body styles on step 2 */
}
#custom-class-modal .modal-content .modal-body-step2,
#delete-class-confirmation-modal .modal-content .modal-body-step2,
#confirm-modal .modal-content .modal-body-step2 {
  display: none;
}
#custom-class-modal .modal-content .modal-body-step2 p,
#delete-class-confirmation-modal .modal-content .modal-body-step2 p,
#confirm-modal .modal-content .modal-body-step2 p {
  margin: 0;
}
#custom-class-modal .modal-content .modal-body-step2 .modal-step2-filter,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-filter,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 15px 20px;
}
#custom-class-modal .modal-content .modal-body-step2 .modal-step2-filter p,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-filter p,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-filter p {
  color: #43454A;
  margin-bottom: 10px;
}
@media (max-width: 600px) {
  #custom-class-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container,
  #delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container,
  #confirm-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
#custom-class-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container #modal-filter-select,
#custom-class-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container #modal-filter-select-classes,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container #modal-filter-select,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container #modal-filter-select-classes,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container #modal-filter-select,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container #modal-filter-select-classes {
  max-width: 190px;
  width: 40%;
}
#custom-class-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container #modal-filter-select:disabled,
#custom-class-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container #modal-filter-select-classes:disabled,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container #modal-filter-select:disabled,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container #modal-filter-select-classes:disabled,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container #modal-filter-select:disabled,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container #modal-filter-select-classes:disabled {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
@media (max-width: 420px) {
  #custom-class-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container #modal-filter-select,
  #custom-class-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container #modal-filter-select-classes,
  #delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container #modal-filter-select,
  #delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container #modal-filter-select-classes,
  #confirm-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container #modal-filter-select,
  #confirm-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container #modal-filter-select-classes {
    width: 45%;
  }
}
#custom-class-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container .search-group,
#delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container .search-group,
#confirm-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container .search-group {
  margin-left: 52px;
  font-size: 14px;
}
@media (max-width: 600px) {
  #custom-class-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container .search-group,
  #delete-class-confirmation-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container .search-group,
  #confirm-modal .modal-content .modal-body-step2 .modal-step2-filter .filter-container .search-group {
    margin-left: 0;
    margin-top: 15px;
  }
}
#custom-class-modal .c-modal-search__container,
#delete-class-confirmation-modal .c-modal-search__container,
#confirm-modal .c-modal-search__container {
  position: relative;
  max-width: 285px;
}
#custom-class-modal .c-modal__remove-search-value,
#delete-class-confirmation-modal .c-modal__remove-search-value,
#confirm-modal .c-modal__remove-search-value {
  right: 10px;
  -webkit-transform: none;
          transform: none;
}

/* delete class confirm modal */
#delete-class-confirmation-modal .modal-header .close,
#confirm-modal .modal-header .close {
  z-index: 1;
}
#delete-class-confirmation-modal .modal-body,
#confirm-modal .modal-body {
  padding: 40px !important;
  min-height: 150px !important;
}
.c-confirm-modal-text small {
  color: #4B4B4B;
  font-size: 18px;
  display: block;
  margin-top: 24px;
}

/* manage class modal/ edit teachers school modal/ view assignments modal */
#manage-class-modal p,
#edit-school-teachers p,
#view-teachers-modal p,
#view-assignments-modal p,
#view-students-modal p,
#view-assessment-students-results-modal p,
#mission-progress-modal p {
  margin: 0;
}
#manage-class-modal .modal-content .modal-header,
#edit-school-teachers .modal-content .modal-header,
#view-teachers-modal .modal-content .modal-header,
#view-assignments-modal .modal-content .modal-header,
#view-students-modal .modal-content .modal-header,
#view-assessment-students-results-modal .modal-content .modal-header,
#mission-progress-modal .modal-content .modal-header {
  padding: 10px 0;
  height: auto;
}
#manage-class-modal .modal-content .modal-header .modal-step-back,
#edit-school-teachers .modal-content .modal-header .modal-step-back,
#view-teachers-modal .modal-content .modal-header .modal-step-back,
#view-assignments-modal .modal-content .modal-header .modal-step-back,
#view-students-modal .modal-content .modal-header .modal-step-back,
#view-assessment-students-results-modal .modal-content .modal-header .modal-step-back,
#mission-progress-modal .modal-content .modal-header .modal-step-back {
  top: 21px;
}
#manage-class-modal .modal-content .modal-header-confirm-body,
#edit-school-teachers .modal-content .modal-header-confirm-body,
#view-teachers-modal .modal-content .modal-header-confirm-body,
#view-assignments-modal .modal-content .modal-header-confirm-body,
#view-students-modal .modal-content .modal-header-confirm-body,
#view-assessment-students-results-modal .modal-content .modal-header-confirm-body,
#mission-progress-modal .modal-content .modal-header-confirm-body {
  display: none;
}
#manage-class-modal .modal-content .modal-header-confirm-body--body,
#edit-school-teachers .modal-content .modal-header-confirm-body--body,
#view-teachers-modal .modal-content .modal-header-confirm-body--body,
#view-assignments-modal .modal-content .modal-header-confirm-body--body,
#view-students-modal .modal-content .modal-header-confirm-body--body,
#view-assessment-students-results-modal .modal-content .modal-header-confirm-body--body,
#mission-progress-modal .modal-content .modal-header-confirm-body--body {
  padding: 30px 10px 0 60px;
}
#manage-class-modal .modal-content .modal-header-confirm-body--body .modal-body-confirm-text,
#edit-school-teachers .modal-content .modal-header-confirm-body--body .modal-body-confirm-text,
#view-teachers-modal .modal-content .modal-header-confirm-body--body .modal-body-confirm-text,
#view-assignments-modal .modal-content .modal-header-confirm-body--body .modal-body-confirm-text,
#view-students-modal .modal-content .modal-header-confirm-body--body .modal-body-confirm-text,
#view-assessment-students-results-modal .modal-content .modal-header-confirm-body--body .modal-body-confirm-text,
#mission-progress-modal .modal-content .modal-header-confirm-body--body .modal-body-confirm-text {
  font-size: 18px;
  text-align: left;
}
#manage-class-modal .modal-content .modal-header-confirm-body--body .modal-body-confirm-link,
#edit-school-teachers .modal-content .modal-header-confirm-body--body .modal-body-confirm-link,
#view-teachers-modal .modal-content .modal-header-confirm-body--body .modal-body-confirm-link,
#view-assignments-modal .modal-content .modal-header-confirm-body--body .modal-body-confirm-link,
#view-students-modal .modal-content .modal-header-confirm-body--body .modal-body-confirm-link,
#view-assessment-students-results-modal .modal-content .modal-header-confirm-body--body .modal-body-confirm-link,
#mission-progress-modal .modal-content .modal-header-confirm-body--body .modal-body-confirm-link {
  font-size: 18px;
  font-weight: 600;
  text-align: left;
  color: #4a90e2;
}
#manage-class-modal .modal-content .modal-header-confirm-body--footer,
#edit-school-teachers .modal-content .modal-header-confirm-body--footer,
#view-teachers-modal .modal-content .modal-header-confirm-body--footer,
#view-assignments-modal .modal-content .modal-header-confirm-body--footer,
#view-students-modal .modal-content .modal-header-confirm-body--footer,
#view-assessment-students-results-modal .modal-content .modal-header-confirm-body--footer,
#mission-progress-modal .modal-content .modal-header-confirm-body--footer {
  text-align: center;
  padding: 40px 0 30px;
}
#manage-class-modal .modal-content .modal-body-step1 .modal-body-info,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-info,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-info,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-info,
#view-students-modal .modal-content .modal-body-step1 .modal-body-info,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-info,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-info {
  padding: 12px 20px;
}
#manage-class-modal .modal-content .modal-body-step1 .modal-body-info > .modal-info:first-of-type,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-info > .modal-info:first-of-type,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-info > .modal-info:first-of-type,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-info > .modal-info:first-of-type,
#view-students-modal .modal-content .modal-body-step1 .modal-body-info > .modal-info:first-of-type,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-info > .modal-info:first-of-type,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-info > .modal-info:first-of-type {
  margin-bottom: 8px;
}
#manage-class-modal .modal-content .modal-body-step1 .modal-body-info .modal-info,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-info .modal-info,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-info .modal-info,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-info .modal-info,
#view-students-modal .modal-content .modal-body-step1 .modal-body-info .modal-info,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-info .modal-info,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-info .modal-info {
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#manage-class-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-teacher span,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-info .modal-info-teacher span,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-teacher span,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-teacher span,
#view-students-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-teacher span,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-teacher span,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-teacher span {
  font-weight: 400;
}
#manage-class-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-assignments,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-info .modal-info-assignments,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-assignments,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-assignments,
#view-students-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-assignments,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-assignments,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-assignments {
  font-size: 14px;
}
#manage-class-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-link,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-info .modal-info-link,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-link,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-link,
#view-students-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-link,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-link,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-link {
  color: #4A90E2;
  font-size: 14px;
}
#manage-class-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-link:focus,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-info .modal-info-link:focus,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-link:focus,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-link:focus,
#view-students-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-link:focus,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-link:focus,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-info .modal-info-link:focus {
  text-decoration: none;
}
#manage-class-modal .modal-content .modal-body-step1 .modal-body-header,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-header,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-header,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-header,
#view-students-modal .modal-content .modal-body-step1 .modal-body-header,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-header,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-header {
  width: 100%;
}
#manage-class-modal .modal-content .modal-body-step1 .modal-body-header .students-number,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-header .students-number,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-header .students-number,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-header .students-number,
#view-students-modal .modal-content .modal-body-step1 .modal-body-header .students-number,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-header .students-number,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-header .students-number {
  border-bottom: none;
}
#manage-class-modal .modal-content .modal-body-step1 .modal-body-filter,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-filter,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-filter,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-filter,
#view-students-modal .modal-content .modal-body-step1 .modal-body-filter,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-filter,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-filter {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 20px;
  border-bottom: 1px solid #e5e5e5;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#manage-class-modal .modal-content .modal-body-step1 .modal-body-filter-title,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-filter-title,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-filter-title,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-filter-title,
#view-students-modal .modal-content .modal-body-step1 .modal-body-filter-title,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-filter-title,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-filter-title {
  display: none;
  width: 100%;
  color: #43454A;
  margin-bottom: 10px;
}
#manage-class-modal .modal-content .modal-body-step1 .modal-body-filter-add,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-filter-add,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-filter-add,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-filter-add,
#view-students-modal .modal-content .modal-body-step1 .modal-body-filter-add,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-filter-add,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-filter-add {
  display: none;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#manage-class-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select,
#manage-class-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes,
#view-students-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select,
#view-students-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes {
  max-width: 190px;
  width: 40%;
}
#manage-class-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select:disabled,
#manage-class-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes:disabled,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select:disabled,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes:disabled,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select:disabled,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes:disabled,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select:disabled,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes:disabled,
#view-students-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select:disabled,
#view-students-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes:disabled,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select:disabled,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes:disabled,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select:disabled,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes:disabled {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
@media (max-width: 420px) {
  #manage-class-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select,
  #manage-class-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes,
  #edit-school-teachers .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select,
  #edit-school-teachers .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes,
  #view-teachers-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select,
  #view-teachers-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes,
  #view-assignments-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select,
  #view-assignments-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes,
  #view-students-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select,
  #view-students-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes,
  #view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select,
  #view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes,
  #mission-progress-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select,
  #mission-progress-modal .modal-content .modal-body-step1 .modal-body-filter-add #modal-filter-select-classes {
    width: 45%;
  }
}
#manage-class-modal .modal-content .modal-body-step1 .modal-body-filter .search-group,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-filter .search-group,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-filter .search-group,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-filter .search-group,
#view-students-modal .modal-content .modal-body-step1 .modal-body-filter .search-group,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-filter .search-group,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-filter .search-group {
  width: auto;
  font-size: 14px;
  margin-left: 0;
  position: relative;
}
@media (max-width: 600px) {
  #manage-class-modal .modal-content .modal-body-step1 .modal-body-filter .search-group,
  #edit-school-teachers .modal-content .modal-body-step1 .modal-body-filter .search-group,
  #view-teachers-modal .modal-content .modal-body-step1 .modal-body-filter .search-group,
  #view-assignments-modal .modal-content .modal-body-step1 .modal-body-filter .search-group,
  #view-students-modal .modal-content .modal-body-step1 .modal-body-filter .search-group,
  #view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-filter .search-group,
  #mission-progress-modal .modal-content .modal-body-step1 .modal-body-filter .search-group {
    margin-top: 15px;
    width: 100%;
  }
}
#manage-class-modal .modal-content .modal-body-step1 .modal-body-filter p.search-info,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-filter p.search-info,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-filter p.search-info,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-filter p.search-info,
#view-students-modal .modal-content .modal-body-step1 .modal-body-filter p.search-info,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-filter p.search-info,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-filter p.search-info {
  font-style: italic;
  color: #9B9B9B;
}
@media (min-width: 465px) {
  #manage-class-modal .modal-content .modal-body-step1 .modal-body-filter p.search-info,
  #edit-school-teachers .modal-content .modal-body-step1 .modal-body-filter p.search-info,
  #view-teachers-modal .modal-content .modal-body-step1 .modal-body-filter p.search-info,
  #view-assignments-modal .modal-content .modal-body-step1 .modal-body-filter p.search-info,
  #view-students-modal .modal-content .modal-body-step1 .modal-body-filter p.search-info,
  #view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-filter p.search-info,
  #mission-progress-modal .modal-content .modal-body-step1 .modal-body-filter p.search-info {
    margin-left: 20px;
  }
}
#manage-class-modal .modal-content .modal-body-step1 .modal-body-students,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students {
  grid-template-columns: 1fr;
}
@media (max-width: 600px) {
  #manage-class-modal .modal-content .modal-body-step1 .modal-body-students,
  #edit-school-teachers .modal-content .modal-body-step1 .modal-body-students,
  #view-teachers-modal .modal-content .modal-body-step1 .modal-body-students,
  #view-assignments-modal .modal-content .modal-body-step1 .modal-body-students,
  #view-students-modal .modal-content .modal-body-step1 .modal-body-students,
  #view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students,
  #mission-progress-modal .modal-content .modal-body-step1 .modal-body-students {
    grid-template-columns: 1fr !important;
  }
}
#manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-title,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-title,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-title,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-title,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-title,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-title,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-title {
  display: none;
}
#manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead {
  padding: 8px 20px 8px 20px;
}
#manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .student-row-name .all,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .student-row-name .all,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .student-row-name .all,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .student-row-name .all,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .student-row-name .all,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .student-row-name .all,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row-thead .student-row-name .all {
  display: none;
}
@media (max-width: 1300px) {
  #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container,
  #edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container,
  #view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container,
  #view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container,
  #view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container,
  #view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container,
  #mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container {
    max-height: 290px;
  }
}
@media (max-width: 600px) {
  #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container,
  #edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container,
  #view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container,
  #view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container,
  #view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container,
  #view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container,
  #mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container {
    max-height: 230px;
  }
}
#manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row {
  padding: 5px 20px 5px 20px;
}
#manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected {
  display: none;
}
#manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container {
  overflow-y: auto;
  scrollbar-width: none;
  max-height: 390px;
}
#manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container::-webkit-scrollbar,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container::-webkit-scrollbar,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container::-webkit-scrollbar,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container::-webkit-scrollbar,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container::-webkit-scrollbar,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container::-webkit-scrollbar,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container::-webkit-scrollbar {
  width: 0;
}
@media (max-width: 1700px) {
  #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container,
  #edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container,
  #view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container,
  #view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container,
  #view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container,
  #view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container,
  #mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container {
    max-height: calc(50vh - 60px);
  }
}
@media (max-width: 1300px) {
  #manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container,
  #edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container,
  #view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container,
  #view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container,
  #view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container,
  #view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container,
  #mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-selected-container {
    max-height: 230px;
  }
}
#manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row-thead {
  padding: 10px 20px !important;
}
#manage-class-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row,
#edit-school-teachers .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row,
#view-teachers-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row,
#view-assignments-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row,
#view-students-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row,
#view-assessment-students-results-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row,
#mission-progress-modal .modal-content .modal-body-step1 .modal-body-students .modal-step2-students-selected .student-row {
  padding: 8px 11px !important;
}
#manage-class-modal .modal-content .modal-footer,
#edit-school-teachers .modal-content .modal-footer,
#view-teachers-modal .modal-content .modal-footer,
#view-assignments-modal .modal-content .modal-footer,
#view-students-modal .modal-content .modal-footer,
#view-assessment-students-results-modal .modal-content .modal-footer,
#mission-progress-modal .modal-content .modal-footer {
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
  border-radius: 0 0 18px 18px;
  padding: 10px 30px;
}
#manage-class-modal .c-modal-message-section, #view-students-modal .c-modal-message-section {
  display: none;
  padding: 0px 20px 40px 20px;
}
#manage-class-modal .c-modal-message-section__text, #view-students-modal .c-modal-message-section__text {
  color: #43454A;
  font-size: 15px;
  font-weight: 600;
}
#manage-class-modal .c-modal-message-section.active-message, #view-students-modal .c-modal-message-section.active-message {
  display: block;
}

#edit-school-teachers {
  display: none;
}
#edit-school-teachers .modal-body-step1 .modal-body-students .modal-step2-students-school {
  padding-bottom: 0;
}
#edit-school-teachers .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container {
  max-height: 440px;
  overflow-y: auto;
  /* Width */
}
#edit-school-teachers .modal-body-step1 .modal-body-students .modal-step2-students-school .student-rows-container::-webkit-scrollbar {
  width: 0;
}
#edit-school-teachers .modal-body-step1 .modal-body-students .modal-step2-students-school .student-row {
  padding: 5px 20px;
}
#edit-school-teachers .c-add-delete-teachers {
  background-image: url("/sites/all/themes/lingua/assets/assignments/add-exercise.svg");
  display: block;
  width: 30px;
  height: 30px;
  background-size: cover;
  border: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer !important;
}
#edit-school-teachers .c-add-delete-teachers.remove-teacher {
  background-image: url("/sites/all/themes/lingua/assets/close-icon-gradient-pink.svg");
  background-size: 20px;
}

.btn-disabled {
  background-color: #9B9B9B !important;
  border: 1px solid #9B9B9B !important;
  opacity: 0.7;
}

.modal-header__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 9px 20px;
}
.modal-header__info p {
  color: #6B6B6B;
  font-weight: 600;
}
.modal-header__info a {
  color: #4A90E2;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.15px;
  line-height: 19px;
}

.c-modal__remove-search-value {
  background-image: url("/sites/all/themes/lingua/assets/close-gray.svg");
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
  background-color: transparent;
  height: 10px;
  width: 10px;
  position: absolute;
  top: 50%;
  right: 35px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: none;
}

.page-schools .c-progress-modal__content {
  margin: 0 auto;
}

body.not-front.page-schools div.container:after {
  content: none;
}

/* different btn styles on destructive action (Leave class) popups */
/* assesment modal  */
@media (min-width: 768px) {
  #view-assessment-students-results-modal .modal-dialog {
    width: 800px;
  }
}
#view-assessment-students-results-modal .modal-title {
  text-align: left !important;
  padding: 11px 38px !important;
}
#view-assessment-students-results-modal .modal-body-filter {
  padding: 5px 38px 21px 38px !important;
}
#view-assessment-students-results-modal .modal-header {
  border-bottom: none;
}
#view-assessment-students-results-modal .modal-header button.close {
  font-size: 43px;
  color: #9B9B9B;
  font-weight: 400;
}
#view-assessment-students-results-modal .modal-footer {
  padding: 30px 30px 37px !important;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.01) !important;
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.01) !important;
}
#view-assessment-students-results-modal .modal-footer button {
  background-color: #fff;
  color: #4a90e2;
  padding: 12px 10px;
}
#view-assessment-students-results-modal .modal-body-students {
  width: 100%;
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 15px;
  letter-spacing: -0.16px;
  line-height: 26px;
  font-weight: 500;
}
#view-assessment-students-results-modal .modal-body-students .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 30px 12px 25px;
}
#view-assessment-students-results-modal .modal-body-students .row:before {
  content: none;
}
#view-assessment-students-results-modal .modal-body-students .row .avatar {
  -ms-flex-preferred-size: 10%;
      flex-basis: 10%;
}
@media (max-width: 550px) {
  #view-assessment-students-results-modal .modal-body-students .row .avatar {
    display: none;
  }
}
#view-assessment-students-results-modal .modal-body-students .row .avatar img {
  background-color: lightgrey;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
#view-assessment-students-results-modal .modal-body-students .row .student-name {
  -ms-flex-preferred-size: 32%;
      flex-basis: 32%;
}
@media (max-width: 550px) {
  #view-assessment-students-results-modal .modal-body-students .row .student-name {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}
#view-assessment-students-results-modal .modal-body-students .row .student-progress {
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
  text-align: center;
  font-weight: 600;
}
@media (max-width: 550px) {
  #view-assessment-students-results-modal .modal-body-students .row .student-progress {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}
@media (max-width: 550px) {
  #view-assessment-students-results-modal .modal-body-students .row .student-progress {
    text-align: right;
  }
}
#view-assessment-students-results-modal .modal-body-students .row .student-progress.in-progress {
  color: #acccf2;
}
#view-assessment-students-results-modal .modal-body-students .row .student-progress.completed {
  color: #66e6cc;
}
#view-assessment-students-results-modal .modal-body-students .row .student-progress.not-started {
  color: #c7c7c7;
}
#view-assessment-students-results-modal .modal-body-students .row .student-result {
  -ms-flex-preferred-size: 28%;
      flex-basis: 28%;
  font-weight: 600;
}
#view-assessment-students-results-modal .modal-body-students .row .student-result__unknown {
  margin-right: 9px;
}
@media (min-width: 550px) {
  #view-assessment-students-results-modal .modal-body-students .row .student-result {
    text-align: right;
  }
}
@media (max-width: 550px) {
  #view-assessment-students-results-modal .modal-body-students .row .student-result {
    margin-top: 5px;
  }
}
#view-assessment-students-results-modal .modal-body-students .row .student-result:after {
  content: none;
}
#view-assessment-students-results-modal .modal-body-students .modal-body-thead {
  background-color: rgba(47, 49, 54, 0.9);
  color: #fff;
  font-weight: 600;
  padding: 15px 25px;
}
@media (max-width: 991px) {
  #view-assessment-students-results-modal .modal-body-students .modal-body-thead .caret {
    margin-top: -3px;
    margin-left: 15px;
  }
}
#view-assessment-students-results-modal .modal-body-students .modal-body-thead .avatar-placeholder {
  -ms-flex-preferred-size: 10%;
      flex-basis: 10%;
}
@media (max-width: 550px) {
  #view-assessment-students-results-modal .modal-body-students .modal-body-thead .avatar-placeholder {
    display: none;
  }
}

.c-student-row-thead-name {
  width: 35%;
  padding-right: 8px;
}
.c-student-row-thead-name p.name {
  word-break: break-word;
  max-width: calc(100% - 27px - 10px);
}

.c-student-row-thead-surname {
  width: 30%;
  padding-right: 8px;
}
.c-student-row-thead-surname p.name {
  word-break: break-word;
  max-width: calc(100% - 10px);
}

.c-student-row-thead-registration {
  width: 30%;
  padding-right: 8px;
  text-align: right;
}
.c-student-row-thead-registration .thead-name {
  margin-right: 0 !important;
}

.c-student-row-thead-checkbox {
  width: 5%;
}

.c-schools-page_container.school-page__content {
  padding: 13px 0 0 0 !important;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
  border-radius: 20px;
}
.c-schools-page_container.school-page__content .c-badges__page-mark {
  top: 13px;
  position: static !important;
}

/* reusable classes */
.flex, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-past, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-active, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden, .teacher-custom-classes .custom-classes-table-row, .teacher-custom-classes .custom-classes-table, .admin-classes-table, .admin-classes, .school-classes-filters, .school-classes-search .search-group, .school-classes-search, .school-classes-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-row, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-visible, .class-row, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-past .custom-classes-past-row, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-active .custom-classes-table-row, .admin-classes-table-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.black-title, .teacher-custom-classes .custom-classes-title, .admin-classes-title {
  padding: 15px 29px;
  background-color: #43454A;
  color: #FFFFFF;
  font-size: 15px;
  letter-spacing: -0.16px;
  line-height: 26px;
}

.grey-text, .join-leave-confirmation-modal .modal-content .modal-body .modal-body-confirm-text, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-past .custom-classes-past-row .custom-classes-students, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-past .custom-classes-past-row .custom-classes-name, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-past .custom-classes-past-row .custom-classes-collaboraters, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-active .custom-classes-table-row .admin-class-name, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-active .custom-classes-table-row .admin-class-teachers, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-active .custom-classes-table-row .admin-class-students, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-visible .custom-classes-table-col-right .custom-classes-number, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-visible .custom-classes-table-col-left .custom-classes-name, .admin-classes-table-row .admin-class-name, .admin-classes-table-row .admin-class-teachers, .admin-classes-table-row .admin-class-students {
  color: #6B6B6B;
  font-size: 15px;
  letter-spacing: -0.16px;
  line-height: 28px;
}

.grey-btn, .join-leave-confirmation-modal .modal-content .modal-footer .modal-confirm-btn, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-past .custom-classes-past-row .custom-classes-btn, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-active .custom-classes-table-row .admin-class-btn, .admin-classes-table-row .admin-class-btn {
  color: #fff;
  font-size: 15px;
  letter-spacing: -0.16px;
  text-align: center;
  border-radius: 19px;
  background-color: #4a90e2;
  padding: 5px 4px;
  border: none;
  line-height: 26px;
  min-width: 93px;
}
.grey-btn:disabled, .join-leave-confirmation-modal .modal-content .modal-footer .modal-confirm-btn:disabled, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-past .custom-classes-past-row .custom-classes-btn:disabled, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-active .custom-classes-table-row .admin-class-btn:disabled, .admin-classes-table-row .admin-class-btn:disabled {
  background-color: #D8D8D8;
  color: #6B6B6B;
}

.class-row, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-past .custom-classes-past-row, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-active .custom-classes-table-row, .admin-classes-table-row {
  border-radius: 4px;
  background-color: #F7F7F7;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.3);
  padding: 15px 20px 15px 60px;
}
@media (max-width: 1200px) {
  .class-row, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-past .custom-classes-past-row, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-active .custom-classes-table-row, .admin-classes-table-row {
    padding: 15px 20px;
  }
}

.see-link, .teachers-see-more,
.students-see-more,
.custom-students-see-more {
  color: #4A90E2;
  font-size: 15px;
  letter-spacing: -0.16px;
  text-decoration: underline;
  margin-left: 5px;
}

.details-text, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-active .custom-classes-table-row .admin-class-details, .admin-classes-table-row .admin-class-details {
  color: #6B6B6B;
  font-size: 13px;
  font-style: italic;
  letter-spacing: -0.14px;
  text-align: right;
  line-height: 26px;
}

.m-right, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-visible .custom-classes-table-col-left .custom-classes-avatar, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-visible .custom-classes-table-col-left .custom-classes-icon {
  margin-right: 15px;
}

/* 5 col flex row responsive */
@media (max-width: 767px) {
  .col5-flex, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-active .custom-classes-table-row, .admin-classes-table-row {
    padding: 15px 20px;
  }
  .col5-flex > *, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-active .custom-classes-table-row > *, .admin-classes-table-row > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333%;
            flex: 0 0 33.3333%;
  }
}
@media (min-width: 451px) and (max-width: 767px) {
  .col5-flex > :nth-child(2), .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-active .custom-classes-table-row > :nth-child(2), .admin-classes-table-row > :nth-child(2), .col5-flex > :nth-child(3), .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-active .custom-classes-table-row > :nth-child(3), .admin-classes-table-row > :nth-child(3) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .col5-flex > :nth-child(4), .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-active .custom-classes-table-row > :nth-child(4), .admin-classes-table-row > :nth-child(4), .col5-flex > :nth-child(5), .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-active .custom-classes-table-row > :nth-child(5), .admin-classes-table-row > :nth-child(5) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
  }
  .col5-flex > :nth-child(5), .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-active .custom-classes-table-row > :nth-child(5), .admin-classes-table-row > :nth-child(5) {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media (max-width: 450px) {
  .col5-flex > *, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-active .custom-classes-table-row > *, .admin-classes-table-row > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .col5-flex .admin-class-details, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-active .custom-classes-table-row .admin-class-details, .admin-classes-table-row .admin-class-details {
    text-align: left;
  }
  .col5-flex .admin-class-btn, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-active .custom-classes-table-row .admin-class-btn, .admin-classes-table-row .admin-class-btn {
    margin-top: 10px;
  }
}

/* ------------------------- */
.school-classes-container {
  font-family: "Open Sans";
}
.school-classes-container p {
  padding: 0;
  margin: 0;
}
.school-classes-container p.no-class-found {
  padding: 15px 29px;
}

.bg-row-padding, .school-classes-filters, .school-classes-search, .school-classes-title {
  padding: 16px 27px;
  border-bottom: 1px solid #979797;
}

.school-classes-title {
  padding-top: 25px;
  padding-bottom: 25px;
}
.school-classes-title h2 {
  color: #2F2F2F;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 26px;
  margin-top: 5px;
}
.school-classes-title p {
  color: #2F2F2F;
  font-size: 15px;
  letter-spacing: -0.19px;
  font-weight: 400;
  line-height: 22px;
}

/* filter and search row */
.school-classes-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* search */
.school-classes-search {
  border: none;
}
.school-classes-search p {
  color: #36393F;
  font-size: 16px;
  letter-spacing: -0.17px;
  margin-bottom: 5px;
  font-weight: 400;
}
.school-classes-search .search-group {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.school-classes-search .search-group .search-bar {
  border: none;
  min-width: 180px;
  border-bottom: 1px solid #4a90e2;
  font-size: 14px;
  letter-spacing: -0.15px;
  padding: 5px 10px 5px 5px;
}
.school-classes-search .search-group .search-bar::-webkit-input-placeholder {
  opacity: 1; /* Firefox */
  color: #BFBFBF;
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
}
.school-classes-search .search-group .search-bar::-moz-placeholder {
  opacity: 1; /* Firefox */
  color: #BFBFBF;
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
}
.school-classes-search .search-group .search-bar:-ms-input-placeholder {
  opacity: 1; /* Firefox */
  color: #BFBFBF;
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
}
.school-classes-search .search-group .search-bar::-ms-input-placeholder {
  opacity: 1; /* Firefox */
  color: #BFBFBF;
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
}
.school-classes-search .search-group .search-bar::placeholder {
  opacity: 1; /* Firefox */
  color: #BFBFBF;
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
}
.school-classes-search .search-group .search-icon {
  background-size: cover;
  background-image: url("/sites/all/themes/lingua/assets/catalog-icons/magnifying-glass.svg");
  width: 35px;
  height: 35px;
}

.school-classes-filters {
  border: none;
}
.school-classes-filters p {
  color: #36393F;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.15px;
  margin-bottom: 10px;
}
.school-classes-filters .select-teacher {
  font-family: "Open Sans";
  width: 212px;
  background-color: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #4A90E2;
  color: #4A90E2;
  font-size: 12px;
  letter-spacing: -0.13px;
  line-height: 14px;
  padding: 10px 8px;
  background-image: url("/sites/all/themes/lingua/assets/schools/blue-select-arrow.png");
  -webkit-appearance: none;
  background-position-x: 189px;
  background-position-y: 11px;
  background-repeat: no-repeat;
}

.admin-classes-title {
  position: relative;
}
.admin-classes-title .c-info-icon {
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  right: 5px;
}
.admin-classes-title .c-info-popup {
  right: 18px;
  top: 12px;
}
.admin-classes-table {
  padding: 10px 18px;
}
.admin-classes-table-row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) {
  .admin-classes-table-row .admin-class > div:last-child {
    text-align: right;
  }
}
@media (min-width: 768px) {
  .admin-classes-table-row .admin-class-name, .admin-classes-table-row .admin-class-teachers, .admin-classes-table-row .admin-class-students {
    -webkit-box-flex: 1.5;
        -ms-flex: 1.5;
            flex: 1.5;
  }
}
@media (min-width: 768px) {
  .admin-classes-table-row .admin-class-details {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-right: 15px;
  }
}
.admin-classes-table-row .admin-class-btn[data-action=leave] {
  font-size: 13px;
}
@media (min-width: 768px) {
  .admin-classes-table-row .admin-class-btn {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.teacher-custom-classes .custom-classes-title {
  position: relative;
}
.teacher-custom-classes .custom-classes-title .c-info-icon {
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  right: 5px;
}
.teacher-custom-classes .custom-classes-title .c-info-popup {
  right: 18px;
  top: 12px;
}
.teacher-custom-classes .custom-classes-table {
  padding: 10px;
}
.teacher-custom-classes .custom-classes-table-row {
  width: 100%;
}
.teacher-custom-classes .custom-classes-table-row .custom-classes-row-visible {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
  padding: 10px 20px;
  margin-bottom: 6px;
  cursor: pointer;
}
.teacher-custom-classes .custom-classes-table-row .custom-classes-row-visible .custom-classes-table-col-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0.4;
      -ms-flex: 0.4;
          flex: 0.4;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.teacher-custom-classes .custom-classes-table-row .custom-classes-row-visible .custom-classes-table-col-left .custom-classes-icon i.plus-icon {
  background-image: url("/sites/all/themes/lingua/assets/plus.svg");
  background-repeat: no-repeat;
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 20px;
  height: 20px;
  content: "";
  cursor: pointer;
}
.teacher-custom-classes .custom-classes-table-row .custom-classes-row-visible .custom-classes-table-col-left .custom-classes-avatar img {
  width: 50px;
  height: 50px;
  background-color: #E2E2E2;
  border-radius: 50%;
}
.teacher-custom-classes .custom-classes-table-row .custom-classes-row-visible .custom-classes-table-col-right {
  -webkit-box-flex: 0.6;
      -ms-flex: 0.6;
          flex: 0.6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 600px) {
  .teacher-custom-classes .custom-classes-table-row .custom-classes-row-visible .custom-classes-table-col-right {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin: 10px 0 0 32px;
  }
}
.teacher-custom-classes .custom-classes-table-row .custom-classes-row-visible .custom-classes-table-col-right .custom-classes-details {
  color: #6B6B6B;
  font-size: 13px;
  font-style: italic;
  letter-spacing: -0.14px;
}
.teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden {
  display: none;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #d7d7d7;
}
.teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-active .custom-classes-table-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) {
  .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-active .custom-classes-table-row > div:last-child {
    text-align: right;
    min-width: 110px;
  }
}
@media (min-width: 768px) {
  .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-active .custom-classes-table-row .admin-class-teachers, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-active .custom-classes-table-row .admin-class-students {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
  }
}
@media (min-width: 768px) {
  .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-active .custom-classes-table-row .admin-class-name {
    -webkit-box-flex: 2;
        -ms-flex: 2 1 25%;
            flex: 2 1 25%;
  }
}
@media (min-width: 768px) {
  .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-active .custom-classes-table-row .admin-class-details {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    margin-right: 15px;
  }
}
.teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-active .custom-classes-table-row .admin-class-btn[data-action=leave] {
  font-size: 13px;
}
@media (min-width: 768px) {
  .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-active .custom-classes-table-row .admin-class-btn {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
  }
}
.teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-past .custom-classes-past-row {
  background-color: #eaeaea;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-past .custom-classes-past-row {
    padding: 15px 20px;
  }
  .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-past .custom-classes-past-row > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333%;
            flex: 0 0 33.3333%;
  }
}
@media (min-width: 451px) and (max-width: 767px) {
  .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-past .custom-classes-past-row > :nth-child(2), .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-past .custom-classes-past-row > :nth-child(3) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-past .custom-classes-past-row > :nth-child(4) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media (max-width: 450px) {
  .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-past .custom-classes-past-row > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-past .custom-classes-past-row .custom-classes-btn {
    margin-top: 10px;
  }
}
.teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-past .custom-classes-past-row:first-of-type {
  background-color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: 1;
}
.teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-past .custom-classes-past-row:first-of-type p {
  color: #4B4B4B;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.17px;
  line-height: 22px;
}
.teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-past .custom-classes-past-row .custom-classes-students, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-past .custom-classes-past-row .custom-classes-name, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-past .custom-classes-past-row .custom-classes-collaboraters {
  opacity: 0.53;
}
.minus {
  background-image: url("/sites/all/themes/lingua/assets/minus.svg") !important;
}

/* Join Confirmation Modal */
/* reusable classes */
.grey-title, .join-leave-confirmation-modal .modal-content .modal-header .modal-title {
  color: #2F3136;
  font-size: 22px;
  letter-spacing: -0.53px;
  line-height: 22px;
  text-align: center;
  font-style: normal;
  font-weight: 500;
  padding: 10px;
}
@media (max-width: 500px) {
  .grey-title, .join-leave-confirmation-modal .modal-content .modal-header .modal-title {
    margin: 35px 40px 0;
    font-size: 20px;
  }
}

.x-btn, .join-leave-confirmation-modal .modal-content .modal-header button {
  position: absolute;
  right: 20px;
  font-size: 45px;
  font-weight: 300;
  opacity: 1;
  color: #6B6B6B;
}

.grey-text, .join-leave-confirmation-modal .modal-content .modal-body .modal-body-confirm-text, .admin-classes-table-row .admin-class-name, .admin-classes-table-row .admin-class-teachers, .admin-classes-table-row .admin-class-students, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-visible .custom-classes-table-col-left .custom-classes-name, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-visible .custom-classes-table-col-right .custom-classes-number, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-active .custom-classes-table-row .admin-class-teachers, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-active .custom-classes-table-row .admin-class-students, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-active .custom-classes-table-row .admin-class-name, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-past .custom-classes-past-row .custom-classes-students, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-past .custom-classes-past-row .custom-classes-name, .teacher-custom-classes .custom-classes-table-row .custom-classes-row-hidden .custom-classes-past .custom-classes-past-row .custom-classes-collaboraters {
  color: #4B4B4B;
  font-size: 18px;
  letter-spacing: -0.19px;
  line-height: 24px;
  font-weight: 400;
}

@media (min-width: 768px) {
  .join-leave-confirmation-modal .modal-dialog {
    width: 650px;
  }
}
.join-leave-confirmation-modal .modal-content {
  border-radius: 16px;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  border: none;
}
.join-leave-confirmation-modal .modal-content .modal-header {
  border-bottom: none;
}
.join-leave-confirmation-modal .modal-content .modal-header button {
  top: 6px;
}
@media (max-width: 500px) {
  .join-leave-confirmation-modal .modal-content .modal-header .modal-title {
    margin: 25px 40px 0;
  }
}
.join-leave-confirmation-modal .modal-content .modal-body {
  padding: 20px 40px 30px 60px;
}
.join-leave-confirmation-modal .modal-content .modal-body .modal-body-confirm-text {
  margin-bottom: 5px;
}
.join-leave-confirmation-modal .modal-content .modal-body .modal-body-confirm-link {
  color: #4A90E2;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 24px;
}
.join-leave-confirmation-modal .modal-content .modal-footer {
  border-top: none;
  text-align: center;
  padding-bottom: 48px;
}
.join-leave-confirmation-modal .modal-content .modal-footer .modal-confirm-btn {
  border-radius: 25px;
  padding: 12px;
  width: 235px;
}
@media (max-width: 360px) {
  .join-leave-confirmation-modal .modal-content .modal-footer .modal-confirm-btn {
    width: 190px;
  }
}

.grey-normal-text, .c-assignments-container-styles .c-assignments-modal__students-engaged-text, #view-assignments-modal .c-assignments-modal__students-engaged-text, .c-assignments-container-styles .c-assignments-modal__due-date, #view-assignments-modal .c-assignments-modal__due-date {
  color: #6B6B6B;
  font-size: 12px;
  letter-spacing: -0.13px;
  line-height: 17px;
}

#view-assignments-modal .c-modal__items-container {
  padding-bottom: 20px;
}

.c-assignments-container-styles .c-assignments-container, #view-assignments-modal .c-assignments-container {
  max-width: 605px;
  width: 100%;
  border-radius: 11px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.14);
          box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.14);
  margin: 20px auto 0;
}
.c-assignments-container-styles .c-assignments-modal__due-date span, #view-assignments-modal .c-assignments-modal__due-date span {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.15px;
  line-height: 19px;
  margin-left: 10px;
}
.c-assignments-container-styles .c-assignments-modal__students-engaged-nr, #view-assignments-modal .c-assignments-modal__students-engaged-nr {
  color: #C5C5C5;
  font-size: 11px;
  letter-spacing: -0.13px;
  line-height: 17px;
}
.c-assignments-container-styles .c-assignments-modal__students-engaged-container, #view-assignments-modal .c-assignments-modal__students-engaged-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-assignments-container-styles .c-assignments-modal__progress, #view-assignments-modal .c-assignments-modal__progress {
  width: 113px;
  margin: 0 10px;
  height: 8px;
  border-radius: 10px;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #D8D8D8;
}
.c-assignments-container-styles .c-assignments-modal__progress-bar, #view-assignments-modal .c-assignments-modal__progress-bar {
  width: 0;
  background-color: #4A90E2;
  height: 100%;
  border-radius: 10px;
}
.c-assignments-container-styles .c-assignments-modal__info, #view-assignments-modal .c-assignments-modal__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 22px;
  border-bottom: 0.5px solid #DFDFDF;
}
.c-assignments-container-styles .c-assignments-modal__assignment-item, #view-assignments-modal .c-assignments-modal__assignment-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 30px;
}
.c-assignments-container-styles .c-assignments-modal__list-assignments > .c-assignments-modal__assignment-item:nth-child(even), #view-assignments-modal .c-assignments-modal__list-assignments > .c-assignments-modal__assignment-item:nth-child(even) {
  background-color: #EFEFEF;
}
@media (max-width: 500px) {
  .c-assignments-container-styles .c-assignments-modal__info, #view-assignments-modal .c-assignments-modal__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.c-results-and-activity-container {
  font-family: "Open Sans";
  color: #2F2F2F;
}
.c-results-and-activity-container .c-xlarge-text {
  font-size: 22px;
  letter-spacing: -0.24px;
  line-height: 30px;
}
.c-results-and-activity-container .c-xlarge-to-large-text {
  font-size: 20px;
  letter-spacing: -0.21px;
  line-height: 27px;
}
.c-results-and-activity-container .c-large-text {
  font-size: 18px;
  letter-spacing: -0.19px;
  line-height: 24px;
}
.c-results-and-activity-container .c-medium-text {
  font-size: 16px;
  letter-spacing: -0.17px;
  line-height: 22px;
}
.c-results-and-activity-container .c-regular-to-medium-text {
  font-size: 15px;
  letter-spacing: -0.16px;
  line-height: 20px;
}
.c-results-and-activity-container .c-regular-text {
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
}
.c-results-and-activity-container .c-regular-to-small-text {
  font-size: 13px;
  letter-spacing: -0.14px;
  line-height: 18px;
}
.c-results-and-activity-container .c-small-text {
  font-size: 12px;
  letter-spacing: -0.13px;
  line-height: 17px;
}
.c-results-and-activity-container .c-xsmall-text {
  font-size: 11px;
  letter-spacing: -0.19px;
  line-height: 15px;
}
.c-results-and-activity-container .c-font-weight-600 {
  font-weight: 600;
}
.c-results-and-activity-container .c-font-weight-400 {
  font-weight: 400;
}
.c-results-and-activity-container .c-text-align-center {
  text-align: center;
}
.c-results-and-activity-container .c-text-decoration-underline {
  text-decoration: underline;
}
.c-results-and-activity-container .c-flex-center-space-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-results-and-activity-container .c-flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-results-and-activity-container .c-mr-35 {
  margin-right: 35px;
}
.c-results-and-activity-container .c-width-height-20 {
  width: 20px;
  height: 20px;
}
.c-results-and-activity-container .c-grey-text {
  color: #B1B1B1;
}
.c-results-and-activity-container .c-blue-text {
  color: #4A90E2;
}
.c-results-and-activity-container .c-red-text {
  color: #EF7C8E;
}
.c-results-and-activity-container .c-green-text {
  color: #80E0C9;
}
.c-results-and-activity-container .c-white-text {
  color: #ffffff;
}
.c-results-and-activity-container .c-grey-horizontal-line {
  border-bottom: 1px solid #D6D6D6;
  margin-left: -27px;
  margin-right: -27px;
}
.c-results-and-activity-container .c-table-canvas {
  width: 100%;
  height: 100%;
}
.c-results-and-activity-container .c-table-canvas tbody {
  border: none;
}
.c-results-and-activity-container .c-bar-chart-overflow-auto {
  overflow-x: auto;
}
.c-results-and-activity-container .c-bar-chart-canvas {
  min-width: 660px;
  min-height: 185px;
}
.c-results-and-activity-container .c-blue-btn {
  width: 53px;
  border-radius: 6px;
  background-color: #4A90E2;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.c-results-and-activity-container .c-search-student-form-grup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-bottom: 0px;
  margin-top: 0px;
}
.c-results-and-activity-container .c-search-student-form-grup .c-search-student-input {
  padding-left: 40px !important;
  width: 155px;
  margin-bottom: 0px;
  opacity: 1;
}
.c-results-and-activity-container .c-search-student-form-grup .c-search-student-icon {
  margin-right: -39px;
  font-size: 20px;
  background-image: none;
}
.c-results-and-activity-container .c-back-to-page-section {
  padding: 10px 27px 0px 27px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 370px) {
  .c-results-and-activity-container .c-back-to-page-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.c-results-and-activity-container .c-back-to-page-section .c-results-and-activity-caret {
  margin-top: 0px;
  margin-left: 3px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  border-right: 2px solid;
  border-bottom: 2px solid;
}
.c-results-and-activity-container .c-back-to-page-section .c-results-and-activity-caret::before {
  content: "";
}
.c-results-and-activity-container .c-class-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-results-and-activity-container .c-class-header .c-period-and-class-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 991px) and (max-width: 1115px) {
  .c-results-and-activity-container .c-class-header .c-period-and-class-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 860px) {
  .c-results-and-activity-container .c-class-header .c-period-and-class-section {
    display: inline;
  }
}
@media (max-width: 1330px) {
  .c-results-and-activity-container .c-class-header .c-period-section {
    margin-top: 15px;
  }
}
@media (max-width: 1330px) {
  .c-results-and-activity-container .c-class-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.c-results-and-activity-container .c-period-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-results-and-activity-container .c-period-section__text {
  color: #6B6B6B;
}
.c-results-and-activity-container .c-period-section__cell {
  margin-right: 20px;
}
@media (max-width: 600px) {
  .c-results-and-activity-container .c-period-section__cell {
    margin-bottom: 10px !important;
  }
}
.c-results-and-activity-container .c-period-section__button-text {
  color: #ffffff;
}
.c-results-and-activity-container .c-period-section input {
  height: 36px;
  color: #36393F;
  font-weight: 400;
}
.c-results-and-activity-container .c-period-section .form-group {
  margin-bottom: 0px;
}
@media (max-width: 600px) {
  .c-results-and-activity-container .c-period-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.c-results-and-activity-container .c-change-class-blue-ddl {
  width: 146px;
  height: 30px;
  background-color: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #4A90E2;
  color: #4A90E2;
  line-height: 14px;
  padding: 0px 17px 0px 8px;
  background-image: url(/sites/all/themes/lingua/assets/schools/blue-select-arrow.png);
  -webkit-appearance: none;
  background-position-x: 126px;
  background-position-y: 9px;
  background-repeat: no-repeat;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.c-results-and-activity-container .c-teachers-section {
  margin-top: 7px;
}
.c-results-and-activity-container .c-results-and-activity__progress {
  height: 10px;
  width: 95px;
  border-radius: 6.06px;
  background-color: #D8D8D8;
  margin-bottom: 0;
  margin-right: 7px;
}
.c-results-and-activity-container .c-results-and-activity__progress-bar {
  border-radius: 6.06px;
  background-color: #4A90E2;
}
.c-results-and-activity-container .c-results-and-activity__progress-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.c-results-and-activity-container .c-results-and-activity-header {
  padding: 30px 27px 16px 27px;
  border-bottom: 1px solid #D6D6D6;
}
.c-results-and-activity-container .c-results-and-activity-body {
  padding: 20px 27px 16px 27px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-class-tabs-section {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-class-tabs-section .c-class-tabs-section_button {
  min-height: 40px;
  min-width: 150px;
  max-width: 230px;
  border-radius: 19.56px;
  background-color: #EEEEF5;
  color: #8B9EB3;
  text-align: center;
  border: none;
  margin-right: 18px;
  margin-top: 18px;
  padding: 8px 20px;
  white-space: normal;
}
.c-results-and-activity-container .c-results-and-activity-body .c-class-tabs-section ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style-type: none;
  padding-left: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-results-and-activity-container .c-results-and-activity-body .c-class-tabs-section ul li.active a {
  background-color: #4A90E2;
  color: #FFFFFF;
}
@media (min-width: 991px) and (max-width: 1130px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-class-tabs-section {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 880px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-class-tabs-section {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.c-results-and-activity-container .c-results-and-activity-body .c-grey-box {
  border-radius: 10px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  margin-top: 20px;
  padding-bottom: 30px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-grey-box_header {
  padding: 20px 20px 0px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-results-and-activity-container .c-results-and-activity-body .c-grey-box_header .c-header-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-results-and-activity-container .c-results-and-activity-body .c-grey-box_header .c-section-cell {
  margin-bottom: 20px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-grey-box_header .c-assignments-text {
  margin-right: 40px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-grey-box_header .c-expand-title-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-results-and-activity-container .c-results-and-activity-body .c-grey-box_header .c-student-stats-number-text {
  margin-top: 5px;
  color: #BCBBBB;
}
.c-results-and-activity-container .c-results-and-activity-body .c-grey-box_body {
  border-top: 1px solid #D6D6D6;
  padding: 20px 27px 7px 27px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-expandable-grey-box {
  padding-bottom: 0px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-expandable-grey-box .c-badges__header-sections {
  max-width: 100%;
  border-radius: 10px;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 100%;
}
.c-results-and-activity-container .c-results-and-activity-body .c-expandable-grey-box .c-badges__header-sections div {
  padding: 0px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
@media (max-width: 1024px) and (min-width: 991px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-expandable-grey-box .c-badges__header-sections .c-student-stats-and-period {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (max-width: 768px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-expandable-grey-box .c-badges__header-sections .c-student-stats-and-period {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (max-width: 472px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-expandable-grey-box .c-badges__header-sections .c-header-section {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (max-width: 600px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-expandable-grey-box .c-badges__header-sections .c-badges__header-sections-title {
    font-size: 20px !important;
  }
}
.c-results-and-activity-container .c-results-and-activity-body .c-expandable-grey-box .c-grey-box_body {
  max-width: 100%;
  border-radius: 0 0 10px 10px;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-bottom: 30px;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}
.c-results-and-activity-container .c-results-and-activity-body .c-expandable-table-section .c-badges__header-sections {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
}
.c-results-and-activity-container .c-results-and-activity-body .c-expandable-table-section .active-section {
  border-radius: 10px 10px 0 0;
}
.c-results-and-activity-container .c-results-and-activity-body .c-expandable-table-section_body {
  max-width: 100%;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0px;
  background-color: transparent;
}
.c-results-and-activity-container .c-results-and-activity-body .c-expandable-table-section_body .c-student-table-header {
  border-radius: 0 0 4px 4px;
  background-color: #444549;
  padding: 10px 20px 10px 20px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-expandable-table-section_body .c-student-table-row {
  margin-right: -15px;
  margin-left: -15px;
}
@media (max-width: 767px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-expandable-table-section_body .c-student-table-row .c-student-table-second-header {
    display: none;
  }
}
.c-results-and-activity-container .c-results-and-activity-body .c-expandable-table-section_body .c-student-table-column {
  padding-right: 15px;
  padding-left: 15px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-expandable-table-section_body .c-student-cell {
  padding: 10px 20px 10px 20px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-classes-table {
  max-width: 1131px;
  min-width: 860px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-classes-table thead .c-first-column {
  border-top-left-radius: 10px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-classes-table thead .c-third-column {
  border-top-right-radius: 10px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-classes-table__row .c-first-column {
  min-width: 100px;
  width: 25%;
  max-width: 180px;
  word-wrap: break-word;
  border-style: solid;
  border-color: #DBDBDB;
  border-width: 0 1px 1px 0;
}
@media (max-width: 1150px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-classes-table__row .c-first-column {
    -webkit-box-shadow: 4px 0 5px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 4px 0 5px 0px rgba(0, 0, 0, 0.1);
  }
}
@media (max-width: 500px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-classes-table__row .c-first-column {
    width: 15%;
    max-width: 100px;
  }
}
.c-results-and-activity-container .c-results-and-activity-body .c-classes-table__row .c-second-column {
  min-width: 100px;
  width: 19%;
  border-style: solid;
  border-color: #DBDBDB;
  border-width: 0 1px 1px 0;
}
@media (max-width: 500px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-classes-table__row .c-second-column {
    width: 10%;
  }
}
.c-results-and-activity-container .c-results-and-activity-body .c-classes-table__row .c-third-column {
  min-width: 100px;
  width: 56%;
  border-style: solid;
  border-color: #DBDBDB;
  border-width: 0 0 1px 0;
}
.c-results-and-activity-container .c-results-and-activity-body .c-classes-table__cell {
  padding: 20px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-classes-table__tasks-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.c-results-and-activity-container .c-results-and-activity-body .c-classes-table__link {
  color: #4A90E2;
  text-decoration: underline;
  font-weight: 400;
}
.c-results-and-activity-container .c-results-and-activity-body .c-classes-table__tooltip {
  height: 28px;
  vertical-align: middle;
  margin-left: 10px;
  display: inline;
}
.c-results-and-activity-container .c-results-and-activity-body .c-classes-table__tooltip .c-info-icon {
  position: relative;
  top: 0px;
  right: 0px;
}
@media (max-width: 1024px) and (min-width: 991px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-header-assignments {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (max-width: 768px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-header-assignments {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (max-width: 400px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-header-assignments .c-header-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (max-width: 610px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-header-class-stats {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.c-results-and-activity-container .c-results-and-activity-body .c-header-class-stats-assessment-tests {
  padding: 0px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-header-class-stats-assessment-tests .c-section-cell {
  width: 100%;
  margin-bottom: 0px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-header-class-stats-assessment-tests .c-section-cell .c-badges__header-sections-title {
  width: 100%;
  padding: 20px;
}
@media (max-width: 1300px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-header-student-stats {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.c-results-and-activity-container .c-results-and-activity-body .c-header-student-stats .c-student-stats-and-period {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 66%;
}
@media (max-width: 1300px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-header-student-stats .c-student-stats-and-period {
    width: 100%;
  }
}
@media (max-width: 1024px) and (min-width: 991px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-header-student-stats .c-student-stats-and-period {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 768px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-header-student-stats .c-student-stats-and-period {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 472px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-header-student-stats .c-header-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (max-width: 472px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-header-student-stats .c-header-section .c-search-label-text {
    margin-bottom: 0px;
  }
}
@media (max-width: 710px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-header-student-stats-search {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (max-width: 472px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-header-student-stats-search .c-header-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (max-width: 472px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-header-student-stats-search .c-header-section .c-search-label-text {
    margin-bottom: 0px;
  }
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-stats-table {
  max-width: 1131px;
  min-width: 860px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-stats-table__row .c-first-column {
  padding-left: 0px;
  width: 20%;
  min-width: 100px;
}
@media (max-width: 1222px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-student-stats-table__row .c-first-column {
    -webkit-box-shadow: 4px 0 5px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 4px 0 5px 0px rgba(0, 0, 0, 0.1);
  }
}
@media (max-width: 500px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-student-stats-table__row .c-first-column {
    width: 15%;
    max-width: 100px;
  }
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-stats-table__row .c-second-column {
  min-width: 100px;
  width: 35%;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-stats-table__cell {
  padding: 10px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-stats-table th {
  border-bottom: none;
}
@media (max-width: 1222px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-student-stats-table th {
    -webkit-box-shadow: 4px 0 5px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 4px 0 5px 0px rgba(0, 0, 0, 0.1);
  }
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-stats-table .c-student-image-and-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-stats-table .c-progress-bar-and-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-stats-table .c-progress-bar-and-text .progress {
  height: 24px !important;
  max-width: 251px !important;
  width: 100% !important;
  border-radius: 4px !important;
  background-color: #E7E7E7;
  margin: 10px 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: inline-block;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-stats-table .c-progress-bar-and-text .progress .progress-bar {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #4A90E2 !important;
  border-radius: 4px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-stats-table .c-progress-bar-and-text .c-progress-text {
  padding-left: 10px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-no-image {
  margin-right: 17px;
  width: 40px;
  height: 40px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-name-text {
  color: #4B4B4B;
}
@media (max-width: 767px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-assignment-chart-text {
    text-align: left;
  }
}
.c-results-and-activity-container .c-results-and-activity-body .c-tests-per-date-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 530px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-tests-per-date-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.c-results-and-activity-container .c-results-and-activity-body .c-search-students-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 400px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-search-students-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-grey-box {
  border-radius: 10px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  margin-top: 13px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-grey-box .icon-print {
  color: #85d4d5;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-level-dot {
  height: 50px;
  width: 50px;
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #DDDDDD;
}
.c-results-and-activity-container .c-results-and-activity-body .c-a1-level {
  background-color: #74C4F1;
}
.c-results-and-activity-container .c-results-and-activity-body .c-a2-level {
  background-color: #85d4d5;
}
.c-results-and-activity-container .c-results-and-activity-body .c-b1-level {
  background-color: #9797EB;
}
.c-results-and-activity-container .c-results-and-activity-body .c-b2-level {
  background-color: #7F6AC6;
}
.c-results-and-activity-container .c-results-and-activity-body .c-c1-level {
  background-color: #FF8AB2;
}
.c-results-and-activity-container .c-results-and-activity-body .c-c2-level {
  background-color: #fc719b;
}
.c-results-and-activity-container .c-results-and-activity-body .c-activity-and-results {
  margin-top: -20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1278px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-activity-and-results {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.c-results-and-activity-container .c-results-and-activity-body .c-learning-activity {
  padding-right: 30px;
  width: 65%;
  margin-top: 20px;
}
@media (max-width: 1278px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-learning-activity {
    width: 100%;
    padding-right: 0px;
  }
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-name-container {
  height: 33px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-learning-activity-grey-box {
  border-radius: 6px;
  padding-bottom: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 600px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-learning-activity-grey-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.c-results-and-activity-container .c-results-and-activity-body .c-learning-activity-container {
  padding: 20px;
  border-radius: 6px 0 0 6px;
  min-height: 316px;
  width: 68%;
}
@media (max-width: 600px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-learning-activity-container {
    width: 100%;
    border-radius: 6px;
  }
}
.c-results-and-activity-container .c-results-and-activity-body .c-activity-chart-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 0px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-activity-chart-tabs_btn {
  border-left: none;
  border-top: none;
  border-right: none;
  color: #9B9B9B;
  padding: 6px 0;
}
.c-results-and-activity-container .c-results-and-activity-body .c-activity-chart-tabs_btn:hover {
  background-color: transparent;
}
.c-results-and-activity-container .c-results-and-activity-body .c-activity-chart-tabs .active a {
  color: #7C48C2;
  border-bottom: 1px solid #7C48C2;
  border-left: none;
  border-top: none;
  border-right: none;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-points-container {
  border-radius: 0 6px 6px 0;
  background-color: #F9F9F9;
  padding: 20px;
  min-height: 316px;
  width: 32%;
}
@media (max-width: 600px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-student-points-container {
    width: 100%;
    border-radius: 6px;
  }
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-points-text {
  font-size: 13px;
  letter-spacing: -0.08px;
  line-height: 15px;
  color: #36393F;
  padding-bottom: 14px;
  padding-top: 15px;
  border-bottom: 1px solid #DFDFDF;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-points-value {
  font-size: 30px;
  font-weight: 400;
  letter-spacing: -0.03px;
  line-height: 15px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-activity-list {
  padding-left: 15px;
  padding-top: 5px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-activity-list li {
  color: #6B6B6B;
  font-size: 12px;
  letter-spacing: -0.07px;
  line-height: 19px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-badges-and-diplomes {
  width: 35%;
  min-width: 365px;
  margin-top: 20px;
}
@media (max-width: 1278px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-badges-and-diplomes {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-badges-and-diplomes {
    min-width: 100px;
  }
}
.c-results-and-activity-container .c-results-and-activity-body .c-class-student-badges-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 0px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-class-student-badges-section_button {
  height: 33px;
  width: 96px;
  border-radius: 16.39px;
  background-color: #EEEEF5;
  color: #8B9EB3;
  text-align: center;
  border: none;
  margin-right: 26px;
  padding: 7px 20px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-class-student-badges-section li.active .c-class-student-badges-section_button {
  background-color: #4A90E2 !important;
  color: #FFFFFF;
}
.c-results-and-activity-container .c-results-and-activity-body .c-badges-and-diplomes-table-container {
  border-radius: 6px;
  padding-bottom: 0px;
  max-height: 316px;
  overflow-y: auto;
}
.c-results-and-activity-container .c-results-and-activity-body .c-badges-and-diplomes-table tbody {
  border-top: none;
}
.c-results-and-activity-container .c-results-and-activity-body .c-badges-and-diplomes-table_line {
  min-height: 76px;
  border-bottom: 1px solid #DFDFDF;
  position: relative;
}
.c-results-and-activity-container .c-results-and-activity-body .c-badges-and-diplomes-table_line:last-of-type {
  border-bottom: none;
}
.c-results-and-activity-container .c-results-and-activity-body .c-badges-and-diplomes-table_line .c-first-cell {
  padding: 20px 25px 20px 25px;
  width: 57%;
}
.c-results-and-activity-container .c-results-and-activity-body .c-badges-and-diplomes-table_line .c-second-cell {
  padding-right: 25px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-badges-and-diplomes-table_line .c-third-cell {
  padding-right: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 20%;
}
.c-results-and-activity-container .c-results-and-activity-body .c-badges-and-diplomes-table .c-badges-page__badges-train {
  background-size: 275px 60px;
  height: 60px;
  width: 54px;
  background-image: url(https://ea-video-out.s3.amazonaws.com/1431941/badge.svg);
}
.c-results-and-activity-container .c-results-and-activity-body .c-badges-and-diplomes-table .c-badges-page__badges-train--gold {
  background-position: -32px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-badges-and-diplomes-table .c-badges-page__badges-train--silver {
  background-position: -86px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-badges-and-diplomes-table .c-badges-page__badges-train--bronze {
  background-position: -140px;
}
@media (max-width: 1278px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-badges-and-diplomes-table {
    width: 100%;
  }
}
.c-results-and-activity-container .c-results-and-activity-body .c-badges-and-diplomas-title {
  color: #4B4B4B;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-results-header {
  padding-top: 10px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-results-header .c-class-tabs-section {
  margin-bottom: 16px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-assessment-test-tab-body {
  margin-bottom: -30px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-assessment-test-table {
  max-width: 1131px;
  min-width: 860px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-assessment-test-table__row .c-first-column {
  width: 35%;
  min-width: 100px;
}
@media (max-width: 1222px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-student-assessment-test-table__row .c-first-column {
    -webkit-box-shadow: 4px 0 5px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 4px 0 5px 0px rgba(0, 0, 0, 0.1);
  }
}
@media (max-width: 500px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-student-assessment-test-table__row .c-first-column {
    width: 15%;
    max-width: 100px;
  }
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-assessment-test-table__row .c-last-column {
  padding: 0px 24px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-assessment-test-table__row .c-last-column .c-student-level-dot {
  margin: 0 auto;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-assessment-test-table__header-cell {
  padding: 9px 24px 16px 24px;
  background-color: #43454A;
  color: #FFFFFF;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-assessment-test-table__cell {
  padding: 30px 24px 24px 24px;
  color: #43454A;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-assessment-test-table th {
  border-bottom: none;
}
@media (max-width: 1222px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-student-assessment-test-table th {
    -webkit-box-shadow: 4px 0 5px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 4px 0 5px 0px rgba(0, 0, 0, 0.1);
  }
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-assessment-test-table .icon-print {
  color: #85d4d5;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-level th, .c-results-and-activity-container .c-results-and-activity-body .c-student-level td {
  border-bottom: 3px solid #ECECEC;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-level--a1 th, .c-results-and-activity-container .c-results-and-activity-body .c-student-level--a1 td {
  border-bottom: 3px solid #74C4F1;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-level--a1 .c-student-level-dot {
  background-color: #74C4F1;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-level--a2 th, .c-results-and-activity-container .c-results-and-activity-body .c-student-level--a2 td {
  border-bottom: 3px solid #85d4d5;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-level--a2 .c-student-level-dot {
  background-color: #85d4d5;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-level--b1 th, .c-results-and-activity-container .c-results-and-activity-body .c-student-level--b1 td {
  border-bottom: 3px solid #9797EB;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-level--b1 .c-student-level-dot {
  background-color: #9797EB;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-level--b2 th, .c-results-and-activity-container .c-results-and-activity-body .c-student-level--b2 td {
  border-bottom: 3px solid #7F6AC6;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-level--b2 .c-student-level-dot {
  background-color: #7F6AC6;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-level--c1 th, .c-results-and-activity-container .c-results-and-activity-body .c-student-level--c1 td {
  border-bottom: 3px solid #FF8AB2;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-level--c1 .c-student-level-dot {
  background-color: #FF8AB2;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-level--c2 th, .c-results-and-activity-container .c-results-and-activity-body .c-student-level--c2 td {
  border-bottom: 3px solid #fc719b;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-level--c2 .c-student-level-dot {
  background-color: #fc719b;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-learning-tracks-tab-body {
  margin-bottom: -25px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-learning-tracks-table {
  max-width: 1131px;
  min-width: 860px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-learning-tracks-table thead th {
  border-bottom: none;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-learning-tracks-table__row:last-of-type .c-student-learning-tracks-table__cell {
  border-bottom: none;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-learning-tracks-table__row .c-first-column {
  min-width: 100px;
}
@media (max-width: 1222px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-student-learning-tracks-table__row .c-first-column {
    -webkit-box-shadow: 4px 0 5px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 4px 0 5px 0px rgba(0, 0, 0, 0.1);
  }
}
@media (max-width: 500px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-student-learning-tracks-table__row .c-first-column {
    width: 15%;
    max-width: 100px;
  }
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-learning-tracks-table__row .c-last-column {
  padding: 0px 24px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-learning-tracks-table__header-cell {
  padding: 11px 24px 14px 24px;
  background-color: #43454A;
  color: #FFFFFF;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-learning-tracks-table__cell {
  padding: 30px 24px 30px 24px;
  color: #43454A;
  border-bottom: 2px solid #DFDFDF;
}
@media (max-width: 1222px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-student-learning-tracks-table th {
    -webkit-box-shadow: 4px 0 5px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 4px 0 5px 0px rgba(0, 0, 0, 0.1);
  }
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-learning-tracks-table .c-status-score-text {
  color: #868686;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-skill-booster-tab-body {
  margin-bottom: -25px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-skill-boosters-table {
  max-width: 1131px;
  min-width: 860px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-skill-boosters-table thead th {
  border-bottom: none;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-skill-boosters-table__row:last-of-type .c-student-skill-boosters-table__cell {
  border-bottom: none;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-skill-boosters-table__row .c-first-column {
  min-width: 100px;
}
@media (max-width: 1222px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-student-skill-boosters-table__row .c-first-column {
    -webkit-box-shadow: 4px 0 5px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 4px 0 5px 0px rgba(0, 0, 0, 0.1);
  }
}
@media (max-width: 500px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-student-skill-boosters-table__row .c-first-column {
    width: 15%;
    max-width: 100px;
  }
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-skill-boosters-table__row .c-last-column {
  padding: 0px 24px;
  width: 120px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-skill-boosters-table__header-cell {
  padding: 11px 24px 14px 24px;
  background-color: #43454A;
  color: #FFFFFF;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-skill-boosters-table__cell {
  padding: 30px 24px 30px 24px;
  color: #43454A;
  border-bottom: 2px solid #DFDFDF;
}
@media (max-width: 1222px) {
  .c-results-and-activity-container .c-results-and-activity-body .c-student-skill-boosters-table th {
    -webkit-box-shadow: 4px 0 5px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 4px 0 5px 0px rgba(0, 0, 0, 0.1);
  }
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-skill-boosters-table .c-status-text {
  color: #2F3136;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-skill-boosters-table .c-badges-page__badges-train {
  background-size: 275px 60px;
  height: 60px;
  width: 54px;
  background-image: url(https://ea-video-out.s3.amazonaws.com/1431941/badge.svg);
  margin: 0 auto;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-skill-boosters-table .c-badges-page__badges-train--gold {
  background-position: -32px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-skill-boosters-table .c-badges-page__badges-train--silver {
  background-position: -86px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-skill-boosters-table .c-badges-page__badges-train--bronze {
  background-position: -140px;
}
.c-results-and-activity-container .c-results-and-activity-body .c-student-skill-boosters-table .c-no-badge-grey-line {
  background-color: #979797;
  height: 1px;
  width: 36px;
  margin: 0 auto;
}
.c-results-and-activity-container .c-class-stats_my-class {
  margin-top: 19px;
}
.c-results-and-activity-container .c-class-stats_graph {
  min-width: 110px;
  margin-top: 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-results-and-activity-container .c-class-stats_graph .c-canvas-size {
  width: 100px;
  height: 100px;
}
@media (max-width: 767px) {
  .c-results-and-activity-container .c-class-stats_graph-and-details {
    text-align: center;
    margin-bottom: 20px;
  }
}
.c-results-and-activity-container .c-class-stats_categories {
  margin-bottom: 20px;
  padding-left: 0px;
}
@media (max-width: 767px) {
  .c-results-and-activity-container .c-class-stats_categories {
    margin-bottom: 40px;
  }
}
.c-results-and-activity-container .c-class-stats .c-all-classes {
  margin-top: 14px;
}
.c-results-and-activity-container .c-student-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 680px) {
  .c-results-and-activity-container .c-student-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.c-results-and-activity-container .c-student-header .c-period-section {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-results-and-activity-container .c-student-header .c-period-section .c-period-section__cell {
  margin-bottom: 0px !important;
}
@media (max-width: 370px) {
  .c-results-and-activity-container .c-student-header .c-period-section .c-period-section__cell {
    margin-bottom: 10px !important;
  }
}
@media (max-width: 680px) {
  .c-results-and-activity-container .c-student-header .c-period-section {
    margin-top: 20px;
  }
}
@media (max-width: 370px) {
  .c-results-and-activity-container .c-student-header .c-period-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.c-results-and-activity-container .c-export-blue-btn {
  height: 40px;
  min-width: 232px;
  border-radius: 5px;
  background-color: #4A90E2;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 15px;
}
@media (max-width: 370px) {
  .c-results-and-activity-container .c-export-blue-btn {
    margin-top: 10px;
  }
}
.c-results-and-activity-container .c-export-csv-icon {
  background-image: url(/sites/all/themes/lingua/assets/schools/download-white-icon.png);
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  margin-right: 7px;
}

.c-fixed-left-col-and-header-table {
  position: relative;
  width: 100%;
  z-index: 1;
  margin: auto;
  overflow: auto;
}
@media (max-width: 1300px) {
  .c-fixed-left-col-and-header-table {
    max-height: 595px;
  }
}
.c-fixed-left-col-and-header-table table {
  width: 100%;
  margin: auto;
  border-collapse: separate;
  border-spacing: 0;
}
.c-fixed-left-col-and-header-table table thead th { /* for Safari */
  position: sticky;
  top: 0;
  background: #FFFFFF;
  z-index: 1;
}
.c-fixed-left-col-and-header-table table thead th:first-child {
  left: 0;
  z-index: 3;
}
.c-fixed-left-col-and-header-table table tbody {
  border-top: 0px;
}
.c-fixed-left-col-and-header-table table tbody th { /* for Safari */
  position: sticky;
  left: 0;
  background: #FFFFFF;
  z-index: 2;
}

.c-mission-tag {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-mission-tag__text {
  font-size: 9px;
  font-weight: 600;
  padding-left: 5px;
  padding-right: 10px;
  background-color: #E8E8E8;
  border-bottom-right-radius: 7px;
  letter-spacing: normal;
}

.table-info {
  font-size: 14px;
  font-weight: 400;
  padding: 5px 0 0 24px;
}

.c-export-data-csv-modal .modal-body {
  padding: 0px;
}
.c-export-data-csv-modal_header {
  padding: 21px 25px 19px 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-export-data-csv-modal_header .c-title {
  color: #36393F;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.26px;
  line-height: 33px;
}
@media (max-width: 360px) {
  .c-export-data-csv-modal_header .c-title {
    font-size: 20px;
  }
}
.c-export-data-csv-modal_header .c-cancel-btn {
  color: #4A90E2;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.21px;
  line-height: 27px;
  cursor: pointer;
}
@media (max-width: 360px) {
  .c-export-data-csv-modal_header .c-cancel-btn {
    font-size: 16px;
  }
}
.c-export-data-csv-modal .c-hr {
  border-bottom: 2px solid #D6D6D6;
}
.c-export-data-csv-modal .c-days-section {
  padding: 0px 25px 15px 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 615px) {
  .c-export-data-csv-modal .c-days-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.c-export-data-csv-modal .c-subtitle-text {
  color: #36393F;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.17px;
  line-height: 22px;
  margin-top: 15px;
}
.c-export-data-csv-modal .c-export-data-csv-datepicker {
  color: #36393F;
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
  font-weight: 400;
}
.c-export-data-csv-modal .c-select-blue-btn {
  height: 36px;
  width: 74px;
  border-radius: 6px;
  background-color: #4A90E2;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.13px;
  line-height: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.c-export-data-csv-modal .c-data-type-section {
  padding: 0px 25px 22px 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 470px) {
  .c-export-data-csv-modal .c-data-type-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.c-export-data-csv-modal .c-data-type-subtitle {
  margin-top: 24px;
  min-width: 125px;
}
.c-export-data-csv-modal .c-data-type-checkboxes-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 480px;
}
.c-export-data-csv-modal .c-data-type-checkboxes label {
  font-size: 16px;
  letter-spacing: -0.17px;
  line-height: 22px;
  font-weight: 400;
  margin-bottom: 0px;
}
.c-export-data-csv-modal .c-data-type-checkboxes input {
  height: 30px;
  width: 30px;
  border: 1px solid #CDCECF;
  border-radius: 3px;
  background-color: #FFFFFF;
  margin-top: 0px;
}
.c-export-data-csv-modal .c-data-type-checkboxes .c-checkbox-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-export-data-csv-modal .c-choose-class-section {
  padding: 0px 25px 24px 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 470px) {
  .c-export-data-csv-modal .c-choose-class-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.c-export-data-csv-modal .c-change-class-blue-ddl {
  width: 220px;
  height: 30px;
  background-color: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #4A90E2;
  color: #4A90E2;
  line-height: 14px;
  padding: 0px 20px 0px 8px;
  background-image: url(/sites/all/themes/lingua/assets/schools/blue-select-arrow.png);
  -webkit-appearance: none;
  background-position-x: 195px;
  background-position-y: 9px;
  background-repeat: no-repeat;
  font-size: 13px;
  letter-spacing: -0.14px;
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.c-export-data-csv-modal .c-select-students-section {
  padding: 0px 25px 13px 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 768px) and (max-width: 991px) {
  .c-export-data-csv-modal .c-select-students-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 701px) {
  .c-export-data-csv-modal .c-select-students-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.c-export-data-csv-modal .c-search-students-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 410px) {
  .c-export-data-csv-modal .c-search-students-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.c-export-data-csv-modal .c-search-student-form-grup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-bottom: 0px;
  margin-top: 0px;
}
.c-export-data-csv-modal .c-search-student-form-grup .c-search-student-input {
  padding-left: 40px !important;
  width: 155px;
  margin-bottom: 0px;
  opacity: 1;
}
.c-export-data-csv-modal .c-search-student-form-grup .c-search-student-icon {
  margin-right: -39px;
  font-size: 20px;
  background-image: none;
}
.c-export-data-csv-modal .c-student-list-section {
  padding: 23px 25px 0px 25px;
  max-height: 465px;
  overflow-y: auto;
}
.c-export-data-csv-modal .c-student-no-image {
  margin-right: 10px;
  width: 40px;
  height: 40px;
}
.c-export-data-csv-modal .c-student-name {
  color: #4B4B4B;
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
  text-decoration: underline;
}
.c-export-data-csv-modal .c-export-button-section {
  border-radius: 0 0 8px 8px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 -4px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 -4px 4px 0 rgba(0, 0, 0, 0.1);
  padding-top: 14px;
  padding-bottom: 11px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-export-data-csv-modal .c-export-csv-data-btn {
  background-color: #4A90E2;
  border: 0;
  border-radius: 23px;
  color: #FFF;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.13px;
  line-height: 17px;
  padding: 15px 0;
  width: 220px;
}
.c-export-data-csv-modal .c-export-csv-data-btn:disabled {
  background-color: #9B9B9B;
}

.missions-learning-track-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.missions-learning-track-header span {
  margin-right: 12px;
  height: 42px;
  width: 42px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.missions-learning-track-header span img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.disabled-mission {
  background: #fff;
  display: none;
  height: 100%;
  left: 0;
  opacity: 0.7;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3;
}

.c-mission-card {
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.14);
          box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.14);
  max-width: 1106px;
  width: 100%;
  min-height: 80px;
  padding: 17px 25px;
  position: relative;
  margin-bottom: 15px;
}
.c-mission-card .icon {
  cursor: pointer;
}
.c-mission-card .c-mission-dropdown {
  min-width: 176px;
}
.c-mission-card .c-assignments__select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
}
.c-mission-card__message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.c-mission-card__message p {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
  margin-bottom: 0;
  margin-right: 15px;
  font-weight: 600;
}
.c-mission-card__message span {
  font-family: "Open Sans";
  font-size: 12px;
  letter-spacing: -0.13px;
  line-height: 17px;
  text-decoration: underline;
}
.c-mission-card .c-assignments-exercise__icon {
  margin-right: 15px;
}
.c-mission-card .c-assignments-exercise__icon .c-add-mission-message {
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
}
.c-mission-card .c-mission-due-date__text {
  min-width: 135px;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.15px;
  line-height: 19px;
  margin-bottom: 0;
}
.c-mission-card .c-mission_card-buttons-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-mission-card .c-mission_card-buttons-container .c-mission_card-button {
  height: 40px;
  width: 169px;
  min-width: 90px;
  border-radius: 20.5px;
  background-color: #4A90E2;
  color: #FFFFFF;
  font-size: 14px;
  text-align: center;
  border: none;
  margin-right: 20px;
}
.c-mission-card .c-mission_card-buttons-container .c-mission_card-button:disabled {
  background: #C6C6C6;
  pointer-events: none;
}
@media (min-width: 768px) and (max-width: 1120px) {
  .c-mission-card .c-mission_card-buttons-container .c-mission_card-button {
    width: 100px;
  }
}
@media (max-width: 1120px) {
  .c-mission-card {
    grid-row-gap: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    justify-items: stretch;
    padding-top: 17px;
  }
  .c-mission-card .c-mission_card-buttons-container {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .c-mission-card .c-assessment_card-calendar {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .c-mission-card .c-assignments__datepicker-container {
    padding-left: 0 !important;
  }
}
@media (max-width: 767px) {
  .c-mission-card {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 552px) {
  .c-mission-card {
    grid-template-columns: 1fr;
    grid-row-gap: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    justify-items: start;
  }
}

.c-ongoing-mission {
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.15px;
  line-height: 19px;
}
.c-ongoing-mission .c-mission-dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-ongoing-mission .c-mission-dropdown p {
  margin-bottom: 0;
  margin-right: 10px;
}
.c-ongoing-mission .c-mission-dropdown span {
  color: #A8A8A8;
  font-family: "Open Sans";
  font-size: 11px;
  font-style: italic;
  letter-spacing: -0.12px;
  line-height: 15px;
}
@media (min-width: 768px) and (max-width: 1330px) {
  .c-ongoing-mission .c-mission-dropdown {
    display: initial;
  }
}
@media (max-width: 500px) {
  .c-ongoing-mission .c-mission-dropdown {
    display: initial;
  }
}
.c-ongoing-mission .c-assessment_card-calendar {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.c-ongoing-mission .c-assessment_card-calendar .c-mission-date {
  min-width: 93px;
  margin-bottom: 0;
  font-weight: normal;
  letter-spacing: -0.15px;
  color: #777777;
}
.c-ongoing-mission .c-assessment_card-calendar .c-mission-due-date__text {
  min-width: 0;
  margin-right: 10px;
}
.c-ongoing-mission .c-assessment_card-calendar .c-mission-due-date-container {
  min-width: 108px;
}
.c-ongoing-mission .c-assessment_card-calendar .c-assignments__datepicker-container {
  margin-left: 0;
}
@media (min-width: 768px) and (max-width: 1330px) {
  .c-ongoing-mission .c-assessment_card-calendar .c-ongoing-past-missions-due-date {
    display: initial;
  }
}
.c-ongoing-mission .c-mission_card-buttons-container {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-ongoing-mission .c-mission_card-buttons-container p {
  margin-bottom: 0;
  color: #B4B4B4;
  color: #B4B4B4;
  font-family: "Open Sans";
  font-size: 12px;
  letter-spacing: -0.13px;
  line-height: 17px;
}
.c-ongoing-mission .c-mission_card-buttons-container .c-mission-date {
  color: #B4B4B4;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
  margin-right: 10px;
}
.c-ongoing-mission .c-mission_card-buttons-container .c-mission_icons-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 94px;
}
.c-ongoing-mission .c-mission_card-buttons-container .c-mission-icon {
  margin-right: 5px;
  height: 34px;
  width: 34px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.c-ongoing-mission .c-mission_card-buttons-container .c-mission-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
@media (max-width: 552px) {
  .c-ongoing-mission .c-mission_card-buttons-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .c-ongoing-mission .c-mission_card-buttons-container .c-mission_icons-container {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 10px;
  }
}
.c-ongoing-mission .c-ongoing-mission-select-due-date {
  display: none;
}
.c-ongoing-mission .c-font-weight-300 {
  font-weight: 300;
}

.c-past-mission .c-mission_card-buttons-container p {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
  font-weight: normal;
}

.c-mission-progress-status,
.c-student-mission-progress-status,
.c-student-learning-tracks-progress-status {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding-left: 0px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-mission-progress-status li,
.c-student-mission-progress-status li,
.c-student-learning-tracks-progress-status li {
  background-color: #DFDFDF;
  border-radius: 50%;
  height: 21px;
  list-style: none;
  margin: 0 10px;
  position: relative;
  width: 21px;
}
.c-mission-progress-status li:first-of-type,
.c-student-mission-progress-status li:first-of-type,
.c-student-learning-tracks-progress-status li:first-of-type {
  margin-left: 0px;
}
.c-mission-progress-status li.checked,
.c-student-mission-progress-status li.checked,
.c-student-learning-tracks-progress-status li.checked {
  background-image: url("/sites/all/themes/lingua/assets/check-white.svg");
  background-color: #80E0C9;
  background-repeat: no-repeat;
  background-position: center;
}
.c-mission-progress-status li:after,
.c-student-mission-progress-status li:after,
.c-student-learning-tracks-progress-status li:after {
  background-color: #DFDFDF;
  content: "";
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  height: 1px;
  position: absolute;
  right: -20px;
  top: 50%;
  width: 20px;
}
.c-mission-progress-status li:last-of-type:after,
.c-student-mission-progress-status li:last-of-type:after,
.c-student-learning-tracks-progress-status li:last-of-type:after {
  display: none;
}

@media (max-width: 552px) {
  .c-mission-progress-status {
    display: grid;
  }
  .c-mission-progress-status li {
    margin: 10px 0;
  }
  .c-mission-progress-status li:after {
    display: grid;
    height: 20px;
    right: 10px;
    top: 100%;
    width: 1px;
  }
}

.c-icon-close-mission-modal {
  background-image: url(/sites/all/themes/lingua/assets/close-gray.svg) !important;
  position: absolute !important;
  top: 15px !important;
  right: 30px !important;
  display: block;
}

#mission-progress-modal .c-progress-modal__header {
  padding: 17px 30px 11px 37px;
}
#mission-progress-modal .c-progress-modal__header .c-progress-modal__header-title {
  color: #2F3136;
}
#mission-progress-modal .c-progress-modal__header .c-sl-catalog__col-search div.form__group {
  margin-right: -33px;
}
#mission-progress-modal .c-progress-modal__body-container {
  max-height: 60vh;
  overflow-y: auto;
}
#mission-progress-modal .c-mission-table th:first-of-type {
  padding-left: 37px;
}
#mission-progress-modal .c-mission-table .c-status-th {
  text-align: center;
}
#mission-progress-modal .c-mission-table td {
  padding-right: 1rem;
}
#mission-progress-modal .c-mission-table td:first-of-type {
  padding-left: 37px;
}
#mission-progress-modal .c-mission-table td:last-of-type {
  padding-right: 30px;
}
#mission-progress-modal .c-mission-table td .c-student__status {
  text-align: center;
}
#mission-progress-modal .c-mission-table .c-student-picture-place {
  width: 45px;
}
#mission-progress-modal .c-mission-table .c-student-picture-place .c-student-picture {
  width: 45px;
  height: 45px;
  background-color: #D8D8D8;
}
#mission-progress-modal .c-mission-table-fixed-header thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: rgb(47, 49, 54);
}

.c-skill-booster-mission-details-modal .c-mission-table td:last-of-type {
  padding-right: 0px !important;
}
.c-skill-booster-mission-details-modal .c-mission-table .c-badges-page__badges-train {
  background-size: 275px 60px;
  height: 60px;
  width: 54px;
}
.c-skill-booster-mission-details-modal .c-mission-table .c-badges-page__badges-train--silver {
  background-position: -84px;
}
.c-skill-booster-mission-details-modal .c-mission-table .c-badges-page__badges-train--gold {
  background-position: -32px;
}
.c-skill-booster-mission-details-modal .c-mission-table .c-no-badge {
  -webkit-filter: grayscale(70%);
          filter: grayscale(70%);
  opacity: 0.5;
}
.c-skill-booster-mission-details-modal .c-mission-table .score-th {
  padding: 0;
  text-align: center;
}
.c-skill-booster-mission-details-modal .c-mission-table .c-badge-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-assessment_card-calendar .c-display-block {
  display: block;
}

.c-assessment_test-card .c-flex-direction-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.c-assessment_card-calendar .c-assignments__datepicker-container .c-mission-date-modify {
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 12px;
  letter-spacing: -0.13px;
  line-height: 17px;
  text-decoration: underline;
  font-weight: 400;
}

.c-mission-cancel-date-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-mission-cancel-date-container .c-datepicker-container {
  margin-right: 15px;
}

.c-mission_icons-container .c-mission-icon .c-mission-icon-duplicate {
  background-color: #E2E2E2;
}

.datepicker table tr td.day:not(.disabled):not(.active) {
  color: #333 !important;
  font-weight: 400;
}
.datepicker table tr td.disabled {
  color: #999 !important;
  font-weight: 300;
}
.datepicker table tr td.disabled-date {
  color: #EF7C8E !important;
  font-weight: 400;
}

.c-loader-ring {
  display: none;
  position: absolute;
  width: 66px;
  height: 66px;
  z-index: 3;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.c-loader-ring div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  margin: 8px;
  border: 5px solid #4A90E2;
  border-radius: 50%;
  -webkit-animation: c-loader-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
          animation: c-loader-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #4A90E2 transparent transparent transparent;
}

.c-loader-ring div:nth-child(1) {
  -webkit-animation-delay: -0.45s;
          animation-delay: -0.45s;
}

.c-loader-ring div:nth-child(2) {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}

.c-loader-ring div:nth-child(3) {
  -webkit-animation-delay: -0.15s;
          animation-delay: -0.15s;
}

@-webkit-keyframes c-loader-ring {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes c-loader-ring {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.c-no-data-mission-message {
  margin: 28px 35px;
  color: #36393F;
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 22px;
  font-weight: 400;
}

.c-student-learning-tracks-mission-card,
.c-student-skill-booster-mission-card {
  grid-column-gap: 30px;
}
.c-student-learning-tracks-mission-card .c-student-mission-card_message,
.c-student-skill-booster-mission-card .c-student-mission-card_message {
  color: #4B4B4B;
  text-decoration: underline;
}
@media (max-width: 500px) {
  .c-student-learning-tracks-mission-card .c-student-mission-progress-status,
  .c-student-skill-booster-mission-card .c-student-mission-progress-status {
    margin-top: 5px;
  }
}
.c-student-learning-tracks-mission-card .c-no-badge,
.c-student-skill-booster-mission-card .c-no-badge {
  -webkit-filter: grayscale(70%);
          filter: grayscale(70%);
  opacity: 0.5;
}
@media (max-width: 500px) {
  .c-student-learning-tracks-mission-card .c-no-badge,
  .c-student-skill-booster-mission-card .c-no-badge {
    margin-top: 5px;
  }
}
.c-student-learning-tracks-mission-card .c-badge-image,
.c-student-skill-booster-mission-card .c-badge-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-student-learning-tracks-mission-card .c-badge-image .c-badges-page__badges-train,
.c-student-skill-booster-mission-card .c-badge-image .c-badges-page__badges-train {
  background-size: 275px 60px;
  height: 60px;
  width: 54px;
}
.c-student-learning-tracks-mission-card .c-badge-image .c-badges-page__badges-train--silver,
.c-student-skill-booster-mission-card .c-badge-image .c-badges-page__badges-train--silver {
  background-position: -84px;
}
.c-student-learning-tracks-mission-card .c-badge-image .c-badges-page__badges-train--gold,
.c-student-skill-booster-mission-card .c-badge-image .c-badges-page__badges-train--gold {
  background-position: -32px;
}

@media (min-width: 1120px) {
  .c-student-learning-tracks-mission-card {
    grid-template-columns: 1fr 1fr 1.5fr 0.5fr;
  }
}

.c-student-mission-class-name {
  margin: 0 auto;
  max-width: 1106px;
  margin-bottom: 10px;
  padding-left: 0px;
}
@media (max-width: 1440px) {
  .c-student-mission-class-name {
    padding-left: 25px;
  }
}

.c-student-mission-introduction p {
  color: #36393F;
  line-height: 22px;
  font-weight: 400;
  margin-bottom: 15px;
  margin-top: 7px;
}

.c-dysj-registration-type #header {
  display: none;
}
.c-dysj-registration-type .page-wrapper {
  padding-top: 0 !important;
}

.c-registration-type-title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.21px;
  line-height: 29px;
  text-align: center;
  margin-bottom: 68px;
  margin-top: 133px;
}
@media (max-width: 650px) {
  .c-registration-type-title {
    margin-top: 68px;
  }
}

.c-registration-type-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1004px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
}
.c-registration-type-body .c-registration-type-box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 315px;
  width: 452px;
  min-width: 300px;
  border: 1px solid #4A90E2;
  border-radius: 14px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1);
  margin: 10px;
}
.c-registration-type-body .c-registration-type-box .c-logo-dysj {
  text-align: center;
  margin-top: 76px;
  margin-bottom: 34px;
}
.c-registration-type-body .c-registration-type-box .c-logo-telelangue {
  text-align: center;
  margin-top: 61px;
  margin-bottom: 20px;
}
.c-registration-type-body .c-registration-type-box .c-logo-telelangue img {
  width: 216px;
  height: 63px;
}
.c-registration-type-body .c-registration-type-box .c-logo-boosteen {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 7px;
}
.c-registration-type-body .c-registration-type-box .c-logo-boosteen img {
  width: 183px;
  height: 76px;
}
.c-registration-type-body .c-registration-type-box .c-text {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.21px;
  line-height: 29px;
  text-align: center;
}
.c-registration-type-body .c-registration-type-box .c-text .c-span-text {
  font-size: 14px;
  font-weight: 400;
}
.c-registration-type-body .c-registration-type-box .c-ruban-ua-flag {
  text-align: center;
  top: -46px;
  position: relative;
}
.c-registration-type-body .c-registration-type-box .c-ruban-ua-flag img {
  width: 45px;
  height: 70px;
  margin-bottom: 19px;
}
@media (max-width: 480px) {
  .c-registration-type-body .c-registration-type-box {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
  }
}
@media (max-width: 320px) {
  .c-registration-type-body .c-registration-type-box {
    min-width: 240px;
  }
}
@media (max-width: 945px) {
  .c-registration-type-body .c-second-box {
    margin-bottom: 68px;
  }
}
@media (max-width: 945px) {
  .c-registration-type-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media (min-width: 1200px) {
  .c-3-reg-options .c-registration-type-body .c-registration-type-box {
    width: 380px;
    height: 265px;
    min-width: 300px;
  }
}
@media (max-width: 945px) {
  .c-3-reg-options .c-registration-type-body .c-second-box {
    margin-bottom: 10px;
  }
}
@media (max-width: 1199px) {
  .c-3-reg-options .c-registration-type-body a:nth-child(3) {
    margin-bottom: 68px;
  }
}
@media (max-width: 1199px) {
  .c-3-reg-options .c-registration-type-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (min-width: 1200px) {
  .c-3-reg-options .c-registration-type-body {
    max-width: 1260px;
  }
}

.is-andjoys .c-account-register_container {
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-top: 70px;
}
.is-andjoys .c-lingua-attack__form {
  margin-top: 35px;
}
.is-andjoys .no-label {
  opacity: 0;
}
.is-andjoys .c-exp-code-body.c-account-register_container {
  margin-top: 0;
}
.is-andjoys .c-exp-code-body.c-account-register_container .c-account-register-notification {
  text-align: center;
}

.c-organization-selection {
  max-width: 765px;
  margin: 0 auto;
}
.c-organization-selection__title {
  color: #4B4B4B;
  font-size: 30px;
  font-weight: 400;
  padding: 0 10px;
  text-align: center;
  margin-bottom: 30px;
  margin-top: 50px;
}
.c-organization-selection__subtitle {
  color: #4B4B4B;
  font-size: 18px;
  font-weight: 400;
  padding: 0 10px;
  text-align: center;
  margin-bottom: 30px;
}
.c-organization-selection__search-container {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 10px;
}
.c-organization-selection__organizations-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-height: 475px;
  overflow: auto;
}
.c-organization-selection__button-container {
  margin: 30px auto;
}

.c-search-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 470px;
}
.c-search-container__input {
  border-radius: 5px;
  border: 1px solid #4A90E2;
  width: 100%;
  height: 40px;
  padding: 10px 35px 10px 17px;
  font-size: 16px;
  font-weight: 400;
  color: #4B4B4B;
  margin-right: 15px;
}
.c-search-container__delete-icon.input__cross__icon {
  right: 22px;
}

.c-search-button {
  border-radius: 3px;
  background-color: #4A90E2;
  padding: 10px 17px;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
}

.c-organization-card {
  padding: 10px;
  width: 185px;
  border: 3px solid transparent;
}
.c-organization-card__logo {
  height: 63px;
  border-radius: 6px;
  border: 1px solid #B8B8B8;
  margin-bottom: 15px;
  text-align: center;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-organization-card__name {
  color: #4B4B4B;
  font-size: 12px;
  font-weight: 400;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  white-space: pre-wrap;
  text-overflow: ellipsis;
}

.c-organization-card.selected {
  border: 3px solid #80E0C9;
  border-radius: 6px;
}
.c-organization-card.selected .c-selected-icon {
  position: absolute;
  top: -3px;
  right: -3px;
  background-image: url("/sites/all/themes/lingua/assets/selected-icon.svg");
  width: 20px;
  height: 20px;
}

.c-organization-logo {
  max-height: 80%;
  max-width: 80%;
}

.c-organization-no-logo {
  background-color: #D9D9D9;
  height: 100%;
  width: 100%;
  border-radius: 6px;
}

.c-btn-link {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #4891e0;
  border-radius: 25px;
  border: 0;
  color: #FFFFFF;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  height: 50px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0px auto;
  max-width: 230px;
  width: 100%;
}
.c-btn-link:hover {
  color: #FFFFFF;
}
.c-btn-link[disabled] {
  opacity: 0.5;
}

/* Hanzi Lesson */
/* style classes */
.hl-fonts, .c-hl-preview-container, .c-hl-pick-char, .c-hl-pick-word, .c-hl-match, .hanzi-lesson-score, .c-hl-catalog-body, .c-hl-catalog-header {
  font-family: "Open Sans";
}
.hl-fonts h1, .c-hl-preview-container h1, .c-hl-pick-char h1, .c-hl-pick-word h1, .c-hl-match h1, .hanzi-lesson-score h1, .c-hl-catalog-body h1, .c-hl-catalog-header h1, .hl-fonts h2, .c-hl-preview-container h2, .c-hl-pick-char h2, .c-hl-pick-word h2, .c-hl-match h2, .hanzi-lesson-score h2, .c-hl-catalog-body h2, .c-hl-catalog-header h2, .hl-fonts h3, .c-hl-preview-container h3, .c-hl-pick-char h3, .c-hl-pick-word h3, .c-hl-match h3, .hanzi-lesson-score h3, .c-hl-catalog-body h3, .c-hl-catalog-header h3, .hl-fonts h4, .c-hl-preview-container h4, .c-hl-pick-char h4, .c-hl-pick-word h4, .c-hl-match h4, .hanzi-lesson-score h4, .c-hl-catalog-body h4, .c-hl-catalog-header h4, .hl-fonts h5, .c-hl-preview-container h5, .c-hl-pick-char h5, .c-hl-pick-word h5, .c-hl-match h5, .hanzi-lesson-score h5, .c-hl-catalog-body h5, .c-hl-catalog-header h5, .hl-fonts p, .c-hl-preview-container p, .c-hl-pick-char p, .c-hl-pick-word p, .c-hl-match p, .hanzi-lesson-score p, .c-hl-catalog-body p, .c-hl-catalog-header p {
  margin: 0;
  padding: 0;
  font-style: normal;
}

.hl-title-style, .c-hl-catalog-header-container--text-title h2 {
  font-size: 30px;
  font-weight: 600;
  letter-spacing: -0.32px;
  line-height: 41px;
  color: #FFFFFF;
}

.hl-subtitle-style, .c-hl-catalog-body-card--strokes, .c-hl-catalog-header-container--text-body h4, .c-hl-catalog-header-container--text-title h4 {
  color: #BFBFBF;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 24px;
}

.hl-text-style, .c-hl-catalog-body-card--bottom h4, .c-hl-catalog-body-card--bottom p, .c-hl-catalog-header-container--text-body p {
  color: #FAFAFA;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.16px;
  line-height: 25px;
}

.c-hl-catalog-header {
  width: 100%;
}
@media (max-width: 991px) {
  .c-hl-catalog-header {
    padding-top: 10px;
  }
}
.c-hl-catalog-header-logo {
  height: 63px;
}
.c-hl-catalog-header-logo--link {
  background-image: url(/sites/all/themes/lingua/assets/hanzi-catalog-banner.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
  max-width: 357px;
  width: 100%;
  padding-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-hl-catalog-header-logo--link-img {
  background-image: url(/sites/all/themes/lingua/assets/hanzi-catalog-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 42px;
  width: 42px;
}
.c-hl-catalog-header-logo--link a {
  color: #fff;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: -0.28px;
  margin-left: 14px;
}
.c-hl-catalog-header-container {
  background-color: #2F3136;
  display: grid;
  grid-template-columns: minmax(50px, 3fr) minmax(500px, 7fr);
  min-height: 452px;
  height: 100%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  padding: 20px 0;
}
@media (max-width: 1100px) {
  .c-hl-catalog-header-container {
    padding-right: 20px;
  }
}
@media (max-width: 700px) {
  .c-hl-catalog-header-container {
    padding-left: 20px;
    grid-template-columns: 1fr;
  }
}
.c-hl-catalog-header-container--img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 26.5px 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-hl-catalog-header-container--img img {
  width: 100%;
  max-width: 309px;
  height: auto;
}
.c-hl-catalog-header-container--text-title {
  max-width: 100%;
  padding-bottom: 18px;
  border-bottom: 1px solid white;
}
.c-hl-catalog-header-container--text-body {
  max-width: 88%;
  padding-top: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 1100px) {
  .c-hl-catalog-header-container--text-body {
    max-width: 100%;
  }
}
.c-hl-catalog-header-container--text-body h4 {
  padding: 13px 0 5px 0;
}
.c-hl-catalog-header-container--text-body p {
  font-size: 13px;
}
.c-hl-catalog-header-container--text-body p br {
  content: " ";
  margin-bottom: 10px;
  display: block;
}
.c-hl-catalog-header-container--text-body a {
  margin: 20px 0;
  text-align: center;
}

/* Hanzi Lesson */
/* card's colors for --top */
/* card's colors for --top triangle with no. */
.flex-center, .c-hl-catalog-body-card--top-lock, .c-hl-catalog-body-card--top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.radius-6, .c-hl-catalog-body-card--top-lock, .c-hl-catalog-body-card--top {
  border-radius: 6px 6px 0 0;
}

.c-hl-catalog-body {
  max-width: 1440px;
  margin: 90px 70px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 281px));
  grid-column-gap: 51px;
  grid-row-gap: 76px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-hl-catalog-body a:focus {
  text-decoration: none;
}
.c-hl-catalog-body::after {
  content: "";
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.c-hl-catalog-body-card {
  position: relative;
  width: 100%;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.14);
          box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.14);
}
.c-hl-catalog-body-card--top {
  width: 100%;
  height: 160px;
  background-color: #BBD4CE;
}
.c-hl-catalog-body-card--top-text {
  color: #525967;
  font-family: NotoSansSC-Regular;
  font-size: 35px;
  font-weight: 600;
  width: 75%;
}
.c-hl-catalog-body-card--top-text > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-hl-catalog-body-card--top-text > div > span {
  border: 1px solid #9fc2ba;
  border-radius: 3px;
  padding: 0 5px;
}
.c-hl-catalog-body-card--top-corner {
  position: absolute;
  top: 0;
  left: 0;
  clip-path: polygon(100% 0, 0% 100%, 0 0);
  background-color: #839c97;
  width: 45px;
  height: 45px;
  border-radius: 6px 0 0 0;
}
.c-hl-catalog-body-card--top-corner .js-hl-checkmark-or-number {
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.13px;
  padding: 5px 7px;
}
.c-hl-catalog-body-card--top-corner.corner-locked {
  background-color: #B5B5B5 !important;
}
.c-hl-catalog-body-card--top-lock {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 160px;
  background-color: rgba(128, 128, 128, 0.253);
}
.c-hl-catalog-body-card--top-lock .js-hl-lock {
  background-image: url(/sites/all/themes/lingua/assets/starterlab-icons/locked.svg);
  height: 43px;
  width: 42px;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
.c-hl-catalog-body-card--bottom {
  width: 100%;
  min-height: 66px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.c-hl-catalog-body-card--bottom .c-hl-no-lessons {
  color: #40C6A6;
  font-size: 9px;
  letter-spacing: -0.1px;
  line-height: 13px;
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin: 7px 7px 0 7px;
}
.c-hl-catalog-body-card--bottom h4 {
  line-height: 19px;
  color: #4B4B4B;
  margin: -10px 0 5px 10px;
}
.c-hl-catalog-body-card--bottom p {
  font-size: 12px;
  line-height: 17px;
  color: #6B6B6B;
  margin-left: 10px;
}
.c-hl-catalog-body-card--strokes {
  color: #36393F;
  position: absolute;
  top: -43px;
  left: 0;
}

body.node-type-hanzi-quartet nav .main-navbar__title .c-pinyin-header-title,
body.node-type-hanzi-quartet nav .main-navbar__title .c-pinyin-header-subtitle {
  font-size: 24px;
  margin: 0 5px 0 0;
  color: #4B4B4B;
  font-weight: 500;
}
body.node-type-hanzi-quartet nav .main-navbar__title .c-pinyin-header-subtitle {
  color: #afafaf;
}
body.node-type-hanzi-quartet.is-lingua nav .main-navbar__title .c-pinyin-header-title {
  color: #FFFFFF;
}
body.node-type-hanzi-quartet.is-lingua nav .main-navbar__title .c-pinyin-header-subtitle {
  color: #B6B6B6;
}
@media (max-width: 600px) {
  body.node-type-hanzi-quartet .main-navbar-lingua .main-navbar__logo {
    margin: 0 auto 0 0 !important;
  }
  body.node-type-hanzi-quartet .logged-in #block-locale-0 {
    right: 35px;
  }
}

/* Hanzi Lesson */
/* remove top background color */
body.node-type-hanzi-quartet #page-content .container:first-of-type {
  background-color: transparent;
}

/* style classes */
.h-preview-sub, .c-hl-preview-container-content .c-hl-preview-container-body-eg .hanzi-eg-translation, .c-hl-preview-container-content .c-hl-preview-container-body-eg .hanzi-eg-subtitle, .c-hl-preview-container-content .c-hl-preview-container-body-card-translation, .c-hl-preview-container-content .c-hl-preview-container-body-card-subtitle {
  color: #6B6B6B;
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 20px;
}

.grey-bold, .c-hl-preview-container-content .c-hl-preview-container-body-eg .hanzi-eg-expression, .c-hl-preview-container-content .c-hl-preview-container-body-card-listen .hanzi-option--text, .c-hl-preview-container-content .c-hl-preview-container-body-card-options .hanzi-option {
  font-family: NotoSansSC-Regular;
  color: #4B4B4B;
  font-weight: 600;
}

.flex-j-center, .c-hl-preview-container-content .c-hl-preview-container-bottom, .c-hl-preview-container-content .c-hl-preview-container-body-eg, .c-hl-preview-container-content .c-hl-preview-container-body-card-listen, .c-hl-preview-container-content .c-hl-preview-container-body-card-options, .c-hl-preview-container-content .c-hl-preview-container-body-card, .c-hl-preview-container-content .c-hl-preview-container-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex-col-center, .hanzi-lesson-score-container, .hanzi-lesson-score, .c-hl-match-body-top .c-hl-match-exercise-grid--row-item, .c-hl-match-body, .c-hl-pick-word-body, .c-hl-pick-char-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.grey-letter, .c-hl-preview-container-content .c-hl-preview-container-body-eg .hanzi-eg-chars, .c-hl-preview-container-content .c-hl-preview-container-body-card-title .title--letter, .c-hl-preview-container-content .c-hl-preview-container-top--letter {
  color: #4B4B4B;
  font-family: NotoSansSC-Regular;
  font-size: 31px;
  letter-spacing: -0.33px;
  line-height: 44px;
}

.pink {
  color: #f08293;
}

.container-height, .hanzi-lesson-score, .c-hl-match, .c-hl-pick-word, .c-hl-pick-char, .c-hl-preview-container {
  min-height: 652px;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

/* hanzi preview */
.c-hl-preview-container {
  padding: 40px 20px;
  width: 100%;
  position: relative;
}
@media (max-width: 500px) {
  .c-hl-preview-container {
    padding: 90px 10px 40px;
  }
}
.c-hl-preview-container button {
  border: none;
  background-color: transparent;
}
.c-hl-preview-container-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
.c-hl-preview-container-content .c-hl-preview-container-top--letter {
  font-size: 31px;
  opacity: 0.5;
  margin: 0 12px;
}
.c-hl-preview-container-content .c-hl-preview-container-body-card {
  max-width: 308px;
  min-width: 250px;
  border: 1px solid #C5CFDD;
  border-radius: 17px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 22px auto 11px;
  padding: 0 20px 14.5px;
  position: relative;
}
.c-hl-preview-container-content .c-hl-preview-container-body-card-forward {
  background-image: url("/sites/all/themes/lingua/assets/new-photovocab/Bluearrowicon.svg");
  height: 64px;
  width: 64px;
  position: absolute;
  top: 104px;
  right: -120px;
}
@media (max-width: 546px) {
  .c-hl-preview-container-content .c-hl-preview-container-body-card-forward {
    display: none;
  }
}
.c-hl-preview-container-content .c-hl-preview-container-body-card-backwards {
  background-image: url("/sites/all/themes/lingua/assets/new-photovocab/Greyarrowicon.svg");
  height: 64px;
  width: 64px;
  position: absolute;
  top: 104px;
  left: -120px;
}
@media (max-width: 546px) {
  .c-hl-preview-container-content .c-hl-preview-container-body-card-backwards {
    display: none;
  }
}
.c-hl-preview-container-content .c-hl-preview-container-body-card-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.c-hl-preview-container-content .c-hl-preview-container-body-card-title .title--letter {
  font-size: 80px;
  line-height: 112px;
}
.c-hl-preview-container-content .c-hl-preview-container-body-card-title .title--reset {
  background-image: url("/sites/all/themes/lingua/assets/reset-btn.svg");
  width: 30px;
  height: 30px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 11px;
  right: -90px;
  cursor: pointer;
}
@media (max-width: 320px) {
  .c-hl-preview-container-content .c-hl-preview-container-body-card-title .title--reset {
    right: -75px;
  }
}
.c-hl-preview-container-content .c-hl-preview-container-body-card-subtitle {
  margin-bottom: 15px;
  text-align: center;
}
.c-hl-preview-container-content .c-hl-preview-container-body-card-options .hanzi-option {
  font-family: NotoSansSC-Regular;
  height: 50px;
  min-width: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 21px;
  background-color: #c5cfdd;
  border-radius: 4px;
  letter-spacing: -0.08px;
  margin: 0 15px;
}
.c-hl-preview-container-content .c-hl-preview-container-body-card-listen {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 20px 0 15px;
}
.c-hl-preview-container-content .c-hl-preview-container-body-card-listen .hanzi-option--text {
  font-size: 26px;
  letter-spacing: -0.28px;
  line-height: 20px;
  margin-right: 12px;
}
.c-hl-preview-container-content .c-hl-preview-container-body-card-listen .hanzi-option--icon {
  background-image: url(/sites/all/themes/lingua/assets/sound-icon-blue.svg);
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 17.5px;
  width: 21px;
}
.c-hl-preview-container-content .c-hl-preview-container-body-eg {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-hl-preview-container-content .c-hl-preview-container-body-eg .hanzi-eg-subtitle {
  margin-bottom: 13px;
  text-align: center;
}
.c-hl-preview-container-content .c-hl-preview-container-body-eg .hanzi-eg-expression {
  font-size: 26px;
  letter-spacing: 0.26px;
  line-height: 14px;
  margin-bottom: 12px;
}
.c-hl-preview-container-content .c-hl-preview-container-body-eg .hanzi-eg-expression em {
  color: #f08293;
  font-style: normal;
}
.c-hl-preview-container-content .c-hl-preview-container-body-eg .hanzi-eg-chars {
  margin-bottom: 8px;
  font-size: 26px;
  font-weight: 600;
}
.c-hl-preview-container-content .c-hl-preview-container-body-eg .hanzi-eg-chars em {
  color: #f08293;
  font-style: normal;
}
.c-hl-preview-container-content .c-hl-preview-container-body-eg .hanzi-eg-translation {
  margin-bottom: 20px;
}
.c-hl-preview-container-content .c-hl-preview-container-bottom--btn:disabled {
  border: 1px solid #CDCECF;
  color: #CDCECF;
  background-color: transparent;
  cursor: url(/sites/all/themes/lingua/assets/not-allowed-xs.png), auto !important;
  pointer-events: all !important;
}
.c-hl-preview-container .c-info-icon,
.c-hl-preview-container .c-info-popup {
  top: 36px;
  right: 27px;
}

.active-letter {
  font-size: 47px !important;
  opacity: 1 !important;
  color: #4a90e2 !important;
}

.active-option {
  background-color: #A4B3C8 !important;
}

/* pick char exercise */
.gray-blue-btn, .c-hl-match-body-bottom--btn, .c-hl-pick-word-body--btn, .c-hl-pick-char-body--btn {
  text-align: center;
}
.gray-blue-btn:disabled, .c-hl-match-body-bottom--btn:disabled, .c-hl-pick-word-body--btn:disabled, .c-hl-pick-char-body--btn:disabled {
  border: 1px solid #CDCECF;
  color: #CDCECF;
  background-color: #fff;
}

.exercise-title, .c-hl-match-title, .c-hl-pick-word-title, .c-hl-pick-char-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 24px;
  padding: 15px 28px;
  border-bottom: 1px solid #D6D6D6;
}
@media (max-width: 800px) {
  .exercise-title, .c-hl-match-title, .c-hl-pick-word-title, .c-hl-pick-char-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.exercise-title > div:first-child, .c-hl-match-title > div:first-child, .c-hl-pick-word-title > div:first-child, .c-hl-pick-char-title > div:first-child {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.exercise-title > div:first-child .exercise-no, .c-hl-match-title > div:first-child .exercise-no, .c-hl-pick-word-title > div:first-child .exercise-no, .c-hl-pick-char-title > div:first-child .exercise-no {
  color: #6B6B6B;
  font-size: 18px;
  letter-spacing: -0.19px;
  font-weight: 600;
  margin-bottom: 5px;
}
.exercise-title > div:first-child .exercise-description, .c-hl-match-title > div:first-child .exercise-description, .c-hl-pick-word-title > div:first-child .exercise-description, .c-hl-pick-char-title > div:first-child .exercise-description {
  color: #6B6B6B;
  font-size: 18px;
  letter-spacing: -0.19px;
  font-weight: 400;
}
.exercise-title > div:nth-child(2), .c-hl-match-title > div:nth-child(2), .c-hl-pick-word-title > div:nth-child(2), .c-hl-pick-char-title > div:nth-child(2) {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  display: grid;
  grid-template-columns: auto auto;
  grid-column-gap: 14px;
}
@media (max-width: 800px) {
  .exercise-title > div:nth-child(2), .c-hl-match-title > div:nth-child(2), .c-hl-pick-word-title > div:nth-child(2), .c-hl-pick-char-title > div:nth-child(2) {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
}
.exercise-title > div:nth-child(2) > div, .c-hl-match-title > div:nth-child(2) > div, .c-hl-pick-word-title > div:nth-child(2) > div, .c-hl-pick-char-title > div:nth-child(2) > div {
  color: #BCBCBC;
  font-size: 18px;
  letter-spacing: -0.23px;
  line-height: 24px;
  justify-self: end;
  font-weight: 400;
}
.exercise-title > div:nth-child(2) > span, .c-hl-match-title > div:nth-child(2) > span, .c-hl-pick-word-title > div:nth-child(2) > span, .c-hl-pick-char-title > div:nth-child(2) > span {
  color: #4A90E2;
  font-size: 20px;
  letter-spacing: -0.25px;
  font-weight: 600;
}
.exercise-title > div:nth-child(2) > span > span:not(.c-hanzi-current-step), .c-hl-match-title > div:nth-child(2) > span > span:not(.c-hanzi-current-step), .c-hl-pick-word-title > div:nth-child(2) > span > span:not(.c-hanzi-current-step), .c-hl-pick-char-title > div:nth-child(2) > span > span:not(.c-hanzi-current-step) {
  font-size: 16px;
  margin-left: -5px;
}

.c-hl-pick-char {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
@media (max-width: 990px) {
  .c-hl-pick-char {
    margin-top: 10px;
  }
}
@media (max-width: 600px) {
  .c-hl-pick-char {
    margin-top: 14px;
  }
}
.c-hl-pick-char-body {
  padding: 53px 20px;
}
.c-hl-pick-char-body--word {
  color: #4B4B4B;
  font-size: 21px;
  margin-bottom: 45px;
  font-weight: 400;
}
.c-hl-pick-char-body--chars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 58px;
}
.c-hl-pick-char-body--chars-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 64px;
  background-color: #fff;
  border: 1px solid #4A90E2;
  border-radius: 6px;
  color: #4A90E2;
  font-family: NotoSansSC-Regular;
  font-size: 41px;
  letter-spacing: -0.44px;
  line-height: 57px;
  margin: 0 7px 10px;
  cursor: pointer;
}
.active-blue {
  background-color: #4A90E2 !important;
  color: #fff !important;
}

.blue-option, .c-hl-match-body-top .c-hl-match-exercise-grid--row-item .c-hl-match-char, .c-hl-pick-word-body--chars-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 113.5px;
  background-color: #fff;
  border: 1px solid #4A90E2;
  border-radius: 6px;
  color: #4A90E2;
  font-family: NotoSansSC-Regular;
  font-size: 41px;
  letter-spacing: -0.44px;
  line-height: 42px;
  margin: 0 25px 5px;
  padding: 12px 10px;
}

/* pick word exercise */
.c-hl-pick-word {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
@media (max-width: 990px) {
  .c-hl-pick-word {
    margin-top: 10px;
  }
}
@media (max-width: 600px) {
  .c-hl-pick-word {
    margin-top: 14px;
  }
}
.c-hl-pick-word-body {
  padding: 15px 20px;
}
.c-hl-pick-word-body--word {
  color: #4B4B4B;
  font-family: NotoSansSC-Regular;
  font-size: 80px;
  letter-spacing: -0.86px;
  line-height: 112px;
  margin-bottom: 36px;
}
.c-hl-pick-word-body--chars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 48px;
}
.c-hl-pick-word-body--chars > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
.c-hl-pick-word-body--chars > div .c-hl-pick-word-reveal > button, .c-hl-pick-word-body--chars > div .c-hl-pick-word-reveal > div {
  cursor: default;
}
.c-hl-pick-word-body--chars-option--word {
  border: none;
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-hl-pick-word-body--chars-option--word span {
  visibility: hidden;
}
.c-hl-pick-word-body--chars-option div.c-hl-pick-word-body--chars-option--word {
  border-bottom: 2px solid #4A90E2;
  cursor: pointer;
}
.c-hl-pick-word-body--chars--translation {
  color: #4B4B4B;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.17px;
  line-height: 20px;
}
.c-hl-preview-title-img {
  width: 100px;
  height: 100px;
}

.active-blue .c-hl-pick-word-hidden {
  border-color: #fff !important;
}

.c-hl-pick-word-body--chars-option--word.active-blue {
  border-color: #fff;
}

/* match drag and drop exercise */
.c-hl-match {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
@media (max-width: 990px) {
  .c-hl-match {
    margin-top: 10px;
  }
}
@media (max-width: 600px) {
  .c-hl-match {
    margin-top: 14px;
  }
}
.c-hl-match-body {
  padding: 36px 20px 156px;
}
.c-hl-match-body-top .c-hl-match-exercise-grid--row:first-child {
  border-bottom: 1px solid #E6E6E8;
}
.c-hl-match-body-top .c-hl-match-exercise-grid--row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 35px 0;
  min-width: 338px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 500px) {
  .c-hl-match-body-top .c-hl-match-exercise-grid--row {
    min-width: auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.c-hl-match-body-top .c-hl-match-exercise-grid--row-item {
  background-color: #f6f6f6;
  min-width: 64px;
  min-height: 70px;
  border-radius: 6px;
}
.c-hl-match-body-top .c-hl-match-exercise-grid--row-item .c-hl-match-char {
  background-color: #4A90E2;
  color: #fff;
  min-width: 64px;
  min-height: 70px;
  margin: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media (max-width: 500px) {
  .c-hl-match-body-top .c-hl-match-exercise-grid--row-item .c-hl-match-char {
    margin: 14px;
  }
}
.c-hl-match-body-top .c-hl-match-exercise-grid--row-item .c-hl-match-char.light-blue {
  opacity: 0.2;
  background-color: #4A90E2 !important;
  border: 1px solid #4A90E2 !important;
}
.c-hl-match-body-top .c-hl-match-exercise-grid--row-item .c-hl-match-translation {
  color: #4B4B4B;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.15px;
  max-width: 80px;
  text-align: center;
  line-height: 20px;
  margin: 15px 0 10px 0;
}
.c-hl-match-body-top .c-hl-match-exercise-grid--row-item.blank {
  background-color: transparent;
}
.c-hl-match-body-top .c-hl-match-exercise-grid--row-item.blank .c-hl-match-char {
  background-color: #E8E8E8;
  border: 1px solid #e8e8e8;
  cursor: default;
}
.c-hl-match-body-top .c-hl-match-exercise-grid--row-item.light-blank .c-hl-match-char {
  opacity: 0.4;
}
/* hanzi lesson score container */
.hanzi-lesson-score {
  width: 100%;
  padding: 125px 10px;
}
.hanzi-lesson-score-container {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 652px;
  min-height: 336px;
  border: 1px solid #4A90E2;
  border-radius: 14px;
  position: relative;
  margin-bottom: 35px;
}
@media (max-width: 730px) {
  .hanzi-lesson-score-container {
    padding: 30px 20px;
    min-width: auto;
    min-height: auto;
  }
}
.hanzi-lesson-score-container--title {
  color: #6B6B6B;
  font-size: 25px;
  font-weight: 600;
  letter-spacing: -0.27px;
  line-height: 32px;
  max-width: 62%;
  text-align: center;
  margin-bottom: 30px;
}
@media (max-width: 450px) {
  .hanzi-lesson-score-container--title {
    font-size: 20px;
  }
}
.hanzi-lesson-score-container--subtitle {
  color: #6B6B6B;
  font-size: 18px;
  letter-spacing: -0.19px;
  line-height: 37px;
  font-weight: 400;
  margin-bottom: 20px;
  text-align: center;
}
@media (max-width: 450px) {
  .hanzi-lesson-score-container--subtitle {
    font-size: 16px;
  }
}
.hanzi-lesson-score-container--replay {
  color: #4A90E2;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 20px;
}
.hanzi-lesson-score-container--label {
  position: absolute;
  top: -2px;
  left: 37px;
  background-size: contain;
  background-repeat: no-repeat;
  width: 58px;
  height: 98px;
}
@media (max-width: 520px) {
  .hanzi-lesson-score-container--label {
    left: 15px;
    width: 48px;
    height: 88px;
  }
}
.hanzi-lesson-score-btn button {
  background-color: #fff;
  color: #4A90E2;
  border-color: #4A90E2;
}

.c-hl-pick-word-reveal {
  color: #000;
  border: none;
}
.c-hl-pick-word-reveal.active-correct {
  color: #fff;
}
.c-hl-pick-word-reveal.active-correct .c-hl-pick-word-hidden {
  color: #fff;
}
.c-hl-pick-word-reveal .c-hl-pick-word-hidden {
  color: #000;
  border: none !important;
}

.active-correct {
  background-color: #80e0c9 !important;
  border-color: #80e0c9 !important;
  color: #fff;
}
.active-correct .c-hl-pick-word-hidden {
  border-color: #80e0c9 !important;
}

.active-wrong {
  background-color: #ef7c8d !important;
  border-color: #ef7c8d !important;
  color: #fff;
}
.active-wrong .c-hl-pick-word-hidden {
  border-color: #fff !important;
}

/* New Photovocab Components */
/* HELPERS */
#exercise-photovocab {
  overflow: hidden;
}

.c-section-pv__bg {
  background-color: #332944;
  position: relative;
}

/* Colors for letter box */
.letter-placeholder {
  margin: 0 2px;
  display: inline-block;
  width: auto;
  line-height: 18px;
  min-width: 10px;
  text-align: center;
  vertical-align: bottom;
}

.box-green-selected {
  background-color: #2B64A7 !important;
}
.box-green-selected::after, .box-green-selected::before {
  background-color: #1D5CA5 !important;
}

.box-gray {
  background-color: #33859F !important;
}
.box-gray::after, .box-gray::before {
  background-color: #497D8C !important;
}

.box-green {
  background-color: #80E0C9 !important;
}
.box-green::after, .box-green::before {
  background-color: #80E0C9 !important;
}

.border-green .c-ruby-wrapper,
.border-green .not-translatable,
.border-green #empty-word {
  color: #80E0C9 !important;
}
.border-green .letter-placeholder {
  border-bottom: 1px solid #80E0C9;
}
.border-green .c-letter-drop__empty-word {
  color: #80E0C9 !important;
}
.border-green .c-letter-drop__word-nr {
  color: #80E0C9 !important;
}

.box-orange {
  background-color: #FFA06D !important;
}
.box-orange::after, .box-orange::before {
  background-color: #E4753D !important;
}
.box-orange.arrow-right, .box-orange.arrow-left, .box-orange.arrow-down, .box-orange.arrow-up {
  -webkit-box-shadow: 0 0 6px #FFA06D;
          box-shadow: 0 0 6px #FFA06D;
  line-height: 42px;
}

#box-orange {
  background-color: #FFFFFF !important;
}
#box-orange::after {
  background-color: #FFA06D !important;
}
#box-orange.arrow-right, #box-orange.arrow-left, #box-orange.arrow-down, #box-orange.arrow-up {
  -webkit-box-shadow: 0 0 6px #FFA06D;
          box-shadow: 0 0 6px #FFA06D;
  line-height: 40.8px !important;
  max-width: 45px;
  min-height: 45px;
  border-radius: 4px;
  margin: 3px;
  padding: 0;
}
#box-orange.c-letters-drop__row-cel.arrow-right, #box-orange.c-letters-drop__row-cel.arrow-left, #box-orange.c-letters-drop__row-cel.arrow-down, #box-orange.c-letters-drop__row-cel.arrow-up {
  margin: 2px 3px;
  line-height: 40px;
}
#box-orange .c-row-cel-letter {
  background-color: #FFA06D !important;
}
#box-orange .box-green-selected {
  background-color: #eb824a !important;
}
#box-orange .box-gray {
  background-color: #eb824a !important;
}

.border-orange .c-ruby-wrapper,
.border-orange .not-translatable,
.border-orange #empty-word {
  color: #FFA06D !important;
}
.border-orange .letter-placeholder {
  border-bottom: 1px solid #FFA06D;
}
.border-orange .c-letter-drop__empty-word {
  color: #FFA06D !important;
}
.border-orange .c-letter-drop__word-nr {
  color: #FFA06D !important;
}

.box-purple {
  background-color: #961AD4 !important;
}
.box-purple::after, .box-purple::before {
  background-color: #4E006D !important;
}
.box-purple.arrow-right, .box-purple.arrow-left, .box-purple.arrow-down, .box-purple.arrow-up {
  -webkit-box-shadow: 0 0 6px #961AD4;
          box-shadow: 0 0 6px #961AD4;
  line-height: 42px;
}

#box-purple {
  background-color: #FFFFFF !important;
}
#box-purple::after {
  background-color: #961AD4 !important;
}
#box-purple.arrow-right, #box-purple.arrow-left, #box-purple.arrow-down, #box-purple.arrow-up {
  -webkit-box-shadow: 0 0 6px #961AD4;
          box-shadow: 0 0 6px #961AD4;
  line-height: 40.8px !important;
  max-width: 45px;
  min-height: 45px;
  border-radius: 4px;
  margin: 3px;
  padding: 0;
}
#box-purple.c-letters-drop__row-cel.arrow-right, #box-purple.c-letters-drop__row-cel.arrow-left, #box-purple.c-letters-drop__row-cel.arrow-down, #box-purple.c-letters-drop__row-cel.arrow-up {
  margin: 2px 3px;
  line-height: 40px;
}
#box-purple .c-row-cel-letter {
  background-color: #961AD4 !important;
}
#box-purple .box-green-selected {
  background-color: #7112a1 !important;
}
#box-purple .box-gray {
  background-color: #7112a1 !important;
}

.border-purple .c-ruby-wrapper,
.border-purple .not-translatable,
.border-purple #empty-word {
  color: #961AD4 !important;
}
.border-purple .letter-placeholder {
  border-bottom: 1px solid #961AD4;
}
.border-purple .c-letter-drop__empty-word {
  color: #961AD4 !important;
}
.border-purple .c-letter-drop__word-nr {
  color: #961AD4 !important;
}

.box-darkblue {
  background-color: #004D77 !important;
}
.box-darkblue::after, .box-darkblue::before {
  background-color: #00426A !important;
}
.box-darkblue.arrow-right, .box-darkblue.arrow-left, .box-darkblue.arrow-down, .box-darkblue.arrow-up {
  -webkit-box-shadow: 0 0 6px #004D77;
          box-shadow: 0 0 6px #004D77;
  line-height: 42px;
}

#box-darkblue {
  background-color: #FFFFFF !important;
}
#box-darkblue::after {
  background-color: #004D77 !important;
}
#box-darkblue.arrow-right, #box-darkblue.arrow-left, #box-darkblue.arrow-down, #box-darkblue.arrow-up {
  -webkit-box-shadow: 0 0 6px #004D77;
          box-shadow: 0 0 6px #004D77;
  line-height: 40.8px !important;
  max-width: 45px;
  min-height: 45px;
  border-radius: 4px;
  margin: 3px;
  padding: 0;
}
#box-darkblue.c-letters-drop__row-cel.arrow-right, #box-darkblue.c-letters-drop__row-cel.arrow-left, #box-darkblue.c-letters-drop__row-cel.arrow-down, #box-darkblue.c-letters-drop__row-cel.arrow-up {
  margin: 2px 3px;
  line-height: 40px;
}
#box-darkblue .c-row-cel-letter {
  background-color: #004D77 !important;
}
#box-darkblue .box-green-selected {
  background-color: #013450 !important;
}
#box-darkblue .box-gray {
  background-color: #013450 !important;
}

.border-darkblue .c-ruby-wrapper,
.border-darkblue .not-translatable,
.border-darkblue #empty-word {
  color: #004D77 !important;
}
.border-darkblue .letter-placeholder {
  border-bottom: 1px solid #004D77;
}
.border-darkblue .c-letter-drop__empty-word {
  color: #004D77 !important;
}
.border-darkblue .c-letter-drop__word-nr {
  color: #004D77 !important;
}

.box-lightblue {
  background-color: #80E0C9 !important;
}
.box-lightblue::after, .box-lightblue::before {
  background-color: #80E0C9 !important;
}

.text-darkblue {
  color: #004D77 !important;
  font-weight: bold;
}

.text-purple {
  color: #961AD4 !important;
  font-weight: bold;
}

.text-orange {
  color: #FFA06D !important;
  font-weight: bold;
}

.text-green {
  color: #80E0C9 !important;
  font-weight: bold;
}

.carousel:not(.c-language-carousel):not(#carousel-lingua-homepage):not(.c-sl-catalog__carousel):not(.c-sb-catalog__carousel):not(.c-pv-catalog__carousel):not(.c-vb-catalog__carousel).c-vb-survey-carousel {
  min-height: 400px;
  height: auto;
}

.carousel:not(.c-language-carousel):not(#carousel-lingua-homepage):not(.c-sl-catalog__carousel):not(.c-sb-catalog__carousel):not(.c-pv-catalog__carousel):not(.c-vb-catalog__carousel).carousel-slider {
  top: 0;
  left: 0;
}
.carousel:not(.c-language-carousel):not(#carousel-lingua-homepage):not(.c-sl-catalog__carousel):not(.c-sb-catalog__carousel):not(.c-pv-catalog__carousel):not(.c-vb-catalog__carousel).carousel-slider .carousel-fixed-item.with-indicators {
  bottom: 68px;
}
.carousel:not(.c-language-carousel):not(#carousel-lingua-homepage):not(.c-sl-catalog__carousel):not(.c-sb-catalog__carousel):not(.c-pv-catalog__carousel):not(.c-vb-catalog__carousel).carousel-slider .carousel-fixed-item {
  bottom: 20px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 1;
}
.carousel:not(.c-language-carousel):not(#carousel-lingua-homepage):not(.c-sl-catalog__carousel):not(.c-sb-catalog__carousel):not(.c-pv-catalog__carousel):not(.c-vb-catalog__carousel).carousel-slider .carousel-item {
  height: 100%;
  left: 0;
  min-height: 400px;
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel:not(.c-language-carousel):not(#carousel-lingua-homepage):not(.c-sl-catalog__carousel):not(.c-sb-catalog__carousel):not(.c-pv-catalog__carousel):not(.c-vb-catalog__carousel).carousel-slider .carousel-item h2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}
.carousel:not(.c-language-carousel):not(#carousel-lingua-homepage):not(.c-sl-catalog__carousel):not(.c-sb-catalog__carousel):not(.c-pv-catalog__carousel):not(.c-vb-catalog__carousel).carousel-slider .carousel-item p {
  font-size: 15px;
}
.carousel:not(.c-language-carousel):not(#carousel-lingua-homepage):not(.c-sl-catalog__carousel):not(.c-sb-catalog__carousel):not(.c-pv-catalog__carousel):not(.c-vb-catalog__carousel) .c-info-credits {
  bottom: 10px;
  color: #C7C7C7;
  cursor: pointer;
  display: none;
  position: absolute;
  right: 10px;
}
.carousel:not(.c-language-carousel):not(#carousel-lingua-homepage):not(.c-sl-catalog__carousel):not(.c-sb-catalog__carousel):not(.c-pv-catalog__carousel):not(.c-vb-catalog__carousel) .carousel-item.active .c-info-credits {
  display: block;
}
.carousel:not(.c-language-carousel):not(#carousel-lingua-homepage):not(.c-sl-catalog__carousel):not(.c-sb-catalog__carousel):not(.c-pv-catalog__carousel):not(.c-vb-catalog__carousel) {
  height: 400px;
  overflow: hidden;
  -webkit-perspective: 500px;
          perspective: 500px;
  position: relative;
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  width: 100%;
}
.carousel:not(.c-language-carousel):not(#carousel-lingua-homepage):not(.c-sl-catalog__carousel):not(.c-sb-catalog__carousel):not(.c-pv-catalog__carousel):not(.c-vb-catalog__carousel) .carousel-item {
  height: 200px;
  left: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 200px;
}
.carousel:not(.c-language-carousel):not(#carousel-lingua-homepage):not(.c-sl-catalog__carousel):not(.c-sb-catalog__carousel):not(.c-pv-catalog__carousel):not(.c-vb-catalog__carousel) .carousel-item > img {
  width: 100%;
}
.carousel:not(.c-language-carousel):not(#carousel-lingua-homepage):not(.c-sl-catalog__carousel):not(.c-sb-catalog__carousel):not(.c-pv-catalog__carousel):not(.c-vb-catalog__carousel) .indicators {
  bottom: 0;
  left: 0;
  margin: 0;
  position: absolute;
  right: 0;
  text-align: center;
}
.carousel:not(.c-language-carousel):not(#carousel-lingua-homepage):not(.c-sl-catalog__carousel):not(.c-sb-catalog__carousel):not(.c-pv-catalog__carousel):not(.c-vb-catalog__carousel) .indicators .indicator-item.active {
  background-color: #FFFFFF;
}
.carousel:not(.c-language-carousel):not(#carousel-lingua-homepage):not(.c-sl-catalog__carousel):not(.c-sb-catalog__carousel):not(.c-pv-catalog__carousel):not(.c-vb-catalog__carousel) .indicators .indicator-item {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 8px;
  margin: 24px 4px;
  position: relative;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  width: 8px;
}
.carousel:not(.c-language-carousel):not(#carousel-lingua-homepage):not(.c-sl-catalog__carousel):not(.c-sb-catalog__carousel):not(.c-pv-catalog__carousel):not(.c-vb-catalog__carousel) {
  /* Materialbox compatibility */
}
.carousel:not(.c-language-carousel):not(#carousel-lingua-homepage):not(.c-sl-catalog__carousel):not(.c-sb-catalog__carousel):not(.c-pv-catalog__carousel):not(.c-vb-catalog__carousel).scrolling .carousel-item .materialboxed,
.carousel:not(.c-language-carousel):not(#carousel-lingua-homepage):not(.c-sl-catalog__carousel):not(.c-sb-catalog__carousel):not(.c-pv-catalog__carousel):not(.c-vb-catalog__carousel) .carousel-item:not(.active) .materialboxed {
  pointer-events: none;
}

.node-type-photovocab.is-qioz .main-navbar__menu,
.node-type-photovocab .of-canvas-navigation {
  width: 66%;
}
@media (max-width: 991px) {
  .node-type-photovocab.is-qioz .main-navbar__menu,
  .node-type-photovocab .of-canvas-navigation {
    width: 80%;
  }
}
.node-type-photovocab.is-lingua .main-navbar__menu,
.node-type-photovocab .of-canvas-navigation {
  width: 80%;
}
@media (max-width: 991px) {
  .node-type-photovocab .photo-vocab--text {
    padding-right: 30px !important;
  }
}
@media (min-width: 600px) {
  .node-type-photovocab .main-navbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 600px) {
  .node-type-photovocab .photo-vocab--text {
    display: none;
  }
  .node-type-photovocab #header .main-navbar__logo img.c-logo-header {
    max-width: 100% !important;
  }
  .node-type-photovocab #header .pv-main-navbar-lingua .main-navbar__logo img.c-logo-header {
    max-width: 200px !important;
  }
  .node-type-photovocab #header .pv-main-navbar-lingua .main-navbar__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .node-type-photovocab.is-lingua .c-close-icon-header__small-screen {
    background-image: url("/sites/all/themes/lingua/assets/close-icon.svg");
  }
}
.node-type-photovocab.is-lingua .c-sl-header-resp, .node-type-photovocab.is-qioz .c-sl-header-resp {
  border-top: 6px solid #D5D5D5;
  position: relative;
}
.node-type-photovocab .c-close-icon-header__small-screen {
  top: 50% !important;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.c-new-pv__game-section {
  background-color: #372D47;
  height: 610px;
  position: relative;
}

@media (max-width: 800px) {
  .c-new-pv__game-section {
    height: auto;
  }
}
.c-new-pv__check-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-new-pv__check-button a {
  color: #4A90E2;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.17px;
  line-height: 22px;
  margin-bottom: 20px;
  opacity: 0;
  visibility: hidden;
}
.c-new-pv__check-button a:hover, .c-new-pv__check-button a:focus {
  color: #4A90E2;
}
.c-new-pv__check-button button {
  background-color: #4A90E2;
  border-radius: 25px;
  border: none;
  color: #FFFFFF !important;
  font-size: 14px;
  font-weight: 400;
  height: 100%;
  min-height: 50px;
  min-width: 307px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.c-new-pv__check-button button:disabled {
  background-color: transparent;
  border: 1px solid #CDCECF;
  color: #CDCECF !important;
}

.c-pv__game-section {
  padding: 4.5% 14px 3%;
}

/* Jokers used for letter drop and letter box */
.c-letters-box__joker-container .c-letters-box__joker[disabled] .c-letters-box__joker-image {
  background-image: url("/sites/all/themes/lingua/assets/new-photovocab/joker-inactive.png");
}
.c-letters-box__joker-container .c-letters-box__joker[disabled] .c-letters-box__joker-image:before, .c-letters-box__joker-container .c-letters-box__joker[disabled] .c-letters-box__joker-image:after {
  -webkit-animation: none;
          animation: none;
  background-color: transparent;
}

.c-letters-box__joker-container .c-letters-box__joker .c-letters-box__joker-image {
  background-image: url("/sites/all/themes/lingua/assets/new-photovocab/joker-active.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 40px;
  left: 48%;
  position: absolute;
  top: 48%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 40px;
  z-index: 2;
}
.c-letters-box__joker-container .c-letters-box__joker .c-letters-box__joker-image:before {
  content: "";
  position: relative;
  display: block;
  width: 300%;
  height: 300%;
  margin-left: -100%;
  margin-top: -100%;
  border-radius: 50%;
  -webkit-animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) 1;
          animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) 1;
  z-index: -1;
}
.c-letters-box__joker-container .c-letters-box__joker .c-letters-box__joker-image:after {
  content: "";
  position: absolute;
  display: block;
  background-color: transparent;
  border-radius: 50%;
  left: -8px;
  top: -5px;
  width: 127%;
  height: 134%;
  -webkit-animation: pulse-dot 2.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s 1;
          animation: pulse-dot 2.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s 1;
  z-index: -1;
}

@-webkit-keyframes pulse-ring {
  0% {
    -webkit-transform: scale(0.45);
            transform: scale(0.45);
    background-color: #01a4e9;
  }
  80%, 100% {
    opacity: 0;
  }
}

@keyframes pulse-ring {
  0% {
    -webkit-transform: scale(0.45);
            transform: scale(0.45);
    background-color: #01a4e9;
  }
  80%, 100% {
    opacity: 0;
  }
}
@-webkit-keyframes pulse-dot {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    z-index: 1;
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@keyframes pulse-dot {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    z-index: 1;
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
.c-letters-box__joker-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-bottom: -15px;
}
.c-letters-box__joker svg {
  height: 70px;
  width: 70px;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.c-letters-box__countdown-circle {
  position: relative;
  fill: #FFFFFF;
}
.c-letters-box__progress-circle {
  stroke-linecap: square;
  stroke-width: 4px;
}

@media (max-width: 1366px), screen and (max-height: 1080px) {
  .c-photovocab-header__col-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .c-photovocab-header__col-title .c-fullscreen-icon {
    margin-top: 5px;
  }
}
/* Tablet Landscape mode */
@media (max-device-width: 1280px) and (orientation: landscape) {
  .c-letters-box__joker-container {
    position: absolute;
    right: -40%;
    top: 0;
  }
  .node-type-photovocab .c-letters-box__joker-container {
    top: 25px;
  }
}
#empty-word {
  font-weight: bold;
}

.c-pv-footer__container {
  border-top: 1px solid #D6D6D6;
  padding: 22px 40px 22px 30px !important;
}
.c-pv-footer__container .first-col {
  width: 30%;
}
.c-pv-footer__container .first-col .c-footer-media-album__container {
  max-width: 200px;
  width: 100%;
}
.c-pv-footer__container .second-col {
  width: 60%;
}
.c-pv-footer__container .third-col {
  width: 10%;
}

a:hover {
  text-decoration: none;
}

.c-footer-media__title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.19px;
  line-height: 24px;
  text-align: center;
}
.c-footer-media-body__title {
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.17px;
  line-height: 22px;
  text-align: center;
}
.c-footer-media__list, .c-footer-media__sublist {
  list-style: none;
  margin: 0;
  padding: 0;
}
.c-footer-media__sublist {
  padding: 0 11px;
}
.c-footer-media__sublist:hover {
  background-color: #F1F1F1;
  border-radius: 12px;
}
.c-footer-media__list-item {
  display: inline-block;
  padding-right: 10px;
}
.c-footer-media__list-item:last-of-type {
  padding-right: 0;
}
.c-footer-media__list-bullet {
  background-color: #4A90E2;
  border-radius: 6px;
  cursor: pointer;
  display: block;
  height: 12px;
  width: 12px;
}
.c-footer-media__square-bullet {
  cursor: pointer;
  display: block;
  height: 22px;
  width: 22px;
  border-radius: 6px;
  background-color: #4A90E2;
}
.c-footer-media__square-bullet.disabled {
  background: #D8D8D8;
  cursor: default;
}
.c-footer-media__square-bullet.current {
  border: 2px solid #4A90E2;
  background-color: #fff;
}
.c-footer-media__preview .media-left {
  padding-top: 10px;
  padding-right: 40px;
}
.c-footer-media__preview .media-left .c-footer-media__title {
  padding-top: 20px;
}
.c-footer-media__preview .media-object {
  margin: 0 auto;
}
.c-footer-media__preview .c-footer-media-body__title {
  text-align: left;
}
.c-footer-media-album__container:first-of-type {
  border-bottom: 1px solid #CDCECF;
}
.c-footer-media-album__container:first-of-type .c-footer-media__list {
  padding-bottom: 10px;
}
.c-footer-media-album__container:last-of-type .c-footer-media__list {
  padding-top: 10px;
}
.c-footer-media-album__container:last-of-type .c-footer-media-body__title {
  padding-top: 5px;
}
.c-footer-media-album__container.disabled .c-footer-media__list-bullet {
  background: #D8D8D8;
}
.c-footer-media-album__container.disabled .c-footer-media-body__title {
  color: #C7C7C7;
}
.c-footer-media__exercises .media-left {
  padding: 10px 30px 0 20px;
}
.c-footer-media__exercises .c-footer-media__body {
  max-width: 680px;
}
.c-footer-media__exercises .c-footer-media-body__title {
  text-align: left;
}
.c-footer-media__exercises .c-footer-media__title {
  padding-top: 20px;
}
.c-footer-media__exercises .c-footer-media__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-footer-media__exercises .c-footer-media__sublist {
  display: inline-block;
}
.c-footer-media__exercises.disabled {
  opacity: 0.7;
}
.c-footer-media__exercises.disabled .c-footer-media-body__title {
  color: #4B4B4B;
}
.c-footer-media__list-bullet.disabled {
  background: #D8D8D8;
  cursor: default;
}
.c-footer-media__list-bullet.active {
  background: #4A90E2;
}
.c-footer-media__list-bullet.passed {
  background: #A4C7F0;
}
.c-footer-media__list-bullet.current {
  background: #FFFFFF;
  border: 2px solid #4A90E2;
}

.c-exercises-footer {
  padding-top: 10px;
  padding-right: 20px;
}

.c-pv-footer-gameszone__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.c-pv-footer-gameszone__container .c-footer-media__title {
  padding-top: 20px;
}
.c-pv-footer-gameszone__container.blocked {
  opacity: 0.5;
}
.c-pv-footer-gameszone__container:not(.blocked) .c-pv-footer__score-container {
  position: relative;
  text-align: center;
}
.c-pv-footer-gameszone__container:not(.blocked) .c-pv-footer__score-container .exercise-component__value {
  background-color: #332944;
  width: 80px;
  height: 80px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  line-height: 4;
  font-size: 14px;
}
.c-pv-footer-gameszone__container:not(.blocked) .c-pv-footer__score-container .exercise-component__value.reduced-font-size {
  font-size: 11px;
  line-height: 4.5;
}
.c-pv-footer-gameszone__container:not(.blocked) .c-pv-footer__score-container .exercise-component__value.reduced-font-size span {
  font-size: 17px;
}
.c-pv-footer-gameszone__container:not(.blocked) .c-pv-footer__score-container:hover .exercise-component__value {
  opacity: 1;
}

@media (max-width: 1340px) {
  .c-pv-footer__container .first-col {
    width: 35%;
  }
  .c-pv-footer__container .second-col {
    width: 50%;
  }
  .c-pv-footer__container .third-col {
    width: 15%;
  }
}
@media (max-width: 1150px) {
  .c-pv-footer__container .first-col {
    width: 40%;
  }
  .c-pv-footer__container .second-col {
    width: 45%;
  }
  .c-pv-footer__container .third-col {
    width: 15%;
  }
}
@media (max-width: 1036px) {
  .c-pv-footer__container {
    padding: 22px 0 22px 10px !important;
  }
}
@media (max-width: 991px) {
  .c-footer-media__exercises .media-left {
    padding-left: 0;
  }
}
@media (max-width: 768px) {
  .c-pv-footer__container .first-col,
  .c-pv-footer__container .second-col,
  .c-pv-footer__container .third-col {
    width: 100%;
  }
  .c-pv-footer__container .first-col .c-footer-media-album__container {
    max-width: 100%;
    width: 100%;
  }
  .c-pv-footer__container .media-object {
    margin-left: 0;
  }
  .c-pv-footer__container .c-pv-footer-gameszone__container:not(.blocked) .c-pv-footer__score-container {
    text-align: left;
  }
  .c-pv-footer__container .c-pv-footer-gameszone__container .c-footer-media__title {
    text-align: left;
    padding-left: 5px;
  }
}
@media (max-width: 600px) {
  .c-footer-media__preview .media-object {
    width: 80% !important;
  }
  .c-footer-media__exercises .media-object {
    width: 70% !important;
  }
  .c-footer-media__title {
    font-size: 15px;
    line-height: 16px;
  }
  .c-footer-media-body__title {
    font-size: 14px;
    line-height: 15px;
  }
  .c-pv-footer__container {
    padding-left: 0 !important;
  }
  .c-pv-footer__container .first-col,
  .c-pv-footer__container .second-col {
    padding: 0;
    border-bottom: 1px solid #CDCECF;
  }
  .c-pv-footer__container .first-col .c-footer-media__container,
  .c-pv-footer__container .second-col .c-footer-media__container {
    padding: 10px 15px;
  }
  .c-pv-footer__container .third-col {
    padding: 10px 15px;
  }
  .c-pv-footer-gameszone__container {
    padding-top: 10px;
  }
  .c-pv-footer-gameszone__container .c-pv-footer__score-container img {
    width: 50px;
  }
  .c-pv-footer-gameszone__container .c-footer-media__title {
    padding-top: 10px;
  }
}
@media (max-width: 430px) {
  .c-footer-media__preview .media-left,
  .c-footer-media__exercises .media-left {
    padding-right: 15px;
  }
}
@media (min-width: 768px) {
  .c-pv-footer-gameszone__container .c-pv-footer__score-container {
    text-align: center;
  }
}

.c-pv-ai-footer {
  padding: 20px !important;
  gap: 20px;
  display: grid;
  grid-template-columns: auto auto auto;
  justify-items: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1300px) {
  .c-pv-ai-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
.c-pv-ai-footer::before, .c-pv-ai-footer::after {
  display: none;
}
.c-pv-ai-footer .c-item1 {
  grid-column-start: 1;
  grid-column-end: 4;
  width: 100%;
}
@media (min-width: 975px) {
  .c-pv-ai-footer .c-item1 {
    grid-column-start: 1;
    grid-column-end: 3;
    width: auto;
  }
}
.c-pv-ai-footer .c-item2 {
  grid-column-start: 1;
  grid-column-end: 4;
  width: 100%;
}
@media (min-width: 975px) {
  .c-pv-ai-footer .c-item2 {
    grid-column-start: 3;
    grid-column-end: 4;
    width: auto;
  }
}
.c-pv-ai-footer .c-footer-media__preview .c-footer-media__body {
  width: auto;
}
.c-pv-ai-footer .c-footer-media__exercises .media-left {
  padding-left: 0;
}
.c-pv-ai-footer .c-footer-media__exercises .c-footer-media__body {
  max-width: 500px;
}
.c-pv-ai-footer .c-item-discussion .c-pv-footer__score-container {
  padding-top: 10px;
}
.c-pv-ai-footer .c-item-discussion .c-pv-footer-gameszone__container:not(.blocked) .c-pv-footer__score-container .exercise-component__value {
  top: 9px;
  border-radius: 5px;
  right: unset;
}
@media (min-width: 601px) {
  .c-pv-ai-footer .c-item-discussion .c-pv-footer-gameszone__container:not(.blocked) .c-pv-footer__score-container .exercise-component__value {
    right: 0;
  }
}
.c-pv-ai-footer .c-pv-footer-gameszone__container:not(.blocked) .c-pv-footer__score-container .exercise-component__value {
  width: 50px;
  height: 50px;
  font-size: 12px;
}
@media (min-width: 601px) {
  .c-pv-ai-footer .c-pv-footer-gameszone__container:not(.blocked) .c-pv-footer__score-container .exercise-component__value {
    width: 80px;
    height: 80px;
    font-size: 14px;
  }
}
.c-pv-ai-footer .c-pv-footer-gameszone__container:not(.blocked) .c-pv-footer__score-container .exercise-component__value .exercise-component__value-progress {
  font-size: 12px;
}
@media (min-width: 601px) {
  .c-pv-ai-footer .c-pv-footer-gameszone__container:not(.blocked) .c-pv-footer__score-container .exercise-component__value .exercise-component__value-progress {
    font-size: 20px;
  }
}
.c-pv-ai-footer .c-item-line-block {
  width: 57px;
  height: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-pv-ai-footer .c-item-line-block .c-item-line {
  border-bottom: 1px solid #CDCECF;
  width: 100%;
}
@media (max-width: 768px) {
  .c-pv-ai-footer .c-pv-footer-gameszone__container .c-footer-media__title {
    padding-left: 0;
  }
}
.c-pv-ai-footer .c-pv-footer-gameszone__container.blocked .c-pv-footer__score-container {
  position: relative;
}
@media (max-width: 600px) {
  .c-pv-ai-footer img.media-object {
    width: 50px !important;
  }
}

.c-photo-vocab__header--subtitle {
  margin: 0;
  color: black;
  font-size: 16px;
  font-weight: 400;
}
.c-photo-vocab__header--subtitle .panel-category {
  color: #4A90E2;
  margin-right: 20px;
}
.c-photo-vocab__header--subtitle .panel-subtitle {
  color: #A6A6A6;
}

.c-photovocab-header__container {
  border-bottom: 1px solid #D6D6D6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 80px;
  padding: 20px 0 20px 27px;
  width: 100%;
}
.c-photovocab-header__title-game {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.32px;
  line-height: 35px;
  margin: 0;
}
.c-photovocab-header__subtitle-game {
  color: #6B6B6B;
  font-size: 18px;
  font-weight: 400;
  margin: 0;
}
.c-photovocab-header__score {
  color: #4A90E2;
  font-size: 18px;
  font-weight: 400;
  margin: 0;
}
.c-photovocab-header__score span {
  font-size: 23px;
}
.c-photovocab-header__score-container {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.game-zone .c-photovocab-header__container {
  min-height: 78px;
  padding: 17px 0 0 27px;
}

@media (min-width: 1200px) and (max-width: 1280px) {
  .c-photovocab-header__container {
    padding: 10px 0 10px 27px;
  }
}
@media (max-width: 650px) {
  .c-photovocab-header__container {
    min-height: 70px;
    padding: 15px;
  }
  .c-photovocab-header__title-game {
    font-size: 20px;
    line-height: 30px;
  }
  .c-photovocab-header__subtitle-game {
    font-size: 13px;
  }
  .c-photovocab-header__score {
    font-size: 13px;
  }
  .c-photovocab-header__score span {
    font-size: 15px;
  }
}
.c-pv__spelling-word {
  color: #4B4B4B;
  font-size: 21px;
  font-weight: 400;
  margin: 0;
  text-align: center;
}
.c-pv__spelling-characters {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.c-pv__spelling-characters .c-pv__spelling-character-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 1px;
  min-width: 2.2380952381em;
  width: 100%;
}
.c-pv__spelling-characters .c-pv__spelling-character-container span {
  margin: 0.5em;
}
.c-pv__spelling-characters .c-pv__spelling-required-character-container {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  border-bottom: 1.5px solid #8AB7EC;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 14px;
  min-height: 55px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.c-pv__spelling-characters .c-pv__spelling-required-character-container span {
  margin: 0 0.5em 5px;
}
.c-pv__spelling-characters .c-pv__spelling-required-character-container span.c-character-valid {
  background-color: #80E0C9;
  cursor: default;
}
.c-pv__spelling-characters .c-pv__spelling-required-character-container span.c-character-wrong {
  background-color: #EF7C8E;
}
@media (max-width: 600px) {
  .c-pv__spelling-characters .c-pv__spelling-required-character-container {
    min-height: 1.4285714286em;
  }
}
@media (max-width: 450px) {
  .c-pv__spelling-characters .c-pv__spelling-required-character-container {
    min-height: 1.1904761905em;
  }
}
.c-pv__spelling-required-characters-space {
  margin-bottom: 1%;
  overflow: auto;
  scrollbar-width: none;
}
.c-pv__spelling-required-characters-space::-webkit-scrollbar {
  display: none;
}
.c-pv__spelling-main {
  margin: auto;
  max-width: 500px;
  padding: 1.6% 0 79px 0;
}
.c-pv__spelling-main .word-card-shadow {
  background-color: rgba(234, 234, 234, 0.7) !important;
}
.c-pv__spelling-main ~ .c-new-pv__check-button #show-right-answer-button {
  opacity: 1;
  visibility: visible;
}
.c-pv__spelling-reset-exercise-btn {
  color: #4A90E2;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.17px;
  line-height: 22px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
  margin-bottom: 10px;
}
.c-pv__spelling-reset-exercise-btn:hover, .c-pv__spelling-reset-exercise-btn:focus {
  color: #4A90E2;
}
.c-pv__show-answer-text {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.17px;
  line-height: 22px;
  margin: 0 0 5px 0;
  color: #C7C7C7;
}

span.c-pv__spelling-character {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #4A90E2;
  border-radius: 4px;
  color: rgb(255, 255, 255);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Open Sans";
  font-size: 21px;
  font-weight: 400;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 2.2380952381em;
  min-width: 2.2380952381em;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
span.c-pv__spelling-character:not(.c-character-valid) {
  cursor: pointer;
}
@media (max-width: 900px) {
  span.c-pv__spelling-character {
    margin: 0.3em;
  }
}
@media (max-width: 750px) {
  span.c-pv__spelling-character {
    margin: 0.2em;
    font-size: 19px;
  }
}
@media (max-width: 600px) {
  span.c-pv__spelling-character {
    font-size: 16px;
  }
}
@media (max-width: 450px) {
  span.c-pv__spelling-character {
    font-size: 12px;
  }
}
@media (max-width: 365px) {
  span.c-pv__spelling-character {
    font-size: 10px;
    margin: 0.05em;
  }
}
@media (max-width: 1120px) {
  span.c-pv__spelling-character.c-long-word {
    margin: 0.2em;
    font-size: 19px;
  }
}
@media (max-width: 990px) {
  span.c-pv__spelling-character.c-long-word {
    margin: 0.15em;
    font-size: 17px;
  }
}
@media (max-width: 800px) {
  span.c-pv__spelling-character.c-long-word {
    font-size: 15px;
  }
}
@media (max-width: 750px) {
  span.c-pv__spelling-character.c-long-word {
    font-size: 14px;
    margin: 0.13em;
  }
}
@media (max-width: 600px) {
  span.c-pv__spelling-character.c-long-word {
    font-size: 11px;
    margin: 0.05em;
  }
}
@media (max-width: 450px) {
  span.c-pv__spelling-character.c-long-word {
    font-size: 9px;
  }
}
@media (max-width: 350px) {
  span.c-pv__spelling-character.c-long-word {
    font-size: 7px;
    margin: 0.03em;
  }
}

.c-pv__spelling-character {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.c-pv__spelling-character__placeholder {
  min-height: 2px;
  opacity: 0.5;
}
.c-pv__spelling-character__placeholder--between {
  margin-left: 0 !important;
  margin-right: 0 !important;
  min-height: 2px;
  min-width: 6px !important;
  opacity: 0.5;
}

.c-pv__spelling-character-container .c-pv__spelling-character.c-big-letter {
  font-size: 19px;
  margin: 0.2em;
}

.c-album-learn__container {
  padding: 70px 0 40px 0 !important;
}

.c-learn-desc__word {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0 auto;
  position: relative;
}

.c-learn-flipster,
.c-album-flipster {
  padding: 30px;
  margin-top: -20px !important;
}
.c-learn-flipster .flipster__item--future .flipster__item__content,
.c-learn-flipster .flipster__item--past .flipster__item__content,
.c-album-flipster .flipster__item--future .flipster__item__content,
.c-album-flipster .flipster__item--past .flipster__item__content {
  -webkit-transform: scale(0.9) !important;
          transform: scale(0.9) !important;
}
.c-learn-flipster .flipster__button--next,
.c-album-flipster .flipster__button--next {
  background-image: url("/sites/all/themes/lingua/assets/new-photovocab/Bluearrowicon.svg");
  background-size: contain;
  display: block;
  height: 64px;
  right: 10%;
  width: 64px;
}
.c-learn-flipster .flipster__button--prev,
.c-album-flipster .flipster__button--prev {
  background-image: url("/sites/all/themes/lingua/assets/new-photovocab/Greyarrowicon.svg");
  background-size: contain;
  display: block;
  height: 64px;
  left: 10%;
  width: 64px;
}

.c-learn-flipster__img {
  border-radius: 15px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.15);
  height: 364px;
  width: 100%;
  width: 319px !important;
}
.c-learn-flipster__desc {
  margin: 0 auto;
  max-width: 412px;
  width: 100%;
}
.c-learn-flipster__desc .c-sound-icon {
  background-image: url("/sites/all/themes/lingua/assets/sound-icon-black.svg");
  top: 2px;
  right: -30px;
  -webkit-transform: none;
          transform: none;
}

.c-flipster-desc__title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.19px;
  line-height: 22px;
  margin-bottom: 0;
  padding-bottom: 5px;
  text-align: center;
}
.c-flipster-desc__subtitle {
  color: #C7C7C7;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.15px;
  line-height: 22px;
  margin-bottom: 0;
  text-align: center;
}
.c-flipster-desc__regionalism {
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.15px;
  line-height: 22px;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-flipster-desc__sentence {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 13px;
  font-weight: 400;
  letter-spacing: -0.14px;
  line-height: 21px;
  padding-top: 10px;
  text-align: center;
}
.c-flipster-desc__sentence em {
  color: #FCA072;
  font-style: normal;
}

.c-regionalism-image {
  width: 15px;
  margin-right: 5px;
}

.c-album-learn__progress {
  height: 2px;
  margin-top: -1px;
  margin: 0 auto;
  max-width: 195px;
  width: 100%;
}
.c-album-learn__progress .progress-bar {
  background-color: #4A90E2;
}

@media (min-width: 1200px) and (max-width: 1280px) {
  .c-learn-flipster {
    padding: 30px 30px 0 30px;
    margin-top: -55px !important;
  }
  .c-flipster-desc__sentence {
    padding-top: 5px;
    margin-bottom: -10px;
  }
}
@media (max-width: 800px) {
  .c-learn-flipster__img {
    max-height: 315px;
    width: 270px !important;
  }
  .c-pv-album-carousel__container .c-learn-flipster,
  .c-pv-album-carousel__container .c-pv-album__carousel {
    height: 410px !important;
  }
}
@media (max-width: 700px) {
  .c-pv-album-carousel__container .c-learn-flipster {
    margin-left: 15%;
  }
}
@media (max-width: 660px) {
  .c-learn-flipster__img {
    max-height: 280px;
    width: 250px !important;
  }
  .c-pv-album-carousel__container .c-learn-flipster,
  .c-pv-album-carousel__container .c-pv-album__carousel {
    height: 380px !important;
  }
  .c-pv-album-carousel__container .c-carousel-indicators {
    display: none !important;
  }
  .c-album-learn__progress {
    max-width: 180px;
  }
}
@media (max-width: 550px) {
  .c-pv-album-carousel__container .c-learn-flipster,
  .c-pv-album-carousel__container .c-pv-album__carousel {
    margin-left: 10%;
  }
}
@media (max-width: 500px) {
  .c-learn-flipster__img {
    max-height: 230px;
    width: 200px !important;
  }
  .c-pv-album-carousel__container .c-learn-flipster,
  .c-pv-album-carousel__container .c-pv-album__carousel {
    -webkit-perspective: 350px !important;
            perspective: 350px !important;
    height: 330px !important;
  }
}
@media (max-width: 450px) {
  .c-pv-album-carousel__container .c-learn-flipster,
  .c-pv-album-carousel__container .c-pv-album__carousel {
    margin-left: 5%;
  }
  .c-learn-flipster__img {
    max-height: 210px;
    width: 190px !important;
  }
  .c-learn-flipster__desc {
    padding: 0 20px;
  }
}
@media (max-width: 400px) {
  .c-learn-flipster__img {
    max-height: 190px;
    width: 180px !important;
  }
  .c-pv-album-carousel__container .c-learn-flipster,
  .c-pv-album-carousel__container .c-pv-album__carousel {
    margin-left: 0;
    height: 270px !important;
  }
}
@media (max-width: 360px) {
  .c-learn-flipster__img {
    max-height: 170px;
    width: 150px !important;
  }
}
.c-pv__example-sentence-title {
  color: #4B4B4B;
  font-size: 18px;
  font-weight: 400;
  margin: 0 0 5px;
  text-align: center;
}
.c-pv__example-sentence-subtitle {
  color: #A1A1A1;
  font-size: 14px;
  margin: 0;
  text-align: center;
  font-weight: 400;
}
.c-pv__example-sentence-main-container {
  border-radius: 6px;
  border: 2px solid #A4C7F0;
  margin: 2.5% auto 4%;
  max-width: 677px;
  padding: 2.5%;
  width: 100%;
}
.c-pv__buttons-container {
  display: grid;
  place-items: flex-start center;
  min-height: 100px;
  gap: 22px;
}
.c-pv__show-right-answer-button {
  color: #4A90E2;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.17px;
  line-height: 22px;
  text-align: center;
  text-decoration: none;
  visibility: hidden;
}
.c-pv__show-right-answer-button:hover, .c-pv__show-right-answer-button:focus, .c-pv__show-right-answer-button:active {
  color: #4A90E2;
  text-decoration: none;
}
.c-pv__example-sentence-game-frame {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  color: #4B4B4B;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.19px;
  line-height: 30px;
  margin: 0;
}
.c-pv__example-sentence-game-frame span {
  margin: 5px 0;
}
.c-pv__example-sentence-game-frame .c-pv__example-sentence-game-word {
  background-color: #4A90E2;
  border-radius: 4px;
  color: #FFFFFF;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  margin: 5px 10px 5px 0px;
  min-width: 113px;
  padding: 8px 2px;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.c-pv__example-sentence-game-frame .c-pv__example-sentence-game-word.ui-draggable-dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.c-pv__example-sentence-game-frame .c-pv__example-sentence-game-word:not(.c-word-valid):not(.ui-draggable-dragging) {
  cursor: pointer;
}
.c-pv__example-sentence-game-frame .c-pv__example-sentence-game-word.c-word-valid {
  background-color: #80E0C9;
}
.c-pv__example-sentence-game-frame .c-pv__example-sentence-game-word.c-word-wrong {
  background-color: #EF7C8E;
}
.c-pv__example-sentence-game-frame .word-card-shadow {
  background-color: rgba(234, 234, 234, 0.7) !important;
  color: transparent;
}

.c-pv-album__container {
  padding: 0 0 30px 0 !important;
}
.c-pv-album__container .c-carousel-indicators {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  left: 50%;
  margin-right: -50%;
  max-width: 730px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
}
.c-pv-album__container .carousel-next {
  background-color: transparent;
  background-image: url("/sites/all/themes/lingua/assets/new-photovocab/Bluearrowicon.svg");
  background-size: contain;
  border-radius: 50%;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: block;
  height: 64px;
  right: 10%;
  width: 64px;
}
.c-pv-album__container .carousel-next:hover {
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.c-pv-album__container .carousel-prev {
  background-color: transparent;
  background-image: url("/sites/all/themes/lingua/assets/new-photovocab/Greyarrowicon.svg");
  background-size: contain;
  border-radius: 50%;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: block;
  height: 64px;
  left: 10%;
  opacity: 0;
  width: 64px;
}
.c-pv-album__container .carousel-prev:hover {
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.c-pv-album__container .c-album-btn__container {
  margin-top: 20px;
}
.c-pv-album__container .c-album-btn__container .c-sl-vid__step-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  margin: 0 auto;
}
.c-pv-album__container .c-album-btn__container .c-sl-vid__step-btn:disabled {
  background-color: transparent;
}

.c-pv-album__carousel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 460px !important;
  margin: 0 auto;
  max-width: 500px;
  -webkit-perspective: 450px !important;
          perspective: 450px !important;
}
.c-pv-album__carousel .carousel-item {
  display: block !important;
  max-height: 364px !important;
  height: auto !important;
  max-width: 319px !important;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.c-pv-album-carousel__container {
  position: relative;
}

.carousel-item.active {
  -webkit-transform: translateX(90.5px) translateY(68px) translateX(0px) translateX(0px) translateZ(0px) !important;
          transform: translateX(90.5px) translateY(68px) translateX(0px) translateX(0px) translateZ(0px) !important;
}

.first-next {
  opacity: 0.714286 !important;
  -webkit-transform: translateX(-76.5px) translateY(68px) translateX(224px) translateZ(-80px) !important;
          transform: translateX(-76.5px) translateY(68px) translateX(224px) translateZ(-80px) !important;
}

.second-next {
  opacity: 0.46428571 !important;
  -webkit-transform: translateX(-338.5px) translateY(68px) translateX(548px) translateZ(-160px) !important;
          transform: translateX(-338.5px) translateY(68px) translateX(548px) translateZ(-160px) !important;
}

.third-next {
  opacity: 0.342857 !important;
  -webkit-transform: translateX(-592.5px) translateY(68px) translateX(872px) translateZ(-240px) !important;
          transform: translateX(-592.5px) translateY(68px) translateX(872px) translateZ(-240px) !important;
}

.first-prev {
  opacity: 0.714286 !important;
  -webkit-transform: translateX(-190.5px) translateY(68px) translateX(224px) translateZ(-80px) !important;
          transform: translateX(-190.5px) translateY(68px) translateX(224px) translateZ(-80px) !important;
}

.second-prev {
  opacity: 0.46428571 !important;
  -webkit-transform: translateX(-573.5px) translateY(68px) translateX(548px) translateZ(-160px) !important;
          transform: translateX(-573.5px) translateY(68px) translateX(548px) translateZ(-160px) !important;
}

.third-prev {
  opacity: 0.342857 !important;
  -webkit-transform: translateX(-964.5px) translateY(68px) translateX(872px) translateZ(-240px) !important;
          transform: translateX(-964.5px) translateY(68px) translateX(872px) translateZ(-240px) !important;
}

@media (min-width: 1200px) and (max-width: 1280px) {
  .c-pv-album__carousel {
    margin-top: -45px;
    height: 450px !important;
  }
}
@media (max-width: 800px) {
  .c-pv-album__container .c-carousel-indicators {
    width: 90%;
  }
}
@media (max-width: 660px) {
  .c-pv-album__container .c-carousel-indicators .carousel-prev,
  .c-pv-album__container .c-carousel-indicators .carousel-next {
    height: 54px;
    width: 54px;
  }
  .c-pv-album__carousel {
    max-width: 400px;
  }
}
@media (max-width: 600px) {
  .c-pv-album__container:not(.c-album-learn__container) .c-pv-album__carousel {
    margin: 0 auto;
  }
  .c-pv-album__container:not(.c-album-learn__container) .c-carousel-indicators {
    bottom: -16%;
    top: unset;
    width: 30%;
  }
  .c-pv-album__container:not(.c-album-learn__container) .c-learn-flipster__desc {
    padding-top: 30px;
  }
}
@media (max-width: 400px) {
  .c-pv-album__container .c-carousel-indicators .carousel-prev,
  .c-pv-album__container .c-carousel-indicators .carousel-next {
    height: 34px;
    width: 34px;
  }
}
.c-pv-pronunciation-section {
  padding: 25px 10px 40px 10px;
  max-width: 690px;
  margin: 0 auto;
}
.c-pv-pronunciation-section__head {
  margin-bottom: 20px;
  border-radius: 10px;
  border: 1px solid #4A90E2;
  background-color: #F1F1F1;
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.c-pv-pronunciation-section__body {
  margin-bottom: 40px;
  border-radius: 32px;
  border: 1px solid #E2E2E2;
  min-height: 230px;
}
@media (min-width: 590px) {
  .c-pv-pronunciation-section__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.c-pv-pronunciation-section__bottom {
  min-height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-pv-play {
  background-image: url("/sites/all/themes/lingua/assets/new-photovocab/play-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 50px;
  width: 50px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.c-pv-play--on {
  background-image: url("/sites/all/themes/lingua/assets/new-photovocab/play-icon-full.svg");
}

.c-pv-expression {
  margin: 0;
  color: #000000;
  font-size: 20px;
  font-weight: 400;
}
.c-pv-expression--bold {
  font-weight: 600;
}
.c-pv-expression--centered {
  text-align: center;
}
@media (min-width: 650px) {
  .c-pv-expression {
    font-size: 24px;
  }
}

.c-pv-mic {
  background-image: url("/sites/all/themes/lingua/assets/new-photovocab/mic-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 90px;
  width: 90px;
}
.c-pv-mic--stop-recording {
  background-image: url("/sites/all/themes/lingua/assets/new-photovocab/stop-recording-icon.svg");
}

.c-pv-pronunciation-image {
  max-width: 280px;
  min-width: 200px;
  border-radius: 31px;
  width: 100%;
  -webkit-box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.15);
  display: block;
}
@media (min-width: 302px) {
  .c-pv-pronunciation-image {
    margin: 20px auto 0 auto;
  }
}
@media (min-width: 590px) {
  .c-pv-pronunciation-image {
    margin: 0;
  }
}

.c-pv-pronunciation-record {
  padding: 10px;
  margin-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  gap: 35px;
}
@media (min-width: 590px) {
  .c-pv-pronunciation-record {
    margin-top: 0;
  }
}

.c-pv-pronunciation-feedback {
  padding: 10px;
  margin-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
@media (min-width: 590px) {
  .c-pv-pronunciation-feedback {
    margin-top: 0;
  }
}

.c-semi-donut {
  --percentage: 0;
  --chartColor: #e3465e;
  width: 200px;
  height: 100px;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.c-semi-donut:after {
  content: "";
  width: 200px;
  height: 200px;
  border: 30px solid;
  border-color: #F7F7FB #F7F7FB var(--chartColor) var(--chartColor);
  position: absolute;
  border-radius: 50%;
  left: 0;
  top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: rotate(calc(1deg * (-45 + var(--percentage) * 1.8)));
          transform: rotate(calc(1deg * (-45 + var(--percentage) * 1.8)));
  -webkit-animation: fillAnimation 2s ease-in;
          animation: fillAnimation 2s ease-in;
}
@media (min-width: 370px) {
  .c-semi-donut:after {
    width: 320px;
    height: 320px;
    border: 50px solid;
    border-color: #F7F7FB #F7F7FB var(--chartColor) var(--chartColor);
  }
}
@media (min-width: 370px) {
  .c-semi-donut {
    width: 320px;
    height: 160px;
  }
}

@-webkit-keyframes fillAnimation {
  0% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  50% {
    -webkit-transform: rotate(calc(1deg * (-45 + var(--percentage) * 1.8)));
            transform: rotate(calc(1deg * (-45 + var(--percentage) * 1.8)));
  }
}

@keyframes fillAnimation {
  0% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  50% {
    -webkit-transform: rotate(calc(1deg * (-45 + var(--percentage) * 1.8)));
            transform: rotate(calc(1deg * (-45 + var(--percentage) * 1.8)));
  }
}
.c-semi-donut-legend {
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  color: #615E83;
  text-align: center;
}
@media (min-width: 370px) {
  .c-semi-donut-legend {
    font-size: 18px;
  }
}

.c-semi-donut-value {
  font-size: 16px;
  font-weight: 600;
  color: #1E1B39;
}
@media (min-width: 370px) {
  .c-semi-donut-value {
    font-size: 34px;
  }
}

.c-semi-donut-percent {
  font-size: 14px;
}
@media (min-width: 370px) {
  .c-semi-donut-percent {
    font-size: 24px;
  }
}

.c-pv-pronunciation-link {
  color: #4C8DDB;
  font-size: 16px;
  font-weight: 600;
}

.c-pv-pronunciation-button {
  border-radius: 13px;
  background-color: #4C8DDB;
  min-height: 58px;
  padding: 10px;
  min-width: 190px;
  max-width: 250px;
  text-align: center;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 18px;
  border: none;
}

.c-new-pv__mic-ckeck-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 611px;
}
.c-new-pv__mic-ckeck-mic-image {
  background-image: url("/sites/all/themes/lingua/assets/new-photovocab/microphone-blue.svg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 75px;
  width: 41px;
}
.c-new-pv__mic-ckeck-mic-image.mic-off {
  background-image: url("/sites/all/themes/lingua/assets/new-photovocab/microphone-off.svg");
  width: 60px;
}
.c-new-pv__mic-ckeck-title {
  color: #4B4B4B;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: -0.32px;
  margin: 35px 0;
  text-align: center;
}
@media (max-width: 450px) {
  .c-new-pv__mic-ckeck-title {
    font-size: 22px;
  }
}
.c-new-pv__mic-ckeck-info {
  color: #6B6B6B;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 25px;
  text-align: center;
  white-space: pre-line;
}
.c-new-pv__mic-ckeck-btns-container {
  margin: 20px 0;
  text-align: center;
}
@media (max-width: 450px) {
  .c-new-pv__mic-ckeck-btns-container {
    margin: 40px 0 20px 0;
  }
}
.c-new-pv__mic-ckeck-btns-container button {
  margin: 0 20px;
}
@media (max-width: 450px) {
  .c-new-pv__mic-ckeck-btns-container button {
    margin-bottom: 15px;
  }
}
.c-new-pv__mic-ckeck-continue-without-mic-btn {
  background-color: #FFFFFF;
  border-radius: 25px;
  border: none;
  border: 1px solid #4A90E2;
  color: #4A90E2;
  font-size: 14px;
  font-weight: 400;
  height: 100%;
  min-height: 50px;
  min-width: 235px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.c-new-pv__mic-ckeck-continue-without-mic-btn.full {
  background-color: #4A90E2;
  color: #FFFFFF;
  font-weight: 300;
}

.c-pv-discussion-step {
  position: relative;
  height: 750px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  padding: 10px 10px 0 10px;
}
@media (min-width: 601px) {
  .c-pv-discussion-step {
    padding: 10px 27px 0 27px;
  }
}
@media (min-width: 425px) {
  .c-pv-discussion-step .c-discussion-chat-profile-block {
    left: -66px;
  }
}
@media (min-width: 425px) {
  .c-pv-discussion-step .c-discussion-chat-profile-image {
    width: 54px;
    height: 54px;
  }
}
@media (min-width: 768px) {
  .c-pv-discussion-step .c-discuss-expressions-header {
    padding: 20px;
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) {
  .c-pv-discussion-step .c-discussion-message-block {
    padding-bottom: 10px;
  }
}
@media (min-width: 768px) {
  .c-pv-discussion-step .c-discussion-chat-response-block {
    padding: 10px 30px;
    max-width: 80%;
  }
}
@media (min-width: 768px) {
  .c-pv-discussion-step .c-discussion-chat-post-block {
    max-width: 80%;
  }
}
@media (min-width: 768px) {
  .c-pv-discussion-step .c-discussion-chat-post-block__link {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .c-pv-discussion-step .c-discussion-chat-question-block__text,
  .c-pv-discussion-step .c-discussion-chat-question-block__response {
    font-size: 20px;
  }
}
@media (min-width: 990px) {
  .c-pv-discussion-step.c-pv-single-album {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 50px;
    padding-top: 0;
  }
}
@media (min-width: 425px) {
  .c-pv-discussion-step.c-pv-single-album .c-discussion-chat-body {
    margin-left: 66px;
  }
}
@media (min-width: 1110px) {
  .c-pv-discussion-step.c-pv-single-album .c-discussion-chat-body {
    width: 720px;
  }
}
@media (min-width: 990px) {
  .c-pv-discussion-step.c-pv-single-album .c-discuss-expressions-block {
    margin-top: 30px;
    width: 215px;
  }
}
@media (min-width: 990px) {
  .c-pv-discussion-step.c-pv-single-album .c-discuss-expressions-list {
    display: block;
    max-height: unset;
  }
}
@media (min-width: 990px) {
  .c-pv-discussion-step.c-pv-single-album .c-discuss-expression-block {
    gap: 20px;
    border-bottom: 1px solid rgba(228, 226, 236, 0.1882352941);
  }
  .c-pv-discussion-step.c-pv-single-album .c-discuss-expression-block:last-of-type {
    border-bottom: none;
  }
}
.c-pv-discussion-step.c-pv-full-album {
  height: 950px;
}
@media (min-width: 1024px) {
  .c-pv-discussion-step.c-pv-full-album {
    height: 750px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 20px;
    padding-top: 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.c-pv-discussion-step.c-pv-full-album .c-full-abum {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media (min-width: 1024px) {
  .c-pv-discussion-step.c-pv-full-album .c-full-abum {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
.c-pv-discussion-step.c-pv-full-album .c-discussion-chat-area {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media (min-width: 1024px) {
  .c-pv-discussion-step.c-pv-full-album .c-discussion-chat-area {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
@media (min-width: 425px) {
  .c-pv-discussion-step.c-pv-full-album .c-discussion-chat-body {
    margin-left: 66px;
  }
}
@media (min-width: 1310px) {
  .c-pv-discussion-step.c-pv-full-album .c-discussion-chat-body {
    width: 720px;
  }
}
@media (min-width: 1380px) {
  .c-pv-discussion-step.c-pv-full-album .c-discussion-chat-body {
    margin-right: 66px;
  }
}
@media (min-width: 1024px) {
  .c-pv-discussion-step.c-pv-full-album .c-discuss-expressions-block {
    margin-top: 30px;
    width: 215px;
  }
}
@media (min-width: 1024px) {
  .c-pv-discussion-step.c-pv-full-album .c-discuss-expressions-list {
    display: block;
    max-height: unset;
  }
}
@media (min-width: 1024px) {
  .c-pv-discussion-step.c-pv-full-album .c-discuss-expression-block {
    gap: 20px;
    border-bottom: 1px solid rgba(228, 226, 236, 0.1882352941);
  }
  .c-pv-discussion-step.c-pv-full-album .c-discuss-expression-block:last-of-type {
    border-bottom: none;
  }
}

.c-screen-container {
  padding: 30px 10px;
}

.c-score-container {
  min-height: 340px;
  max-width: 652px;
  width: 100%;
  padding: 30px 10px 10px 10px;
  margin: 0 auto;
  position: relative;
  border: 1px solid #4A90E2;
  border-radius: 14px;
}

.c-score-logo {
  left: 36px;
  height: 96px;
  width: 57px;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: -3px;
}

.c-score-info {
  padding-top: 75px;
  text-align: center;
}
.c-score-info__message {
  color: #6B6B6B;
  font-size: 20px;
  font-weight: 600;
}
@media (min-width: 601px) {
  .c-score-info__message {
    font-size: 26px;
  }
}
@media (min-width: 601px) {
  .c-score-info {
    padding-top: 20px;
  }
}

.c-score-status {
  color: #4A90E2;
  font-size: 20px;
  font-weight: 600;
}
@media (min-width: 601px) {
  .c-score-status {
    font-size: 26px;
  }
}

.c-score-points {
  color: #6B6B6B;
  font-size: 16px;
  font-weight: 400;
  margin: 15px 0;
}
@media (min-width: 601px) {
  .c-score-points {
    font-size: 18px;
  }
}

.c-score-btn-container {
  margin: 50px 0;
  text-align: center;
}

.c-score-button {
  display: inline-block;
  background-color: #4A90E2;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 400;
  padding: 15px;
  width: 100%;
  border-radius: 25px;
  text-align: center;
}
.c-score-button:hover {
  color: #FFFFFF;
}
@media (min-width: 375px) {
  .c-score-button {
    min-width: 250px;
    width: unset;
  }
}
@media (min-width: 601px) {
  .c-score-button {
    font-size: 18px;
  }
}

.c-gamezone__intro {
  background-color: #332747;
  position: relative;
}
.c-gamezone__intro .img-responsive {
  width: 100%;
}
.c-gamezone-intro-animation {
  display: block;
  margin: 0 auto;
}
.c-gamezone-intro__btn {
  background-color: #EF7C8E;
  border-radius: 30.5px;
  bottom: 15%;
  -webkit-box-shadow: 0 2px 4px 0 rgba(239, 124, 142, 0.4);
          box-shadow: 0 2px 4px 0 rgba(239, 124, 142, 0.4);
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 600;
  left: 0;
  letter-spacing: -0.26px;
  line-height: 10px;
  margin: 0 auto;
  max-width: 264.85px;
  min-height: 54.95px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 100%;
}

_::-webkit-full-page-media, _:future, :root .c-gamezone__intro {
  background-color: #3C3151;
}

.c-game-instructions {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #FFFFFF;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
  max-width: 391px;
  padding: 15px 45px 25px 45px;
  position: relative;
  width: 100%;
}
.c-game-instructions:not(:root:root) {
  display: block;
}
.c-game-instructions__container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #332944;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 50px 15px 0 15px;
  position: absolute;
  width: 100%;
  z-index: 10;
}
.c-game-instructions__title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 27px;
  margin-bottom: 0;
  padding-bottom: 15px;
  text-align: center;
}
.c-game-instructions__desc {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.17px;
  line-height: 22px;
  margin-bottom: 0;
}
.c-game-instructions__btn {
  background-color: #EF7C8E;
  border-radius: 30.5px;
  bottom: -5%;
  -webkit-box-shadow: 0 2px 4px 0 rgba(239, 124, 142, 0.4);
          box-shadow: 0 2px 4px 0 rgba(239, 124, 142, 0.4);
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 21px;
  font-weight: 600;
  height: 52.7px;
  letter-spacing: -0.23px;
  line-height: 11px;
  margin: 0 auto;
  max-width: 254px;
  position: absolute;
  width: 100%;
}
.c-game-instructions__btn:not(:root:root) {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.c-game-instructions__disable, .c-game-instructions__enable {
  color: #FFFFFF;
  display: none;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.15px;
  line-height: 27px;
  text-align: center;
}

.c-game-instruction__disable-enable-container {
  max-width: 391px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 87px;
  padding-top: 20px;
}

/* Tablet Landscape mode */
@media (max-device-width: 1280px) and (orientation: landscape) {
  .c-game-instructions__container {
    padding: 10px 15px 0 15px;
  }
}
@media (max-width: 450px) {
  .c-game-instructions {
    padding: 15px;
  }
  .c-game-instructions__video {
    width: 250px;
  }
  .c-game-instructions__btn {
    max-width: 200px;
  }
}
.c-new-pv__tinder-of-terms-section {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 500px;
  padding: 2% 0 5% 0;
}
.c-new-pv__tinder-of-terms-button {
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  border: none;
  height: 90px;
  width: 90px;
}
.c-new-pv__tinder-of-terms-button.swipe-left-button {
  background-image: url("/sites/all/themes/lingua/assets/new-photovocab/wrong-icon.svg");
  margin-right: 30px;
}
.c-new-pv__tinder-of-terms-button.swipe-right-button {
  background-image: url("/sites/all/themes/lingua/assets/new-photovocab/right-icon.svg");
  margin-left: 30px;
}
.c-new-pv__tinder-of-terms-frame {
  max-width: 330px;
  min-height: 464px;
  position: relative;
  width: 100%;
}
.c-new-pv__tinder-of-terms-images-container {
  background-color: #FFFFFF;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  left: 50%;
  max-width: 330px;
  min-height: 464px;
  padding: 0 8px;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
}
.c-new-pv__tinder-of-terms-image {
  border-radius: 12px;
  height: 350px !important;
  margin: 0;
  overflow: hidden;
}
.c-new-pv__tinder-of-terms-image img {
  height: 100%;
  width: 100% !important;
}
.c-new-pv__tinder-of-terms-image .twentytwenty-handle {
  background-color: rgba(0, 0, 0, 0.2);
}
.c-new-pv__tinder-of-terms-names {
  color: #484848;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  text-align: center;
}

.rotate-left,
.rotate-right {
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
}

.rotate-left {
  margin-left: -400px;
  -webkit-transform: rotate(20deg) scale(0.8);
          transform: rotate(20deg) scale(0.8);
}

.rotate-right {
  margin-left: 70px;
  -webkit-transform: rotate(-20deg) scale(0.8);
          transform: rotate(-20deg) scale(0.8);
}

.wrong-answer {
  background-color: #EF7C8E;
}

.correct-answer {
  background-color: #80E0C9;
}

@media (max-width: 600px) {
  .c-new-pv__tinder-of-terms-section {
    min-height: 650px;
  }
  .c-new-pv__tinder-of-terms-button {
    background-size: contain;
    bottom: 0;
    position: absolute;
  }
  .c-new-pv__tinder-of-terms-button.swipe-left-button {
    left: 0;
    margin-left: 20%;
    margin-right: 0;
  }
  .c-new-pv__tinder-of-terms-button.swipe-right-button {
    right: 0;
    margin-right: 20%;
    margin-left: 0;
  }
}
.c-game-end__container {
  background-color: #332944;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 50px 15px;
}
.c-game-end__box {
  -ms-flex-line-pack: center;
      align-content: center;
  background-color: #FFFFFF;
  background-image: url("/sites/all/themes/lingua/assets/new-photovocab/GameZone&clouds.svg");
  background-position: 50% 40%;
  background-repeat: no-repeat;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 800px;
  min-height: 506px;
  padding-bottom: 25px;
  width: 100%;
}
@media (min-width: 651px) {
  .c-game-end__box {
    padding-bottom: 50px;
  }
}
.c-game-end__btn-container {
  -ms-flex-item-align: end;
      align-self: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 0 20px;
}
.c-game-end__btn-level2 {
  background-color: #332944;
  border-radius: 30.5px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(51, 41, 68, 0.5);
          box-shadow: 0 2px 4px 0 rgba(51, 41, 68, 0.5);
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 600;
  height: 51px;
  letter-spacing: -0.26px;
  line-height: 20px;
  max-width: 240px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-game-end__btn-replay {
  background-color: #FFFFFF;
  border-radius: 30.5px;
  -webkit-box-shadow: 0 2px 10px 0 rgba(75, 75, 75, 0.2);
          box-shadow: 0 2px 10px 0 rgba(75, 75, 75, 0.2);
  color: #332944;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 600;
  height: 61px;
  letter-spacing: -0.26px;
  line-height: 20px;
  max-width: 240px;
  width: 100%;
}
.c-game-end__btn-replay:hover {
  color: #332944;
}
.c-game-end__container--goto2 .c-pv-score-total__container {
  border: none;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  max-width: 616px;
  width: 100%;
}
.c-game-end__container--goto2 .c-pv-score-total__container .c-pv-between-games-score {
  background-color: #332944;
  border-radius: 6px;
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.26px;
  line-height: 20px;
  margin-top: 10px;
  max-width: 300px;
  padding: 15px 10px;
  text-align: center;
  width: 100%;
}
.c-game-end__container--goto2 .c-pv-score-total__container .c-pv-between-games-score:first-of-type {
  border-bottom: none;
  padding: 15px 10px;
}
@media (max-width: 450px) {
  .c-game-end__container--goto2 .c-pv-score-total__container .c-pv-between-games-score {
    font-size: 20px;
  }
}
.c-game-end__container--goto2 .c-game-end__box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-game-end__container--goto2 .c-game-end__btn-container {
  margin: 0 auto;
}

@media (min-width: 710px) {
  .c-game-end__btn-level2, .c-game-end__btn-replay {
    margin: 0 10px;
  }
}
@media (max-width: 710px) {
  .c-game-end__container--goto2 .c-game-end__box {
    background-position: 50% 50%;
    padding: 10px;
  }
  .c-game-end__container--goto2 .c-pv-score-total__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .c-game-end__container--goto2 .c-game-end__box {
    background-size: 180px;
    padding: 10px;
  }
  .c-game-end__container--goto2 .c-game-end__btn-container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 80%;
  }
  .c-game-end__container--goto2 .c-game-end__btn-level2, .c-game-end__container--goto2 .c-game-end__btn-replay {
    font-size: 17px;
    height: auto;
    line-height: normal;
    margin-bottom: 20px;
    max-width: 100%;
    padding: 10px 15px;
  }
}
.c-game-end__container--fullalbum .c-game-end__box {
  -ms-flex-line-pack: center;
      align-content: center;
  background-image: url("/sites/all/themes/lingua/assets/new-photovocab/GZ.svg");
  background-size: 79px 98px;
  background-position: 41px 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 668px;
  min-height: 454px;
}
.c-game-end__container--fullalbum .c-game-end__btn-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
  max-width: 640px;
}
.c-game-end__box-title {
  color: #332944;
  font-family: "Open Sans";
  font-size: 30px;
  font-weight: 600;
  letter-spacing: -0.28px;
  line-height: 36px;
  margin-bottom: 0;
  padding-top: 27px;
  text-align: center;
}
.c-game-end__desc {
  padding-bottom: 5px;
}
.c-game-end__title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.28px;
  line-height: 36px;
  margin-bottom: 0;
  text-align: center;
}
.c-game-end__subtitle {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.39px;
  line-height: 22px;
  margin-bottom: 0;
  text-align: center;
}
.c-game-end__blue-subtitle {
  color: #4a90e2 !important;
}
.c-game-end .btn {
  padding: 15.5px 0;
}
.c-game-end__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px 15px 0 15px;
}
.c-game-end__btn-see {
  border-radius: 30.5px;
  border: 1px solid #4a90e2;
  color: #4a90e2;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 600;
  height: 51px;
  letter-spacing: -0.26px;
  line-height: 20px;
  width: 100%;
  max-width: 240px;
  white-space: initial;
  word-wrap: break-word;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 5px;
  padding: 10px;
}
.c-game-end__btn-see:hover, .c-game-end__btn-see:active, .c-game-end__btn-see:focus {
  background-color: #fff !important;
  color: #4a90e2 !important;
}
.c-game-end__btn-leave-game-zone {
  background-color: #4a90e2;
  border: 1px solid #4a90e2;
  border-radius: 30.5px;
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 600;
  height: 51px;
  letter-spacing: -0.26px;
  line-height: 20px;
  width: 100%;
  max-width: 240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 5px;
  padding: 10px;
}
.c-game-end__btn-practice {
  background-color: #4a90e2;
  border-radius: 30.5px;
  border: 1px solid #4a90e2;
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 600;
  height: 51px;
  letter-spacing: -0.26px;
  line-height: 20px;
  width: 100%;
  max-width: 240px;
  white-space: initial;
  word-wrap: break-word;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 5px;
  padding: 10px;
}
.c-game-end__btn-practice:hover, .c-game-end__btn-practice:active, .c-game-end__btn-practice:focus {
  background-color: #4a90e2 !important;
  color: #FFFFFF !important;
}

.c-pv-score-total__container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  max-width: 616px;
  width: 70%;
  border: 1px solid #332944;
  background-color: #332944;
  border-radius: 12px;
}
.c-pv-score-total__container .grid-col-1 {
  display: grid;
  grid-template-rows: 1fr 1fr;
  border-radius: 12px 0 0 12px;
  background-color: #332944;
  padding: 25px 0;
}
.c-pv-score-total__container .grid-col-2 {
  display: grid;
  grid-template-rows: 1fr 1fr;
  border-radius: 0 12px 12px 0;
  background-color: #fff;
  color: #000;
  padding: 25px 0;
}
.c-pv-score-total__container .c-pv-between-games-score {
  font-size: 26px;
  background-color: transparent;
  border-radius: 0;
  max-width: 300px;
  margin-top: 0;
  background-color: none;
  padding: 15px 10px 0 49px;
  text-align: left;
}
.c-pv-score-total__container .c-pv-between-games-score:first-of-type {
  border-bottom: 1px solid #fff;
  padding: 0 10px 15px 49px;
}
.c-pv-score-total__container .points {
  background-color: transparent;
  color: #332944;
  padding: 15px 10px 0 49px;
}
.c-pv-score-total__container .points:first-of-type {
  border-bottom: 1px solid #332944;
  padding: 0 10px 15px 49px;
}
.c-pv-score-total__container .c-game-end__box-title {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}

@media (max-width: 660px) {
  .c-pv-score-total__container .c-pv-between-games-score {
    max-width: 280px;
    font-size: 20px;
  }
}
@media (min-width: 600px) and (max-width: 670px) {
  .c-pv-between-games-score {
    max-width: 250px;
  }
}
@media (max-width: 650px) {
  .c-game-end__container--fullalbum .c-game-end__btn-container {
    width: 90%;
  }
  .c-game-end__btns {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  .c-game-end__container--fullalbum .c-game-end__box {
    background-size: 70px 70px;
  }
  .c-game-end__box-title {
    font-size: 22px;
  }
  .c-game-end__title {
    font-size: 22px;
    padding-bottom: 0;
  }
  .c-game-end__btn-see, .c-game-end__btn-practice, .c-game-end__btn-leave-game-zone {
    font-size: 1.5rem;
    height: 45px;
    line-height: 4px;
    margin-bottom: 20px;
    width: 100%;
  }
  .c-pv-score-total__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 90%;
  }
  .c-pv-score-total__container .c-pv-between-games-score {
    max-width: 100%;
    font-size: 17px;
  }
  .c-pv-score-total__container .c-pv-between-games-score .medium {
    font-size: 17px;
  }
  .c-pv-score-total__container .c-pv-between-games-score .light {
    font-size: 15px;
  }
}
@media (max-width: 450px) {
  #exercise-photovocab .btn {
    white-space: normal;
    padding: 10px 15px;
  }
  .c-game-end__box {
    padding: 50px 10px 10px;
  }
  .c-game-end__box-title {
    padding: 0;
  }
  .c-game-end__box-title, .c-game-end__title {
    font-size: 20px;
  }
  .c-game-end__container--fullalbum .c-game-end__box {
    min-height: 480px;
    background-position: 41px -15px;
  }
  .c-game-end__btns {
    padding: 15px 0 0 0;
  }
  .c-game-end__btn-see, .c-game-end__btn-practice, .c-game-end__btn-leave-game-zone {
    height: auto;
    line-height: normal;
  }
  .c-pv-score-total__container .c-pv-between-games-score,
  .c-pv-score-total__container .points,
  .c-pv-score-total__container .c-pv-between-games-score:first-of-type,
  .c-pv-score-total__container .points:first-of-type {
    padding: 10px;
  }
  .c-pv-score-total__container .grid-col-1,
  .c-pv-score-total__container .grid-col-2 {
    padding: 10px 0;
  }
  .c-pv-score-total__container .c-pv-between-games-score {
    text-align: center;
  }
  .c-pv-score-total__container .c-pv-between-games-score .light {
    font-size: 14px;
  }
}
.c-new-pv__progress-menu-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.c-new-pv__progress-line-score {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: -webkit-gradient(linear, left top, right top, from(#E66783), to(#CE6CC8));
  background: linear-gradient(90deg, #E66783 0%, #CE6CC8 100%);
  border-radius: 0 0 4px 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.25em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 3.25em;
}
.c-new-pv__progress-line-score p {
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 15px;
  margin: 0;
}
.c-new-pv__progress-line-background {
  background-color: #C2C2C2;
  height: 10.5px;
  overflow: hidden;
  width: 100%;
}
.c-new-pv__progress-line-complete {
  background: -webkit-gradient(linear, right top, left top, from(#E66783), to(#CE6CC8));
  background: linear-gradient(270deg, #E66783 0%, #CE6CC8 100%);
  height: 100%;
  position: relative;
  width: 0;
}
.c-new-pv__progress-line-complete:after {
  background: -webkit-gradient(linear, right top, left top, from(#E66783), to(#CE6CC8));
  background: linear-gradient(270deg, #E66783 0%, #CE6CC8 100%);
  content: " ";
  display: block;
  height: 100%;
  left: 10px;
  position: absolute;
  top: 0px;
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transform: skew(40deg, 0deg);
          transform: skew(40deg, 0deg);
  width: 100%;
  z-index: 0;
}
.c-new-pv__settings-container {
  position: absolute;
  right: 0;
  top: -1px;
}
.c-new-pv__settings-menu {
  background-color: #FFFFFF;
  height: 100%;
  margin: 0 -389px;
  position: absolute;
  right: 0;
  top: 1px;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  width: 389px;
  z-index: 999;
}
.c-new-pv__settings-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.c-new-pv__settings-menu ul li {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 0.1px solid rgba(151, 151, 151, 0.1);
  border-width: thin;
  color: #525252;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  min-height: 62px;
  padding: 3% 0 3% 9%;
}
.c-new-pv__settings-menu ul li a {
  color: #525252;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
}
.c-new-pv__settings-menu ul li a:hover {
  text-decoration: none;
}
.c-new-pv__settings-menu ul li:last-of-type {
  border-bottom: 0.1px solid rgba(151, 151, 151, 0.1);
  border-width: thin;
  padding-left: 24px;
}
.c-new-pv__settings-menu-overlay {
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  height: 100%;
  left: 0;
  opacity: 0.5;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99;
}

.c-settings-icon {
  content: url("/sites/all/themes/lingua/assets/new-photovocab/settings-icon.svg");
  cursor: pointer;
  position: absolute;
  right: 21px;
  top: -50px;
}

@media (min-width: 600px) and (max-width: 1366px) {
  .c-settings-icon {
    right: 90px;
  }
}
@media (max-height: 1080px) {
  .c-settings-icon {
    right: 90px;
  }
}
.slide-ins-and-outs {
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
  -webkit-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}

.node-type-photovocab .c-close-icon,
.node-type-video .c-close-icon {
  background-color: #FFFFFF;
  background-image: url("/sites/all/themes/lingua/assets/close-gray.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 70% 70%;
  cursor: pointer;
  font-size: unset;
  height: 40px;
  padding: 0;
  padding: 0;
  position: absolute;
  right: 15px;
  top: -60px;
  width: 40px;
}
@media (min-width: 600px) and (max-width: 1280px) {
  .node-type-photovocab .c-close-icon,
  .node-type-video .c-close-icon {
    right: 80px;
  }
}

.c-quit-icon {
  background-image: url("/sites/all/themes/lingua/assets/new-photovocab/quit-icon.svg");
  background-repeat: no-repeat;
  height: 21px;
  margin-right: 10px;
  width: 20px;
}

/** Video Booster - Game Zone settings menu **/
.is-lingua .panel--video-booster,
.is-qioz .panel--video-booster {
  overflow: hidden;
}
@media (max-width: 1150px) {
  .is-lingua.node-type-video .c-full-progresss--step-vb,
  .is-qioz.node-type-video .c-full-progresss--step-vb {
    right: 25px;
  }
}

.node-type-video .c-section-pv__bg,
.node-type-video .c-gamezone__intro {
  margin: 0 -20px;
}
.node-type-video .c-gamezone__intro {
  border-bottom: 1px solid #D6D6D6;
}
.node-type-video .c-settings-icon {
  z-index: 999;
}

/* Video Booster - Game Zone settings menu */
@media (max-width: 400px) {
  .c-new-pv__settings-menu {
    margin: 0 -320px;
    width: 320px;
  }
}
.c-pv-game-resume__container {
  background-color: #332944;
  display: none;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 50px 15px;
  position: absolute;
  width: 100%;
  z-index: 10;
}
.c-pv-game-resume {
  /* Use this class for resume of memory game */
}
.c-pv-game-resume__box--large {
  max-width: 800px !important;
}
.c-pv-game-resume__box--large .c-pv-game-resume__box-title {
  text-align: center;
}
.c-pv-game-resume__box {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #FFFFFF;
  background-image: url("/sites/all/themes/lingua/assets/new-photovocab/GameZone&clouds.svg");
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 352px;
  padding-bottom: 20px;
  width: 100%;
}
.c-pv-game-resume__box-title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -0.22px;
  line-height: 28px;
  margin: 0 auto;
  max-width: 300px;
  width: 100%;
}
.c-pv-game-resume__letter-drop .c-pv-game-resume__container {
  padding: 0;
}

/* Tablet Landscape mode */
@media (max-device-width: 1280px) and (orientation: landscape) {
  .c-pv-game-resume__container {
    padding: 20px 15px 80px;
  }
}
@media (max-width: 350px) {
  .c-pv-game-resume__box {
    background-size: 80%;
  }
}
.c-new-pv__memory-game-images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-new-pv__memory-game-words-container {
  padding: 3px 4px 3px 0;
}
.c-new-pv__memory-game-image-container {
  padding: 3px 0 3px 5px;
}
.c-new-pv__memory-game-words {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-new-pv__memory-game-container {
  background-color: #FFFFFF;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  max-width: 800px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.c-new-pv__memory-game-return-cards {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #372D47;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 125px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 3px;
  position: relative;
  width: 125px;
}
.c-new-pv__memory-game-return-cards:not(.js-img-flipped):before {
  background: #F1F1F1;
  border-radius: 50%;
  content: "";
  height: 66px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 66px;
}
.c-new-pv__memory-game-return-cards .c-image-show-cards {
  cursor: pointer;
  padding: 15px;
  width: 66px;
  z-index: 1;
}
.c-new-pv__memory-game-return-cards .c-pv-card-lives {
  color: #EDECED;
  font-size: 16px;
  font-weight: 600;
  position: absolute;
  right: 8px;
  top: 8px;
}
.c-new-pv_flip-card {
  background-color: transparent;
  height: 125px;
  margin: 3px;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  width: 125px;
}
.c-new-pv_flip-card-inner {
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
  height: 100%;
  position: relative;
  text-align: center;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
  width: 100%;
}
.c-new-pv_flip-card-inner.c-card-disabled {
  cursor: url("/sites/all/themes/lingua/assets/not-allowed-xs.png"), auto;
  pointer-events: all;
}
.c-new-pv_flip-card-inner.c-card-disabled .c-new-pv_flip-card-front {
  background: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#9E9E9E));
  background: linear-gradient(#CCCCCC 0%, #9E9E9E 100%);
}
.c-new-pv_flip-card-front, .c-new-pv_flip-card-back {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  border-radius: 4px;
  height: 100%;
  position: absolute;
  width: 100%;
}
.c-new-pv_flip-card-front {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#BBB9BA));
  background: linear-gradient(180deg, #FFFFFF 0%, #BBB9BA 100%);
  -webkit-box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
}
.c-new-pv__flip-card-front-image {
  background-image: url("/sites/all/themes/lingua/assets/new-photovocab/photo-camera-icon.svg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 30px;
  width: 40px;
}
.c-new-pv__flip-card-front-word {
  background-image: url("/sites/all/themes/lingua/assets/new-photovocab/papertext-icon.svg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 32px;
  width: 25px;
}
.c-new-pv_flip-card-image-back {
  position: relative;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.c-new-pv_flip-card-image-back img {
  border-radius: 4px;
  height: 125px;
  width: 125px;
}
.c-new-pv_flip-card-word-back {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#BBB9BA));
  background: linear-gradient(180deg, #FFFFFF 0%, #BBB9BA 100%);
  border-radius: 4px;
  -webkit-box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  width: 100%;
  padding: 5px;
}
.c-new-pv_flip-card-word-back.c-checked-word {
  background: #80E0C9;
}
.c-new-pv_flip-card-word-back.c-checked-word p {
  color: #FFFFFF;
}
.c-new-pv_flip-card-word-back p {
  color: #5BB4C7;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  text-align: center;
  word-break: break-word;
}
.c-new-pv-disable-card {
  background: #BFBFBF;
}
.c-new-pv__checked-image-badge {
  background-color: #80E0C9;
  background-image: url("/sites/all/themes/lingua/assets/checked-icon.svg");
  background-position: 20px 5px;
  background-repeat: no-repeat;
  background-size: 13px;
  border-radius: 4px;
  clip-path: polygon(1% 1%, 100% 100%, 100% 0);
  display: block;
  height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
}
.c-new-pv__checked-image-success {
  background-color: #80E0C9;
  background-image: url("/sites/all/themes/lingua/assets/checked-icon.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 30px;
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.c-new-pv__checked-word-success {
  background: #80E0C9;
}
.c-new-pv__checked-word-success p {
  color: #FFFFFF;
}
.c-new-pv__game-life {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0 auto 10px;
  max-width: 800px;
  width: 100%;
}
.c-new-pv__game-life span {
  background-image: url("/sites/all/themes/lingua/assets/new-photovocab/heart.svg");
  display: block;
  height: 23px;
  margin-right: 5px;
  width: 25px;
}
.c-new-pv__countdown-circle {
  position: relative;
}
.c-new-pv__countdown-number-start {
  left: 49%;
  margin: 0;
  position: absolute;
  top: 48%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.c-new-pv__progress-circle {
  fill: none;
  stroke-dasharray: 198px;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  stroke-width: 8px;
  stroke: #FFFFFF;
}
.c-new-pv__static-circle {
  fill: none;
  stroke-dasharray: 198px;
  stroke-width: 8px;
  stroke: #787279;
}
.c-new-pv__footer-game div {
  border: none;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  font-weight: 600;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 10px auto 0;
  max-width: 350px;
  width: 100%;
}
.c-new-pv__footer-game div {
  background-color: #EF7C8E;
  border-radius: 4px;
  padding: 10px;
}
.c-new-pv__footer-game div p {
  margin: 0;
}
.c-new-pv__footer-game.c-game-over {
  visibility: hidden;
}

/* Flip memory game cards */
.c-flipped-card {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

/* Mozilla SCSS  */
@-moz-document url-prefix() {
  .c-new-pv_flip-card-inner.c-flipped-card .c-new-pv_flip-card-word-back {
    transform: rotateY(180deg);
  }
  .c-new-pv_flip-card-inner.c-flipped-card .c-new-pv_flip-card-image-back {
    position: relative;
    transform: rotateY(180deg);
  }
  .c-new-pv_flip-card-inner.c-flipped-card .c-new-pv_flip-card-front {
    z-index: 0;
  }
  .c-new-pv_flip-card-word-back {
    transform: none;
  }
  .c-new-pv_flip-card-image-back {
    position: unset;
    transform: none;
  }
  .c-new-pv_flip-card-front {
    z-index: 1;
  }
}
.c-pv-countdown {
  color: #EDECED;
  font-size: 24px;
  font-weight: 600;
  margin: 0;
  text-align: center;
}

#countdown {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  min-height: 85px;
  text-align: center;
  width: 100%;
}
#countdown p {
  color: #FFFFFF;
  font-size: 25px;
  font-weight: 600;
  margin: 0 20px 0 0;
}
#countdown svg {
  height: 75px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  width: 75px;
}

.c-memory-game__header-container {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  max-width: 800px;
}
.c-memory-game__header-container #countdown {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 60%;
          flex: 1 0 60%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@-webkit-keyframes progress {
  from {
    stroke-dashoffset: 198px;
  }
  to {
    stroke-dashoffset: 0px;
  }
}

@keyframes progress {
  from {
    stroke-dashoffset: 198px;
  }
  to {
    stroke-dashoffset: 0px;
  }
}
/* === Media Queries === */
@media (max-width: 800px) {
  .c-memory-game__header-container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .c-memory-game__header-container #countdown {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .c-game-over {
    padding-bottom: 10px;
  }
  .c-new-pv__memory-game-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .c-new-pv__memory-game-image-container, .c-new-pv__memory-game-words-container {
    padding: 3px 2px;
  }
  .c-new-pv__game-life {
    max-width: 400px;
  }
}
@media (max-width: 450px) {
  .c-new-pv_flip-card, .c-new-pv__memory-game-return-cards, .c-new-pv_flip-card-image-back img {
    height: 80px;
    width: 80px;
  }
  .c-new-pv__memory-game-return-cards:not(.js-img-flipped):before {
    height: 40px;
    width: 40px;
  }
  .c-new-pv__memory-game-return-cards .c-image-show-cards {
    padding: 5px;
    width: 35px;
  }
  .c-new-pv__memory-game-return-cards .c-pv-countdown {
    font-size: 18px;
  }
  .c-new-pv__memory-game-return-cards .c-pv-card-lives {
    font-size: 12px;
  }
  .c-new-pv_flip-card-word-back p {
    font-size: 12px;
  }
  .c-new-pv__game-life {
    max-width: 260px;
  }
}
.c-game-zone__container {
  background-color: #332944;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 611px;
  opacity: 0.98;
  padding: 10px 10px 20px;
  width: 100%;
}

.c-letters-drop__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 353px;
  min-height: 622px;
  width: 100%;
  position: relative;
}
.c-letters-drop__translated {
  padding-bottom: 10px;
}
.c-letters-drop__translated-text {
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.17px;
  line-height: 22px;
  margin-bottom: 0;
}
.c-letters-drop__sentence-box {
  background-color: #FFFFFF;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.2);
  max-height: 123px;
  max-width: 352px;
  padding: 5px 15px;
  width: 100%;
}
.c-letters-drop__sentence-text {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.16px;
  line-height: 1.5em;
  margin: 0;
}
.c-letters-drop__sentence-text em {
  color: #4B4B4B;
  font-style: inherit;
}
.c-letters-drop__box {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #FFFFFF;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 10px;
  max-width: 352px;
  min-height: 350px;
  padding: 2px;
  width: 100%;
}
.c-letters-drop__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 100%;
}
.c-letters-drop__row-cel {
  background-color: transparent;
  color: #FFFFFF;
  cursor: default;
  font-family: "Open Sans";
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -0.22px;
  line-height: 46px;
  max-width: 50px;
  min-height: 50px;
  position: relative;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
  padding: 2px;
}
.c-letters-drop__row-cel.c-letters-drop__line-left .c-row-cel-letter::after, .c-letters-drop__row-cel.c-letters-drop-solved__line-left .c-row-cel-letter::after {
  content: " ";
  display: block;
  height: 15px;
  margin-top: calc(-50% - 5.5px);
  position: absolute;
  right: 94%;
  width: 6px;
}
.c-letters-drop__row-cel.c-letters-drop__line-right .c-row-cel-letter::before, .c-letters-drop__row-cel.c-letters-drop-solved__line-right .c-row-cel-letter::before {
  content: " ";
  display: block;
  height: 15px;
  left: 94%;
  position: absolute;
  top: calc(50% - 7.5px);
  width: 6px;
  z-index: 1;
}
.c-letters-drop__row-cel.c-letters-drop__line-top .c-row-cel-letter::after, .c-letters-drop__row-cel.c-letters-drop-solved__line-top .c-row-cel-letter::after {
  bottom: 93%;
  content: " ";
  display: block;
  height: 7px;
  left: calc(50% - 7.5px);
  position: absolute;
  width: 15px;
}
.c-letters-drop__row-cel.c-letters-drop__line-bottom .c-row-cel-letter::before, .c-letters-drop__row-cel.c-letters-drop-solved__line-bottom .c-row-cel-letter::before {
  content: " ";
  display: block;
  height: 7px;
  left: calc(50% - 7.5px);
  position: absolute;
  top: 93%;
  width: 15px;
  z-index: 1;
}
.c-letters-drop__row-cel .c-row-cel-letter {
  background-color: #4A90E2;
  border-radius: 4px;
}
.c-letters-drop__button-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-letters-drop__resume-box, .c-letters-drop__fast-forward-box {
  background-color: #FFFFFF;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.2);
  height: 55px;
  margin-right: 15px;
  margin-top: 10px;
  max-width: 54px;
  width: 100%;
}
.c-letters-drop__fast-forward-btn {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: none;
  background-repeat: no-repeat;
  background-position: center;
}
.c-letters-drop__skip-box {
  background-color: #FFFFFF;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.2);
  margin-right: 15px;
  margin-top: 15px;
}
.c-letters-drop__skip-btn {
  background-color: transparent;
  border-radius: 8px;
  border: 0;
  -webkit-box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.2);
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 600;
  height: 55px;
  letter-spacing: -0.17px;
  line-height: 22px;
  padding: 0 20px;
  text-align: center;
}
.c-letters-drop__fast-forward-btn {
  background-size: 40px;
  background-image: url("/sites/all/themes/lingua/assets/new-photovocab/fast-forward.png");
}
.c-letters-drop__timeout-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #EF7C8E;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 10px;
  min-height: 54px;
  width: 100%;
}
.c-letters-drop__timeout-text {
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 24px;
  margin-bottom: 0;
  text-align: center;
}
.c-letters-drop__next-box {
  margin-top: 10px;
}
.c-letters-drop__next-btn {
  background-color: #4A90E2;
  border-radius: 8px;
  border: 0;
  -webkit-box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.2);
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 24px;
  min-height: 54px;
  text-align: center;
  width: 100%;
}
.c-letters-drop__stars-animation {
  background: transparent;
  display: none;
  height: 80px;
  position: absolute;
  width: 80px;
}
.c-letters-drop__button-jokers-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-letter-drop__empty {
  display: inline-table;
  padding-left: 2px;
  padding-right: 3px;
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
}
.c-letter-drop__empty:last-of-type {
  padding-left: 0;
  padding-right: 0;
}
.c-letter-drop__empty-word {
  display: inline-block;
  height: 20px;
  min-width: 55px;
}
.c-letter-drop__word-nr {
  color: #4A90E2;
  font-family: "Open Sans";
  font-weight: 600;
  letter-spacing: -0.15px;
  line-height: 22px;
  text-align: center;
}
.c-letter-drop__right-word {
  color: #80E0C9;
  font-family: "Open Sans";
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.16px;
  line-height: 1.5em;
  text-align: center;
}

.node-type-video .c-letters-drop__sentence-text {
  font-weight: 400;
}
.node-type-video .c-letters-drop__sentence-text .c-sentence-definition {
  font-weight: 600;
  margin: 0;
}

.arrow-down {
  border: 3px solid #fff;
  line-height: 40.8px !important;
  height: 46px;
}
.arrow-down:before {
  position: absolute;
  content: "";
  top: 100%;
  left: 50%;
  z-index: 9999;
  margin-left: -12px;
  border-width: 12px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  background-color: transparent !important;
}

.arrow-up {
  border: 3px solid #fff;
  line-height: 41px;
  height: 46px;
}
.arrow-up:before {
  position: absolute;
  content: "";
  bottom: 100%;
  left: 50%;
  z-index: 9999;
  margin-left: -12px;
  border-width: 12px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  background-color: transparent !important;
}

.arrow-right {
  border: 3px solid #fff;
  line-height: 41px;
  height: 46px;
}
.arrow-right:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 100%;
  z-index: 9999;
  margin-left: 0;
  margin-top: -12px;
  border-width: 12px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  background-color: transparent !important;
}

.arrow-left {
  border: 3px solid #fff;
  line-height: 41px;
  height: 46px;
}
.arrow-left:before {
  position: absolute;
  content: "";
  top: 50%;
  right: 100%;
  z-index: 9999;
  margin-top: -12px;
  border-width: 12px;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  background-color: transparent !important;
}

.c-game-zone__container {
  background-color: #332944;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 611px;
  opacity: 0.98;
  padding: 10px 10px 20px;
  width: 100%;
}

.c-letters-box__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 353px;
  min-height: 654px;
  width: 100%;
  position: relative;
}
.c-letters-box__translated {
  padding-bottom: 10px;
}
.c-letters-box__translated-text {
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 24px;
  margin-bottom: 0;
}
.c-letters-box__sentence-box {
  background-color: #FFFFFF;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.2);
  max-height: 123px;
  max-width: 352px;
  padding: 5px 15px;
  width: 100%;
}
.c-letters-box__sentence-text {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 1.5em;
  margin-bottom: 0;
  word-break: break-word;
}
.c-letters-box__sentence-text em {
  font-style: inherit;
}
.c-letters-box__box {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #FFFFFF;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 367px;
  margin-top: 10px;
  max-width: 352px;
  padding: 1px;
  width: 100%;
}
.c-letters-box__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 100%;
}
.c-letters-box__row-cel {
  background-color: #FFFFFF;
  color: #FFFFFF;
  cursor: default;
  font-family: "Open Sans";
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -0.22px;
  line-height: 46px;
  max-width: 50px;
  min-height: 50px;
  position: relative;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
  padding: 3px 2px;
}
.c-letters-box__row-cel.c-letters-box__line-left .c-row-cel-letter::after, .c-letters-box__row-cel.c-letters-box-solved__line-left .c-row-cel-letter::after {
  content: " ";
  display: block;
  height: 15px;
  margin-top: calc(-50% - 5.5px);
  position: absolute;
  right: 94%;
  width: 6px;
}
.c-letters-box__row-cel.c-letters-box__line-right .c-row-cel-letter::before, .c-letters-box__row-cel.c-letters-box-solved__line-right .c-row-cel-letter::before {
  content: " ";
  display: block;
  height: 15px;
  left: 94%;
  position: absolute;
  top: calc(50% - 7.5px);
  width: 6px;
  z-index: 1;
}
.c-letters-box__row-cel.c-letters-box__line-top .c-row-cel-letter::after, .c-letters-box__row-cel.c-letters-box-solved__line-top .c-row-cel-letter::after {
  bottom: 93%;
  content: " ";
  display: block;
  height: 7px;
  left: calc(50% - 7.5px);
  position: absolute;
  width: 15px;
}
.c-letters-box__row-cel.c-letters-box__line-bottom .c-row-cel-letter::before, .c-letters-box__row-cel.c-letters-box-solved__line-bottom .c-row-cel-letter::before {
  content: " ";
  display: block;
  height: 8px;
  left: calc(50% - 7.5px);
  position: absolute;
  top: 93%;
  width: 15px;
  z-index: 1;
}
.c-letters-box__timeout-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #EF7C8E;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 10px;
  min-height: 54px;
  width: 100%;
}
.c-letters-box__timeout-text {
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 24px;
  margin-bottom: 0;
  text-align: center;
}
.c-letters-box__next-box {
  margin-top: 10px;
}
.c-letters-box__next-btn {
  background-color: #4A90E2;
  border: 0;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.2);
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 24px;
  min-height: 54px;
  text-align: center;
  width: 100%;
}
.c-letters-box__skip-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 10px;
}
.c-letters-box__skip-btn {
  background-color: #FFFFFF;
  border: 0;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.2);
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 600;
  height: 50px;
  letter-spacing: -0.17px;
  line-height: 22px;
  text-align: center;
  width: 102px;
}
.c-letters-box__skip-time {
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.26px;
  line-height: 33px;
  margin-bottom: 0;
  text-align: center;
}

.c-letter-box__empty {
  display: inline-table;
  padding-left: 2px;
  padding-right: 3px;
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
}
.c-letter-box__empty:last-of-type {
  padding-right: 0;
  padding-left: 0;
}
.c-letter-box__empty-word {
  display: inline-block;
  height: 20px;
}
.c-letter-box__right-word {
  color: #80E0C9;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 1.5em;
  text-align: center;
}

.c-row-cel-letter {
  background-color: #74B9CE;
  border-radius: 4px;
}

@-webkit-keyframes progressJoker {
  from {
    /* hardcoded value for circle circumference: 28 */
    stroke-dashoffset: 175.929px;
  }
  to {
    stroke-dashoffset: 0px;
  }
}

@keyframes progressJoker {
  from {
    /* hardcoded value for circle circumference: 28 */
    stroke-dashoffset: 175.929px;
  }
  to {
    stroke-dashoffset: 0px;
  }
}
.node-type-video .c-letters-box__sentence-text {
  font-weight: 400;
}
.node-type-video .c-letters-box__sentence-text .c-sentence-definition {
  font-weight: 600;
  margin: 0;
}

/* Tablet Landscape mode */
@media (max-device-width: 1280px) and (orientation: landscape) {
  .c-game-zone__container {
    padding: 0 10px;
  }
}
.c-pv-between-games {
  z-index: 11;
}
.c-pv-between-games .c-game-end__btn-level2 {
  background-color: #EF7C8E;
  max-width: unset;
  padding: 20px 60px;
  width: unset;
}
.c-pv-between-games .c-pv-game-resume__box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.c-pv-between-games-score {
  background-color: #332944;
  border-radius: 6px;
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.26px;
  line-height: 20px;
  margin-top: 10px;
  max-width: 280px;
  padding: 15px 10px;
  text-align: center;
  width: 100%;
}
.c-pv-between-games-score .small {
  font-size: 18px;
}
.c-pv-between-games-score .medium {
  font-size: 22px;
}
.c-pv-between-games-score .light {
  font-size: 16px;
  font-weight: 400;
}

.c-vv-signs-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-vv-signs-header__icon-block {
  width: 42px;
  height: 42px;
  margin-right: 18px;
}
.c-vv-signs-header__icon-block img {
  width: 100%;
}
.c-vv-signs-header__title {
  color: #4B4B4B;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: -0.32px;
  line-height: 33px;
}
@media (max-width: 650px) {
  .c-vv-signs-header__title {
    font-size: 20px;
    line-height: 30px;
  }
}

.c-vv-catalog-header {
  background-color: #A8DEF3;
}
.c-vv-catalog-header__logo-img {
  background-image: url("/sites/all/themes/lingua/assets/vv-catalog.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  content: "";
  cursor: pointer;
  display: block;
  height: 42px;
  width: 42px;
}
.c-vv-catalog-header:after {
  background: #A8DEF3;
  border-right: 7px solid #A8DEF3;
}

.c-vv-signs-preview-block {
  padding: 24px 15px 74px 15px;
}

.c-vv-preview-title {
  text-align: center;
  margin-bottom: 5px;
  color: #4B4B4B;
  font-size: 24px;
  letter-spacing: -0.26px;
  line-height: 26px;
  font-weight: 400;
}

.c-vv-preview-description {
  text-align: center;
  margin-bottom: 18px;
  color: #4B4B4B;
  font-size: 13px;
  letter-spacing: -0.14px;
  line-height: 22px;
  font-weight: 400;
}

.c-timeline-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-timeline-dots .c-dot {
  cursor: pointer;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #4A90E2;
  margin-right: 11px;
}
.c-timeline-dots .c-dot:last-of-type {
  margin-right: 0;
}
.c-timeline-dots .c-dot.disabled {
  background-color: #D8D8D8;
  cursor: default;
}
.c-timeline-dots .c-dot.active {
  height: 28px;
  width: 28px;
  -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
}

.c-preview-videos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 26px;
  margin-bottom: 35px;
}
@media (max-width: 660px) {
  .c-preview-videos {
    position: relative;
    display: block;
    margin-top: 25px;
  }
}
@media (max-width: 660px) {
  .c-preview-videos .c-navigation-arrow {
    width: 54px;
  }
}
.c-preview-videos .c-right-arrow {
  background-image: url("/sites/all/themes/lingua/assets/new-photovocab/Bluearrowicon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 64px;
  height: 64px;
  cursor: pointer;
}
.c-preview-videos .c-right-arrow.disabled {
  background-image: url("/sites/all/themes/lingua/assets/new-photovocab/Greyarrowicon.svg");
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  cursor: default;
}
@media (max-width: 660px) {
  .c-preview-videos .c-right-arrow {
    position: absolute;
    top: 0;
    right: 0;
  }
}
.c-preview-videos .c-left-arrow {
  background-image: url("/sites/all/themes/lingua/assets/new-photovocab/Bluearrowicon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  width: 64px;
  height: 64px;
  cursor: pointer;
}
.c-preview-videos .c-left-arrow.disabled {
  background-image: url("/sites/all/themes/lingua/assets/new-photovocab/Greyarrowicon.svg");
  -webkit-transform: none;
          transform: none;
  cursor: default;
}
.c-preview-videos .owl-carousel {
  max-width: 600px;
}
.c-preview-videos .owl-carousel .owl-stage-outer {
  border-radius: 16px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 5px 50px 6px rgba(0, 0, 0, 0.3);
          box-shadow: 0 5px 50px 6px rgba(0, 0, 0, 0.3);
  max-width: 442px;
  margin: 0 auto;
}
@media (max-width: 660px) {
  .c-preview-videos .owl-carousel {
    margin-top: 25px;
  }
}

.c-preview-video-block {
  height: auto;
  max-width: 442px;
  position: relative;
}
@media (max-width: 660px) {
  .c-preview-video-block {
    max-width: 442px;
    width: 100%;
  }
}

.c-vv-preview-expression {
  text-align: center;
  color: #4B4B4B;
  font-size: 24px;
  letter-spacing: -0.26px;
  line-height: 22px;
  font-weight: 400;
  margin-bottom: 5px;
}

.c-vv-preview-expression-translation {
  text-align: center;
  color: #6B6B6B;
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 21px;
  font-weight: 400;
  min-height: 21px;
}

.c-vv-preview-btn {
  text-align: center;
  margin-top: 60px;
  display: none;
}

.c-vv-signs-exercises-block {
  padding: 70px 15px 130px 15px;
}
.c-vv-signs-exercises-block .c-vv-exercises-description {
  color: #4B4B4B;
  font-size: 21px;
  letter-spacing: -0.22px;
  text-align: center;
  font-weight: 400;
}
.c-vv-signs-exercises-block .c-vv-exercise-block {
  margin-top: 20px;
}
.c-vv-signs-exercises-block .c-vv-evercise-videos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 87px;
}
.c-vv-signs-exercises-block .c-vv-evercise-videos .c-video-expression-container {
  margin-right: 58px;
  margin-top: 25px;
}
.c-vv-signs-exercises-block .c-vv-evercise-videos .c-video-expression-container__video {
  position: relative;
  height: auto;
  width: 178px;
  -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 16px;
}
.c-vv-signs-exercises-block .c-vv-evercise-videos .c-video-expression-container__expression {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 54px;
  width: 178px;
  border: 1px dashed #4A90E2;
  border-radius: 4px;
  background-color: #EAEAEA;
}
@media (max-width: 600px) {
  .c-vv-signs-exercises-block .c-vv-evercise-videos .c-video-expression-container {
    margin-right: 30px;
  }
}
.c-vv-signs-exercises-block .c-vv-evercise-expressions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.c-vv-signs-exercises-block .c-vv-evercise-expressions__expression {
  display: block;
  min-height: 54px;
  min-width: 178px;
  border-radius: 4px;
  background-color: #4A90E2;
  -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
  margin: 0 64px 25px 0;
  text-align: center;
  color: #FFFFFF;
  cursor: move;
  font-size: 18px;
  padding: 14px 7px;
  user-select: none;
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+/Edge */
}
@media (max-width: 600px) {
  .c-vv-signs-exercises-block .c-vv-evercise-expressions__expression {
    margin-right: 30px;
  }
}
.c-vv-signs-exercises-block .c-vv-exercises-filled-word-area {
  border: 0 !important;
}
.c-vv-signs-exercises-block .c-vv-exercises-correct-word {
  background-color: #80E0C9 !important;
  cursor: default;
}
.c-vv-signs-exercises-block .c-vv-exercises-incorrect-word {
  background-color: #EF7C8E !important;
}

/* Settings Menu */
.c-new-pv__progress-menu-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.c-new-pv__progress-line-score {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: -webkit-gradient(linear, left top, right top, from(#E66783), to(#CE6CC8));
  background: linear-gradient(90deg, #E66783 0%, #CE6CC8 100%);
  border-radius: 0 0 4px 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.25em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 3.25em;
}
.c-new-pv__progress-line-score p {
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 15px;
  margin: 0;
}
.c-new-pv__progress-line-background {
  background-color: #C2C2C2;
  height: 10.5px;
  overflow: hidden;
  width: 100%;
}
.c-new-pv__progress-line-complete {
  background: -webkit-gradient(linear, right top, left top, from(#E66783), to(#CE6CC8));
  background: linear-gradient(270deg, #E66783 0%, #CE6CC8 100%);
  height: 100%;
  position: relative;
  width: 0;
}
.c-new-pv__progress-line-complete:after {
  background: -webkit-gradient(linear, right top, left top, from(#E66783), to(#CE6CC8));
  background: linear-gradient(270deg, #E66783 0%, #CE6CC8 100%);
  content: " ";
  display: block;
  height: 100%;
  left: 10px;
  position: absolute;
  top: 0px;
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transform: skew(40deg, 0deg);
          transform: skew(40deg, 0deg);
  width: 100%;
  z-index: 0;
}

/* Game */
.c-vv-game {
  min-height: 500px;
  padding: 3.6% 15px 4.2% 15px;
  margin: 0 auto;
  max-width: 377px;
  width: 100%;
}
.c-vv-game__expression {
  height: 62px;
  width: 100%;
  border-radius: 7px;
  background-color: #FFFFFF;
  color: #2F3136;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.21px;
  line-height: 58px;
  text-align: center;
  margin-bottom: 30px;
}
.c-vv-game__video {
  height: auto;
  width: 100%;
  opacity: 0.9;
  border-radius: 8px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 45px;
  position: relative;
}
.c-vv-game__video video, .c-vv-game__video .video-js, .c-vv-game__video .vjs-poster {
  width: 100%;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.2);
}
.c-vv-game__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 0 12px;
}
.c-vv-game .c-answer-btn {
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  border: none;
  height: 90px;
  width: 90px;
}
.c-vv-game .c-good-answer-btn {
  background-image: url("/sites/all/themes/lingua/assets/new-photovocab/right-icon.svg");
}
.c-vv-game .c-wrong-answer-btn {
  background-image: url("/sites/all/themes/lingua/assets/new-photovocab/wrong-icon.svg");
}

.c-expression-video-block {
  display: none;
}
.c-expression-video-block.active {
  display: block;
}

.c-white-settings-icon {
  position: relative;
  margin-top: 40px;
  margin-right: 15px;
  right: 0;
  top: 0;
}

.c-vv-game-instructions-img {
  width: 100%;
}

.c-vv-start-game-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-vv-game-end-summary-col1 {
  padding: 19px;
  color: #ffffff;
  font-size: 29px;
  font-weight: 600;
}

.c-vv-game-end-summary-col2 {
  padding: 19px;
  color: #332944;
  background-color: #ffffff;
  border-radius: 0 12px 12px 0;
  font-size: 29px;
  font-weight: 600;
}
.c-vv-game-end-summary-col2 .c-small-text {
  font-size: 17px;
  font-weight: 400;
}

.tt-popover {
  position: absolute;
}

.tt-popover-step {
  max-width: 470px;
  width: 100%;
  padding: 20px 30px 20px 15px;
  border-radius: 8px;
  background-color: #FFFFFF;
  z-index: 9999;
}

.tt-popover-description {
  margin-bottom: 0;
  padding: 0;
}

.tt-wrapper {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #fff;
}

.tt-popover__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tt-popover-img__container {
  padding-right: 30px;
}

.tt-popover-img {
  width: 80px;
  height: 80px;
}

.tt-popover-title {
  color: #EF7C8E;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.17px;
  line-height: 22px;
  padding-bottom: 6px;
}

.tt-popover-desc {
  color: #CDCECF;
  font-family: "Open Sans";
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.16px;
  line-height: 19px;
}

.tt-next-tip {
  border: none;
  height: 37px;
  width: 155px;
  border-radius: 20.5px;
  background-color: #EF7C8E;
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.13px;
  line-height: 17px;
  padding-top: 0;
}

.tt-popover__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: unset;
  float: right;
}

.tt-popover__progress {
  text-align: left;
  background-color: #fff;
  color: #EF7C8E;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.tt-popover.right {
  margin-left: 37px;
}

.tt-popover.left {
  margin-left: -50px;
}

.tt-popover.bottom {
  margin-top: 37px;
}

.tt-popover > .tt-popover-arrow {
  position: absolute;
  display: block;
}

.tt-popover > .tt-popover-arrow:after {
  position: absolute;
  display: block;
}

.tt-popover.right > .tt-popover-arrow {
  width: 20px;
  height: 20px;
  background-color: #EF7C8E;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.4);
          box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  margin-left: -50px;
  position: absolute;
  border-color: #EF7C8E;
}

.tt-popover.right > .tt-popover-arrow:after {
  border: 0.5px solid #2f3136;
  width: 37px;
  bottom: 0;
  z-index: -1;
  left: 11px;
}

.tt-popover.left > .tt-popover-arrow {
  width: 22px;
  height: 22px;
  background-color: #EF7C8E;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.4);
          box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  margin-right: -50px;
  border-color: #EF7C8E;
}

.tt-popover.left > .tt-popover-arrow:after {
  border: 0.5px solid #2f3136;
  width: 45px;
  bottom: 0;
  z-index: -1;
  right: 20px;
}

.tt-popover.bottom > .tt-popover-arrow {
  width: 20px;
  height: 22px;
  background-color: #EF7C8E;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.4);
          box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  border-color: #EF7C8E;
  top: -50px;
}

.tt-popover.bottom > .tt-popover-arrow:after {
  top: 30px;
  margin-left: -15px;
  content: " ";
  border: 0.5px solid #2f3136;
  width: 50px;
  z-index: -1;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  bottom: 0;
}

.tt-popover.top > .tt-popover-arrow {
  width: 20px;
  height: 22px;
  background-color: #EF7C8E;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.4);
          box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  margin-right: -35px;
  border-color: #EF7C8E;
  bottom: -55px;
  border-top-color: #EF7C8E;
}

.tt-popover.top > .tt-popover-arrow:after {
  top: -21px;
  margin-left: -15px;
  content: " ";
  border: 0.5px solid #2f3136;
  width: 50px;
  z-index: -1;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.tt-popover.tt-popover-step .tt-popover__progress {
  color: #EF7C8E;
}

@media screen and (max-width: 481px) {
  .tt-popover.tt-popover-step {
    left: 0px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .tt-popover.right {
    margin-left: 24px;
  }
  .tt-popover.left {
    margin-left: -35px;
  }
}
@media (max-width: 767px) {
  .tt-popover-step {
    margin: 0 auto;
  }
  .tt-popover__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tt-popover-img {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 470px) {
  .tt-popover-step {
    left: 0 !important;
  }
}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  content: " ";
  display: block;
  background: white;
  position: absolute;
  z-index: 30;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
  width: 3px;
  height: 9999px;
  left: 50%;
  margin-left: -1.5px;
}

.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  width: 9999px;
  height: 2px;
  top: 50%;
  margin-top: -1.5px;
}

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.twentytwenty-before-label, .twentytwenty-after-label {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  color: white;
  font-size: 13px;
  letter-spacing: 0.1em;
}

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  line-height: 38px;
  padding: 0 20px;
  border-radius: 2px;
}

.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
  top: 50%;
  margin-top: -19px;
}

.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
  left: 50%;
  margin-left: -45px;
  text-align: center;
  width: 90px;
}

.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute;
}

.twentytwenty-left-arrow, .twentytwenty-right-arrow {
  top: 50%;
  margin-top: -6px;
}

.twentytwenty-up-arrow, .twentytwenty-down-arrow {
  left: 45%;
  margin-left: -6px;
}

.twentytwenty-container {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.twentytwenty-container img {
  max-width: 100%;
  position: absolute;
  top: 0;
  display: block;
}

/*.twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
  background: rgba(0, 0, 0, 0); }*/
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
  opacity: 0;
}

.twentytwenty-container * {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.twentytwenty-before-label {
  opacity: 0;
}

.twentytwenty-before-label:before {
  content: attr(data-content);
}

.twentytwenty-after-label {
  opacity: 0;
}

.twentytwenty-after-label:before {
  content: attr(data-content);
}

.twentytwenty-horizontal .twentytwenty-before-label:before {
  left: 10px;
}

.twentytwenty-horizontal .twentytwenty-after-label:before {
  right: 10px;
}

.twentytwenty-vertical .twentytwenty-before-label:before {
  top: 10px;
}

.twentytwenty-vertical .twentytwenty-after-label:before {
  bottom: 10px;
}

.twentytwenty-overlay {
  -webkit-transition-property: background;
  transition-property: background;
  background: rgba(0, 0, 0, 0);
  z-index: 25;
}

.twentytwenty-overlay:hover {
  background: rgba(0, 0, 0, 0.5);
}

.twentytwenty-overlay:hover .twentytwenty-after-label {
  opacity: 1;
}

.twentytwenty-overlay:hover .twentytwenty-before-label {
  opacity: 1;
}

.twentytwenty-before {
  z-index: 20;
}

.twentytwenty-after {
  z-index: 10;
}

.twentytwenty-handle {
  height: 38px;
  width: 38px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border: 2px solid white;
  border-radius: 1000px;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  z-index: 40;
  cursor: pointer;
}

.twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 50%;
  margin-bottom: 22px;
  -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50%;
  margin-top: 22px;
  -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-vertical .twentytwenty-handle:before {
  left: 50%;
  margin-left: 22px;
  -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-vertical .twentytwenty-handle:after {
  right: 50%;
  margin-right: 22px;
  -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-left-arrow {
  border-right: 6px solid white;
  left: 50%;
  margin-left: -17px;
}

.twentytwenty-right-arrow {
  border-left: 6px solid white;
  right: 50%;
  margin-right: -17px;
}

.twentytwenty-up-arrow {
  content: url(/sites/all/themes/lingua/assets/new-photovocab/empty-triangle-up.svg);
  top: 50%;
  margin-top: -17px;
  width: 6px;
  height: 6px;
}

.twentytwenty-down-arrow {
  content: url(/sites/all/themes/lingua/assets/new-photovocab/empty-triangle-down.svg);
  /*border-top: 6px solid white;*/
  bottom: 50%;
  margin-bottom: -17px;
  width: 6px;
  height: 6px;
}

/* Career tracks */
.c-career-tracks__carousel-container {
  padding: 0 40px;
}
.c-career-tracks__carousel-container .carousel-wrap {
  margin: 0 auto;
  margin-top: 30px;
  max-width: 1365px;
  padding: 0;
  width: 100%;
}
.c-career-tracks__carousel-container .owl-item.active:hover {
  z-index: 9999;
}
.c-career-tracks__carousel-container .owl-carousel .owl-stage-outer {
  overflow: visible;
}
.c-career-tracks__carousel-container {
  /* Fix blank or flashing items on carousel */
}
.c-career-tracks__carousel-container .owl-carousel .item {
  position: relative;
  z-index: 100;
  -webkit-backface-visibility: hidden;
}
.c-career-tracks__carousel-container .owl-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #DFDFDF;
  border-radius: 7px;
  cursor: pointer;
  -webkit-box-pack: justify;
          justify-content: space-between;
  position: absolute;
  margin-right: 5px;
  -ms-flex-pack: justify;
  right: -23px;
  top: -75px;
  width: 60px;
  z-index: 0;
  height: 40px;
}
.c-career-tracks__carousel-container .owl-prev.disabled .owl-prev-arrow,
.c-career-tracks__carousel-container .owl-prev.disabled .owl-next-arrow,
.c-career-tracks__carousel-container .owl-next.disabled .owl-prev-arrow,
.c-career-tracks__carousel-container .owl-next.disabled .owl-next-arrow {
  border: 1px solid #D8D8D8;
  border-width: 2px 2px 0 0;
  cursor: url("/sites/all/themes/lingua/assets/not-allowed-xs.png"), auto !important;
}
.c-career-tracks__carousel-container .owl-prev-arrow {
  background-color: transparent;
  border: 1px solid #4B91E2;
  border-width: 2px 2px 0 0;
  cursor: pointer;
  height: 15px;
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  width: 15px;
  margin-left: 5px;
}
.c-career-tracks__carousel-container .owl-prev-arrow:after {
  background-color: #D8D8D8;
  content: "";
  display: block;
  height: 38px;
  margin: -7px 0 0 -8px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  width: 1px;
}
.c-career-tracks__carousel-container .owl-next-arrow {
  background-color: transparent;
  border: 1px solid #4B91E2;
  border-width: 2px 2px 0 0;
  cursor: pointer;
  height: 15px;
  margin-right: 6px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 15px;
}
.c-career-tracks__carousel-container {
  /* Safari browser style only */
}
.c-career-tracks__carousel-container .owl-next-arrow:not(:root:root) {
  margin-left: 5px;
}
.c-career-tracks__carousel-container .owl-prev-arrow:not(:root:root) {
  margin-left: 10px;
}
.c-career-tracks__carousel-container .owl-prev:not(:root:root),
.c-career-tracks__carousel-container .owl-next:not(:root:root) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-career-tracks__carousel-container {
  /* Firefox browser style only */
}
@supports (-moz-appearance: none) {
  .c-career-tracks__carousel-container .owl-next-arrow {
    margin-right: 7px;
  }
  .c-career-tracks__carousel-container .owl-prev-arrow {
    margin-left: 7px;
  }
  .c-career-tracks__carousel-container .owl-prev-arrow:after {
    margin: -5px 0 0 -7px;
  }
  .c-career-tracks__carousel-container .owl-prev,
  .c-career-tracks__carousel-container .owl-next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.c-career-tracks__carousel-container {
  /* end fix */
}
.c-career-tracks__carousel-container .owl-nav > div {
  color: #CDCBCD;
  margin-top: -26px;
  position: absolute;
  top: 50%;
}
.c-career-tracks__carousel-container .owl-nav i {
  font-size: 52px;
}
.c-career-tracks__carousel-container .owl-nav .owl-prev {
  left: -30px;
  width: 50%;
}
.c-career-tracks__carousel-container .owl-nav .owl-next {
  right: -30px;
  width: 50%;
}
@media (min-width: 600px) {
  .c-career-tracks__carousel-container .owl-nav {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
.c-career-tracks__carousel-container .owl-stage .owl-item:not(.active) {
  opacity: 0;
}

.grayscale-career-tracks {
  -webkit-filter: grayscale(60%);
          filter: grayscale(60%);
}

.c-career-track__slide {
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: 0 0 5px #E6E6E6;
          box-shadow: 0 0 5px #E6E6E6;
  border-radius: 6px;
  height: 226px;
  max-width: 330px;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
  z-index: 1;
  width: 100%;
  -webkit-backface-visibility: hidden;
}
.c-career-track__slide:hover {
  -webkit-box-shadow: 0 0 13px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 13px 4px rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  z-index: 99999;
}
.c-career-track__slide img {
  border-radius: 6px;
  height: inherit;
  width: 100%;
}
.c-career-track__slide .c-career-track__slide-desc {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(255, 255, 255, 0.4);
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 9px 10px 14px;
  position: absolute;
  width: 100%;
  /* Use for Safari 9+, Edge 17+ (not a mistake) and iOS Safari 9.2+ */
  backdrop-filter: blur(3px);
  /* Supported in Chrome 76 */
}

.c-career-track__desc-title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.15px;
  line-height: 19px;
  margin-bottom: 0;
}

.c-career-track__desc-jobs {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 11px;
  letter-spacing: -0.12px;
  line-height: 20px;
  margin-bottom: 0;
}

.c-category-slider__header-icon-career {
  padding-top: 20px;
}

.single-carousel .owl-stage {
  width: 100% !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.single-carousel .c-career-track__slide {
  max-width: 1365px;
}
.single-carousel .c-career-track__slide:hover {
  -webkit-transform: scale(1.03);
          transform: scale(1.03);
}
.single-carousel .owl-item,
.single-carousel .item {
  width: 100% !important;
}
.single-carousel .owl-item.active {
  margin-right: 0px !important;
}
@media (max-width: 1180px) {
  .single-carousel .c-career-track__slide {
    background-position: center;
    width: 100%;
  }
}

.bigger-carousel .owl-stage {
  width: 100% !important;
}
.bigger-carousel .owl-item,
.bigger-carousel .item {
  max-width: 670px !important;
  width: 100% !important;
}
.bigger-carousel .c-career-track__slide {
  max-width: 670px;
}
@media (max-width: 1420px) {
  .bigger-carousel .owl-item,
  .bigger-carousel .item {
    max-width: 650px !important;
    width: 100% !important;
  }
}
@media (max-width: 1380px) {
  .bigger-carousel .owl-item,
  .bigger-carousel .item {
    max-width: 620px !important;
    width: 100% !important;
  }
}
@media (max-width: 1320px) {
  .bigger-carousel .owl-item,
  .bigger-carousel .item {
    max-width: 550px !important;
    width: 100% !important;
  }
}
@media (max-width: 1180px) {
  .bigger-carousel .owl-item,
  .bigger-carousel .item {
    max-width: 500px !important;
    width: 100% !important;
  }
}
@media (max-width: 1080px) {
  .bigger-carousel .owl-item,
  .bigger-carousel .item {
    max-width: 400px !important;
    width: 100% !important;
  }
}
@media (max-width: 880px) {
  .bigger-carousel .owl-item,
  .bigger-carousel .item {
    max-width: 330px !important;
    width: 100% !important;
  }
}
@media (max-width: 740px) {
  .bigger-carousel .owl-item,
  .bigger-carousel .item {
    max-width: 250px !important;
    width: 100% !important;
  }
  .bigger-carousel .c-career-track__slide {
    background-position: center;
  }
}
@media (max-width: 600px) {
  .bigger-carousel .owl-item,
  .bigger-carousel .item {
    max-width: 160px !important;
    width: 100% !important;
  }
}
@media (max-width: 400px) {
  .bigger-carousel .owl-item,
  .bigger-carousel .item {
    max-width: 130px !important;
    width: 100% !important;
  }
  .bigger-carousel .c-career-track__slide {
    width: 130px;
  }
}
@media (max-width: 340px) {
  .bigger-carousel .owl-item,
  .bigger-carousel .item {
    max-width: 110px !important;
    width: 100% !important;
  }
  .bigger-carousel .c-career-track__slide {
    width: 110px;
  }
}

.trio-carousel .owl-stage {
  width: 100% !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.trio-carousel .owl-item,
.trio-carousel .item {
  max-width: 444px !important;
  width: 100% !important;
}
.trio-carousel .c-career-track__slide {
  max-width: 444px;
  background-size: 100% 100%;
}

@media (max-width: 600px) {
  .c-career-track__slide {
    height: 140px;
    width: 160px;
  }
  .c-career-track__desc-title {
    font-size: 11px;
    line-height: 13px;
  }
  .c-career-track__desc-jobs {
    font-size: 10px;
  }
}
/* homepage - career tracks carousel - arrows fix */
.c-career-tracks__carousel-container .owl-carousel .owl-nav button.owl-prev,
.c-career-tracks__carousel-container .owl-carousel .owl-nav button.owl-next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.page-career-tracks .c-carousel-arrows, .page-learning-tracks .c-carousel-arrows {
  display: none;
}
.page-career-tracks.modal-open #header, .page-learning-tracks.modal-open #header {
  z-index: 1;
}
@media (max-width: 600px) {
  .page-career-tracks .c-carousel-arrows, .page-learning-tracks .c-carousel-arrows {
    display: none !important;
  }
}
.page-career-tracks .wrapper.overlay-gradient-right:after, .page-learning-tracks .wrapper.overlay-gradient-right:after {
  z-index: 4;
}
.page-career-tracks .c-carousel-arrows, .page-learning-tracks .c-carousel-arrows {
  top: -13%;
}
.page-career-tracks .c-career-tracks__category-carousel, .page-learning-tracks .c-career-tracks__category-carousel {
  overflow: visible;
  padding: 0;
  position: relative;
  width: 100%;
}
.page-career-tracks .c-career-tracks__category-carousel .items, .page-learning-tracks .c-career-tracks__category-carousel .items {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-career-tracks .c-career-tracks__category-carousel .center-elem .card-carousel.active:before, .page-learning-tracks .c-career-tracks__category-carousel .center-elem .card-carousel.active:before {
  margin-bottom: -63px;
}
@media (min-width: 1430px) {
  .page-career-tracks .carousel-wrapper.overlay-gradient-left, .page-learning-tracks .carousel-wrapper.overlay-gradient-left {
    padding-left: 0;
  }
}
@media (max-width: 1420px) {
  .page-career-tracks .carousel-wrapper.overlay-gradient-left, .page-learning-tracks .carousel-wrapper.overlay-gradient-left {
    padding0left: 1%;
  }
}
@media (min-width: 1400px) and (max-width: 1410px) {
  .page-career-tracks .carousel-wrapper.overlay-gradient-left, .page-learning-tracks .carousel-wrapper.overlay-gradient-left {
    padding-left: 1.6%;
  }
}
.page-career-tracks .carousel-wrapper.overlay-gradient-left:before, .page-learning-tracks .carousel-wrapper.overlay-gradient-left:before {
  width: 15%;
}

.c-career-tracks__header-container {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.04);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 80px;
  position: relative;
}

.c-career-tracks__header-icon {
  background-image: url("/sites/all/themes/lingua/assets/career-tracks/careertracks.svg");
  background-repeat: no-repeat;
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  max-width: 50px;
  width: 100%;
}

.c-career-tracks__information-icon {
  background-image: url("/sites/all/themes/lingua/assets/career-tracks/information.svg");
  background-color: transparent;
  background-repeat: no-repeat;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 31px;
  margin-right: 20px;
  width: 31px;
}

.c-career-tracks__info-popover {
  background-color: #2F3136;
  border-radius: 8px;
  display: none;
  line-height: 19px;
  max-width: 485px;
  position: absolute;
  right: 30px;
  top: 30%;
  z-index: 5;
  width: 100%;
}
.c-career-tracks__info-popover p {
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  padding: 0 6%;
}
.c-career-tracks__info-popover p:first-of-type {
  padding: 6% 6% 0;
}
.c-career-tracks__info-popover p:last-of-type {
  padding: 0 6% 6%;
}

.c-popover__close-icon {
  background-image: url("/sites/all/themes/lingua/assets/close-icon.svg");
  background-color: transparent;
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  float: right;
  height: 35px;
  padding: 0;
  width: 35px;
}

.c-career-tracks__header-titles {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-career-tracks__header-info {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.c-career-tracks__header-details {
  margin-left: 15px;
}
.c-career-tracks__header-details .c-career-tracks__header-title {
  color: #4B4B4B;
  font-size: 20px;
  font-weight: 600;
  margin: 0;
}
.c-career-tracks__header-details .c-career-tracks__header-subtitle {
  color: #6B6B6B;
  font-size: 13px;
  font-weight: 400;
  margin: 5px 0 0;
}

/* Career tracks page */
.c-career-tracks__main-section {
  background-color: #F7F7F8;
  padding-bottom: 15px;
}

.c-career-tracks__header-section {
  background-color: #F3F3F4;
  padding-top: 10px;
}

.c-career-tracks-header {
  padding: 16px 2.5%;
  background-color: #36393F;
}
.c-career-tracks-header__title {
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 600;
}
.c-career-tracks-header__description {
  color: #FFFFFF;
  font-size: 14px;
  margin-top: 6px;
}

.c-career-tracks__category-section {
  background-color: #F3F3F4;
  padding-top: 10px;
}

.c-career-tracks__toggle-section-icon {
  background-image: url("/sites/all/themes/lingua/assets/career-tracks/plus-blue.svg");
  background-repeat: no-repeat;
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  max-width: 25px;
  width: 100%;
}
.c-career-tracks__toggle-section-icon.blue-minus-icon {
  background-image: url("/sites/all/themes/lingua/assets/career-tracks/minus-blue.svg");
}

.c-career-tracks__toggle-btn {
  background: transparent;
  bottom: 0;
  position: absolute;
  border: none;
  left: 2.5%;
  padding: 0;
  top: 0;
  width: 20%;
}

.c-career-tracks__category-header {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.04);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  position: relative;
  padding: 0 2.5%;
  min-height: 70px;
}

.c-career-tracks__icon-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 25px;
  width: 100%;
}

.c-career-tracks__category-title-container {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  width: 100%;
}

.c-career-tracks__category-header-details {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.c-career-tracks__category-header-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.c-header-infos {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.c-header-infos .c-career-tracks-modules {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.c-header-infos .c-career-tracks__progress-summary {
  margin-left: 20px;
}
@media (max-width: 600px) {
  .c-header-infos {
    margin-top: 3px;
  }
}

.c-career-tracks__category-title {
  color: #4B4B4B;
  font-size: 20px;
  font-weight: 400;
  line-height: 15px;
  margin: 0 0 0 20px;
}

.c-career-tracks__number-jobs {
  color: #A6A6A6;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  margin-left: 20px;
}

.c-career-tracks__progress-summary {
  color: #A6A6A6;
  font-size: 14px;
}
.c-career-tracks__progress-summary.c-diploma-obtained {
  color: #4A90E2;
}

.c-career-tracks__category-main {
  background-color: #FBFBFB;
  display: none;
}

.c-career-tracks__category-container {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.04);
  margin-bottom: 10px;
  overflow: hidden;
  padding: 1.5% 0 1.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.c-career-tracks__category-container:last-of-type {
  margin-bottom: 0;
}
.c-career-tracks__category-container:after {
  clear: both;
  content: "";
  display: table;
}

.c-career-tracks__main-grid {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 35px;
}
.c-career-tracks__main-grid ul {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding-left: 10px;
}
.c-career-tracks__main-grid ul li {
  background-color: #DFDFDF;
  border-radius: 50%;
  height: 21px;
  list-style: none;
  margin: 0 10px;
  position: relative;
  width: 21px;
}
.c-career-tracks__main-grid ul li.checked {
  background-image: url("/sites/all/themes/lingua/assets/check-white.svg");
  background-color: #80E0C9;
  background-repeat: no-repeat;
  background-position: center;
}
.c-career-tracks__main-grid ul li:after {
  background-color: #DFDFDF;
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1px;
  position: absolute;
  right: -20px;
  top: 50%;
  width: 20px;
}
.c-career-tracks__main-grid ul li:last-of-type:after {
  display: none;
}
.c-career-tracks__main-grid .c-career-tracks__progress-advice-text {
  color: #6B6B6B;
  font-size: 12px;
  font-weight: 400;
  margin: 0;
}
.c-career-tracks__main-grid .c-career-tracks__progress-advice-text .blue-color {
  color: #5B9AE5;
}

.c-career-tracks__main-title {
  color: #4B4B4B;
  font-size: 20px;
  font-weight: 400;
  margin: 0;
}

.c-career-tracks__diploma {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 25px;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding: 0 2.5% 0 0;
}
.c-career-tracks__diploma.diploma-obtained .c-career-tracks__diploma-icon {
  background-image: url("/sites/all/themes/lingua/assets/career-tracks/diploma.svg");
  cursor: pointer;
}
.c-career-tracks__diploma.diploma-obtained .c-career-tracks__diploma-text {
  color: #4A90E2;
  cursor: pointer;
}
.c-career-tracks__diploma.diploma-obtained.honored-diploma-obtained .c-career-tracks__diploma-icon {
  background-image: url("/sites/all/themes/lingua/assets/career-tracks/diploma-on.svg");
  cursor: pointer;
}
.c-career-tracks__diploma .c-career-tracks__diploma-icon {
  background-image: url("/sites/all/themes/lingua/assets/career-tracks/diploma-disabled.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 35px;
  max-width: 36px;
  width: 100%;
}
.c-career-tracks__diploma .c-career-tracks__diploma-text {
  color: #979696;
  cursor: inherit;
  font-size: 14px;
  margin-left: 10px;
}

.c-career-tracks__title-steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-career-tracks__add-missions {
  width: 50px;
  height: 50px;
  cursor: pointer;
  margin-right: 11px;
}
.c-career-tracks__add-missions img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.c-career-tracks__category-footer {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
  padding: 0 2px 0 35px;
}
.c-career-tracks__category-footer .c-career-tracks__see-more-link {
  color: #5697E4;
  font-size: 13px;
  font-weight: 600;
}
.c-career-tracks__category-footer .c-career-tracks__see-more-link[data-optional-content=""] {
  display: none;
}
.c-career-tracks__category-footer .c-career-tracks__see-more-link:not([data-optional-content=""]) {
  display: block;
}

.c-career-tracks__modal-title {
  color: #4B4B4B;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  margin: 0;
}

#careerTracksModal {
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  margin: 0 auto;
  overflow-y: hidden;
  width: 100%;
}
#careerTracksModal .close-modal {
  background-image: url("/sites/all/themes/lingua/assets/close-icon-black.svg");
  background-repeat: no-repeat;
  height: 25px;
  max-width: 25px;
  opacity: 1;
  width: 100%;
}
#careerTracksModal .modal-content {
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  border: none;
  border-radius: 16px;
  padding-right: 10px;
  padding-bottom: 20px;
}
@-moz-document url-prefix() {
  #careerTracksModal .modal-content {
    padding-right: 5px;
  }
}
#careerTracksModal .modal-header {
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 4% 4.5% 3%;
}
#careerTracksModal .modal-dialog {
  max-width: 855px;
  margin: 0 auto;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#careerTracksModal .modal-body {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0;
}
#careerTracksModal .see-pv-details,
#careerTracksModal .see-vb-details {
  display: none !important;
}
#careerTracksModal .c-photovocab {
  margin: 0 2.5% 4%;
}
@media screen and (min-width: 600px) {
  #careerTracksModal .c-photovocab:not(.disabled-hover):not(.active):not(.c-pv-empty):hover .c-photovocab__frame,
  #careerTracksModal .c-videobooster:not(.disabled-hover):not(.active):not(.c-pv-empty):hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@media screen and (max-width: 853px) {
  #careerTracksModal {
    padding: 0 5% !important;
  }
  #careerTracksModal .modal-body {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 auto;
    max-width: 600px;
  }
}
@media (max-width: 600px) {
  #careerTracksModal .modal-body {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media (max-width: 524px) {
  #careerTracksModal .modal-body {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (max-width: 350px) {
  #careerTracksModal .modal-body {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#careerTracksModal {
  /* add scroll on modal */
}
#careerTracksModal .c-scroll {
  height: 80vh;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 5.5% 0 0 2%;
  /* width */
}
#careerTracksModal .c-scroll::-webkit-scrollbar {
  width: 6px;
}
#careerTracksModal .c-scroll {
  /* Track */
}
#careerTracksModal .c-scroll::-webkit-scrollbar-track {
  background-color: #FFFFFF;
}
#careerTracksModal .c-scroll {
  /* Handle */
}
#careerTracksModal .c-scroll::-webkit-scrollbar-thumb {
  background-color: #B4B4B4;
  border-radius: 15px;
}

@media (max-width: 991px) {
  .c-career-tracks__header-container {
    padding-top: 10px;
  }
  .c-career-tracks__diploma {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .c-career-tracks__diploma .c-career-tracks__diploma-text {
    margin: 0 5px 0 0;
  }
}
@media (max-width: 850px) {
  .c-career-tracks__main-grid {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 600px) {
  .c-career-tracks__header-container {
    background-color: #EBEBEB;
    min-height: 70px;
    padding-top: 15px;
  }
  .c-career-tracks__header-details {
    margin-left: 0px;
  }
  .c-career-tracks__header-details .c-career-tracks__header-title {
    color: #FFFFFF;
    font-size: 16px;
  }
  .c-career-tracks__header-details .c-career-tracks__header-subtitle {
    display: none;
  }
  .c-career-tracks__header-titles {
    background: -webkit-gradient(linear, left top, left bottom, from(#E66783), to(#CE6CC8));
    background: linear-gradient(180deg, #E66783 0%, #CE6CC8 100%);
    z-index: 0;
  }
  .c-career-tracks__header-titles:after {
    background: -webkit-gradient(linear, left top, left bottom, from(#E56785), to(#CF6CC6));
    background: linear-gradient(180deg, #E56785 0%, #CF6CC6 100%);
    border-right: 5px solid #D35F7B;
    border-radius: 0 0 8px 0;
    content: "";
    height: 100%;
    left: 25px;
    position: absolute;
    -webkit-transform: skew(-30deg, 0deg);
            transform: skew(-30deg, 0deg);
    top: 0;
    width: 100%;
    z-index: -1;
  }
  .c-career-tracks__information-icon {
    margin-right: 0;
  }
  /* Career tracks page */
  .c-career-tracks__main-grid {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    padding: 0 0 0 10px;
  }
  .c-career-tracks__main-grid ul li {
    height: 15px;
    margin: 0 5px;
    width: 15px;
  }
  .c-career-tracks__main-grid ul li.checked {
    background-size: 10px;
  }
  .c-career-tracks__main-grid ul li:after {
    width: 10px;
    right: -10px;
  }
  .c-career-tracks__title-steps {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
  .c-career-tracks__progress-advice-text {
    width: 100%;
  }
  .c-career-tracks__diploma .c-career-tracks__diploma-icon {
    height: 21px;
    max-width: 21px;
  }
  .c-career-tracks__diploma .c-career-tracks__diploma-text {
    font-size: 10px;
    font-weight: 400;
  }
  .c-career-tracks__category-carousel {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
  }
  .c-career-tracks__category-footer {
    padding: 0 2px 0 10px;
  }
  .c-career-tracks__category-footer .c-career-tracks__see-more-link {
    font-size: 10px;
  }
  .c-career-tracks__info-popover {
    margin: 0 10px;
    right: 0;
    width: calc(100% - 20px);
  }
  .c-career-tracks__main-title {
    font-size: 15px;
  }
  .c-career-tracks__category-title {
    font-size: 14px;
    font-weight: 600;
  }
  .c-career-tracks__number-jobs {
    font-size: 12px;
  }
  .c-career-tracks__progress-summary {
    font-size: 12px;
  }
  .c-career-tracks__category-header-details {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.c-container-border-gradient {
  border: 3px solid #E0647F;
  -o-border-image: linear-gradient(#E0647F, #CE6CC7) 1;
     border-image: -webkit-gradient(linear, left top, left bottom, from(#E0647F), to(#CE6CC7)) 1;
     border-image: linear-gradient(#E0647F, #CE6CC7) 1;
  position: relative;
  overflow-x: clip;
  overflow-y: unset;
  padding-top: 30px;
}

.c-learning-tracks-diploma {
  background-image: url("/sites/all/themes/lingua/assets/career-tracks/diploma-learning-tracks.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 45px;
  width: 45px;
  margin-right: 15px;
}

.c-custom-tooltip {
  top: -16px;
  left: 14px;
  position: absolute;
  height: 31px;
}
.c-custom-tooltip_arrow {
  bottom: 0;
  left: 45px;
  margin-left: -4px;
  background-position: bottom left;
  position: absolute;
  background-image: url("/sites/all/modules/tipsy/images/tipsy.gif");
  background-repeat: no-repeat;
  width: 9px;
  height: 4px;
}
@media (max-width: 600px) {
  .c-custom-tooltip_arrow {
    left: 32px;
  }
}
.c-custom-tooltip_text-box {
  padding: 5px 8px 4px 8px;
  background-color: #000000;
  color: #ffffff;
  height: 27px;
  text-align: center;
  border-radius: 2px;
  font-size: 13px;
  letter-spacing: -0.14px;
  line-height: 18px;
}
@media (max-width: 600px) {
  .c-custom-tooltip {
    left: 0px;
  }
}

.c-career-tracks-diplomas.c-career-tracks__main-section {
  background-color: #FFFFFF;
}
.c-career-tracks-diplomas .c-career-tracks__category-section {
  background-color: #FFFFFF;
  padding-top: 0px;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
}
.c-career-tracks-diplomas .c-career-tracks__category-header {
  border-radius: 4px 4px 0 0;
}
.c-career-tracks-diplomas .c-career-tracks__category-main {
  background-color: #FFFFFF;
  border: 1px solid #E2E2E2;
}
.c-career-tracks-diplomas .c-career-tracks__category-container {
  margin-bottom: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-career-tracks-diplomas .c-career-tracks__category-container:nth-child(even) {
  background-color: #F5F5F5;
}
.c-career-tracks-diplomas .c-career-tracks__toggle-section-icon {
  background-image: url("/sites/all/themes/lingua/assets/plus.svg");
}
.c-career-tracks-diplomas .c-career-tracks__toggle-section-icon.blue-minus-icon {
  background-image: url("/sites/all/themes/lingua/assets/minus.svg");
}
.c-career-tracks-diplomas .c-career-tracks__category-title {
  font-size: 18px;
  font-weight: 600;
}
.c-career-tracks-diplomas .c-career-tracks__main-title {
  font-size: 15px;
  margin-left: 45px;
  position: relative;
}
.c-career-tracks-diplomas .c-career-tracks__main-title a {
  font-weight: 600;
}
.c-career-tracks-diplomas .c-diploma-checked {
  background-image: url("/sites/all/themes/lingua/assets/badges-checked.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
}
.c-career-tracks-diplomas .c-career-tracks__diploma-text {
  margin-left: 0px;
  margin-right: 10px;
}
.c-career-tracks-diplomas .c-career-tracks__main-grid {
  padding-left: 2.5%;
  padding-right: 2.5%;
}
.c-career-tracks-diplomas .c-career-tracks__main-grid ul {
  padding-left: 41px;
}
.c-career-tracks-diplomas .c-career-tracks__diploma {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 25%;
          flex: 1 0 25%;
}
@media (max-width: 991px) {
  .c-career-tracks-diplomas .c-career-tracks__diploma {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
  }
}
.c-career-tracks-diplomas .c-career-tracks__title-steps {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 600px) {
  .c-career-tracks-diplomas .c-career-tracks__title-steps {
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
  }
}

/*  Career tracks form popup with first name and last name  */
.carrer-tracks-form {
  background-color: #FFFFFF !important;
  max-width: 650px !important;
}
.carrer-tracks-form div:first-of-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 !important;
  padding-bottom: 50px;
}
.carrer-tracks-form div:first-of-type #edit-submit {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
  margin-left: 3%;
}
.carrer-tracks-form div:first-of-type .form-item:last-of-type {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
  margin: 0 !important;
}
.carrer-tracks-form #popups-title {
  display: none;
}
.carrer-tracks-form .form-item {
  margin-bottom: 1em !important;
}
.carrer-tracks-form .form-item:first-of-type {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.21px;
  line-height: 27px;
  padding-bottom: 30px;
}
.carrer-tracks-form .form-item:last-of-type {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.carrer-tracks-form .form-item:last-of-type a {
  background-color: white;
  border: 1px solid #4A90E2;
  border-radius: 20.5px;
  color: #4A90E2 !important;
  font-weight: 400;
  font-family: "Open Sans";
  font-size: 14px;
  height: 40px;
  letter-spacing: -0.15px;
  line-height: 19px;
  line-height: unset;
  text-align: center;
  max-width: 230px;
  padding: 10px 90px;
  width: 100%;
}
.carrer-tracks-form #edit-first-name-wrapper label,
.carrer-tracks-form #edit-last-name-wrapper label {
  color: #6B6B6B !important;
  font-family: "Open Sans";
  font-size: 17px !important;
  font-weight: 400 !important;
  letter-spacing: -0.21px;
  line-height: 24px;
  margin-bottom: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 680px) {
  .carrer-tracks-form #edit-first-name-wrapper label,
  .carrer-tracks-form #edit-last-name-wrapper label {
    left: 20px;
  }
}
.carrer-tracks-form #edit-first-name-wrapper label.focused,
.carrer-tracks-form #edit-last-name-wrapper label.focused {
  bottom: 45px;
  font-size: 14px !important;
  left: 120px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 680px) {
  .carrer-tracks-form #edit-first-name-wrapper label.focused,
  .carrer-tracks-form #edit-last-name-wrapper label.focused {
    left: 0;
  }
}
.carrer-tracks-form #edit-first-name-wrapper #edit-first-name,
.carrer-tracks-form #edit-first-name-wrapper #edit-last-name,
.carrer-tracks-form #edit-last-name-wrapper #edit-first-name,
.carrer-tracks-form #edit-last-name-wrapper #edit-last-name {
  background: #FFFFFF;
  border-color: #4A90E2;
  height: 40px;
}
.carrer-tracks-form #edit-submit {
  background-color: #4A90E2;
  border: 1px solid #4A90E2;
  border-radius: 20.5px;
  color: #fff;
  font-family: "Open Sans";
  font-size: 14px;
  height: 40px;
  letter-spacing: -0.15px;
  line-height: 19px;
  line-height: unset;
  text-align: center;
  max-width: 230px !important;
  padding: 0;
  width: 100%;
}

.c-career-tracks__diploma .c-career-track__diploma-content,
.c-career-tracks__diploma .c-badges-popup-footer {
  max-width: 500px;
  margin: 0 auto;
  text-align: left;
  width: 100%;
}
.c-career-tracks__diploma .c-career-tracks__diploma-title {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.21px;
  line-height: 27px;
  padding-bottom: 30px;
}
.c-career-tracks__diploma .c-diploma-details__txt {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 17px;
  font-weight: 400;
  letter-spacing: -0.21px;
  line-height: 24px;
  margin-bottom: 0;
}
.c-career-tracks__diploma .c-diploma-details__txt:first-of-type {
  padding-bottom: 30px;
}
.c-career-tracks__diploma .c-badges-popup-footer {
  padding: 50px 0 40px 0;
}
.c-career-tracks__diploma .c-badges-popup-btn {
  color: #4A90E2 !important;
  line-height: 40px;
  max-width: 230px;
  padding: 0;
  width: 100%;
}
.c-career-tracks__diploma .c-badges-popup-btn:hover {
  color: #FFFFFF !important;
}
.c-career-tracks__diploma .c-badges-popup-body__content {
  padding-bottom: 0;
}
.c-career-tracks__diploma .close-modal {
  background: url("/sites/all/themes/lingua/assets/close-icon-black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 24px;
  opacity: 1;
  position: absolute;
  right: 5%;
  top: 5%;
  width: 24px;
  z-index: 1;
}
.c-career-tracks__diploma .c-badges-popup-footer .c-badges-popup-btn:first-child {
  background-color: #4A90E2;
  color: #FFFFFF !important;
}
.c-career-tracks__diploma .c-badges-popup-footer .c-badges-popup-btn:first-child:hover {
  background-color: #4A90E2;
  color: #FFFFFF;
}
.c-career-tracks__diploma .c-badges-popup-footer .c-badges-popup-btn:last-child:hover {
  background-color: #FFFFFF;
  color: #4A90E2 !important;
}
@media (max-width: 600px) {
  .c-career-tracks__diploma .c-career-track__diploma-content {
    padding: 10px;
  }
  .c-career-tracks__diploma .c-badges-popup-footer {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px 0;
  }
  .c-career-tracks__diploma .c-modal-header {
    min-height: 190px;
  }
  .c-career-tracks__diploma .close-modal {
    height: 15px;
    top: 2%;
    width: 15px;
  }
  .c-career-tracks__diploma .c-career-tracks__diploma-title {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.15px;
    padding-bottom: 15px;
  }
  .c-career-tracks__diploma .c-diploma-details__txt {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.14px;
  }
  .c-career-tracks__diploma .c-diploma-details__txt:first-of-type {
    padding-bottom: 10px;
  }
}

@media (max-width: 530px) {
  .carrer-tracks-form {
    top: 20% !important;
  }
  .carrer-tracks-form div:first-of-type {
    padding-bottom: 20px;
  }
  .carrer-tracks-form div:first-of-type #edit-submit {
    margin: 0 auto;
    margin-bottom: 20px;
  }
}
.c-ct-announcement__popup .c-ct-announcement__slide-img--second {
  background-color: unset;
  background-image: url("/sites/all/themes/lingua/assets/career-tracks/Hotellerie_CorentinPlancade_660x226.svg");
  background-size: cover;
}

/* New Onboarding & Define language settings */
/* QIOZ ONBOARDING CHANGES */
.is-qioz.page-lingua-profile-setup .main-navbar__title {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  font-weight: 600;
  margin-left: 0 !important;
}
.is-qioz.page-lingua-profile-setup .nav__wrapper {
  padding-right: 3%;
  margin: 0;
}
.is-qioz.page-lingua-profile-setup .nav__wrapper .main-navbar__menu {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.is-qioz.page-lingua-profile-setup #language-select-list {
  left: unset;
  right: -30px;
}
@media (max-width: 920px) {
  .is-qioz.page-lingua-profile-setup #block-locale-0 {
    right: 30px;
  }
}
@media (max-width: 600px) {
  .is-qioz.page-lingua-profile-setup .nav__wrapper {
    width: 20%;
  }
}
.is-qioz.onboarding-steps .main-navbar__title, .is-qioz.page-languages .main-navbar__title {
  font-weight: 600;
}
.is-qioz {
  /* Rgister Step 1*/
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  max-width: 100%;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #social-sign-in div {
  margin-bottom: 9px !important;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register {
  padding-bottom: 100px;
}
@media (max-width: 480px) {
  .is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register {
    padding-top: 15px;
  }
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-name-wrapper.form-text-error:after,
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-fname-wrapper.form-text-error:after,
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-phone-number-wrapper.form-text-error:after {
  top: 12px;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-name-wrapper.form-text-passed:after {
  top: 10px;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-mail-wrapper.form-text-error:after {
  top: 28px;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-mail-wrapper.form-text-passed:after {
  top: 28px;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-pass1-wrapper.form-text-error:after,
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-pass2-wrapper.form-text-error:after {
  top: 19%;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-pass1-wrapper.form-text-passed:after,
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-phone-number-wrapper.form-text-passed:after {
  top: 14px;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-pass2-wrapper.form-text-passed:after {
  bottom: 37px !important;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register .pass-eye1,
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register .pass-eye2 {
  height: 16px;
  width: 16px;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-wrapper #showpw1 {
  top: 9% !important;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-wrapper #showpw1.top-added {
  top: 5% !important;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-wrapper #showpw2 {
  margin-bottom: 14%;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register .pass-eye1.pass-eye1-left,
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register .pass-eye2.pass-eye2-left {
  right: 25px;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-wrapper #edit-pass-pass1-wrapper label.focused {
  top: -17px !important;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register .form-text-error:after {
  content: " " !important;
  background-image: url("../images/icons/warning.svg");
  background-size: 5px 15px;
  height: 18px;
  width: 18px;
  background-repeat: no-repeat;
  background-position: center;
  right: -5px;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register .form-text-passed:after {
  content: " " !important;
  background-image: url("../images/icons/check-reg-qioz.svg");
  background-size: 11px 20px;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-position: center;
  right: -5px;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-name-wrapper.form-text-error label,
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-mail-wrapper.form-text-error label,
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-wrapper.form-text-error label,
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-pass1-wrapper.form-text-error label,
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-pass2-wrapper.form-text-error label,
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-fname-wrapper.form-text-error label,
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-phone-number-wrapper.form-text-error label {
  padding-left: 12px !important;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-name-wrapper label,
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-mail-wrapper label,
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-wrapper label,
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-pass1-wrapper label,
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-pass2-wrapper label,
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-fname-wrapper label,
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-phone-number-wrapper label {
  font-family: "Open Sans";
  font-size: 10.5pt;
  letter-spacing: -0.14px;
  line-height: 18px;
  padding-left: 25px;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-name-wrapper label.focused, .is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-name-wrapper label.moved,
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-mail-wrapper label.focused,
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-mail-wrapper label.moved,
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-wrapper label.focused,
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-wrapper label.moved,
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-pass1-wrapper label.focused,
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-pass1-wrapper label.moved,
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-pass2-wrapper label.focused,
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-pass2-wrapper label.moved,
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-fname-wrapper label.focused,
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-fname-wrapper label.moved,
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-phone-number-wrapper label.focused,
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-phone-number-wrapper label.moved {
  padding-left: 12px !important;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-pass2-wrapper [for=edit-pass-pass2] {
  bottom: 63px !important;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-wrapper [for=edit-pass-pass2].focused {
  top: -17px;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-name-wrapper label.focused,
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-fname-wrapper label.focused,
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-phone-number-wrapper label.focused {
  top: -17px;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register .form-item {
  max-width: 260px !important;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-name-wrapper {
  height: 53px;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-name-wrapper label {
  bottom: 52px;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-wrapper #edit-pass-pass1-wrapper label {
  top: 12px;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-pass1-wrapper {
  height: 65px;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-pass1-wrapper #edit-pass-pass1 {
  margin-top: 0;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-pass1-wrapper .span-error {
  display: none;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-pass1-wrapper .js-requirement1 {
  font-size: 11px;
  margin-top: 2px;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-pass1-wrapper .span-error {
  margin-top: 3px;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-pass2-wrapper {
  height: 65px;
  margin-top: 5px;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-mail-wrapper {
  height: 71px;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-mail-wrapper label {
  bottom: 52px;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-fname-wrapper {
  margin-top: 40px;
  height: 71px;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-fname-wrapper label {
  bottom: 66px;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-phone-number-wrapper {
  height: 55px;
  margin-top: 20px;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-phone-number-wrapper label {
  bottom: 66px;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-wrapper {
  margin-top: 16px !important;
  margin-bottom: 0 !important;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register .form-item input[type=text],
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register .form-item input[type=password],
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register .form-item select {
  padding: 10px;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register .form-item.form-text-error label {
  top: -16px !important;
  color: #EF7C8E !important;
  font-family: "Open Sans" !important;
  font-size: 9pt !important;
  letter-spacing: -0.12px !important;
  line-height: 15px !important;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register .form-item.form-text-error#edit-mail-wrapper label,
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-mail-wrapper label.focused {
  top: 0 !important;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register .span-error {
  margin-top: 0;
  color: #EF7C8E;
  font-family: "Open Sans";
  font-size: 9pt;
  letter-spacing: -0.12px;
  line-height: 15px;
  white-space: nowrap;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register .form-item #edit-mail {
  margin-top: 17px;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register .edit-subscribe-newsletter-wrapper {
  max-width: 233px !important;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) .title {
  padding: 0 0 6px 0;
  margin-top: 9px;
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 13.5pt;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 24px;
  text-align: center;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) .subtitle {
  max-width: 210px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding-bottom: 12px;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) .form-item-title {
  padding-bottom: 2px;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) .fill_all {
  margin-bottom: 25px !important;
}
.is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) .edit-subscribe-newsletter-wrapper label.option {
  font-weight: 400;
}
.is-qioz .c-spinner-button.spinner-button-fixed {
  position: fixed;
  bottom: 0;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 -2px 7px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 -2px 7px 0 rgba(0, 0, 0, 0.1);
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  min-height: 105px;
  margin-top: -70px;
  left: 0;
}
.is-qioz .c-spinner-button.spinner-button-fixed .c-form-profile__start_btn {
  margin-top: 10px !important;
}
.is-qioz .c-spinner-button.spinner-button-fixed .c-form-profile__start_btn:disabled {
  margin-top: 10px !important;
}
.is-qioz #user-register .c-spinner-button.spinner-button-fixed .form-submit {
  margin: 15px auto 10px !important;
}
.is-qioz {
  /* Register Step 3 */
}
.is-qioz .c-form_conteiner {
  position: relative;
  padding-bottom: 0;
}
.is-qioz #lingua-set-profile-form .c-checkmark,
.is-qioz #lingua-set-profile-form .c-checkbox,
.is-qioz #lingua-profile-setup-form .c-checkmark,
.is-qioz #lingua-profile-setup-form .c-checkbox {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.is-qioz .c-card_header-btn-container {
  position: absolute;
  bottom: 0;
  background-color: #FFFFFF;
  border-top: 1px solid #E2E2E2;
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  height: 65px;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 25px;
}
.is-qioz .c-card_header-btn {
  height: 41.22px;
  width: 139px;
  border-radius: 20.5px;
  background-color: #4A90E2;
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 9.75pt;
  letter-spacing: -0.14px;
  line-height: 18px;
  text-align: center;
}
.is-qioz .c-card_header-btn:disabled {
  background-color: #FFFFFF;
  border: 1px solid #CDCECF;
  border-radius: 20.5px;
  color: #CDCECF;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
  text-align: center;
}
.is-qioz .c-section-edit-btn {
  background-color: #FFFFFF !important;
  color: #4A90E2 !important;
}
.is-qioz .autocomplete__menu--inline {
  z-index: 9;
}
.is-qioz .c-personal-info_content,
.is-qioz .c-settings-franch_content {
  position: relative;
}
@media (max-width: 600px) {
  .is-qioz .c-settings-franch_content .form-item {
    margin-top: 10px !important;
  }
}
.is-qioz .c-settings-franch_content .c-checkbox {
  width: 20px;
  height: 20px;
}
.is-qioz .js-c-form_container--language-settings {
  padding-right: 20px;
}
.is-qioz .c-professional-profile_content,
.is-qioz .c-settings-franch_content,
.is-qioz .c-personal-info_content {
  position: relative;
}
.is-qioz .c-professional-profile_content .c-section-opened,
.is-qioz .c-settings-franch_content .c-section-opened,
.is-qioz .c-personal-info_content .c-section-opened {
  padding-right: 20px;
}
.is-qioz .c-professional-profile_content .c-scrollbar-container,
.is-qioz .c-settings-franch_content .c-scrollbar-container,
.is-qioz .c-personal-info_content .c-scrollbar-container {
  height: auto;
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}
.is-qioz .c-professional-profile_content .c-scrollbar-container::-webkit-scrollbar,
.is-qioz .c-settings-franch_content .c-scrollbar-container::-webkit-scrollbar,
.is-qioz .c-personal-info_content .c-scrollbar-container::-webkit-scrollbar {
  width: 14px;
  height: 18px;
}
.is-qioz .c-professional-profile_content .c-scrollbar-container::-webkit-scrollbar-thumb,
.is-qioz .c-settings-franch_content .c-scrollbar-container::-webkit-scrollbar-thumb,
.is-qioz .c-personal-info_content .c-scrollbar-container::-webkit-scrollbar-thumb {
  height: 6px;
  border: 5px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  -webkit-border-radius: 7px;
  background-color: rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
}
.is-qioz .c-professional-profile_content .c-scrollbar-container::-webkit-scrollbar-button,
.is-qioz .c-settings-franch_content .c-scrollbar-container::-webkit-scrollbar-button,
.is-qioz .c-personal-info_content .c-scrollbar-container::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}
.is-qioz .c-professional-profile_content .c-scrollbar-container::-webkit-scrollbar-corner,
.is-qioz .c-settings-franch_content .c-scrollbar-container::-webkit-scrollbar-corner,
.is-qioz .c-personal-info_content .c-scrollbar-container::-webkit-scrollbar-corner {
  background-color: transparent;
}
.is-qioz .c-settings-franch_content .c-scrollbar-container {
  height: auto;
  max-height: 400px;
}
.is-qioz .c-personal-info_content .c-scrollbar-container {
  height: auto;
  max-height: unset;
}
@media (max-width: 430px) {
  .is-qioz .c-personal-info_content .c-scrollbar-container {
    height: auto;
    max-height: unset;
  }
}
.is-qioz .js-section_content .c-card_header-btn-container {
  display: none;
}
.is-qioz .js-section_content:nth-child(1) .c-card_header-btn-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.is-qioz .c-set-title_parent {
  padding: 15px 40px 10px 40px;
}
.is-qioz #lingua-set-profile-form {
  margin-bottom: 70px;
}
.is-qioz {
  /* Define language settings */
}
@media (min-width: 600px) {
  .is-qioz .c-set-title {
    padding-top: 25px;
  }
}
.is-qioz #lingua-profile-setup-form {
  max-width: 100%;
  height: 100%;
  min-height: calc(100vh - 222px);
  padding-bottom: 70px;
}
.is-qioz #lingua-profile-setup-form .c-form_conteiner--german {
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0 auto;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.is-qioz #lingua-profile-setup-form .c-setting-franch_category-title {
  background: #FFFFFF;
  position: relative;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  margin: 0 auto 0 24.5%;
  padding-right: 30px;
  padding-left: 30px;
}
.is-qioz #lingua-profile-setup-form .c-setting-franch_category-title.c-lt-onboarding-question {
  margin: 0 0 20px 0;
  padding: 0;
}
.is-qioz #lingua-profile-setup-form .js-motivation-category,
.is-qioz #lingua-profile-setup-form .js-pro-category,
.is-qioz #lingua-profile-setup-form .js-estimate-level {
  position: relative;
}
.is-qioz #lingua-profile-setup-form .js-motivation-category:before,
.is-qioz #lingua-profile-setup-form .js-pro-category:before,
.is-qioz #lingua-profile-setup-form .js-estimate-level:before {
  border-top: 1px solid #E2E2E2;
  bottom: 10px;
  content: " ";
  left: 0;
  position: absolute;
  right: 0;
  z-index: 0;
  top: 9px;
}
.is-qioz #lingua-profile-setup-form .c-set-profile_options {
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}
.is-qioz .c-define-language-settings.start-learning-sticky {
  position: fixed;
  bottom: 0;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 -2px 7px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 -2px 7px 0 rgba(0, 0, 0, 0.1);
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  height: 70px;
  margin-top: -70px;
  left: 0;
  right: 0;
}
.is-qioz .c-define-language-settings.start-learning-sticky .c-form-profile__start_btn {
  margin-top: 10px !important;
}
.is-qioz .c-define-language-settings.start-learning-sticky .c-form-profile__start_btn:disabled {
  margin-top: 10px !important;
}
.is-qioz .c-card_header--sticky {
  position: sticky;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.is-qioz {
  /* Tablet Landscape mode */
}
@media (max-device-width: 1280px) and (orientation: landscape) {
  .is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-name-wrapper .form-text-error:after {
    top: 14px;
  }
  .is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-pass1-wrapper .form-text-error:after,
  .is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-pass2-wrapper .form-text-error:after {
    top: 16%;
  }
  .is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register .pass-eye1,
  .is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register .pass-eye2 {
    height: 20px;
    width: 20px;
  }
  .is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-wrapper #showpw2 {
    margin-bottom: 13%;
  }
  .is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register .form-item select {
    max-width: 275px !important;
    height: 45px;
  }
}
@media (max-width: 990px) {
  .is-qioz .js-motivation-category:before,
  .is-qioz .js-pro-category:before,
  .is-qioz .js-estimate-level:before {
    display: none;
  }
  .is-qioz .c-setting-franch_category-title {
    max-width: 680px !important;
    margin: 0 auto !important;
    padding: 0;
  }
}
@media (max-width: 990px) and (max-width: 600px) {
  .is-qioz .c-setting-franch_category-title {
    margin-bottom: 1.4em !important;
  }
}
@media (max-width: 820px) {
  .is-qioz.onboarding-steps .c-container-login-register .c-overlay-menu {
    top: 62px;
  }
}
@media (max-width: 768px) {
  .is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register label.focused {
    padding-left: 22px !important;
  }
}
@media (max-width: 600px) {
  .is-qioz .c-form_conteiner {
    padding: 7px 15px 0 20px;
  }
  .is-qioz .c-personal-info_form_row:last-of-type {
    padding-bottom: 0;
  }
  .is-qioz .c-age-range__label {
    padding: 10px 15px;
  }
  .is-qioz label[for=edit-age-variation-15-17] {
    margin-left: 0;
  }
  .is-qioz label[for="edit-age-variation-60+"] {
    padding: 10px 20px;
  }
  .is-qioz {
    /* Mobile style for login/register on Qioz - see #9409 */
  }
  .is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register .form-item select {
    height: 45px;
    max-width: 100% !important;
    font-size: 14px;
  }
  .is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register {
    /* Validation icons from register form (username) - see #9409 */
  }
  .is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-name-wrapper.form-text-passed:after {
    top: 15px;
  }
  .is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-name-wrapper.form-text-error:after {
    top: 10px;
  }
  .is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register {
    /* Validation icons from register form (password) - see #9409 */
  }
  .is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-pass1-wrapper.form-text-passed:after {
    top: 15px;
  }
  .is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-pass1-wrapper.form-text-error:after {
    top: 10px;
  }
  .is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register {
    /* Validation icons from register form (confirm password) - see #9409 */
  }
  .is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-pass2-wrapper.form-text-error:after {
    top: 10px;
  }
  .is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-wrapper #edit-pass-pass1-wrapper label {
    bottom: 0;
  }
  .is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-wrapper #edit-pass-pass1-wrapper.form-text-error ~ #edit-pass-pass2-wrapper,
  .is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-wrapper #edit-pass-pass1-wrapper.form-text-passed ~ #edit-pass-pass2-wrapper {
    margin-top: 17px !important;
  }
  .is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-wrapper #showpw1 {
    top: 15px !important;
  }
  .is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-pass-wrapper #showpw1.top-added {
    top: 15px !important;
  }
}

.is-tutlogo .c-lingua-attack__form:not(.c-lingua-attack__form--login) #user-register #edit-regcode-code-wrapper.form-text-error:after {
  top: 12px;
}
.is-tutlogo .c-lingua-attack__form:not(.c-lingua-attack__form--login) #edit-regcode-code-wrapper {
  height: 71px;
}
.is-tutlogo .c-lingua-attack__form:not(.c-lingua-attack__form--login) #edit-regcode-code-wrapper.form-text-error label {
  padding-left: 12px !important;
}
.is-tutlogo .c-lingua-attack__form:not(.c-lingua-attack__form--login) #edit-regcode-code-wrapper label {
  bottom: 66px;
  font-family: "Open Sans";
  font-size: 10.5pt;
  letter-spacing: -0.14px;
  line-height: 18px;
  padding-left: 25px;
}
.is-tutlogo .c-lingua-attack__form:not(.c-lingua-attack__form--login) #edit-regcode-code-wrapper label.focused, .is-tutlogo .c-lingua-attack__form:not(.c-lingua-attack__form--login) #edit-regcode-code-wrapper label.moved {
  padding-left: 12px !important;
}
.is-tutlogo .c-lingua-attack__form:not(.c-lingua-attack__form--login) #edit-regcode-code-wrapper label.focused {
  top: -17px;
}

@media (max-width: 600px) {
  .is-andjoys .c-personal-info_form_row:last-of-type {
    padding-bottom: 37px;
  }
}

.c-form-text-to-sign-page {
  color: #9B9B9B;
  font-size: 13px;
  letter-spacing: -0.14px;
  line-height: 18px;
  text-align: center;
  margin: 0 0 10px 0;
  font-weight: 400;
}
.c-form-text-to-sign-page a {
  color: #4A90E2 !important;
}

.c-recommendations-form_container .form-item label.option {
  display: inline-block;
  width: 49%;
}
@media (max-width: 600px) {
  .c-recommendations-form_container .form-item label.option {
    width: 100%;
  }
}

.c-lt-onboarding-container .form-item label.option {
  display: inline-block;
  width: 49%;
}
@media (max-width: 600px) {
  .c-lt-onboarding-container .form-item label.option {
    width: 100%;
  }
}
.c-lt-onboarding-container .form-item .c-onboarding-question-options label.option {
  width: 100%;
}
.c-lt-onboarding-container .form-item .c-onboarding-question-input {
  width: 100%;
  margin-top: 5px;
}
.c-lt-onboarding-container .c-personal-info_content .c-scrollbar-container {
  height: auto;
}
.c-lt-onboarding-container .c-form_conteiner--pers-info {
  padding: 9px 20px 24px 20px;
}
@media (max-width: 600px) {
  .c-lt-onboarding-container .c-registration_checkbox-choice-text {
    position: relative;
  }
}
.c-lt-onboarding-container .js-section_content:nth-child(1) .c-card_header-btn-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-lt-onboarding-container .js-section_content:nth-child(2) .c-card_header-btn-container, .c-lt-onboarding-container .js-section_content:nth-child(3) .c-card_header-btn-container {
  display: none;
}
.c-lt-onboarding-container .c-card_header-btn-container {
  position: absolute;
  bottom: 0;
  background-color: #FFFFFF;
  border-top: 1px solid #E2E2E2;
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  height: 65px;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 25px;
}
.c-lt-onboarding-container .c-card_header--sticky {
  position: sticky;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.c-lt-onboarding-container .c-settings-franch_content .c-checkbox {
  width: 20px;
  height: 20px;
}

.is-lingua .c-settings-franch_content:not(.c-personal-info_content) .c-scrollbar-container {
  height: auto;
  max-height: 400px;
  overflow-y: auto;
}

@media (min-width: 600px) {
  .form-columns .c-onboarding-question-options {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    gap: 0px 20px;
    margin-top: 20px;
  }
}

/* New Onboarding */
.c-onboarding-block {
  margin: 0 auto;
  max-width: 755px;
  width: 100%;
  padding: 0 10px;
}

.c-onboarding-head {
  padding: 50px 0;
}
.c-onboarding-head__title {
  text-align: center;
  margin-bottom: 10px;
  margin-top: 0px;
  color: #4B4B4B;
  font-size: 22px;
  font-weight: 600;
}
@media (min-width: 820px) {
  .c-onboarding-head__title {
    font-size: 30px;
  }
}
.c-onboarding-head__description {
  max-width: 500px;
  margin: 0 auto;
}
.c-onboarding-head__description p {
  text-align: center;
  color: #4B4B4B;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
}

.c-onboarding-body {
  border-radius: 10px;
  border: 1px solid #F3F4F6;
  background-color: #FFF;
  -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  padding: 30px;
  margin-bottom: 25px;
}
.c-onboarding-body--no-padding {
  padding: 0;
}
.c-onboarding-body__title {
  color: #4B4B4B;
  font-size: 18px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 5px;
}
.c-onboarding-body__description {
  color: #4B4B4B;
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
  margin-bottom: 15px;
}

.c-level-option-block {
  width: 100%;
  border-radius: 10px;
  border: 1px solid #E5E7EB;
  padding: 15px;
  margin-bottom: 10px;
}

.c-level-option-label {
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  color: #4B4B4B;
  font-size: 16px;
  font-weight: 400;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.c-level-radio-input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Custom radio button styling */
.custom-radio {
  position: absolute;
  top: 1px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #FFFFFF;
  border-radius: 50%;
  border: 1px solid #979797;
}

.custom-radio:after {
  content: "";
  position: absolute;
  display: none;
}

input[type=radio]:checked ~ .custom-radio:after {
  display: block;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #4A90E2;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

input[type=radio]:checked ~ .custom-radio {
  border: 1px solid #4A90E2;
}

.c-onboarding-btn-container {
  text-align: center;
  margin: 0 auto 20px auto;
  position: relative;
  max-width: 230px;
}

.c-onboarding-btn {
  background-color: #4A90E2;
  border-radius: 50px;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 600;
  padding: 15px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
}
.c-onboarding-btn:disabled {
  background-color: #E5E7EB;
  cursor: not-allowed;
}

.c-tracks-section {
  padding: 30px 30px 25px 30px;
}
.c-tracks-section__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}
.c-tracks-section__body {
  display: none;
  max-height: 390px;
  overflow-y: auto;
}

.c-custom-fold {
  background-image: url("/sites/all/themes/lingua/assets/new-photovocab/dark-arrow-right.png");
  width: 8px;
  height: 13px;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.c-custom-fold--unfolded {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.c-custom-checkbox-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
  padding-left: 15px;
}

.c-checkbox-custom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  cursor: pointer;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 16px;
  font-weight: 400;
  color: #4B4B4B;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.c-checkbox-custom.c-disabled-checkbox {
  cursor: not-allowed;
  opacity: 0.8;
}

.c-checkbox-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.c-custom-input-checkbox {
  display: none;
}

/* Custom checkbox styling */
.c-c-checkbox {
  width: 20px;
  height: 20px;
  border: 1px solid #979797;
  border-radius: 4px;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.c-custom-input-checkbox:checked + .c-c-checkbox {
  background-color: #4A90E2;
  border-color: #4A90E2;
}

.c-custom-input-checkbox:checked:disabled + .c-c-checkbox {
  background-color: #979797;
  border-color: #979797;
}

.c-custom-input-checkbox:checked + .c-c-checkbox::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg) translate(-100%, -25%);
          transform: rotate(45deg) translate(-100%, -25%);
}

.c-checkbox-note {
  color: #4B4B4B;
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
}

.c-tracks-separator-line {
  height: 1px;
  width: 100%;
  background: rgba(0, 0, 0, 0.2);
}

.c-lang-obj-page.c-onboarding-block {
  margin: 0;
  padding: 0;
}
.c-lang-obj-page .c-onboarding-head {
  padding: 10px 0 30px 0;
}
.c-lang-obj-page .c-onboarding-head__title {
  color: #2F2F2F;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 26px;
  text-align: unset;
}
.c-lang-obj-page .c-onboarding-head__description {
  max-width: unset;
  margin: 0;
}
.c-lang-obj-page .c-onboarding-head__description p {
  color: #2F2F2F;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: -0.19px;
  line-height: 26px;
  text-align: unset;
}
.c-lang-obj-page .c-onboarding-body__title {
  font-size: 17px;
  color: #2F2F2F;
}
.c-lang-obj-page .c-tracks-section__body {
  display: block;
}
.c-lang-obj-page .c-checkbox-custom {
  color: #2F2F2F;
  font-size: 15px;
}

.c-homepage-blocks-container {
  padding-top: 13px;
  display: grid;
  gap: 13px 20px;
  grid-template-columns: 1fr;
  justify-items: center;
}
@media (min-width: 992px) {
  .c-homepage-blocks-container {
    grid-template-columns: 1fr 1fr;
  }
}

.c-hp-block-container {
  border-radius: 20px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  min-height: 276px;
  max-width: 709px;
  width: 100%;
}

.c-coaching-block {
  height: 100%;
}
@media (min-width: 550px) {
  .c-coaching-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.c-coaching-block__image {
  padding: 10px;
}
.c-coaching-block__content {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 15px;
}

.c-coach-image {
  min-width: 230px;
  border-radius: 20px;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100%;
  min-height: 225px;
}
@media (min-width: 550px) {
  .c-coach-image {
    min-height: unset;
  }
}

.c-hp-block-title {
  font-size: 18px;
  font-weight: 600;
  color: #4B4B4B;
  margin-bottom: 10px;
}

.c-hp-block-subtitle {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
}

.c-hp-block-text {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  margin-bottom: 0px;
}
.c-hp-block-text--bold {
  font-weight: 600;
}
.c-hp-block-text--bigger {
  font-size: 15px;
}
.c-hp-block-text--blue {
  color: #4E93E3;
}

.c-coaching-action-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.c-coaching-action-block__link {
  color: #4E93E3;
  font-size: 16px;
  font-weight: 600;
  text-decoration: underline;
}
.c-coaching-action-block__link:hover, .c-coaching-action-block__link:focus {
  color: #4E93E3;
  text-decoration: underline;
}
.c-coaching-action-block__btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  white-space: pre-wrap;
  border: 1px solid #5A9AE5;
  border-radius: 20.5px;
  background-color: #5A9AE5;
  color: #FFFFFF;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  min-width: 200px;
  display: block;
}
.c-coaching-action-block__btn:hover, .c-coaching-action-block__btn:focus {
  background-color: #5A9AE5;
  border-color: #5A9AE5;
  color: #FFFFFF;
  text-decoration: none;
}

.c-my-training-plan-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.c-mtp-header {
  padding: 20px;
  border-bottom: 1px solid #EFEFEF;
}

.c-mtp-body {
  padding: 20px;
}

.c-mtp-footer {
  padding: 10px 20px;
  border-top: 1px solid #EFEFEF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.c-mtp-footer__left-side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}

.c-mtp-footer-diplomas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 32px;
  width: 74.6666666667px;
}

.c-mtp-footer-diploma {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("/sites/all/themes/lingua/assets/career-tracks/diploma-disabled.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 32px;
  width: 32px;
}
.c-mtp-footer-diploma:nth-child(2) {
  left: 21.3333333333px;
}
.c-mtp-footer-diploma:nth-child(3) {
  left: 42.6666666667px;
}
.c-mtp-footer-diploma:nth-child(4) {
  left: 64px;
}
.c-mtp-footer-diploma:nth-child(5) {
  left: 85.3333333333px;
}
.c-mtp-footer-diploma--purple {
  background-image: url("/sites/all/themes/lingua/assets/career-tracks/diploma.svg");
}
.c-mtp-footer-diploma--yellow {
  background-image: url("/sites/all/themes/lingua/assets/career-tracks/diploma-on.svg");
}

.c-module-slider .c-category-slider__container {
  background-color: #F9FAFB;
  min-height: unset;
}
.c-module-slider .c-category-slider__subtile {
  width: 100%;
}
@media (max-width: 600px) {
  .c-module-slider .c-category-slider__header {
    padding-bottom: 0;
  }
}
@media (max-width: 600px) {
  .c-module-slider h2.c-category-slider__title {
    margin-top: 0;
  }
}

.c-module-slider-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.c-module-slider-header__left-side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 600px) {
  .c-module-slider-header__left-side {
    gap: 15px;
  }
}
.c-module-slider-header__right-side {
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  color: #6A7282;
  padding-right: 25px;
  margin-left: auto;
}

.c-module-slider-body {
  margin: 15px 25px 0px;
  overflow: hidden;
}

.c-module-container {
  padding: 10px 0px;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #FFFFFF;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}
.c-module-container__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 30px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-module-container-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  cursor: pointer;
}
.c-module-container-left__title {
  font-size: 16px;
  font-weight: 400;
  color: #2B7FFF;
}

.c-module-container-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  margin-left: auto;
}

.c-custom-fold-section {
  background-image: url("/sites/all/themes/lingua/assets/tooltip-exercise-assignment/blue-arrow.svg");
  width: 5px;
  height: 11px;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  background-repeat: no-repeat;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.c-custom-fold-section--unfolded {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.c-progress-bubbles {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
}
.c-progress-bubbles li {
  background-color: #DFDFDF;
  border-radius: 50%;
  height: 18px;
  list-style: none;
  margin: 0 7px;
  position: relative;
  width: 18px;
}
.c-progress-bubbles li::after {
  background-color: #DFDFDF;
  content: "";
  height: 1px;
  position: absolute;
  right: -14px;
  top: 50%;
  width: 14px;
}
.c-progress-bubbles li.checked {
  background-image: url("/sites/all/themes/lingua/assets/check-white.svg");
  background-color: #80E0C9;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}
.c-progress-bubbles li:last-of-type:after {
  display: none;
}

.c-diploma-custom {
  background-image: url("/sites/all/themes/lingua/assets/career-tracks/diploma-disabled.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 46px;
  width: 46px;
}
.c-diploma-custom--purple {
  background-image: url("/sites/all/themes/lingua/assets/career-tracks/diploma.svg");
}
.c-diploma-custom--yellow {
  background-image: url("/sites/all/themes/lingua/assets/career-tracks/diploma-on.svg");
}

.c-module-body {
  display: none;
}

.c-module-description {
  color: #6B6B6B;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 45px;
  padding: 0 30px;
}
@media (max-width: 599px) {
  .c-module-description {
    margin-bottom: 15px;
  }
}

.c-module-duration {
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  color: #6A7282;
  padding: 15px 30px;
}

.c-activities-carousel .c-category-slider__container {
  background-color: #F9FAFB;
}

.c-activities-carousel-item {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 550px) {
  .c-activities-carousel-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.c-activities-label {
  background-color: #5BB4C7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 10px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 10px 10px 0 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: -6px;
}
@media (min-width: 550px) {
  .c-activities-label {
    padding: 10px 9px 10px 3px;
    border-radius: 10px 0 0 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    margin-right: -6px;
  }
}
.c-activities-label__icon {
  width: 35px;
  height: 35px;
  background-color: #FFFFFF;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-activities-label__icon img {
  width: 31px;
  height: 31px;
}
.c-activities-label__text {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
}
@media (min-width: 550px) {
  .c-activities-label__text {
    -webkit-writing-mode: sideways-lr;
        -ms-writing-mode: sideways-lr;
            writing-mode: sideways-lr;
  }
}
.c-activities-label--pv {
  background-color: #FCA072;
}
.c-activities-label--sb {
  background-color: #ABAADA;
}
.c-activities-label--sl {
  background-color: #FCD372;
}

.c-activities-card {
  width: 252px;
  border-radius: 10px;
  border: 1px solid #FF2989;
  background-color: #FFF;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (min-width: 465px) {
  .c-activities-card {
    width: 352px;
  }
}
@media (min-width: 820px) {
  .c-activities-card {
    width: 630px;
  }
}
@media (min-width: 935px) {
  .c-activities-card {
    width: 694px;
  }
}
@media (min-width: 1024px) {
  .c-activities-card {
    width: 754px;
  }
}
.c-activities-card__content {
  display: grid;
  grid-template-columns: 1fr;
  height: 100%;
}
@media (min-width: 820px) {
  .c-activities-card__content {
    grid-template-columns: auto 1fr;
  }
}
.c-activities-card .c-videobooster__badge {
  border-top-left-radius: 10px;
  top: 1px;
}

.c-card-left {
  height: 100%;
  border-radius: 10px;
  background-color: #FFF;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  position: relative;
}
.c-card-left__thumbnail {
  background-image: url("https://images.pexels.com/photos/67636/rose-blue-flower-rose-blooms-67636.jpeg?auto=compress&cs=tinysrgb&h=350");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  height: 143px;
  width: 250px;
}
@media (min-width: 465px) {
  .c-card-left__thumbnail {
    height: 200px;
    width: 350px;
  }
}
@media (min-width: 820px) {
  .c-card-left__thumbnail {
    height: 160px;
    width: 280px;
  }
}
@media (min-width: 935px) {
  .c-card-left__thumbnail {
    height: 200px;
    width: 350px;
  }
}
@media (min-width: 1024px) {
  .c-card-left__thumbnail {
    height: 230px;
    width: 400px;
  }
}
.c-card-left__info {
  padding: 15px;
}

.c-card-left-pv {
  padding: 15px;
}

.c-pv-block {
  border-radius: 10px;
  background-color: #FFFFFF;
  padding: 7px;
  -webkit-box-shadow: 0 0 5px #E6E6E6;
          box-shadow: 0 0 5px #E6E6E6;
  height: 100%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media (min-width: 820px) {
  .c-pv-block {
    width: 100%;
    margin: 0;
  }
}
.c-pv-block__thumbnail {
  background-image: url("https://images.pexels.com/photos/67636/rose-blue-flower-rose-blooms-67636.jpeg?auto=compress&cs=tinysrgb&h=350");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 208px;
  width: 205px;
  margin-bottom: 15px;
}
@media (min-width: 465px) {
  .c-pv-block__thumbnail {
    height: 220px;
    width: 216px;
  }
}
@media (min-width: 1024px) {
  .c-pv-block__thumbnail {
    height: 225px;
    width: 225px;
  }
}

.c-info-title {
  color: #4B4B4B;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
}

.c-info-subtitle {
  color: #6B6B6B;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 10px;
}

.c-info-category {
  padding: 4px 6px;
  border-radius: 61px;
  color: #4E93E3;
  text-align: center;
  font-size: 11px;
  background-color: #DBEAFE;
  font-weight: 400;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.c-info-group {
  color: #4E93E3;
  font-size: 10px;
  font-weight: 600;
}

.c-card-right {
  padding: 20px 20px 15px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-card-right__title {
  font-weight: 600;
  font-size: 16px;
  color: #4B4B4B;
  margin: 0;
}
.c-card-right__subtitle {
  font-weight: 400;
  font-size: 14px;
  color: #6B6B6B;
}
.c-card-right__description {
  font-size: 14px;
  color: #6B6B6B;
  font-weight: 400;
  margin-bottom: 0;
}
.c-card-right__link {
  font-weight: 600;
  font-size: 14px;
  color: #4E93E3;
}
.c-card-right__link:focus, .c-card-right__link:hover {
  color: #4E93E3;
  text-decoration: none;
}
.c-card-right__actions {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 465px) {
  .c-card-right__actions {
    background-color: #f2f2f5;
    border-radius: 53px;
    padding: 10px 15px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.c-card-right-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}

.c-card-right-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  text-decoration: none;
  cursor: pointer;
}
.c-card-right-btn__icon-wrap {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #e5e5f5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.c-card-right-btn__label {
  font-weight: 600;
  font-size: 14px;
}
.c-card-right-btn__label.c-random {
  color: #4E93E3;
}
.c-card-right-btn__label.c-play {
  color: #FF2989;
}

.c-activities-carousel .owl-carousel .owl-item {
  width: 252px !important;
  float: left;
}
@media (min-width: 465px) {
  .c-activities-carousel .owl-carousel .owl-item {
    width: 352px !important;
  }
}
@media (min-width: 550px) {
  .c-activities-carousel .owl-carousel .owl-item {
    width: 393px !important;
  }
}
@media (min-width: 820px) {
  .c-activities-carousel .owl-carousel .owl-item {
    width: 671px !important;
  }
}
@media (min-width: 935px) {
  .c-activities-carousel .owl-carousel .owl-item {
    width: 735px !important;
  }
}
@media (min-width: 1024px) {
  .c-activities-carousel .owl-carousel .owl-item {
    width: 795px !important;
  }
}

.c-activities-carousel .owl-carousel .owl-stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.c-general-popup-container {
  padding: 70px 30px 30px 30px;
}
.c-general-popup-container .close {
  opacity: 1;
}
.c-general-popup-container .close .c-close-icon {
  padding: 0;
  position: absolute;
  top: 10px;
  right: 20px;
  color: #393838;
}
.c-general-popup-container .c-general-popup-message {
  font-size: 18px;
  font-weight: 400;
  color: #2F2F2F;
  text-align: center;
  margin-bottom: 50px;
}
.c-general-popup-container .c-btns-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-general-popup-container .c-btns-container .c-primary-button {
  background-color: #5A90DC;
  border: 1px solid #5A90DC;
  color: #ffffff;
  font-weight: 400;
  font-size: 16px;
  border-radius: 5px;
  padding: 9px 18px;
  min-width: 114px;
  text-align: center;
}
.c-general-popup-container .c-btns-container .c-primary-button--with-border {
  background-color: transparent;
  color: #5A90DC;
}

/* CHINESE STYLE */
/* Chinese Font & Default style  */
@font-face {
  font-family: NotoSansSC-Regular;
  src: url("/sites/all/themes/lingua/fonts/noto-sans/NotoSansSC-Regular.otf");
}
ruby,
rt {
  font-family: NotoSansSC-Regular;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  text-align: center;
  font-size: 16px;
  letter-spacing: -0.17px;
  line-height: 21px;
  padding-right: 2px;
}

ruby.jt-block {
  /* Highlight also the RT for all machine translation  */
}
ruby.jt-block.jt-block-word-highlight span, ruby.jt-block.jt-block-word-highlight rt {
  color: #4A90E2 !important;
}
ruby.jt-block rt:hover {
  text-decoration: underline;
  cursor: pointer;
}

/* CHINESE STYLE */
.page-chinese {
  /* Learned Expresions */
}
.page-chinese .learned-expressions-list__expression ruby,
.page-chinese .learned-expressions-list__expression rt {
  font-size: 15px;
}
.page-chinese .learned-expressions-list__collapse-term ruby,
.page-chinese .learned-expressions-list__collapse-term rt {
  font-size: 14px;
}
.page-chinese .c-learned-expression_items-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 0;
}
.page-chinese .c-learned-expression_items-text ruby,
.page-chinese .c-learned-expression_items-text rt {
  font-size: 14px;
}
.page-chinese .c-learned-expression_example-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-chinese .c-learned-expression_example-item .c-learned-expression_items-text {
  width: 100%;
  display: block;
}
.page-chinese .learned-expressions-list__video-name ruby,
.page-chinese .learned-expressions-list__video-name rt {
  font-size: 14px;
}
.page-chinese .c-learned-expression_items,
.page-chinese .learned-expressions-list {
  padding-right: 10px;
}
@supports (-moz-appearance: none) {
  .page-chinese .c-learned-expression_items-translation {
    width: 100%;
  }
}
.page-chinese {
  /*See details*/
}
.page-chinese .c-vb-details__title ruby,
.page-chinese .c-vb-details__title rt {
  font-size: 20px;
}
.page-chinese .c-vb-details__clip-name ruby,
.page-chinese .c-vb-details__clip-name rt {
  font-size: 14px;
}
.page-chinese .c-vb-details__caption-text ruby,
.page-chinese .c-vb-details__caption-text rt {
  font-size: 14px;
}
.page-chinese .c-vb-details__caption-text rt {
  color: #EBEBED;
  margin-bottom: 5px;
}
.page-chinese .c-vb-details__caption-title {
  margin-bottom: 5px;
}
.page-chinese .c-vb-details__title2 ruby {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.page-chinese .c-vb-details__title2 rt {
  margin-bottom: 5px;
}
.page-chinese .c-vb-details .c-progress {
  margin-bottom: 10px;
}
.page-chinese .card-details-video .c-vb-details__title-container {
  padding: 0 0 10px 0;
}
.page-chinese .c-vb-content__caption-block:nth-child(2), .page-chinese .c-vb-content__caption-block:nth-child(3) {
  padding-top: 5px;
}
.page-chinese .c-vb-details__caption-text {
  color: #CFCFD3;
}
.page-chinese {
  /* Remove space between hanzi characters */
}
.page-chinese .c-ruby-wrapper {
  display: inline-block;
}
.page-chinese {
  /* Vb checkbox style */
}
.page-chinese .video-booster__checkbox-label.correct + .video-booster__checkbox-text ruby,
.page-chinese .video-booster__checkbox-label.correct + .video-booster__checkbox-text rt, .page-chinese .video-booster__checkbox-label.incorrect + .video-booster__checkbox-text ruby,
.page-chinese .video-booster__checkbox-label.incorrect + .video-booster__checkbox-text rt {
  color: #FFFFFF;
  -webkit-transition: all 0.9s ease-in;
}
@media (max-width: 767px) {
  .page-chinese .c-sb-accordion .c-sb-accordion-header.active ruby,
  .page-chinese .c-sb-accordion .c-sb-accordion-header.active rt {
    color: #4A90E2;
  }
  .page-chinese .c-sb-accordion .c-sb-accordion-header img {
    margin-top: -25px;
  }
  .page-chinese .c-sb-accordion .c-sb-accordion-body {
    margin-top: -7px;
    margin-left: -14px;
  }
  .page-chinese .c-sb-accordion .c-sb-accordion-body--vb .c-sb-key-vocab__text {
    top: 20px;
  }
}
.page-chinese .video-booster__exercise-vocab {
  margin-left: 0;
}
.page-chinese {
  /*  Vocab QuickView */
}
.page-chinese.node-type-video .container--small.quickview .container__header {
  padding: 45px 10px 10px;
}
.page-chinese.node-type-video .container--small.quickview .container__header ruby, .page-chinese.node-type-video .container--small.quickview .container__header rt {
  color: #FFFFFF;
}
.page-chinese .c-table-quickview,
.page-chinese .c-tabs-section,
.page-chinese .c-details-section,
.page-chinese .exercise-vocab.tab-pane {
  height: 100%;
}
.page-chinese .vocab-quickview .c-tab-item {
  min-height: 56px;
  height: 100%;
}
.page-chinese .vocab-quickview .c-tab-item.active .c-half-arrow {
  height: 51%;
}
.page-chinese .vocab-quickview .c-tab-item a {
  padding: 14px 0 14px 28px;
  width: 75%;
}
.page-chinese .vocab-quickview .c-tab-item a .translatable-word {
  top: 0px;
}
.page-chinese .vocab-quickview .c-tab-item a .c-vb-vocab-term {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-chinese .vocab-quickview .c-sound-icon {
  right: 10%;
}
.page-chinese .vocab-quickview .translatable-word {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-chinese em ruby,
.page-chinese em rt {
  color: #4A90E2 !important;
}
.page-chinese .translatable-word {
  top: 10px;
}
.page-chinese .translatable-word ruby,
.page-chinese .translatable-word rt {
  color: #4B4B4B;
  font-size: 15px;
  letter-spacing: -0.16px;
  line-height: 22px;
}
.page-chinese .non-pass-full-expression ruby,
.page-chinese .non-pass-full-expression rt {
  color: #4A90E2;
  font-size: 16px;
  letter-spacing: -0.17px;
  line-height: 21px;
}
.page-chinese .expression-details--content ruby,
.page-chinese .expression-details--content rt {
  color: #4B4B4B;
  font-size: 14px;
  letter-spacing: -0.19px;
  line-height: 21px;
  padding-right: 3px;
}
.page-chinese .thumbnail--video__movie-name ruby,
.page-chinese .thumbnail--video__movie-name rt {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #4B4B4B;
  font-size: 15px;
  letter-spacing: -0.16px;
  line-height: 22px;
}
.page-chinese .thumbnail--video__movie-name--french {
  width: 95%;
}
.page-chinese .thumbnail--video__movie-name--french ruby,
.page-chinese .thumbnail--video__movie-name--french rt {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #9B9B9B;
  font-size: 15px;
  letter-spacing: -0.16px;
  line-height: 22px;
}
.page-chinese .c-tab-item {
  height: 56px;
}
.page-chinese .c-tab-item a {
  height: inherit;
}
.page-chinese .c-tab-item.active ruby,
.page-chinese .c-tab-item.active rt {
  color: #FFFFFF;
}
.page-chinese .c-tab-item.active .c-half-arrow {
  height: 29px;
}
.page-chinese .c-translate-word {
  position: absolute;
  bottom: 5%;
  right: 3%;
}
.page-chinese .expression-details--title {
  font-weight: 600;
}
.page-chinese {
  /* Video */
}
.page-chinese .video-booster__video-desc {
  max-width: 506px !important;
}
.page-chinese .video-booster__video-desc ruby,
.page-chinese .video-booster__video-desc rt {
  color: #4B4B4B;
  font-size: 16px;
  letter-spacing: -0.17px;
  line-height: 24px;
  padding-right: 4px;
}
.page-chinese .c-vb-video__desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-chinese {
  /* Comprehension */
}
.page-chinese .comprehension__question-text ruby,
.page-chinese .comprehension__question-text rt {
  font-family: NotoSansSC-Regular;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  text-align: center;
  font-size: 16px;
  letter-spacing: -0.17px;
  line-height: 21px;
  padding-right: 2px;
  color: #4B4B4B;
  font-size: 16px;
  letter-spacing: -0.17px;
  line-height: 24px;
  padding-right: 3px;
}
.page-chinese .video-booster__checkbox-text {
  padding: 0 15px !important;
}
.page-chinese .video-booster__checkbox-text ruby,
.page-chinese .video-booster__checkbox-text rt {
  font-family: NotoSansSC-Regular;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  text-align: center;
  font-size: 16px;
  letter-spacing: -0.17px;
  line-height: 21px;
  padding-right: 2px;
  color: #4B4B4B;
  font-size: 16px;
  letter-spacing: -0.17px;
  line-height: 24px;
  padding-right: 3px;
}
.page-chinese .c-sb-accordion-header ruby,
.page-chinese .c-sb-accordion-header rt {
  color: #9B9B9B;
  font-size: 15px;
  letter-spacing: -0.16px;
  line-height: 22px;
  text-align: center;
}
.page-chinese .c-sb-key-vocab__text ruby,
.page-chinese .c-sb-key-vocab__text rt {
  color: #9B9B9B;
  font-size: 15px;
  letter-spacing: -0.16px;
  line-height: 22px;
}
.page-chinese .exercise-vocab__list-item {
  list-style: none;
}
.page-chinese .exercise-vocab__list-item:before {
  content: "•";
  vertical-align: super;
  font-size: 25px;
}
.page-chinese .exercise-vocab__list-item:not(:last-of-type) {
  padding-bottom: 0;
}
.page-chinese .exercise-vocab__list-item:not(:last-of-type) .exercise-vocab__item {
  padding: 5px 30px 0 5px;
}
.page-chinese .exercise-vocab__list-item:first-child .popover {
  top: -10px !important;
}
.page-chinese .exercise-vocab__list-item .popover-content {
  border: 1px solid #4A90E2;
  border-radius: 6px;
  padding: 10px 5px 5px 10px;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  overflow-x: hidden;
  max-height: 200px;
  min-height: auto;
  /* Width */
}
.page-chinese .exercise-vocab__list-item .popover-content::-webkit-scrollbar {
  width: 6px;
}
.page-chinese .exercise-vocab__list-item .popover-content {
  /* Track */
}
.page-chinese .exercise-vocab__list-item .popover-content::-webkit-scrollbar-track {
  background-color: #EFEFEF;
  border-radius: 15px;
}
.page-chinese .exercise-vocab__list-item .popover-content {
  /* Handle */
}
.page-chinese .exercise-vocab__list-item .popover-content::-webkit-scrollbar-thumb {
  background-color: #AFAFAF;
  border-radius: 15px;
}
.page-chinese .exercise-vocab__list-item .popover-content ruby, .page-chinese .exercise-vocab__list-item .popover-content rt {
  color: #9B9B9B;
  font-size: 15px;
  letter-spacing: -0.16px;
  line-height: 22px;
}
.page-chinese .exercise-vocab__list-item .popover-title {
  display: none;
}
.page-chinese .exercise-vocab__list-item .popover .arrow {
  display: none;
}
.page-chinese .exercise-vocab__list-item .popover.right {
  margin-left: 30px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.page-chinese .exercise-vocab__item {
  position: relative;
  padding-left: 15px !important;
}
.page-chinese .exercise-vocab__item img {
  display: none;
}
.page-chinese .exercise-vocab__item.active img {
  display: inline-block;
  position: absolute;
  top: 35%;
  left: -15%;
}
.page-chinese .exercise-vocab__item.active .c-vocab-needle {
  display: block;
}
.page-chinese .exercise-vocab__item.active ruby,
.page-chinese .exercise-vocab__item.active rt {
  color: #4A90E2;
}
.page-chinese .exercise-vocab__item ruby,
.page-chinese .exercise-vocab__item rt {
  font-size: 15px;
  color: #9B9B9B;
}
.page-chinese .video-booster__exercise-vocab {
  margin-top: 10px;
}
@-moz-document url-prefix() {
  .page-chinese .video-booster__checkbox {
    display: flex !important;
  }
  .page-chinese .video-booster__checkbox-text {
    display: inherit !important;
  }
}
.page-chinese {
  /* Advanced Comprehension */
}
.page-chinese .advanced-comprehension .video-booster__tab-pane#tab-transcript .vb-panel-scroll #transcript_wrapper {
  line-height: 25px;
}
.page-chinese {
  /* Listening Lab */
}
.page-chinese .listening-lab .listning_lab_blank {
  min-width: 100px;
  display: block;
}
.page-chinese .listening-lab .listning_lab_blank.success {
  display: inline;
}
.page-chinese .listening-lab .transcript-wrapper ruby,
.page-chinese .listening-lab .transcript-wrapper rt {
  font-size: 18px;
  letter-spacing: -0.18px;
  line-height: 32px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.page-chinese .listening-lab .transcript-wrapper .c-ruby-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-chinese .listening-lab .listening__line {
  padding: 10px 15px 0;
}
.page-chinese .listening-lab .listening__line.active {
  min-height: 75px;
}
.page-chinese .listening-lab .dialog-wrapper .who {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left;
  margin-right: 10px;
  line-height: 30px;
}
.page-chinese {
  /* Vocab Academy */
}
.page-chinese .vocab-academy-step #dragContent .vocab-academy-phrase {
  text-shadow: none;
  padding: 22px 20px 0;
}
.page-chinese .vocab-academy-step #dragContent .vocab-academy-phrase .vb__word-blank {
  height: 58px;
  border-radius: 8px;
  background-color: #D8D8D8;
  min-width: 100px;
  padding: 0;
  vertical-align: top;
}
.page-chinese .vocab-academy-step #dragContent .vocab-academy-phrase .vb__word-blank:after {
  display: none;
}
.page-chinese .vocab-academy-step #dragContent .vocab-academy-phrase .vb__word-blank.locked {
  margin: 0 3px;
}
.page-chinese .vocab-academy-step #dragContent .vocab-academy-phrase .vb__word-blank.locked .vb-draggable {
  top: 0;
}
.page-chinese .vocab-academy-step #dragContent .vocab-academy-phrase p {
  line-height: 80px;
}
.page-chinese .vocab-academy-step #dragContent .vb__draggable {
  min-height: 58px;
  height: auto;
  min-width: 100px;
  padding: 8px 5px 0 !important;
  z-index: 9999 !important;
}
.page-chinese .vocab-academy-step #dragContent .vb__draggable ruby {
  letter-spacing: -0.15px;
  line-height: 22px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.page-chinese .vocab-academy-step #dragContent .vb__draggable rt {
  font-size: 15px;
  letter-spacing: -0.16px;
  line-height: 20px;
}
.page-chinese .vocab-academy-step #dragContent.overlay:before {
  z-index: 10000;
}
.page-chinese {
  /* Grammar */
}
.page-chinese .grammar-step {
  /* Grammar - fill gaps step */
}
.page-chinese .grammar-step #concept_example_wrapper ruby,
.page-chinese .grammar-step #concept_example_wrapper rt,
.page-chinese .grammar-step .grammar-point-explanation ruby,
.page-chinese .grammar-step .grammar-point-explanation rt {
  font-size: 14px;
  letter-spacing: -0.15px;
  color: #6B6B6B;
}
.page-chinese .grammar-step .grammar-question-text .vb__word-blank {
  height: 58px;
  border-radius: 8px;
  min-width: 100px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0;
  border: none;
}
.page-chinese .grammar-step .grammar-question-text .vb__word-blank:after {
  display: none;
}
.page-chinese .grammar-step .grammar-question-text .vb__word-blank.locked .vb-draggable {
  top: -21px !important;
}
.page-chinese .grammar-step .grammar-question-text .vb__word-blank.validated .vb-draggable {
  padding-right: 0 !important;
}
.page-chinese .grammar-step .grammar-question-text ruby,
.page-chinese .grammar-step .grammar-question-text rt {
  line-height: 30px;
  vertical-align: middle;
}
.page-chinese .grammar-step .vb__draggable {
  min-height: 58px;
  height: auto;
  min-width: 100px;
  padding: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-chinese .grammar-step .vb__draggable ruby,
.page-chinese .grammar-step .vb__draggable rt {
  font-size: 15px;
  letter-spacing: -0.16px;
  line-height: 20px;
}
.page-chinese .grammar-step .panel__body__grammar_filling_gaps ruby,
.page-chinese .grammar-step .panel__body__grammar_filling_gaps rt {
  vertical-align: bottom;
}
.page-chinese .grammar-step .multiple-choices .video-booster__checkbox-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 10px 0 15px !important;
}
.page-chinese .grammar-step .multiple-choices .video-booster__checkbox-text ruby,
.page-chinese .grammar-step .multiple-choices .video-booster__checkbox-text rt {
  color: #FFFFFF;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 20px;
}
.page-chinese .grammar-step {
  /* Grammar - correct/incorrect */
}
.page-chinese .grammar-step .grammar-jungle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-chinese .grammar-step .vb-grammar-corect-incorect .question_text ruby,
.page-chinese .grammar-step .vb-grammar-corect-incorect .question_text rt {
  color: #4B4B4B;
}
.page-chinese .grammar-step {
  /* Grammar - make connections */
}
.page-chinese .grammar-step .panel__body__grammar_make_connections .c-chinese-text-wrapper {
  height: 74px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-chinese .grammar-step .panel__body__grammar_make_connections .c-chinese-text-wrapper p {
  width: 100%;
}
@media (max-width: 600px) {
  .page-chinese .grammar-step .panel__body__grammar_make_connections .c-chinese-text-wrapper {
    height: 55px;
  }
}
.page-chinese .grammar-step .panel__body__grammar_make_connections .c-vb-gmc__answer {
  padding: 0 0 0 4% !important;
}
.page-chinese .grammar-step .panel__body__grammar_make_connections ruby,
.page-chinese .grammar-step .panel__body__grammar_make_connections rt {
  font-size: 19px;
  letter-spacing: -0.2px;
}
.page-chinese .grammar-step .c-vb-gmc__answers-container--desktop .c-vb-gmc__answer-container--desktop .c-vb-gmc__answer-subcontainer--desktop .c-building-meaning_answer-icon {
  height: 73px;
  max-width: 68px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-chinese .grammar-step .c-vb-gmc__answers-container--desktop .c-vb-gmc__answer-container--desktop .c-vb-gmc__answer-subcontainer--desktop .c-building-meaning_answer-icon:after {
  width: 32px;
  height: 34px;
  margin: 0;
}
.page-chinese .grammar-step .c-vb-gmc__answers-container--desktop .c-building-meaning_answer-checked-container--desktop {
  padding: 25px 35px;
}
.page-chinese .grammar-step .c-vb-gmc__answers-container--desktop .c-building-meaning_answer-checked-container--desktop:first-of-type {
  padding-top: 33px;
}
.page-chinese .grammar-step .c-vb-gmc__answers-container--desktop .c-building-meaning_answer-ckecked {
  height: 50px;
  padding: 0;
}
.page-chinese .grammar-step .c-vb-gmc__questions-container--desktop .c-vb-gmc__question-container--desktop {
  height: 77px;
  margin: 23px 0;
}
.page-chinese .grammar-step .c-vb-gmc__mobile-container .c-building-meaning_question p {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 991px) {
  .page-chinese .grammar-step .c-vb-gmc__mobile-container .c-building-meaning_answer-checked-container {
    padding: 0 35px 0 30px;
  }
}
@media (max-width: 700px) {
  .page-chinese .grammar-step .c-vb-gmc__mobile-container .c-building-meaning_answer p {
    padding-left: 15px;
  }
}
@media (max-width: 600px) {
  .page-chinese .grammar-step .c-vb-gmc__mobile-container .c-building-meaning_answer-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 53px;
    height: 100%;
  }
  .page-chinese .grammar-step .c-vb-gmc__mobile-container .c-building-meaning_answer-icon:after {
    margin: 0;
  }
  .page-chinese .grammar-step .c-vb-gmc__mobile-container ruby,
  .page-chinese .grammar-step .c-vb-gmc__mobile-container rt {
    font-size: 16px;
  }
  .page-chinese .grammar-step .c-vb-gmc__mobile-container .c-building-meaning_answer-container {
    padding: 10px 5px;
  }
  .page-chinese .grammar-step .c-vb-gmc__mobile-container .c-building-meaning_answer-checked-container {
    padding: 0 35px 0 20px;
  }
  .page-chinese .grammar-step .c-vb-gmc__mobile-container .c-building-meaning_question-container {
    padding-left: 10px;
  }
  .page-chinese .grammar-step .c-building-meaning_answer p {
    max-width: unset;
    padding-left: 10px;
  }
}
@media (max-width: 450px) {
  .page-chinese .grammar-step .c-vb-gmc__mobile-container ruby,
  .page-chinese .grammar-step .c-vb-gmc__mobile-container rt {
    font-size: 14px;
  }
}
@media (max-width: 450px) {
  .page-chinese .grammar-step .c-vb-gmc__mobile-container ruby,
  .page-chinese .grammar-step .c-vb-gmc__mobile-container rt {
    font-size: 12px;
  }
}
@media (max-width: 350px) {
  .page-chinese .grammar-step .c-vb-gmc__mobile-container ruby,
  .page-chinese .grammar-step .c-vb-gmc__mobile-container rt {
    letter-spacing: -0.9px;
  }
}
.page-chinese .c-vocab-needle {
  background: #D4D4D4;
  width: 10%;
  height: 1px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-right: -30px;
  display: none;
}
.page-chinese .c-vocab-needle:before {
  content: "•";
  color: #4A90E2;
  position: absolute;
  top: -9px;
  left: -5px;
  font-size: 20px;
}
.page-chinese {
  /* Header */
}
@media (min-width: 601px) and (max-width: 767px) {
  .page-chinese.is-qioz.node-type-video .main-navbar .of-canvas-navigation, .page-chinese.is-lingua.node-type-video .main-navbar .of-canvas-navigation {
    width: 55%;
  }
}
.page-chinese.is-qioz .c-video-booster__header--subtitle .c-game-title,
.page-chinese.is-qioz .c-photo-vocab__header--subtitle .c-game-title, .page-chinese.is-lingua .c-video-booster__header--subtitle .c-game-title,
.page-chinese.is-lingua .c-photo-vocab__header--subtitle .c-game-title {
  font-size: 25px;
}
.page-chinese.is-qioz .c-video-booster__header--subtitle .panel-subtitle,
.page-chinese.is-qioz .c-video-booster__header--subtitle .c-game-title,
.page-chinese.is-qioz .c-photo-vocab__header--subtitle .panel-subtitle,
.page-chinese.is-qioz .c-photo-vocab__header--subtitle .c-game-title, .page-chinese.is-lingua .c-video-booster__header--subtitle .panel-subtitle,
.page-chinese.is-lingua .c-video-booster__header--subtitle .c-game-title,
.page-chinese.is-lingua .c-photo-vocab__header--subtitle .panel-subtitle,
.page-chinese.is-lingua .c-photo-vocab__header--subtitle .c-game-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 90%;
}
@media (min-width: 600px) {
  .page-chinese.is-qioz .c-video-booster__header--subtitle .panel-subtitle,
  .page-chinese.is-qioz .c-video-booster__header--subtitle .c-game-title,
  .page-chinese.is-qioz .c-photo-vocab__header--subtitle .panel-subtitle,
  .page-chinese.is-qioz .c-photo-vocab__header--subtitle .c-game-title, .page-chinese.is-lingua .c-video-booster__header--subtitle .panel-subtitle,
  .page-chinese.is-lingua .c-video-booster__header--subtitle .c-game-title,
  .page-chinese.is-lingua .c-photo-vocab__header--subtitle .panel-subtitle,
  .page-chinese.is-lingua .c-photo-vocab__header--subtitle .c-game-title {
    max-width: 26vw;
  }
}
@media (min-width: 680px) {
  .page-chinese.is-qioz .c-video-booster__header--subtitle .panel-subtitle,
  .page-chinese.is-qioz .c-video-booster__header--subtitle .c-game-title,
  .page-chinese.is-qioz .c-photo-vocab__header--subtitle .panel-subtitle,
  .page-chinese.is-qioz .c-photo-vocab__header--subtitle .c-game-title, .page-chinese.is-lingua .c-video-booster__header--subtitle .panel-subtitle,
  .page-chinese.is-lingua .c-video-booster__header--subtitle .c-game-title,
  .page-chinese.is-lingua .c-photo-vocab__header--subtitle .panel-subtitle,
  .page-chinese.is-lingua .c-photo-vocab__header--subtitle .c-game-title {
    max-width: 34vw;
  }
}
@media (min-width: 1000px) {
  .page-chinese.is-qioz .c-video-booster__header--subtitle .panel-subtitle,
  .page-chinese.is-qioz .c-video-booster__header--subtitle .c-game-title,
  .page-chinese.is-qioz .c-photo-vocab__header--subtitle .panel-subtitle,
  .page-chinese.is-qioz .c-photo-vocab__header--subtitle .c-game-title, .page-chinese.is-lingua .c-video-booster__header--subtitle .panel-subtitle,
  .page-chinese.is-lingua .c-video-booster__header--subtitle .c-game-title,
  .page-chinese.is-lingua .c-photo-vocab__header--subtitle .panel-subtitle,
  .page-chinese.is-lingua .c-photo-vocab__header--subtitle .c-game-title {
    max-width: 38vw;
  }
}
@media (max-width: 1160px) {
  .page-chinese.is-qioz .c-video-booster__header--subtitle .panel-subtitle,
  .page-chinese.is-qioz .c-photo-vocab__header--subtitle .panel-subtitle, .page-chinese.is-lingua .c-video-booster__header--subtitle .panel-subtitle,
  .page-chinese.is-lingua .c-photo-vocab__header--subtitle .panel-subtitle {
    margin: 0;
  }
}
@media (max-width: 900px) {
  .page-chinese.is-qioz .c-video-booster__header--subtitle .panel-subtitle,
  .page-chinese.is-qioz .c-photo-vocab__header--subtitle .panel-subtitle, .page-chinese.is-lingua .c-video-booster__header--subtitle .panel-subtitle,
  .page-chinese.is-lingua .c-photo-vocab__header--subtitle .panel-subtitle {
    line-height: 18px;
  }
}
.page-chinese.is-qioz .c-photo-vocab__header--subtitle, .page-chinese.is-lingua .c-photo-vocab__header--subtitle {
  width: 30%;
}
.page-chinese.is-qioz .panel-category, .page-chinese.is-lingua .panel-category {
  white-space: nowrap;
}
.page-chinese.is-qioz, .page-chinese.is-lingua {
  /* Fit header titles on responsive */
}
@media (max-width: 1140px) {
  .page-chinese.is-qioz.node-type-video .c-close-header-games, .page-chinese.is-qioz.node-type-photovocab .c-close-header-games, .page-chinese.is-lingua.node-type-video .c-close-header-games, .page-chinese.is-lingua.node-type-photovocab .c-close-header-games {
    right: 10px;
  }
}
@media (min-width: 1075px) and (max-width: 1139px) {
  .page-chinese.is-qioz .main-navbar__menu.clearfix, .page-chinese.is-lingua .main-navbar__menu.clearfix {
    margin-left: 0;
  }
}
@media (min-width: 991px) and (max-width: 1160px) {
  .page-chinese.is-qioz .video-booster__header--title, .page-chinese.is-lingua .video-booster__header--title {
    font-size: 20px;
  }
}
@media (max-width: 900px) {
  .page-chinese.is-qioz .video-booster__header--title,
  .page-chinese.is-qioz .photo-vocab__header--title,
  .page-chinese.is-qioz .c-video-booster__header--subtitle .c-game-title,
  .page-chinese.is-qioz .c-photo-vocab__header--subtitle .c-game-title, .page-chinese.is-lingua .video-booster__header--title,
  .page-chinese.is-lingua .photo-vocab__header--title,
  .page-chinese.is-lingua .c-video-booster__header--subtitle .c-game-title,
  .page-chinese.is-lingua .c-photo-vocab__header--subtitle .c-game-title {
    font-size: 17px;
  }
}
@media (max-width: 780px) {
  .page-chinese.is-qioz .video-booster__header--title,
  .page-chinese.is-qioz .photo-vocab__header--title,
  .page-chinese.is-qioz .c-video-booster__header--subtitle .c-game-title,
  .page-chinese.is-qioz .c-photo-vocab__header--subtitle .c-game-title, .page-chinese.is-lingua .video-booster__header--title,
  .page-chinese.is-lingua .photo-vocab__header--title,
  .page-chinese.is-lingua .c-video-booster__header--subtitle .c-game-title,
  .page-chinese.is-lingua .c-photo-vocab__header--subtitle .c-game-title {
    font-size: 15px;
  }
}
.page-chinese.is-qioz.node-type-photovocab .main-navbar__menu,
.page-chinese.is-qioz.node-type-photovocab .of-canvas-navigation {
  width: 60%;
}
@media (max-width: 991px) {
  .page-chinese.node-type-photovocab .photo-vocab--text {
    padding: 6px 20px !important;
  }
}
.page-chinese.is-lingua .c-lingua-header__border {
  margin: 12px 15px;
}
@media (max-width: 1160px) {
  .page-chinese.is-lingua .c-lingua-header__border {
    margin: 8px 10px;
  }
}
.page-chinese.is-lingua.node-type-video .main-navbar .main-navbar__menu.clearfix {
  width: 67%;
  margin-left: 10%;
}
@media (max-width: 1160px) {
  .page-chinese.is-lingua.node-type-video .main-navbar .main-navbar__menu.clearfix,
  .page-chinese.is-lingua.node-type-video .main-navbar .of-canvas-navigation {
    margin-left: 5%;
  }
}
@media (max-width: 991px) {
  .page-chinese.is-lingua.node-type-video .main-navbar .main-navbar__menu.clearfix,
  .page-chinese.is-lingua.node-type-video .main-navbar .of-canvas-navigation {
    width: 63%;
  }
}
@media (max-width: 800px) {
  .page-chinese.is-lingua.node-type-video .main-navbar .main-navbar__logo img {
    max-width: 180px !important;
  }
}
.page-chinese {
  /* -- Fit header titles on responsive -- */
  /* Game zone - Letter box and letter drop */
}
.page-chinese .c-letters-box__container {
  position: relative;
}
.page-chinese .c-game-zone__container {
  min-height: 500px;
  padding: 0 10px 35px 10px;
}
.page-chinese .c-letters-box__container,
.page-chinese .c-letters-drop__container {
  min-height: 500px;
}
.page-chinese .c-letters-drop__sentence-box {
  padding: 5px 15px;
}
.page-chinese .c-letters-drop__sentence-text {
  margin: 0;
}
.page-chinese .c-letters-box__translated-text {
  font-size: 14px;
}
.page-chinese.node-type-video .c-game-zone__container.c-letters-box__frame {
  padding: 0 10px 25px 10px;
}
.page-chinese .c-letters-box__skip-btn {
  height: 54px;
}
.page-chinese .c-letters-box__sentence-box,
.page-chinese .c-letters-drop__sentence-box {
  max-height: 195px;
  overflow: auto;
  /* Width */
}
.page-chinese .c-letters-box__sentence-box::-webkit-scrollbar,
.page-chinese .c-letters-drop__sentence-box::-webkit-scrollbar {
  width: 8px;
}
.page-chinese .c-letters-box__sentence-box,
.page-chinese .c-letters-drop__sentence-box {
  /* Track */
}
.page-chinese .c-letters-box__sentence-box::-webkit-scrollbar-track,
.page-chinese .c-letters-drop__sentence-box::-webkit-scrollbar-track {
  background-color: #F7F7F8;
  border-radius: 15px;
}
.page-chinese .c-letters-box__sentence-box,
.page-chinese .c-letters-drop__sentence-box {
  /* Handle */
}
.page-chinese .c-letters-box__sentence-box::-webkit-scrollbar-thumb,
.page-chinese .c-letters-drop__sentence-box::-webkit-scrollbar-thumb {
  background-color: #C2C2C2;
  border-radius: 15px;
  height: 50px;
}
.page-chinese .c-letters-box__row-cel,
.page-chinese .c-letters-drop__row-cel {
  font-family: NotoSansSC-Regular;
  font-weight: 300;
}
.page-chinese .c-letters-box__sentence-text,
.page-chinese .c-letters-drop__sentence-text {
  color: #979797;
  font-weight: 400;
}
.page-chinese .c-letters-box__sentence-text ruby,
.page-chinese .c-letters-box__sentence-text rt,
.page-chinese .c-letters-drop__sentence-text ruby,
.page-chinese .c-letters-drop__sentence-text rt {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.page-chinese .c-letters-box__sentence-text .c-letter-drop__right-word,
.page-chinese .c-letters-box__sentence-text .c-letter-box__right-word,
.page-chinese .c-letters-drop__sentence-text .c-letter-drop__right-word,
.page-chinese .c-letters-drop__sentence-text .c-letter-box__right-word {
  font-weight: 400;
}
.page-chinese .c-letters-box__sentence-text .c-letter-drop__right-word ruby,
.page-chinese .c-letters-box__sentence-text .c-letter-drop__right-word rt,
.page-chinese .c-letters-box__sentence-text .c-letter-box__right-word ruby,
.page-chinese .c-letters-box__sentence-text .c-letter-box__right-word rt,
.page-chinese .c-letters-drop__sentence-text .c-letter-drop__right-word ruby,
.page-chinese .c-letters-drop__sentence-text .c-letter-drop__right-word rt,
.page-chinese .c-letters-drop__sentence-text .c-letter-box__right-word ruby,
.page-chinese .c-letters-drop__sentence-text .c-letter-box__right-word rt {
  color: #96E7D5 !important;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.page-chinese .c-letters-box__box {
  height: 265px;
}
.page-chinese .c-letters-drop__box {
  min-height: 255px;
}
@media (min-width: 601px) {
  .page-chinese .c-letters-box__container .c-letters-box__joker-container {
    position: absolute;
    right: -80px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    top: 24px;
  }
}
@media (max-width: 600px) {
  .page-chinese .c-letters-box__container .c-letters-box__skip-btn {
    position: absolute;
    bottom: 0;
  }
  .page-chinese .c-letters-box__container .c-letters-box__skip-time {
    position: absolute;
    top: -25px;
    right: 0;
  }
}
.page-chinese {
  /* Game zone - Page height stabilisation */
}
.page-chinese.node-type-video .c-game-instructions__container {
  padding: 40px 15px 0 15px;
}
.page-chinese {
  /* VB Thumbnail */
}
@supports (-moz-appearance: none) {
  .page-chinese .c-vb-details__clip-name {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
.page-chinese .c-videobooster__details.c-videobooster__details--translated {
  padding-top: 12px;
}
.page-chinese .c-videobooster__details.c-videobooster__details--translated .c-videobooster__title {
  padding: 0 0 5px 0;
}
.page-chinese .advanced-comprehension .video-booster__tab-pane#tab-transcript .vb-panel-scroll ul,
.page-chinese .vocab-academy-step .video-booster__tab-pane#tab-transcript .vb-panel-scroll ul,
.page-chinese .listening-lab .video-booster__tab-pane#tab-transcript .vb-panel-scroll ul {
  line-height: 25px;
}
.page-chinese .advanced-comprehension .video-booster__tab-pane#tab-transcript .vb-panel-scroll ul ruby,
.page-chinese .advanced-comprehension .video-booster__tab-pane#tab-transcript .vb-panel-scroll ul rt,
.page-chinese .vocab-academy-step .video-booster__tab-pane#tab-transcript .vb-panel-scroll ul ruby,
.page-chinese .vocab-academy-step .video-booster__tab-pane#tab-transcript .vb-panel-scroll ul rt,
.page-chinese .listening-lab .video-booster__tab-pane#tab-transcript .vb-panel-scroll ul ruby,
.page-chinese .listening-lab .video-booster__tab-pane#tab-transcript .vb-panel-scroll ul rt {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.c-video-booster__header--subtitle .c-game-title {
  font-size: 20px !important;
}
@media (max-width: 900px) {
  .c-video-booster__header--subtitle .c-game-title {
    font-size: 17px !important;
  }
}
@media (max-width: 780px) {
  .c-video-booster__header--subtitle .c-game-title {
    font-size: 15px !important;
  }
}

.is-lingua .c-video-booster__header--subtitle .c-game-title, .is-lingua .c-video-booster__header--subtitle .panel-subtitle {
  color: #ffffff;
}

.page-chinese.node-type-video .c-page-video_container {
  padding: 0 !important;
}
@media (max-width: 660px) {
  .page-chinese.node-type-video .c-page-video_container .main-navbar .main-navbar__region-logo {
    max-width: 38%;
  }
}
@media (min-width: 520px) and (max-width: 600px) {
  .page-chinese.node-type-video .c-page-video_container .main-navbar .main-navbar__region-logo .flag-header {
    margin-left: 1px;
  }
  .page-chinese.node-type-video .c-page-video_container .main-navbar .main-navbar__region-logo .grandest-logo-vline {
    margin: 0 1px;
  }
  .page-chinese.node-type-video .c-page-video_container .main-navbar .main-navbar__region-logo img {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
.page-chinese.node-type-video .c-page-video_container .video-booster--text h1, .page-chinese.node-type-video .c-page-video_container .video-booster--text h2 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.page-chinese {
  /* Game Zone - Tinder of Terms */
}
.page-chinese .c-new-pv__tinder-of-terms-section ruby {
  font-size: 14px;
  color: #979797;
}
.page-chinese .c-new-pv__tinder-of-terms-section rt {
  font-size: 18px;
  font-weight: 600;
  color: #4B4B4B;
}
.page-chinese .c-new-pv__tinder-of-terms-section ruby, .page-chinese .c-new-pv__tinder-of-terms-section rt {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.page-chinese .c-new-pv__tinder-of-terms-section .c-new-pv__tinder-of-terms-names {
  font-weight: 100;
}
.page-chinese {
  /* Game Zone - Memory game */
}
.page-chinese .c-new-pv__memory-game-container .c-new-pv_flip-card-word-back p {
  font-weight: 300;
}
.page-chinese .c-new-pv__memory-game-container .c-new-pv_flip-card-word-back ruby {
  font-size: 14px;
  color: #979797;
}
.page-chinese .c-new-pv__memory-game-container .c-new-pv_flip-card-word-back rt {
  font-size: 18px;
  color: #5BB4C7;
}
.page-chinese {
  /* Game Zone - Letter drop and letter box */
}
.page-chinese.node-type-photovocab .c-letters-box__sentence-text .c-letter-drop__word-nr,
.page-chinese.node-type-photovocab .c-letters-drop__sentence-text .c-letter-drop__word-nr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: right;
  margin-top: 5px;
}
.page-chinese.node-type-photovocab .c-letters-box__sentence-text .c-letter-drop__empty-word,
.page-chinese.node-type-photovocab .c-letters-box__sentence-text .c-letter-box__empty-word,
.page-chinese.node-type-photovocab .c-letters-drop__sentence-text .c-letter-drop__empty-word,
.page-chinese.node-type-photovocab .c-letters-drop__sentence-text .c-letter-box__empty-word {
  margin-bottom: 15px;
}
.page-chinese.node-type-photovocab .c-game-zone__container {
  padding: 0 10px 20px;
}
.page-chinese.node-type-photovocab .c-game-zone__container.c-letters-box__frame {
  padding: 0 10px 15px;
}
.page-chinese.node-type-photovocab .c-letters-box__container {
  min-height: 555px;
}
@media (min-width: 601px) {
  .page-chinese.node-type-photovocab .c-letters-box__container .c-letters-box__joker-container {
    top: 24px;
  }
}
@media (max-width: 600px) {
  .page-chinese.node-type-photovocab .c-letters-box__container .c-letters-box__skip-btn {
    bottom: 10px;
  }
  .page-chinese.node-type-photovocab .c-letters-box__container .c-letters-box__skip-time {
    top: -5px;
  }
}
.page-chinese {
  /* Game Zone - Page height stabilisation */
}
.page-chinese.node-type-photovocab .c-section-pv__bg,
.page-chinese.node-type-photovocab .c-new-pv__game-section {
  min-height: 630px;
}
.page-chinese.node-type-photovocab .c-game-end__container {
  padding: 60px 15px;
}
.page-chinese {
  /* Album & Learn */
}
.page-chinese .c-flipster-desc__title {
  padding-bottom: 0;
}
.page-chinese .c-flipster-desc__title ruby,
.page-chinese .c-flipster-desc__title rt {
  color: #4B4B4B;
  letter-spacing: -0.19px;
  line-height: 27px;
  text-align: center;
}
.page-chinese .c-flipster-desc__title ruby, .page-chinese .c-flipster-desc__title rt {
  font-size: 18px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.page-chinese .c-learn-flipster__desc .c-sound-icon {
  top: 5px;
}
.page-chinese .c-flipster-desc__sentence {
  margin-top: 5px;
}
.page-chinese .c-flipster-desc__sentence ruby,
.page-chinese .c-flipster-desc__sentence rt {
  font-size: 13px;
}
.page-chinese .c-pv-album__carousel {
  height: 450px !important;
}
.page-chinese {
  /* Spelling */
}
.page-chinese .c-pv__spelling-word,
.page-chinese span.c-pv__spelling-character {
  font-family: NotoSansSC-Regular;
}
.page-chinese {
  /* Example sentence */
}
.page-chinese .c-pv__example-sentence-title {
  font-family: NotoSansSC-Regular;
  color: #4B4B4B;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.02px;
}
.page-chinese .c-pv__example-sentence-subtitle {
  color: #4B4B4B;
  font-family: NotoSansSC-Regular;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.19px;
  line-height: 27px;
}
.page-chinese .c-pv__example-sentence-game-frame ruby,
.page-chinese .c-pv__example-sentence-game-frame rt {
  color: #4B4B4B;
  font-size: 18px;
  letter-spacing: -0.19px;
  line-height: 27px;
  padding-right: 5px;
}
.page-chinese .c-pv__example-sentence-game-frame ruby {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.page-chinese .c-pv__example-sentence-game-frame rt {
  display: inline;
  line-height: 1;
}
.page-chinese .c-pv__example-sentence-game-word {
  min-width: 106px;
  padding: 5px 2px 1px;
  border-radius: 8px;
}
.page-chinese .c-pv__example-sentence-game-word ruby {
  padding: 0 3px;
}
.page-chinese .c-pv__example-sentence-game-word ruby rt {
  padding: 0;
}
.page-chinese .c-pv__example-sentence-game-word ruby,
.page-chinese .c-pv__example-sentence-game-word rt {
  color: #FFFFFF;
}
.page-chinese .draggable-items:not(.locked) .vb-draggable {
  z-index: 9999 !important;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
}
.page-chinese {
  /* See details cards */
}
.page-chinese .c-pv-details .c-pv-content-features ruby, .page-chinese .c-pv-details .c-pv-content-features rt {
  font-size: 14px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.page-chinese .c-pv-details .c-pv-content-title {
  margin-bottom: 5px;
}
.page-chinese .c-pv-details .c-pv-content-category {
  padding: 5px 0 0 0;
}
.page-chinese .c-pv-details .c-pv-content__body {
  padding: 0;
}
.page-chinese .c-pv-details .c-pv-content-subtitle {
  margin: 0;
  color: #C3C3C3;
}
.page-chinese .c-pv-details .c-pv-content-subtitle ruby {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.page-chinese .c-pv-details .c-pv-content-subtitle ruby rt {
  margin-bottom: 3px;
  font-size: 19px;
}
.page-chinese {
  /* PV thumbnail */
}
.page-chinese .c-photovocab__translated-title {
  font-size: 11px;
}
.page-chinese .card-carousel .c-photovocab__details {
  padding-top: 5px;
}
.page-chinese {
  /* Header */
}
.page-chinese.is-qioz .photo-vocab--text, .page-chinese.is-lingua .photo-vocab--text {
  padding: 0 !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.page-chinese.node-type-starter-lab {
  /* Vocabulary */
}
.page-chinese.node-type-starter-lab .c-sl-quickview__language-icon {
  vertical-align: sub;
}
.page-chinese.node-type-starter-lab .c-sl-quickview__listen-text {
  width: 100%;
}
.page-chinese.node-type-starter-lab .c-sl-table__row td {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
@media (max-width: 600px) {
  .page-chinese.node-type-starter-lab .c-sl-table__language1-text ruby,
  .page-chinese.node-type-starter-lab .c-sl-table__language1-text rt {
    font-size: 14px;
  }
  .page-chinese.node-type-starter-lab .c-sl-table__row td {
    padding: 10px 2% !important;
  }
  .page-chinese.node-type-starter-lab .c-sl-table__row td:first-of-type {
    width: 60%;
  }
  .page-chinese.node-type-starter-lab .c-sl-quickview__language-icon {
    margin-right: 10px;
  }
}
.page-chinese.node-type-starter-lab {
  /* Comprehension */
}
@supports (-moz-appearance: none) {
  .page-chinese.node-type-starter-lab .c-sl-comprehension__exercise-text {
    width: 100%;
  }
}
.page-chinese.node-type-starter-lab {
  /* Dialog */
}
.page-chinese.node-type-starter-lab .c-building-meaning_container ruby {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.page-chinese.node-type-starter-lab .c-building-meaning_answer p {
  display: block;
}
.page-chinese.node-type-starter-lab {
  /* Building sentences */
}
.page-chinese.node-type-starter-lab .c-building-sentences_lesson .c-building-sentences_word {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-chinese.node-type-starter-lab .c-building-sentences_lesson .c-building-sentences_word ruby {
  line-height: 24px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.page-chinese.node-type-starter-lab .c-building-sentences_lesson .c-building-sentences_word ruby rt {
  line-height: 20px;
}
.page-chinese.node-type-starter-lab {
  /* Building sentences */
}
.page-chinese.node-type-starter-lab .c-word-jigsaw_lesson .c-word-jigsaw_word {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5px 7px;
}
.page-chinese.node-type-starter-lab .c-word-jigsaw_lesson .c-word-jigsaw_word ruby {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.page-chinese.node-type-starter-lab .c-word-jigsaw_lesson .c-word-jigsaw_empty-spaces-container ruby {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.page-chinese.node-type-starter-lab .c-word-jigsaw_lesson .c-word-jigsaw_empty-spaces-container p > ruby {
  height: 50px;
}
.page-chinese.node-type-starter-lab .c-word-jigsaw_lesson .c-word-jigsaw_empty-spaces-container p > span.c-word-jigsaw_filled-space {
  margin: 0 10px;
}
.page-chinese {
  /* See details */
}
.page-chinese .c-starterlab-details .c-vb-details__caption-text {
  font-family: NotoSansSC-Regular;
}
@media (min-width: 601px) {
  .page-chinese .c-starterlab-details .c-vb-details__caption-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.page-chinese .c-starterlab-details .c-vb-details__caption-text span {
  color: #C3C3C3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 601px) {
  .page-chinese .c-starterlab-details .c-vb-details__caption-text span:before {
    content: "";
    width: 10px;
    height: 1px;
    background-color: #C3C3C3;
    -ms-flex-item-align: center;
        align-self: center;
    margin-right: 5px;
  }
}

@media (max-width: 450px) {
  .page-chinese.node-type-skill-booster .c-building-meaning_question-container {
    padding: 0 10px;
  }
}
.page-chinese.node-type-skill-booster {
  /* Comprehension */
}
.page-chinese.node-type-skill-booster .c-sb-comprehension__tabs .c-sb-accordion .c-sb-accordion-header ruby {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.page-chinese.node-type-skill-booster .c-sb-comprehension__tabs .c-sb-accordion .c-sb-accordion-header ruby, .page-chinese.node-type-skill-booster .c-sb-comprehension__tabs .c-sb-accordion .c-sb-accordion-header rt {
  line-height: 18px;
}
.page-chinese.node-type-skill-booster .c-sb-comprehension__tabs .c-sb-accordion .c-sb-accordion-header img {
  margin-top: -25px;
}
.page-chinese.node-type-skill-booster .c-sb-comprehension__tabs .c-sb-accordion .c-sb-accordion-body {
  margin-top: -9px !important;
}
@supports (-moz-appearance: none) {
  .page-chinese.node-type-skill-booster .c-sb-comprehension .c-sl-comprehension__exercise-container ruby.jt-block {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
.page-chinese.node-type-skill-booster {
  /* Dialogue */
}
@supports (-moz-appearance: none) {
  .page-chinese.node-type-skill-booster .c-sb-dialogue_lesson .c-sb-dialogue_exercise-container ruby {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
.page-chinese.node-type-skill-booster {
  /* Vocabulary */
}
.page-chinese.node-type-skill-booster .c-tab-item.active .c-half-arrow {
  height: 32px;
}
.page-chinese.node-type-skill-booster .c-sb-vocab-carousel__slide-header ruby, .page-chinese.node-type-skill-booster .c-sb-vocab-carousel__slide-header rt {
  color: #FFFFFF;
}
.page-chinese.node-type-skill-booster .translatable-word {
  top: 2px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
}
.page-chinese.node-type-skill-booster {
  /* Building Sentences */
}
.page-chinese.node-type-skill-booster .c-sb-building-sentences-step .c-building-sentences_word {
  padding: 6px 7px;
}
@media (max-width: 600px) {
  .page-chinese.node-type-skill-booster .c-sb-building-sentences-step .c-building-sentences_word {
    padding: 2px 7px;
  }
}
.page-chinese.node-type-skill-booster .c-sb-building-sentences-step .c-building-sentences_word ruby {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.page-chinese.node-type-skill-booster {
  /* Transcript focus */
}
.page-chinese.node-type-skill-booster .c-sb-transcript-focus_cues-container ul#js-dialog-container li {
  padding: 10px 30px;
  line-height: normal;
}
.page-chinese.node-type-skill-booster .c-sb-transcript-focus_cues-container ul#js-dialog-container li .c-sb-transcript-focus_correct-filler {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0;
  font-weight: 400;
}
.page-chinese.node-type-skill-booster .c-sb-transcript-focus_cues-container ruby.jt-block {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.page-chinese.node-type-skill-booster {
  /* Tests step 3, 4*/
}
.page-chinese.node-type-skill-booster .c-sb-step-3_lesson .c-word-jigsaw_word {
  padding: 5px 7px;
}
@media (max-width: 600px) {
  .page-chinese.node-type-skill-booster .c-sb-step-3_lesson .c-word-jigsaw_word {
    padding: 2px 7px;
  }
}
.page-chinese.node-type-skill-booster .c-sb-step-3_lesson .c-word-jigsaw_word ruby {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.page-chinese.node-type-skill-booster .c-sb-step-3_lesson .c-word-jigsaw_empty-spaces-container .ui-droppable:not(.c-word-jigsaw_filled-space) {
  height: 43px;
}
@media (max-width: 600px) {
  .page-chinese.node-type-skill-booster .c-sb-step-3_lesson .c-word-jigsaw_empty-spaces-container .ui-droppable:not(.c-word-jigsaw_filled-space) {
    height: 40px;
  }
}
@media (max-width: 600px) {
  .page-chinese.node-type-skill-booster .c-sb-step-3_lesson .c-word-jigsaw_empty-spaces-container p {
    line-height: 60px;
  }
}
.page-chinese.node-type-skill-booster .c-sb-step-3_lesson .c-word-jigsaw_empty-spaces-container p > span {
  margin: 1.5px 5px;
}
.page-chinese.node-type-skill-booster .c-sb-step-3_lesson .c-word-jigsaw_empty-spaces-container p > span.c-word-jigsaw_filled-space {
  margin: 3px 5px;
}
.page-chinese {
  /* Comprehension */
}
.page-chinese .c-building-meaning_question p {
  display: inline-block;
}

/* NEED TO REFACTOR ALL COMPONENTS TO BE TRULY BEM
// NEED NEW FILES STRUCTURE WITH EACH COMPONENT IN A SEPARAT FOLDER
// BEM COMPONENTS */
.thumbnail--pv-item .thumbnail--photo__item {
  padding-bottom: 0;
}
.thumbnail--pv-item:before, .thumbnail--pv-item:after {
  content: none;
}
.thumbnail--pv-item .thumbnail__title-container {
  position: absolute;
  top: 25px;
  left: 19px;
}
.thumbnail--pv-item .thumbnail__surtitle,
.thumbnail--pv-item .thumbnail__title,
.thumbnail--pv-item .thumbnail__subtitle {
  line-height: 1.3;
  display: block;
}
.thumbnail--pv-item .special-title {
  position: relative;
  position: relative;
  display: block;
  padding: 2px 15px 2px 5px;
  -webkit-transform: skew(-20deg);
          transform: skew(-20deg);
  background-color: #FFFFFF;
  -webkit-box-shadow: 2px 3px 0 0 #D6D6D6;
          box-shadow: 2px 3px 0 0 #D6D6D6;
}
.thumbnail--pv-item .special-title:first-child {
  display: inline-block;
}
.thumbnail--pv-item .special-title:last-child {
  max-width: 190px;
  min-width: 160px;
}
.thumbnail--pv-item .special-title:before {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 50%;
  bottom: 0;
  left: -15px;
  display: block;
  content: "";
  -webkit-transform: skew(20deg);
          transform: skew(20deg);
  background-color: #FFFFFF;
}
.thumbnail--pv-item .special-title__text {
  display: block;
  -webkit-transform: skew(20deg);
          transform: skew(20deg);
}
.thumbnail--pv-item .thumbnail__surtitle {
  font-size: 11px;
  font-style: italic;
  line-height: 1;
  color: #686868;
}
.thumbnail--pv-item .thumbnail__title {
  font-size: 11px;
  font-weight: 600;
  color: #222222;
}
.thumbnail--pv-item .thumbnail__subtitle {
  font-size: 12px;
  font-style: italic;
  color: #C0BfC2;
}
.thumbnail--pv-item .thumbnail__phrase {
  font-size: 16px;
  display: table;
  width: 100%;
  height: 65px;
  text-align: center;
}
.thumbnail--pv-item .thumbnail__phrase-content {
  line-height: 1.2;
  display: table-cell;
  vertical-align: middle;
}

/* LAYOUT */
/* HELPERS */
/* -----------------------------------------------------------------------------
// DESKTOP MAIN NAVIGATION
// -----------------------------------------------------------------------------*/
#header {
  height: 80px;
  height: 70px;
  color: #FFFFFF;
  border: none;
  border-radius: 0;
  background-color: #202020;
}
#header .container {
  position: relative;
  height: 100%;
}

.main-navbar {
  width: 100%;
  /* left logo */
}
.main-navbar__logo {
  position: absolute;
  top: 0;
  padding-left: 10px;
  margin-top: 4px;
}
.main-navbar__logo img {
  position: relative;
  z-index: 5;
  width: 145px;
  height: 100px;
}
.main-navbar {
  /* right menu */
}
.main-navbar__navigation {
  float: right;
  height: 70px;
  font-size: 0;
  padding-right: 10px;
}
.main-navbar__menu {
  text-align: center;
  height: 100%;
}
.main-navbar .icon {
  display: inline-block;
  vertical-align: middle;
}
.main-navbar .icon-user {
  width: 26px;
  height: 26px;
  padding: 0;
  text-align: center;
  color: #000000;
  border-radius: 100%;
  background-color: #FFFFFF;
}
.main-navbar .main-navbar__navigation .block-locale {
  float: none;
  position: relative;
  z-index: 1000;
}
.main-navbar .menu-toolbox-dropdown__main-li .dropdown-menu:after {
  right: 42px;
}

.page-node.node-type-flash-game .main-navbar__logo {
  padding-left: 40px;
}

.header-nav--vb {
  font-size: 25px;
  font-weight: 300;
  line-height: 80px;
  position: absolute;
  width: 100%;
  height: 80px;
  text-align: center;
}

.navbar-right > li > a {
  font-size: 15px;
  font-weight: 300;
  height: 80px;
  padding-top: 28px;
  color: #FFFFFF;
}

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover,
.navbar-right > li > a:focus,
.navbar-right > li > a:hover {
  background-color: #414141;
}

.caret {
  width: 10px;
  height: 10px;
  margin-top: -8px;
  margin-left: 10px;
  padding: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: none;
  border-right: 2px solid;
  border-bottom: 2px solid;
  border-left: none;
}
.caret--up {
  margin-top: 5px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

#header .block-menu,
#header .block-locale {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (min-width: 991px) {
  .block-menu .menu-toolbox-dropdown > .leaf > .dropdown-menu > li:last-child > a:before,
  .block-menu .menu-toolbox-dropdown > .leaf > .dropdown-menu > li:last-child button:before {
    background: url("../images/icons/logout-icon.svg");
    height: 15px;
    width: 15px;
    display: inline-block;
    position: relative;
    content: "";
    left: -15px;
    top: 2px;
  }
}
@media screen and (min-width: 991px) {
  .is-qioz .block-menu .menu-toolbox-dropdown > .leaf > .dropdown-menu > li:last-child > a:before,
  .is-qioz .block-menu .menu-toolbox-dropdown > .leaf > .dropdown-menu > li:last-child button:before {
    background: url("../images/icons/logout-icon-black.svg");
    height: 15px;
    width: 15px;
    display: inline-block;
    position: relative;
    content: "";
    left: -15px;
    top: 2px;
  }
  .is-qioz .block-menu .menu-toolbox-dropdown > .leaf > .dropdown-menu > li:last-child > a:hover:before,
  .is-qioz .block-menu .menu-toolbox-dropdown > .leaf > .dropdown-menu > li:last-child button:hover:before {
    background: url("../images/icons/logout-icon.svg");
    height: 15px;
    width: 15px;
    display: inline-block;
    position: relative;
    content: "";
    left: -15px;
    top: 2px;
  }
}
@media screen and (max-width: 991px) {
  .is-qioz .block-menu .menu-toolbox-dropdown > li:last-child > a:before,
  .is-qioz .block-menu .menu-toolbox-dropdown > li:last-child button:before {
    background: url("../images/icons/logout-icon-black.svg");
    height: 15px;
    width: 15px;
    display: inline-block;
    position: relative;
    content: "";
    left: -17px;
    top: 2px;
  }
  .is-qioz .block-menu .menu-toolbox-dropdown > li:last-child > a:hover:before,
  .is-qioz .block-menu .menu-toolbox-dropdown > li:last-child button:hover:before {
    background: url("../images/icons/logout-icon.svg");
    height: 15px;
    width: 15px;
    display: inline-block;
    position: relative;
    content: "";
    left: -15px;
    top: 2px;
  }
}
@media screen and (max-width: 991px) {
  .block-menu .menu-toolbox-dropdown > li:last-child > a:before,
  .block-menu .menu-toolbox-dropdown > li:last-child button:before {
    background: url("../images/icons/logout-icon.svg");
    height: 15px;
    width: 15px;
    display: inline-block;
    position: relative;
    content: "";
    left: -21px;
    top: 2px;
  }
}
.block-menu {
  height: 100%;
}
.block-menu .content,
.block-menu .menu {
  height: 100%;
  margin: 0;
  padding: 0;
}
.block-menu .menu {
  float: right;
  text-align: right;
}
.block-menu .leaf {
  display: table;
  float: left;
  height: 100%;
  margin: 0 !important;
  padding: 0;
}
.block-menu .leaf.expanded {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.block-menu .leaf.expanded .dropdown-menu {
  padding: 0;
  margin: 0;
  width: auto;
  border: none;
  overflow: hidden;
  float: none;
  min-width: 100%;
  -webkit-box-shadow: none;
  z-index: 10000;
  -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.5);
}
.block-menu .leaf.expanded .dropdown-menu .leaf {
  float: none;
  width: 100%;
  list-style-type: none;
  list-style-image: none;
  padding: 0;
  margin: 0;
  position: relative;
  color: #848484;
  display: block;
}
.block-menu .leaf.expanded .dropdown-menu .leaf a,
.block-menu .leaf.expanded .dropdown-menu .leaf button {
  font-size: 14px;
  display: block;
  padding: 12px 25px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  white-space: nowrap;
  background-color: #36393F;
  border-bottom: 1px solid #2A2C30;
  color: #FFFFFF;
}
.block-menu .leaf.expanded .dropdown-menu .leaf.expandable > a:before, .block-menu .leaf.expanded .dropdown-menu .leaf.expandable > button:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 15px;
  left: 5px;
  content: "\e809";
  color: #FFFFFF;
}
.block-menu .leaf.expanded .dropdown-menu .leaf.expandable.active-trail > a:before, .block-menu .leaf.expanded .dropdown-menu .leaf.expandable.active-trail > button:before {
  content: "\e80b";
}
.block-menu .leaf.expanded .dropdown-menu .leaf.expandable.active-trail > a, .block-menu .leaf.expanded .dropdown-menu .leaf.expandable.active-trail > button {
  color: #FFFFFF;
}
.block-menu .leaf.expanded .dropdown-menu .leaf.expandable.active-trail > .dropdown-menu {
  display: block;
}
.block-menu .leaf.expanded .dropdown-menu .leaf .dropdown-menu {
  border: none;
}
.block-menu .leaf.expanded .dropdown-menu .leaf .dropdown-menu a {
  background-color: #4B4B4B;
  border-bottom: 1px solid #555555;
}
.block-menu .leaf.expanded .dropdown-menu .leaf a.active {
  color: #FFFFFF;
  background-color: #D75F5F;
}
.block-menu .leaf.expanded .dropdown-menu .leaf a.active:hover {
  background-color: #D75F5F;
}
.block-menu .leaf.expanded .dropdown-menu .dropdown-menu {
  position: static;
}
.block-menu .leaf.expanded > a {
  padding-left: 40px;
  padding-right: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.block-menu .leaf a,
.block-menu .leaf button {
  font-size: 15px;
  font-weight: 400;
  display: table-cell;
  height: 100%;
  padding-right: 20px;
  padding-left: 20px;
  vertical-align: middle;
  text-decoration: none !important;
  color: #FFFFFF;
}
.block-menu .leaf a:hover, .block-menu .leaf a.active,
.block-menu .leaf button:hover,
.block-menu .leaf button.active {
  background-color: #36393F;
}

@media (min-width: 1160px) {
  .block-menu .leaf.expanded .dropdown-menu {
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    top: 97%;
  }
}
@media (min-width: 920px) {
  .is-lingua .block-menu .leaf.expanded .dropdown-menu {
    border: 1px solid #FFFFFF;
    border-radius: 4px;
  }
}
.block-sidebar-menu .menu {
  padding: 0;
  margin-top: 30px;
  border-top: 1px solid #EFEFEF;
}
.block-sidebar-menu .leaf {
  list-style: none;
  margin: 0;
  padding: 5px 10px;
}
.block-sidebar-menu .leaf a,
.block-sidebar-menu .leaf button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 10px;
  min-height: 58px;
  font-size: 14px;
  font-weight: 600;
  padding: 0;
  color: #848484;
  text-decoration: none !important;
}
.block-sidebar-menu .leaf a:hover,
.block-sidebar-menu .leaf button:hover {
  text-decoration: none !important;
  color: #000000;
}
.block-sidebar-menu .leaf a:hover .c-sidebar-menu-activity-icon,
.block-sidebar-menu .leaf button:hover .c-sidebar-menu-activity-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/activity-active.svg");
}
.block-sidebar-menu .leaf a:hover .c-sidebar-menu-badges-icon,
.block-sidebar-menu .leaf button:hover .c-sidebar-menu-badges-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/badges-active.svg");
}
.block-sidebar-menu .leaf a:hover .c-sidebar-menu-daily-pop-quiz-icon,
.block-sidebar-menu .leaf button:hover .c-sidebar-menu-daily-pop-quiz-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/daily-pop-quiz-active.svg");
}
.block-sidebar-menu .leaf a:hover .c-sidebar-menu-diplomas-icon,
.block-sidebar-menu .leaf button:hover .c-sidebar-menu-diplomas-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/diplomas-active.svg");
}
.block-sidebar-menu .leaf a:hover .c-sidebar-menu-learned-grammar-rules-icon,
.block-sidebar-menu .leaf button:hover .c-sidebar-menu-learned-grammar-rules-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/learned-grammar-rules-active.svg");
}
.block-sidebar-menu .leaf a:hover .c-sidebar-menu-learned-expressions-icon,
.block-sidebar-menu .leaf button:hover .c-sidebar-menu-learned-expressions-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/learned-expressions-active.svg");
}
.block-sidebar-menu .leaf a:hover .c-sidebar-menu-assignments-icon,
.block-sidebar-menu .leaf button:hover .c-sidebar-menu-assignments-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/assignments-active.svg");
}
.block-sidebar-menu .leaf a:hover .c-sidebar-menu-learning-tracks-icon,
.block-sidebar-menu .leaf button:hover .c-sidebar-menu-learning-tracks-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/learning-tracks-active.svg");
}
.block-sidebar-menu .leaf a:hover .c-sidebar-menu-results-activity-icon,
.block-sidebar-menu .leaf button:hover .c-sidebar-menu-results-activity-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/results-activity-active.svg");
}
.block-sidebar-menu .leaf a:hover .c-sidebar-menu-learning-settings-icon,
.block-sidebar-menu .leaf button:hover .c-sidebar-menu-learning-settings-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/learning-settings-active.svg");
}
.block-sidebar-menu .leaf a:hover .c-sidebar-menu-my-account-icon,
.block-sidebar-menu .leaf button:hover .c-sidebar-menu-my-account-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/my-account-active.svg");
}
.block-sidebar-menu .leaf a:hover .c-sidebar-menu-my-profile-icon,
.block-sidebar-menu .leaf button:hover .c-sidebar-menu-my-profile-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/my-profile-active.svg");
}
.block-sidebar-menu .leaf a:hover .c-sidebar-menu-skill-boosters-icon,
.block-sidebar-menu .leaf button:hover .c-sidebar-menu-skill-boosters-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/skill-boosters-active.svg");
}
.block-sidebar-menu .leaf a:hover .c-sidebar-menu-missions-icon,
.block-sidebar-menu .leaf button:hover .c-sidebar-menu-missions-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/missions-active.svg");
}
.block-sidebar-menu .leaf a:hover .c-sidebar-menu-certification-icon,
.block-sidebar-menu .leaf button:hover .c-sidebar-menu-certification-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/certification-active.svg");
}
.block-sidebar-menu .leaf a:hover .c-sidebar-menu-assessment-test-icon,
.block-sidebar-menu .leaf button:hover .c-sidebar-menu-assessment-test-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/assessment-test-active.svg");
}
.block-sidebar-menu .leaf a:hover .c-sidebar-menu-my-past-challenges-icon,
.block-sidebar-menu .leaf button:hover .c-sidebar-menu-my-past-challenges-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/my-past-challenges-active.svg");
}
.block-sidebar-menu .leaf a:hover .c-sidebar-menu-school-classes-icon,
.block-sidebar-menu .leaf button:hover .c-sidebar-menu-school-classes-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/school-classes-active.svg");
}
.block-sidebar-menu .leaf a:hover .c-sidebar-menu-my-classes-icon,
.block-sidebar-menu .leaf button:hover .c-sidebar-menu-my-classes-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/my-classes-active.svg");
}
.block-sidebar-menu .leaf a .c-sidebar-menu-label,
.block-sidebar-menu .leaf button .c-sidebar-menu-label {
  width: 6px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.block-sidebar-menu .leaf a .c-sidebar-menu-icon,
.block-sidebar-menu .leaf button .c-sidebar-menu-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.block-sidebar-menu .leaf a .c-sidebar-menu-text,
.block-sidebar-menu .leaf button .c-sidebar-menu-text {
  padding: 5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-wrap: auto;
}
.block-sidebar-menu .leaf a.active .c-sidebar-menu-label {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(-26.72%, #DDEAFF), color-stop(66.38%, #1264E8));
  background: linear-gradient(180deg, #DDEAFF -26.72%, #1264E8 66.38%);
}
.block-sidebar-menu .leaf a.active .c-sidebar-menu-activity-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/activity-active.svg");
}
.block-sidebar-menu .leaf a.active .c-sidebar-menu-badges-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/badges-active.svg");
}
.block-sidebar-menu .leaf a.active .c-sidebar-menu-daily-pop-quiz-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/daily-pop-quiz-active.svg");
}
.block-sidebar-menu .leaf a.active .c-sidebar-menu-diplomas-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/diplomas-active.svg");
}
.block-sidebar-menu .leaf a.active .c-sidebar-menu-learned-grammar-rules-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/learned-grammar-rules-active.svg");
}
.block-sidebar-menu .leaf a.active .c-sidebar-menu-learned-expressions-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/learned-expressions-active.svg");
}
.block-sidebar-menu .leaf a.active .c-sidebar-menu-assignments-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/assignments-active.svg");
}
.block-sidebar-menu .leaf a.active .c-sidebar-menu-learning-tracks-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/learning-tracks-active.svg");
}
.block-sidebar-menu .leaf a.active .c-sidebar-menu-results-activity-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/results-activity-active.svg");
}
.block-sidebar-menu .leaf a.active .c-sidebar-menu-learning-settings-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/learning-settings-active.svg");
}
.block-sidebar-menu .leaf a.active .c-sidebar-menu-my-account-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/my-account-active.svg");
}
.block-sidebar-menu .leaf a.active .c-sidebar-menu-my-profile-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/my-profile-active.svg");
}
.block-sidebar-menu .leaf a.active .c-sidebar-menu-skill-boosters-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/skill-boosters-active.svg");
}
.block-sidebar-menu .leaf a.active .c-sidebar-menu-missions-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/missions-active.svg");
}
.block-sidebar-menu .leaf a.active .c-sidebar-menu-certification-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/certification-active.svg");
}
.block-sidebar-menu .leaf a.active .c-sidebar-menu-assessment-test-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/assessment-test-active.svg");
}
.block-sidebar-menu .leaf a.active .c-sidebar-menu-my-past-challenges-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/my-past-challenges-active.svg");
}
.block-sidebar-menu .leaf a.active .c-sidebar-menu-school-classes-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/school-classes-active.svg");
}
.block-sidebar-menu .leaf a.active .c-sidebar-menu-my-classes-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/my-classes-active.svg");
}
.block-sidebar-menu .leaf.active-trail a,
.block-sidebar-menu .leaf.active-trail button {
  background-color: #F1F5FD;
  color: #36393F;
  border-radius: 5px;
}
.block-sidebar-menu .leaf.active-trail a:hover,
.block-sidebar-menu .leaf.active-trail button:hover {
  background-color: #F1F5FD;
  color: #36393F;
  border-radius: 5px;
}
.block-sidebar-menu .leaf.expandable {
  position: relative;
}
.block-sidebar-menu .leaf.expandable .dropdown-menu {
  position: static;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0;
  padding: 0;
  float: none;
}
.block-sidebar-menu .leaf.expandable > a:before, .block-sidebar-menu .leaf.expandable > button:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 18px;
  left: 5px;
  content: "\e809";
  color: #848484;
}
.block-sidebar-menu .leaf.expandable > a:hover, .block-sidebar-menu .leaf.expandable > button:hover {
  text-decoration: none;
}
.block-sidebar-menu .leaf.expandable > a:hover:before, .block-sidebar-menu .leaf.expandable > button:hover:before {
  color: #000000;
}
.block-sidebar-menu .leaf.expandable.active-trail > a, .block-sidebar-menu .leaf.expandable.active-trail > button {
  background-color: #FFFFFF;
  color: #000000;
}
.block-sidebar-menu .leaf.expandable.active-trail > a:before, .block-sidebar-menu .leaf.expandable.active-trail > button:before {
  content: "\e80b";
  color: #000000;
}
.block-sidebar-menu .leaf.expandable.active-trail .dropdown-menu {
  display: block;
}
.block-sidebar-menu .leaf.expandable .leaf a,
.block-sidebar-menu .leaf.expandable .leaf button {
  background-color: #FFFFFF;
  color: #848484;
}
.block-sidebar-menu .leaf.expandable .leaf a:hover,
.block-sidebar-menu .leaf.expandable .leaf button:hover {
  color: #000000;
}
.block-sidebar-menu .leaf.expandable .leaf a.active,
.block-sidebar-menu .leaf.expandable .leaf button.active {
  background-color: #E76B6B;
  color: #FFFFFF;
}
.block-sidebar-menu .leaf.expandable .leaf a.active:hover,
.block-sidebar-menu .leaf.expandable .leaf button.active:hover {
  background-color: #E76B6B;
  color: #FFFFFF;
}
.block-sidebar-menu .leaf.expandable .leaf.active-trail a,
.block-sidebar-menu .leaf.expandable .leaf.active-trail button {
  background-color: #E76B6B;
  color: #FFFFFF;
}
.block-sidebar-menu .leaf.expandable .leaf.active-trail a:hover,
.block-sidebar-menu .leaf.expandable .leaf.active-trail button:hover {
  background-color: #E76B6B;
  color: #FFFFFF;
}
.block-sidebar-menu .leaf.last {
  border-bottom: 1px solid #EFEFEF;
}
.block-sidebar-menu .leaf.mission-option .leaf.last {
  border-bottom: none;
}

.c-sidebar-menu-x-icon {
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}

.c-sidebar-menu-activity-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/activity-inactive.svg");
}

.c-sidebar-menu-badges-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/badges-inactive.svg");
}

.c-sidebar-menu-daily-pop-quiz-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/daily-pop-quiz-inactive.svg");
}

.c-sidebar-menu-diplomas-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/diplomas-inactive.svg");
}

.c-sidebar-menu-learned-grammar-rules-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/learned-grammar-rules-inactive.svg");
}

.c-sidebar-menu-learned-expressions-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/learned-expressions-inactive.svg");
}

.c-sidebar-menu-assignments-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/assignments-inactive.svg");
}

.c-sidebar-menu-learning-tracks-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/learning-tracks-inactive.svg");
}

.c-sidebar-menu-results-activity-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/results-activity-inactive.svg");
}

.c-sidebar-menu-learning-settings-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/learning-settings-inactive.svg");
}

.c-sidebar-menu-my-account-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/my-account-inactive.svg");
}

.c-sidebar-menu-my-profile-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/my-profile-inactive.svg");
}

.c-sidebar-menu-skill-boosters-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/skill-boosters-inactive.svg");
}

.c-sidebar-menu-missions-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/missions-inactive.svg");
}

.c-sidebar-menu-certification-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/certification-inactive.svg");
}

.c-sidebar-menu-assessment-test-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/assessment-test-inactive.svg");
}

.c-sidebar-menu-my-past-challenges-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/my-past-challenges-inactive.svg");
}

.c-sidebar-menu-school-classes-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/school-classes-inactive.svg");
}

.c-sidebar-menu-my-classes-icon {
  background-image: url("/sites/all/themes/lingua/assets/menu/sidebar-menu/my-classes-inactive.svg");
}

.block-menu .menu-toolbox-dropdown {
  float: right;
  text-align: right;
  height: 100%;
  margin: 0;
  padding: 0;
}
.block-menu .menu-toolbox-dropdown > li > a, .block-menu .menu-toolbox-dropdown > li > button {
  cursor: default;
}

.menu li .menu {
  background-color: #F1F0F0;
  display: none;
}
.menu li.active > .menu, .menu li.active-trail > .menu {
  display: block;
}

#header #block-locale-0 .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
#header #block-locale-0 .content .btn--dropdown__menu:before, #header #block-locale-0 .content .btn--dropdown__menu:after {
  content: none;
}
#header #block-locale-0 .content:hover {
  background-color: #414141;
}
#header #block-locale-0 .content #language-select-list {
  z-index: 1000;
  background-color: #36393F;
  border: none;
  padding: 0;
  border-radius: 0;
  border: 1px solid #FFFFFF;
  border-radius: 4px;
  top: 97%;
  -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.5);
}
#header #block-locale-0 .content #language-select-list .scroll-bar {
  padding: 0;
}
#header #block-locale-0 .content #language-select-list .scroll-bar__content {
  padding: 0;
}
#header #block-locale-0 .content #language-select-list .scroll-bar__content::-webkit-scrollbar-track {
  margin-top: 30px;
  margin-bottom: 30px;
  margin-right: 5px;
  border-radius: 3px;
  background-color: #36393F;
}
#header #block-locale-0 .content #language-select-list .scroll-bar__content::-webkit-scrollbar {
  width: 5px;
  padding-right: 5px;
  background: transparent;
}
#header #block-locale-0 .content #language-select-list .scroll-bar__content::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: #2A2C30;
}
#header #block-locale-0 .content #language-select-list a {
  padding: 12px 0;
  color: #FFFFFF;
  border-bottom: 1px solid #4A4A4A;
}
#header #block-locale-0 .content #language-select-list .scroll-bar__content li:first-of-type a {
  border-top: 1px solid #4A4A4A;
}
#header #block-locale-0 .content #language-select-list a.current {
  background-color: #E76B6B;
  color: #FFFFFF;
}
#header #block-locale-0 .content #language-select-list a.current:hover {
  background-color: #E76B6B;
}
#header #block-locale-0 .content #language-select-list a:hover {
  background-color: #2A2C30;
  color: #FFFFFF;
}
#header #block-locale-0 .content #language-native {
  font-weight: 400;
  padding: 0;
  vertical-align: middle;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 320px) {
  #header #block-locale-0 .content #language-native {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}
#header #block-locale-0 .content #language-native:after, #header #block-locale-0 .content #language-native:before {
  font-family: "fontello";
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1em;
  display: inline-block;
  width: 1em;
  margin-right: 0.2em;
  margin-right: 5px;
  margin-left: 0.2em;
  content: "\e80e";
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#header #block-locale-0 .content #language-native:after {
  font-size: 16px;
  position: relative;
  top: 2px;
  content: "\e80b";
}

@media (max-width: 365px) {
  body.page-languages #header #block-locale-0 .content {
    height: 50px;
  }
}
body.not-logged-in.node-type-preso .block-locale {
  float: right;
}

/* Display the elements like in the design - ticket 7143 */
.page-buy-gift .main-navbar__logo {
  height: 100%;
  left: 0;
  margin: auto;
  margin-left: 25px !important;
}
.page-buy-gift .main-navbar__logo img {
  height: 75px;
  width: 100px;
}

.not-logged-in #header {
  height: 85px;
}
.not-logged-in .main-navbar {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.not-logged-in .main-navbar__logo {
  right: 0;
  left: 0;
  margin: auto;
  padding-left: 0;
}
.not-logged-in .main-navbar__menu {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.not-logged-in #block-locale-0 {
  float: right;
  padding-right: 0;
  height: 100%;
}
.not-logged-in.node-type-preso .main-navbar__logo {
  margin-top: 4px;
}
.not-logged-in.node-type-preso #block-locale-0 {
  padding-right: 10px;
}
.not-logged-in .hamburger {
  display: none;
}
.not-logged-in.page-user-login-register .container {
  max-width: 100vw;
}
.not-logged-in {
  /* smaller logo on Sign In & Sign-up page, page-buy gift anonymous, price pages */
}
.not-logged-in.page-user-login-register .main-navbar__logo {
  height: 100%;
  right: 0;
  left: 0;
  margin: auto;
  margin-left: 25px;
}
.not-logged-in.page-user-login-register .main-navbar__logo img {
  height: 75px;
  width: 100px;
}
.not-logged-in {
  /* align left the block-locale-0 on anonymous buy gift page */
}
.not-logged-in.page-buy-gift #header .container {
  padding-right: 0;
}

.is-lingua.not-front.not-logged-in.node-type-page #header.c-header-anon {
  background-color: #131434;
}
.is-lingua.not-front.not-logged-in.node-type-page #header.c-header-anon .c-logo-section {
  margin: 0;
}

.logged-in.page-registration-step #block-locale-0 {
  float: right;
}
.logged-in.page-buy-subscription .main-navbar__logo {
  height: 100%;
  left: 0;
  margin: auto;
  margin-left: 25px !important;
}
.logged-in.page-buy-subscription .main-navbar__logo img {
  height: 75px;
  width: 100px;
}

/* Tablet Landscape mode */
@media (max-device-width: 1280px) and (orientation: landscape) {
  #language-select-list {
    min-width: 150px;
  }
  #language-select-list a {
    padding: 17px 0 !important;
  }
  .block-menu .leaf.expanded .dropdown-menu .leaf a,
  .block-menu .leaf.expanded .dropdown-menu .leaf button {
    padding: 17px 42px;
  }
  @-moz-document url-prefix() {
    .scroll-bar__content {
      display: block !important;
    }
  }
}
@media screen and (max-width: 991px) {
  .main-navbar__navigation {
    height: 50px;
  }
  .caret:not(.c-assign-carret) {
    width: 10px;
    height: 10px;
    margin-top: -8px;
    margin-left: 10px;
    padding: 0;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    -webkit-transform: none;
            transform: none;
  }
  .caret:not(.c-assign-carret):before {
    content: "\e809";
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: 0.2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    top: 27px;
    left: 7px;
    color: #FFFFFF;
  }
  .caret:not(.c-assign-carret).caret-rotated:before {
    content: "\e80b" !important;
  }
  .block-menu .leaf.expanded .dropdown-menu .leaf.expandable > a:before,
  .block-menu .leaf.expanded .dropdown-menu .leaf.expandable button:before {
    margin-left: 2em;
  }
  .block-menu .leaf a:hover {
    background-color: transparent;
  }
  #language-native:after {
    display: none !important;
  }
  .not-logged-in #header {
    height: 50px;
  }
  .not-logged-in .main-navbar__logo {
    margin-left: -5px !important;
  }
  .not-logged-in .main-navbar__logo img {
    top: 1px;
  }
  .not-logged-in #block-locale-0 {
    padding-right: 15px;
  }
}
@media screen and (min-width: 991px) {
  .block-menu .leaf a:hover,
  .block-menu .leaf button:hover {
    background: #36393F;
  }
  .block-menu .leaf.expanded .dropdown-menu .leaf a:hover,
  .block-menu .leaf.expanded .dropdown-menu .leaf button:hover {
    background-color: #2A2C30;
    color: #FFFFFF;
  }
  .block-menu .menu > li.expanded > a:hover,
  .block-menu .menu > li.expanded button:hover {
    background-color: transparent;
  }
  .block-menu .menu > li.expanded > a.active:hover,
  .block-menu .menu > li.expanded button.active:hover {
    background-color: #414141;
  }
  .block-menu .menu-toolbox-dropdown > li > a:hover {
    background-color: transparent;
  }
  .block-menu .menu-toolbox-dropdown > li > a.active:hover {
    background-color: #414141;
  }
  #block-locale-0 > .content:hover {
    background-color: transparent !important;
  }
}
@media screen and (max-width: 991px) {
  .block-menu .menu > .expandable.active-trail > a,
  .block-menu .menu > .expandable.active-trail button,
  .block-menu .menu > .expanded.active-trail > a,
  .block-menu .menu > .expanded.active-trail button {
    background-color: transparent !important;
  }
  .block-menu .menu-toolbox-dropdown > .expanded.active-trail > a,
  .block-menu .menu-toolbox-dropdown > .expanded.active-trail button {
    background-color: transparent !important;
  }
  .block-menu .menu-toolbox-dropdown > .last.active-trail > a,
  .block-menu .menu-toolbox-dropdown > .last.active-trail button {
    background-color: transparent !important;
  }
}
/* Ticket #7643 */
@media screen and (min-width: 991px) and (max-width: 1110px) {
  .block-menu .leaf.expanded > a {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .block-menu .menu > .expanded > a:hover,
  .block-menu .menu > .leaf > a:hover {
    background-color: transparent !important;
  }
  .block-menu .dd-user:hover {
    background-color: transparent !important;
  }
  #block-locale-0 .content:hover {
    background-color: transparent !important;
  }
}
@media (max-width: 600px) {
  #header #block-locale-0 .content #language-native:after {
    display: none !important;
  }
}
/* HELPERS */
/* -----------------------------------------------------------------------------
// OF CANVAS MAIN NAVIGATION
// -----------------------------------------------------------------------------*/
/* Stop the page to scroll when canvas is opened */
body .of-canvas-opened {
  overflow: hidden;
}

.of-canvas-wrapper {
  position: relative;
  min-height: 100vh;
  height: 100%;
}

.of-canvas-content {
  position: relative;
}

.js-off-canvas-exit {
  position: absolute;
  z-index: 9999;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  cursor: pointer;
  -webkit-transition: background 0.5s ease;
  transition: background 0.5s ease;
  background: rgba(0, 0, 0, 0.5);
}
.js-off-canvas-exit.is-opened {
  display: block;
  overflow: hidden !important;
}

.hamburger,
.of-canvas-menu {
  display: none;
}

.page-registration-step .user-step {
  height: 80px;
  float: right;
}

@media screen and (max-width: 991px) {
  /* Login center */
  .page-user-login-register .of-canvas-content {
    min-height: 100vh;
    display: table;
    width: 100%;
  }
  .page-user-login-register .page-wrapper {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
  }
  .page-user-login-register .main-navigation {
    position: fixed;
    top: 0;
    width: 100%;
  }
  .page-reset-password-final .page-wrapper {
    padding-top: 70px !important;
    display: block;
  }
  .menu-toolbox-dropdown .dd-user .caret {
    display: none !important;
  }
  /* Register steps */
  .page-registration-step .hamburger {
    display: none;
  }
  .not-logged-in .hamburger {
    display: none;
  }
  /* hide desktop menu */
  .main-navigation .main-navbar__navigation #block-menu-menu-new-navigation-menu,
  .main-navigation .main-navbar__navigation #block-menu-menu-new-toolbox {
    display: none;
  }
  .hamburger {
    display: inline-block;
  }
  .of-canvas-menu {
    display: block;
  }
  .of-canvas-wrapper {
    overflow: hidden;
  }
  #header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    height: 50px;
  }
  .page-wrapper {
    padding-top: 50px;
  }
  .is-lingua._lingua-page-user-login-register .page-wrapper {
    padding: 0 !important;
  }
  .main-navbar__logo img {
    width: auto;
    height: 40px !important;
  }
  #block-locale-0 #language-native {
    min-width: 55px;
    z-index: 99999;
  }
  /* Registration step 5 */
  .page-registration-step .user-step {
    height: 50px;
    float: right;
  }
  .page-registration-step .menu-toolbox-dropdown__main-li .dropdown-menu {
    top: 48px;
  }
  .page-exercises #block-locale-0 {
    display: none;
  }
  .of-canvas-menu .of-canvas-navigation {
    border-top: 1px solid #4A4A4A;
  }
}
@media (max-width: 600px) {
  #block-locale-0 #language-native {
    height: 45px;
  }
}
.of-canvas-menu {
  position: fixed;
  z-index: 999;
  top: 50px;
  right: 0;
  overflow: hidden;
  width: 250px;
  height: 100%;
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
  -webkit-transform: translate3d(300px, 0, 0);
          transform: translate3d(300px, 0, 0);
  background-color: #2A2C30;
}
.of-canvas-menu.is-opened {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.of-canvas-menu * {
  display: block;
  float: none;
  clear: both;
  margin: 0;
  padding: 0;
}
.of-canvas-menu {
  /* dev */
}
.of-canvas-menu #block-locale-0 {
  display: none;
}
.of-canvas-menu .of-canvas-navigation {
  height: 100%;
  max-height: 90vh;
  overflow-y: auto;
}
.of-canvas-menu .main-navbar__navigation [data-toggle=dropdown]:before {
  font-family: fontello;
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 22px;
  left: 7px;
  content: "\e809";
  color: #FFFFFF;
}
.of-canvas-menu .main-navbar__navigation [data-toggle=dropdown].dd-user:before {
  top: 20px;
}
.of-canvas-menu .main-navbar__navigation [data-toggle=dropdown].icon-rotated:before {
  content: "\e80b" !important;
}
.of-canvas-menu .block-menu .menu,
.of-canvas-menu .block-menu .menu-toolbox-dropdown {
  float: none;
  text-align: left;
  width: 100%;
}
.of-canvas-menu .block-menu .menu .leaf,
.of-canvas-menu .block-menu .menu-toolbox-dropdown .leaf {
  float: none;
  width: 100%;
  height: initial;
}
.of-canvas-menu .block-menu .menu .leaf a,
.of-canvas-menu .block-menu .menu .leaf button,
.of-canvas-menu .block-menu .menu-toolbox-dropdown .leaf a,
.of-canvas-menu .block-menu .menu-toolbox-dropdown .leaf button {
  padding: 20px 35px;
  display: block;
  border-bottom: 1px solid #4A4A4A;
  text-align: start;
}
.of-canvas-menu .block-menu .menu .leaf.expanded,
.of-canvas-menu .block-menu .menu-toolbox-dropdown .leaf.expanded {
  display: block;
}
.of-canvas-menu .block-menu .menu .leaf.expanded .dropdown-menu,
.of-canvas-menu .block-menu .menu-toolbox-dropdown .leaf.expanded .dropdown-menu {
  position: static;
  display: none;
  border-top: none;
}
.of-canvas-menu .block-menu .menu .leaf.expanded .dropdown-menu .leaf.expanded > a:before,
.of-canvas-menu .block-menu .menu-toolbox-dropdown .leaf.expanded .dropdown-menu .leaf.expanded > a:before {
  top: 23px;
}
.of-canvas-menu .block-menu .menu .leaf.expanded .dropdown-menu .leaf a,
.of-canvas-menu .block-menu .menu-toolbox-dropdown .leaf.expanded .dropdown-menu .leaf a {
  padding: 20px 5px 20px 55px;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.of-canvas-menu .block-menu .menu .leaf.expanded.active-trail > .dropdown-menu,
.of-canvas-menu .block-menu .menu-toolbox-dropdown .leaf.expanded.active-trail > .dropdown-menu {
  display: block;
}
.of-canvas-menu .block-menu .menu .leaf.expanded > .icon-rotated:before,
.of-canvas-menu .block-menu .menu-toolbox-dropdown .leaf.expanded > .icon-rotated:before {
  content: "\e80b" !important;
}
.of-canvas-menu .menu-toolbox-dropdown > .leaf > a > span {
  display: inline-block;
}
.of-canvas-menu .menu-toolbox-dropdown > .leaf > a > span.caret {
  float: left;
  margin-left: -25px;
  margin-top: 5px;
}
.of-canvas-menu .menu-toolbox-dropdown > .leaf > a > img {
  display: inline-block;
}
.of-canvas-menu .main-navbar__navigation {
  float: none;
  height: auto;
}
@media screen and (max-width: 991px) {
  .of-canvas-menu .hovered {
    background: #D75F5F !important;
    -webkit-transition: background 0.25s ease-in-out;
    transition: background 0.25s ease-in-out;
  }
  .of-canvas-menu #block-menu-menu-new-navigation-menu .content .menu > li > .dropdown-menu {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .of-canvas-menu .block-menu .menu > .expandable > a.dropdown-toggle:before,
  .of-canvas-menu .block-menu .menu > .expandable button.dropdown-toggle:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: 0.2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 22px;
    left: 7px;
    content: "\e809";
    color: #FFFFFF;
  }
}

/* HAMBURGER ANIMATION */
.hamburger {
  font: inherit;
  overflow: visible;
  margin: 3px 0 0 0;
  padding: 8px;
  cursor: pointer;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  transition-property: opacity, -webkit-filter;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  text-transform: none;
  color: inherit;
  border: 0;
  background-color: transparent;
  position: relative;
}
.hamburger:hover {
  opacity: 0.7;
}

.hamburger-box {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 24px;
}

.hamburger-inner {
  top: 50%;
  display: block;
  margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  position: absolute;
  width: 30px;
  height: 4px;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  transition-property: -webkit-transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  background-color: #FFFFFF;
}

.hamburger-inner::before,
.hamburger-inner::after {
  display: block;
  content: "";
}

.hamburger-inner::before {
  top: -10px;
}

.hamburger-inner::after {
  bottom: -10px;
}

/*
 * Spin
 */
.hamburger--spin .hamburger-inner {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

.hamburger--spin .hamburger-inner::before {
  -webkit-transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
  transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -webkit-transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-opened .hamburger-inner {
  -webkit-transition-delay: 0.14s;
          transition-delay: 0.14s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}

.hamburger--spin.is-opened .hamburger-inner::before {
  top: 0;
  -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
  transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
  opacity: 0;
}

.hamburger--spin.is-opened .hamburger-inner::after {
  bottom: 0;
  transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

/* Footer */
/* Fix for IE11 #7522 */
.visibility-hidden {
  visibility: hidden;
  min-height: 0 !important;
  height: 0;
  padding-top: 0 !important;
}

/* REGISTRATION PAGES */
/* HELPERS */
.page-registration__container {
  padding-top: 80px;
  text-align: center;
}
.page-registration__title {
  margin-top: 10px;
  margin-bottom: 20px;
  color: #262E31;
}
.page-registration__subtitle {
  margin-bottom: 30px;
}
.page-registration__body {
  max-width: 940px;
  margin: 0 auto;
}
.page-registration__description {
  font-weight: 500;
  line-height: 2em;
  max-width: 620px;
  margin-right: auto;
  margin-left: auto;
  color: #262E31;
}
.page-registration__pv-list, .page-registration__vb-list {
  margin-top: 28px;
  text-align: left;
}
.page-registration__pv-list {
  margin-top: 70px;
}
.page-registration__vb-list .col-xs-6, .page-registration__pv-list .col-xs-6 {
  text-align: center;
}
.page-registration__verbdash-icon {
  max-width: 266px;
  float: right;
}
@media screen and (min-width: 767px) {
  .page-registration__vb-list .col-sm-4:nth-child(3n+1), .page-registration__pv-list .col-sm-4:nth-child(3n+1) {
    text-align: left;
  }
  .page-registration__vb-list .col-sm-4:nth-child(3n+2), .page-registration__pv-list .col-sm-4:nth-child(3n+2) {
    text-align: center;
  }
  .page-registration__vb-list .col-sm-4:nth-child(3n+3), .page-registration__pv-list .col-sm-4:nth-child(3n+3) {
    text-align: right;
  }
  .page-registration__vb-list .col-sm-4:nth-child(3n+4), .page-registration__pv-list .col-sm-4:nth-child(3n+4) {
    clear: left;
  }
}
@media screen and (min-width: 451px) and (max-width: 767px) {
  .page-registration__vb-list .col-sm-4:nth-child(2n+3), .page-registration__pv-list .col-sm-4:nth-child(2n+3) {
    clear: left;
  }
}
@media screen and (max-width: 450px) {
  .page-registration__vb-list .col-xs-6 {
    width: 100%;
  }
  .page-registration__pv-list .col-xs-6 {
    width: 100%;
  }
}

/* step5 */
.change-selection-btn {
  display: inline-block;
  max-width: 70px;
  margin-right: 22px;
  text-align: center;
  color: #807F7F;
}
.change-selection-btn strong {
  font-size: 11px;
  font-weight: 500;
  display: block;
}
.change-selection-btn strong span {
  display: block;
}
.change-selection-btn:hover, .change-selection-btn:active, .change-selection-btn:focus {
  text-decoration: none;
  color: #807F7F;
}
.change-selection-btn:hover .glyphicon {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-animation: shakeAnimation linear 1s;
          animation: shakeAnimation linear 1s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  color: #FFFFFF;
}

/* sections */
.page-registration__section:after {
  display: block;
  max-width: 840px;
  height: 1px;
  margin: 0 0 0 auto;
  margin-top: 40px;
  content: "";
  background-color: #E3E2E6;
}
.page-registration__section.last:after {
  content: none;
}

.page-registration__section__cell {
  display: inline-block;
}
.page-registration__section__cell.left {
  width: 390px;
}
.page-registration__section__cell.right {
  max-width: 520px;
  margin-left: 15px;
  vertical-align: top;
}
.page-registration__section__cell .thumb {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}

.thumb--registration__title {
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 0;
  text-shadow: 0 0 0;
}

.registration-step-5 .page__title--icon__text {
  text-shadow: 0 0 0;
  padding-top: 75px;
}

.registration-step-5 .page__title--icon__text {
  margin-bottom: 10px;
}
.registration-step-5 .page__title--icon__description {
  display: table-cell;
  padding-left: 20px;
}
.registration-step-5 .page__title--icon__description p {
  font-size: 18px;
}
.registration-step-5 .icon-exercise-title--assessment {
  display: table-cell;
}

.page-registration-step #difficulty-levels {
  border-bottom: 1px solid #5BB4C6;
  margin: 30px 0 10px 0;
  color: #888787;
  font-size: 18px;
}
.page-registration-step #difficulty-levels .level-desc {
  font-size: 18px;
  margin-bottom: 10px;
}
.page-registration-step #difficulty-levels .level-desc .level-detail {
  font-size: 16px;
}
.page-registration-step #difficulty-levels .level-desc:last-child {
  margin-bottom: 25px;
}
.page-registration-step #difficulty-levels .level {
  width: 75px;
  height: 15px;
  display: inline-block;
  margin-right: 5px;
}
.page-registration-step #difficulty-levels .level.level-beginner {
  background: #BCE6B8;
}
.page-registration-step #difficulty-levels .level.level-intermediate {
  background: #FEC606;
}
.page-registration-step #difficulty-levels .level.level-easy {
  background: #7FBF81;
}
.page-registration-step #difficulty-levels .level.level-advanced {
  background: #E76B6B;
}
.page-registration-step .difficulty-hr {
  border-color: #5BB4C6;
  margin-top: -8px;
  margin-left: 19px;
}
.page-registration-step .levels-list__expand-icon {
  font-family: inherit;
  font-size: 22px;
  font-weight: 300;
  line-height: 16px;
  width: 19px;
  height: 19px;
  content: "+";
  text-align: center;
  color: #5BB4C6;
  border: 1px solid #5BB4C6;
}
.page-registration-step .levels-list__expand-icon.glyphicon-minus {
  content: "-";
}
.page-registration-step .toggle-difficulties {
  height: 17px;
  width: 17px;
  display: inline-block;
  position: relative;
  top: 6px;
  left: 0;
  z-index: 999;
}
.page-registration-step .label-difficulties {
  background: #5BB4C6;
  border-radius: 17px;
  padding: 6px 45px 6px 15px;
  color: #FFFFFF;
  font-size: 16px;
  z-index: 999;
  position: absolute;
  right: 10px;
  top: 0;
}
.page-registration-step .label-difficulties:hover, .page-registration-step .label-difficulties:active, .page-registration-step .label-difficulties:focus {
  text-decoration: none;
}
.page-registration-step .label-difficulties > .question-mark {
  background: #FFFFFF;
  border-radius: 50%;
  height: 32px;
  font-weight: 600;
  color: #5BB4C6;
  width: 32px;
  display: inline-block;
  position: absolute;
  top: 1px;
  right: 1px;
  padding: 0px 12px;
  font-size: 23px;
}
.page-registration-step .label-difficulties > .question-mark:after {
  content: "?";
}

@media screen and (max-width: 991px) {
  .page-registration-step #difficulty-levels .level {
    width: 57px;
    height: 12px;
  }
  .page-registration-step #difficulty-levels .level-desc {
    font-size: 16px;
  }
  .page-registration-step #difficulty-levels .level-desc .level-detail {
    font-size: 14px;
  }
  .page-registration-step #page-content > .container {
    padding: 10px 5px 12px 5px;
  }
  .page-registration-step .registration-step-1.page__body {
    padding-bottom: 50px;
  }
  .page-registration-step .registration-step-4 .page-registration__body h3 {
    margin-top: 0;
    font-size: 18px;
  }
  .page-registration-step .registration-step-4 .page-registration__body p {
    margin-bottom: 16px;
    font-size: 14px;
  }
  .page-registration-step .registration-step-4 .page-registration__body p.visible-xs {
    border: 0;
    margin-bottom: 0;
  }
  .page-registration-step .registration-step-4 .page-registration__body p.visible-xs a {
    margin-top: 0;
    margin-bottom: 30px !important;
  }
  .page-registration-step .registration-step-4 .page-registration__body .btn--dropdown {
    margin-bottom: 25px;
  }
  .page-registration-step .registration-step-4 #translation-test__section {
    margin-top: 30px;
  }
  .page-registration-step .page__title--icon {
    margin-bottom: 0;
  }
  .page-registration-step .page-registration__title {
    font-size: 20px;
  }
  .page-registration-step .icon-exercise-title {
    width: 75px !important;
    height: 75px !important;
  }
  .page-registration__body p {
    margin-bottom: 40px;
    font-size: 16px;
  }
  .page__title--icon__text {
    font-size: 18px;
  }
  .registration-step-3 .page-registration__body p,
  .registration-step-2 .page-registration__body p {
    margin-bottom: 10px;
    font-size: 14px;
  }
  .mobile-registration-steps {
    height: calc(100vh - 50px);
  }
  .registration-step-5 {
    padding: 0 10px !important;
  }
  .registration-step-5 .page-registration__body p {
    margin-bottom: 0;
    margin-right: -5px;
  }
  .registration-step-5 .page__title--icon__text {
    padding-top: 45px;
  }
  .registration-step-5 .page__title--icon {
    margin-top: 5px;
  }
  .registration-step-5 .page__title--icon__icon {
    margin-bottom: 18px;
  }
  .registration-step-5 .change-selection-btn {
    position: absolute;
    z-index: 8;
  }
  .registration-step-5 .change-selection-btn strong {
    display: none;
  }
  .registration-step-5 .thumb--registration__title,
  .registration-step-5 .vb-franchise,
  .registration-step-5 .pv-subtitle {
    display: none;
  }
  .registration-step-5 .verb-dash-title {
    display: inline;
    font-size: 18px;
  }
  .registration-step-5 .page-registration__section__cell .thumb {
    margin-bottom: 20px;
  }
  .registration-step-5 .page-registration__section__cell.left {
    text-align: center;
    width: 305px;
    position: relative;
  }
  .registration-step-5 .page-registration__section__cell.right {
    margin-left: 0;
    max-width: 100%;
  }
  .registration-step-5 .page-registration__section.last .page-registration__section__cell.left {
    width: 287px;
    left: -20px;
    position: relative;
  }
  .registration-step-5 .page-registration__section.pv .page__title--icon {
    margin-bottom: 15px;
  }
}
.registration-step-2 .step2-select {
  margin-top: 15px;
}

#showPromo {
  margin-bottom: 15px;
  text-align: left;
  display: block;
}
#showPromo:hover, #showPromo:active, #showPromo:focus {
  text-decoration: none;
}

.terms_use {
  text-align: left;
  font-size: 16px;
  color: #6C6C6C;
}
.terms_use > a {
  text-decoration: underline;
  color: #525252 !important;
  white-space: nowrap;
  font-weight: 300 !important;
}

#user-register .terms_wrapper .form-item {
  text-align: left !important;
  margin-bottom: 25px !important;
}

@media screen and (max-width: 335px) {
  .registration-step-2 .step2-select {
    margin-top: 35px;
  }
  .registration-step-2 #difficulty-levels {
    margin: 50px 0 10px;
  }
}
/* HELPERS */
.page-registration__progress {
  overflow: hidden;
  max-width: 500px;
  margin: 20px auto;
  padding-left: 0;
  counter-reset: step;
}
.page-registration__progress-item {
  position: relative;
  float: left;
  width: 20%;
  list-style-type: none;
}
.page-registration__progress-link {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 20;
}
.page-registration__progress-item:before {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto 5px auto;
  content: "";
  counter-increment: step;
  border-radius: 50%;
  background: #DCDFE1;
  position: relative;
  z-index: 10;
}
.page-registration__progress-item:after {
  position: absolute;
  top: 12px;
  left: -45%;
  width: 90%;
  height: 1px;
  content: "";
  background: #DCDFE1;
  z-index: 5;
}
.page-registration__progress-item:first-child:after {
  content: none;
}
.page-registration__progress-item.active:before {
  background-color: #5BB4C7;
}
.page-registration__progress-item.completed:before {
  background-color: #A3DCE8;
}

.registration-step-4 .page-registration__body #translation-lang-select .scroll-bar__content > li > a:hover, .registration-step-4 .page-registration__body #translation-lang-select .scroll-bar__content > li > a:focus {
  color: #E76B6B;
}
.registration-step-4 .page-registration__body hr {
  margin: 5px 0 25px;
  border-top: 1px solid #B8B8B8;
}
.registration-step-4 .page-registration__body #translation-test__section {
  font-size: 18px;
  font-weight: 300;
  font-style: italic;
  background-color: #FFFFFF;
  border: 1px solid #B8B8B8;
  padding: 15px 20px;
}
.registration-step-4 .page-registration__body #translation-test__section p.non-translation-test-text {
  margin: 0;
}

.registration-step-5 .page-registration__progress {
  margin-top: 55px;
  margin-bottom: 85px;
}
.registration-step-5 .registration-button--final-step {
  padding-bottom: 95px;
}
.registration-step-5 .page-registration__subtitle {
  color: #262E31;
}
.registration-step-5 .glyphicon-transfer {
  height: 40px;
  width: 40px;
  line-height: 40px;
  color: #FFFFFF;
  border-radius: 50%;
}
.registration-step-5 .page-registration__section.vb .glyphicon-transfer {
  background-color: #5CB4C7;
}
.registration-step-5 .page-registration__section.pv .glyphicon-transfer {
  background-color: #F99E70;
}

@media screen and (max-width: 991px) {
  .registration-step-4 .page-registration__body {
    padding-bottom: 110px;
  }
  .registration-step-5 .page-registration__progress {
    margin-top: 40px;
    margin-bottom: 50px;
  }
  .registration-step-5 .page-registration__subtitle {
    color: #262E31;
    margin-top: 0;
    font-size: 20px;
    margin-bottom: 50px;
  }
  .registration-step-5 .page-registration__title {
    margin-top: 30px;
  }
  .registration-step-5 .registration-button--final-step {
    padding-bottom: 50px;
  }
  .registration-step-5 input[type=submit] {
    margin-top: 0;
    margin-bottom: 0 !important;
  }
}
@media screen and (max-width: 991px) {
  .page-registration__section.vb .change-selection-btn {
    right: -10px;
    top: 5px;
  }
  .page-registration__section.pv .change-selection-btn {
    right: 0;
    top: 8px;
  }
}
/* HELPERS */
.page-confirm-email {
  background: #FFFFFF !important;
}
.page-confirm-email .main-navbar__logo {
  left: 10px;
  margin: auto;
  padding-left: 0;
}
.page-confirm-email #block-locale-0 {
  float: right;
}
.page-confirm-email #page-content .container {
  background: #FFFFFF !important;
  border: none !important;
  font-weight: 400;
}
.page-confirm-email #page-content .container h2 {
  margin: 0;
}
.page-confirm-email #page-content .container h3 {
  margin-top: 10px;
}
.page-confirm-email #page-content .container a {
  color: #5BB4C6;
  font-size: 14px;
  font-weight: 400;
}
.page-confirm-email #page-content .container p {
  color: #898989;
  font-size: 14px;
  font-weight: 400;
}
.page-confirm-email #page-content .container .confirmation-message__icon-container {
  background-color: #5BB4C6;
  border-radius: 50%;
  height: 120px;
  width: 120px;
  margin-right: 20px;
}
.page-confirm-email #page-content .container .confirmation-message__icon {
  background: url("../images/all-icons/mail.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  left: 16px;
  right: 20px;
  top: 16px;
  width: 80%;
  bottom: 20px;
  height: 80%;
}

@media screen and (max-width: 991px) {
  .page-confirm-email #block-locale-0 {
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .page-confirm-email #page-content {
    /* remove the useless space from nowhere */
    margin-top: -80px;
  }
  .page-confirm-email #page-content .container h2 {
    font-size: 22px;
  }
  .page-confirm-email #page-content .container h3 {
    font-size: 18px;
  }
  .page-confirm-email #page-content .container .confirmation-message__icon-container {
    height: 88px;
    width: 88px;
    margin: 0 auto;
    position: relative;
  }
  .page-confirm-email #page-content .container .confirmation-message__icon {
    position: absolute;
    left: 3px;
    right: 0;
    top: 0;
    width: 50px;
    bottom: 0;
    height: 50px;
    margin: auto;
  }
}
.c-invalid-code-container .c-invalid-code-frame {
  padding: 30px;
}
.c-invalid-code-container .c-invalid-code-content {
  padding: 0;
  text-align: center;
}
.c-invalid-code-container .c-invalid-code-button {
  padding-top: 10px;
}
.c-invalid-code-container .c-invalid-code-btn {
  padding: 20px;
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

/* LANDING PAGE */
/* HELPERS */
/* Spinner from landing page to load a new item */
.load-new {
  font-size: 18px;
  position: absolute;
  z-index: 999;
  top: -22px;
  right: -19px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  color: #707070;
  border: 1px solid #C0C0C0;
  border-radius: 50%;
  background-color: #FFFFFF;
}
.load-new:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 18px;
  margin: auto;
}
.load-new:hover:before {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-animation: shakeAnimation ease-in-out 1s;
          animation: shakeAnimation ease-in-out 1s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}
.load-new:hover, .load-new:focus, .load-new:active {
  color: #5CB4C7 !important;
}
.load-new.question-mark {
  line-height: 40px;
  font-size: 30px;
  font-weight: 800;
}
.load-new.question-mark:before {
  content: "?";
  top: -20px;
}
.load-new.load-new--videobooster {
  color: #5CB4C7;
  border: 1px solid #5CB4C7;
}
.load-new.load-new--pv {
  color: #F99E70 !important;
  border: 1px solid #F99E70;
}
.load-new.load-new--say-what:hover, .load-new.load-new--say-what:focus, .load-new.load-new--say-what:active {
  color: #9538C0 !important;
}
.load-new.icon-reply {
  font-size: 26px;
}
.load-new.icon-reply:before {
  height: 26px;
}
.load-new__popover--pv.popover {
  background: transparent;
}
.load-new__popover--pv.popover .popover-inner .popover-content {
  border: none;
  background: #F99E70;
}
.load-new__popover--pv.popover.top > div.arrow {
  border-top-color: #F99E70;
}
.load-new__popover--pv.popover.top > div.arrow:after {
  border-top-color: #F99E70;
}
.load-new__popover--videobooster.popover {
  background: transparent;
}
.load-new__popover--videobooster.popover .popover-inner .popover-content {
  border: none;
  background: #5CB4C7;
}
.load-new__popover--videobooster.popover.top > div.arrow {
  border-top-color: #5CB4C7;
}
.load-new__popover--videobooster.popover.top > div.arrow:after {
  border-top-color: #5CB4C7;
}

.front .popover-content {
  font-family: "Open Sans";
  line-height: 1.4;
  max-width: 125px;
  min-height: 0;
  padding: 10px 15px;
  text-align: center;
  color: #FFFFFF;
  border-radius: 10px;
  background-color: #2E2E33;
}
.front .popover.top > .arrow {
  bottom: -7px;
  top: initial;
  border-top-color: #2E2E33;
}
.front .popover.top > .arrow:after {
  border-top-color: #2E2E33;
}

/* End Spinner from landing page to load a new item */
/* PROMO CODE */
.panel-landing__promo-code {
  position: absolute;
  bottom: 10px;
  width: 100%;
  padding-right: 5px;
  padding-left: 5px;
}

.page-buy-subscription--organizations .panel-landing__promo-code {
  bottom: 10px;
}

.panel-landing__promo-code input {
  width: 100%;
  padding: 5px 10px;
}

.exercise-full-progress-container-mobile {
  display: none;
}

@media screen and (max-width: 767px) {
  .exercise-full-progress-container-mobile {
    display: block;
    font-size: 12px;
  }
  .exercise-full-progress-container-mobile .user-progress {
    font-size: 14px;
  }
  /* Home page */
  .panel--landing .panel-title {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 300;
    margin-bottom: 0;
  }
  .panel--landing .panel-vb .coatching-sentence,
  .panel--landing .panel-pv .coatching-sentence,
  .panel--landing .exercise-full-progress-container .coatching-sentence {
    margin: -15px 15px 0 15px !important;
    padding: 10px;
  }
  .panel--landing .panel-vb .exercise-full-progress-info.aside.right,
  .panel--landing .panel-pv .exercise-full-progress-info.aside.right,
  .panel--landing .exercise-full-progress-container .exercise-full-progress-info.aside.right {
    right: 50px !important;
  }
  .panel--landing .exercise-full-progress-container.mobile-hidden.visible {
    overflow: hidden;
  }
  .panel--landing .exercise-full-progress-container.pv.visible {
    height: 150px !important;
  }
  .panel-landing__promo-code {
    position: relative;
    max-width: 300px;
    margin: 30px auto 20px 0;
  }
  .my-current-item__content {
    padding: 15px !important;
  }
}
/* END PROMO CODE */
.panel__header .panel__header-title {
  margin-top: 0;
}

.panel--landing {
  font-size: 14px;
  margin-bottom: 26px;
}
.panel--landing .panel__header-title {
  margin-top: 0;
}
.panel--landing #videoBoosterProgress,
.panel--landing #photoVocabProgress {
  position: relative;
}
.panel--landing .video-progress {
  left: -8px;
  top: 100px;
  position: absolute;
}
.panel--landing .exercise-full-progress-info.center {
  bottom: 10px;
}
.panel--landing .exercise-full-progress {
  bottom: 7px;
}
.panel--landing .exercise-full-progress-container.pv {
  height: 190px;
}
.panel--landing .exercise-full-progress-container.pv:after,
.panel--landing .exercise-full-progress-container.pv:before {
  top: 90px;
}
.panel--landing .page__title--icon__icon {
  position: static;
  vertical-align: top;
  vertical-align: middle;
}
.panel--landing .panel__header {
  font-size: 16px;
  margin-bottom: 10px;
  padding-bottom: 0;
  border: none;
}
.panel--landing .page__title--icon {
  margin-top: 0;
  margin-bottom: 0;
}
.panel--landing .panel-subtitle {
  font-size: 14px;
  font-weight: 500;
  font-style: italic;
  display: block;
  color: #CDCDCD;
}
.panel--landing .panel__body {
  padding: 0;
}
.panel--landing .coatching-sentence {
  font-size: 15px;
  margin-right: -20px;
  margin-left: -20px;
  padding: 7px 10px;
  background-color: #F5F5F5;
}

/* VIDEO BOOSTER */
.panel--landing .thumbnail--video-landing {
  width: 100%;
  max-width: 430px;
  margin-bottom: 0;
  border: none;
}
.panel--landing .thumbnail__details-container {
  background-color: #F5F5F5;
}
.panel--landing .thumbnail__details {
  padding: 2px 0 0 0;
  cursor: default !important;
  border: none;
  background-color: transparent;
}
.panel--landing .thumbnail__details-container {
  display: block;
  margin-top: 7px;
  padding: 7px 5px;
  background-color: #F5F5F5;
}
.panel--landing .thumbnail--video__movie-name {
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 0;
}
.panel--landing .thumbnail--video__movie-name--french {
  font-size: 14px;
  font-style: italic;
  min-height: 0;
  margin-bottom: 4px;
}

/* END VIDEO BOOSTER */
/* PHOTO VOCAB */
.panel--landing.photo-vocab {
  padding-bottom: 0;
}
.panel--landing.photo-vocab .thumbnail--photo {
  margin-right: 10px;
  margin-bottom: 10px;
}
.panel--landing.photo-vocab .pv-content {
  position: relative;
  display: block;
  margin-right: -20px;
  margin-left: -20px;
  border-bottom: 1px solid #E3E2E6;
  border-left: 15px solid #9DC49E;
}
.panel--landing.photo-vocab .pv-content--second {
  border-bottom: none;
  border-left: 15px solid #E76B6B;
  border-bottom-left-radius: 10px;
}
.panel--landing.photo-vocab .coatching-sentence {
  margin: 0 -20px;
}
.panel--landing.photo-vocab .pv-type {
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  z-index: 99;
  top: 40px;
  left: -50px;
  width: 90px;
  height: 20px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  text-align: right;
  color: #FFFFFF;
}
.panel--landing.photo-vocab .exercise-component {
  margin-right: 37px;
  margin-left: 37px;
}

/* LAST TWO PANELS */
.panel-landing-werb-dash,
.panel-landing-say-what {
  margin-bottom: 0;
  padding: 0 20px 15px 20px;
  border-color: transparent;
  border-top-width: 1px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #FAFAFA;
}
.panel-landing-werb-dash em,
.panel-landing-say-what em {
  color: #BDBDBD;
  font-weight: 600;
}

.panel-landing__promo-code input {
  padding-left: 35px;
  border: none;
  border-bottom: 1px solid #D3D2D2;
  background-color: transparent;
  text-overflow: ellipsis;
}

.panel-landing__promo-code:focus:before, .panel-landing__promo-code:hover:before, .panel-landing__promo-code.hover:before {
  background-image: url("../images/icons/key-blue.svg");
}
.panel-landing__promo-code:focus input, .panel-landing__promo-code:hover input, .panel-landing__promo-code.hover input {
  border-bottom: 1px solid #5CB4C7;
}

.panel-daily-goal__img {
  max-width: 100%;
}

.panel-set-goal__btn {
  padding: 15px 20px;
  font-size: 16px;
  margin: 0 auto;
  display: block;
  white-space: initial;
}

.panel__row--werb-dash {
  margin-left: 0;
  margin-right: 0;
  padding: 0 !important;
  background: #FAFAFA;
}
.panel__game--werb-dash {
  padding: 0;
  text-align: right;
  border-radius: 10px !important;
  border: none;
}
.panel__game--werb-dash img {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.panel-set-goal .div--dog {
  background: url("../images/all-icons/coach-home-big.svg");
  background-repeat: no-repeat;
  background-position: 20% 50%;
  min-height: 190px;
}

.panel-daily-goal .div--dog {
  background: url("../images/all-icons/coach-circle.svg");
  background-repeat: no-repeat;
  background-position: 20% 50%;
  width: 100px;
  height: 107px;
  display: inline-block;
  vertical-align: top;
}

@media screen and (max-width: 991px) {
  .panel--landing.photo-vocab .pv-content {
    margin: 0;
    border-top: 15px solid #9DC49E;
    border-left: none;
    margin-left: 10px;
    margin-right: 10px;
  }
  .panel--landing.photo-vocab .pv-content--second {
    margin: 0;
    border-top: 15px solid #E76B6B;
    border-left: none;
    margin-left: 10px;
    margin-right: 10px;
  }
  .panel--landing.photo-vocab .pv-type {
    top: -16px;
    left: 5px;
    -webkit-transform: none;
            transform: none;
    text-align: left;
  }
  .panel--landing .thumbnail--video-landing {
    max-width: 100%;
    max-height: 100%;
  }
  .panel--landing .thumbnail--video-landing img {
    width: 100%;
  }
  .panel--landing .coatching-sentence {
    text-align: left;
    padding: 15px 30px;
    margin: 0 !important;
  }
  .panel--landing.photo-vocab .exercise-component,
  .panel--landing .exercise-component {
    margin-left: 0;
    margin-right: 0;
  }
  .panel--landing .exercise__icon.exercise__icon--circle,
  .panel--landing canvas {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  .load-new {
    right: 2px;
  }
  .panel__game--werb-dash {
    padding: 0 10px;
  }
  .panel__game--werb-dash img {
    border-radius: 0 !important;
    width: 100%;
    margin-bottom: 15px;
    display: block;
    margin-right: auto;
  }
  .panel-landing-say-what,
  .panel-landing-werb-dash {
    border-radius: 10px;
  }
  .panel.panel-set-goal,
  .panel.panel-daily-goal {
    padding: 20px 15px;
  }
  .panel--landing.photo-vocab .thumbnail--photo {
    margin-right: 0;
  }
  .load-new {
    height: 26px;
    width: 26px;
  }
  .load-new.question-mark {
    font-size: 20px;
    border: none;
    background-color: #F3F3F3;
    top: 5px;
    right: 5px;
  }
  .load-new.icon-reply {
    font-size: 16px;
    border: none;
    height: 21px;
    width: 21px;
    color: #FFFFFF !important;
    top: 5px;
    right: 5px;
  }
  .load-new.icon-reply:before {
    height: 20px;
  }
  .load-new.load-new--videobooster.question-mark {
    color: #5BB4B6;
  }
  .load-new.load-new--videobooster.icon-reply {
    background-color: #5CB4C7;
  }
  .load-new.load-new--pv.question-mark {
    color: #FB9F71;
  }
  .load-new.load-new--pv.icon-reply {
    color: #FFFFFF !important;
    background-color: #FB9F71;
  }
}
@media screen and (min-width: 991px) {
  .panel__game--werb-dash img {
    height: 100%;
    min-height: 412px;
  }
}
@media screen and (max-width: 991px) {
  .panel.panel--exercise.panel--landing.panel-vb .panel__body {
    padding-bottom: 35px;
  }
}
/* HELPERS */
.my-current-item {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.my-current-item.overlay {
  z-index: 998;
}
.my-current-item.active .my-current-item__container {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.my-current-item .panel {
  padding: 18px 20px;
  margin-bottom: 15px;
  border: none;
  border-radius: 0;
}
.my-current-item .panel-title__icon {
  width: 75px;
  height: 75px;
  position: absolute;
  top: 0;
  left: -92px;
}
.my-current-item .thumbnail--video__details {
  height: auto;
}
.my-current-item .thumbnail--video__difficulty {
  background-color: #FFFFFF;
}
.my-current-item p {
  margin-bottom: 0;
}
.my-current-item .is-table {
  display: table;
  width: 100%;
}
.my-current-item .icon-triangle-right {
  left: -65px;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 16px solid #5BB4C6;
}
.my-current-item .is-cell {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}
.my-current-item .is-cell.first {
  width: 55%;
}
.my-current-item .is-cell.last {
  width: 45%;
  text-align: right;
}
.my-current-item .btn {
  line-height: 1.1;
  position: relative;
  width: 100%;
  max-width: 250px;
  padding: 14px 20px;
  white-space: normal;
}
.my-current-item .icon {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 10px;
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: auto;
  vertical-align: middle;
}
.my-current-item .icon-tip {
  position: static;
  width: 60px;
  height: 50px;
}

.my-current-item__container {
  height: 100%;
  -webkit-transition: -webkit-transform 1s ease;
  transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease;
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}

.my-current-item__content {
  height: 100%;
  padding: 25px 20px 0 25px;
  border-radius: 10px;
  background-color: #FFFFFF;
}

.my-current-item__padding {
  padding-left: 110px;
}

.my-current-item__title {
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 18px;
}

.my-current-item__title--outside {
  margin-bottom: 20px;
  margin-top: 20px;
  font-size: 18px;
}

.my-current-item--pv .icon-triangle-right {
  border-left: 16px solid #FA9F70;
}
.my-current-item--pv .btn {
  background-color: #FA9F70;
}

.popover-way-of-work {
  min-width: 234px;
}
.popover-way-of-work .popover-title {
  font-weight: 600;
  padding-right: 20px;
  padding-left: 20px;
  color: #FFFFFF;
  margin-bottom: 0;
}
.popover-way-of-work.vb .popover-title {
  border-color: #5CB4C7;
  background-color: #5CB4C7;
}
.popover-way-of-work.pv .popover-title {
  border-color: #FB9F71;
  background-color: #FB9F71;
}
.popover-way-of-work .popover-content {
  line-height: 1.7;
  min-height: 80px;
  padding: 8px 15px 15px;
  border: 1px solid #EAEAEA;
  border-top: none;
  border-radius: 0 0 10px 10px;
  color: #000000;
  max-width: 100%;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  background-color: #F4F4F4;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}
.popover-way-of-work .arrow {
  bottom: -10px !important;
  border-top-color: #F4F4F4 !important;
}
.popover-way-of-work .arrow:after {
  border-top-color: #F4F4F4 !important;
}

/* My current item for free users */
.free-user-item__container {
  /* Header styling */
}
.free-user-item__container .my-current-item__content {
  background: #FAFAFA;
}
.free-user-item__container .header--logo {
  width: 15%;
  float: left;
}
.free-user-item__container .header--title {
  width: 85%;
  float: right;
}
.free-user-item__container .header--title h3 {
  margin: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
}
.free-user-item__container .header--title .subtitle {
  font-size: 14px;
  font-weight: 500;
  display: block;
  color: #262E31;
  opacity: 0.6;
}
.free-user-item__container .header--title.pv .subtitle {
  font-style: italic;
}
.free-user-item__container .icon-exercise-title--vb,
.free-user-item__container .icon-exercise-title--pv {
  background-color: transparent;
  left: 0;
  top: 0;
  width: 80px;
  height: 80px;
  background-size: 80% 80%;
  margin-right: 0;
  margin-left: 15px;
}
.free-user-item__container .my-current-item__header {
  background: #FFFFFF;
  border-bottom: 4px solid #F4F4F4;
}
.free-user-item__container .my-current-item__header.vb:before {
  content: " ";
  width: 4px;
  height: 91px;
  background: #5CB4C7;
  position: absolute;
  top: 0;
  left: 0;
}
.free-user-item__container .my-current-item__header.pv:before {
  content: " ";
  width: 4px;
  height: 91px;
  background: #FA9F70;
  position: absolute;
  top: 0;
  left: 0;
}
.free-user-item__container {
  /* End of Header styling */
  /* Start of What is a video booster section */
}
.free-user-item__container .description--section,
.free-user-item__container .way-of-work--section,
.free-user-item__container .practice--section {
  background: #FFFFFF;
  padding: 20px 21px 10px 25px;
  border-bottom: 4px solid #F4F4F4;
  margin-bottom: 10px;
}
.free-user-item__container .description--section .title,
.free-user-item__container .way-of-work--section .title,
.free-user-item__container .practice--section .title {
  font-size: 16px;
  line-height: 1.13;
  color: #262E31;
  font-weight: normal;
  display: inline-block;
  padding-bottom: 10px;
}
.free-user-item__container .description--section .title.vb,
.free-user-item__container .way-of-work--section .title.vb,
.free-user-item__container .practice--section .title.vb {
  border-bottom: 3px solid #55A7b9;
}
.free-user-item__container .description--section .title.pv,
.free-user-item__container .way-of-work--section .title.pv,
.free-user-item__container .practice--section .title.pv {
  border-bottom: 4px solid #FB9F71;
}
.free-user-item__container .description--section .details,
.free-user-item__container .way-of-work--section .details,
.free-user-item__container .practice--section .details {
  padding-top: 10px;
  font-size: 14px;
  line-height: 1.29;
  color: #262E31;
}
.free-user-item__container {
  /* Video booster icons */
}
.free-user-item__container.vb canvas {
  height: 58px;
  width: 58px;
}
.free-user-item__container.vb .exercise__icon {
  height: 58px;
  width: 58px;
  position: relative;
  display: inline-block;
  margin-right: 11px;
}
.free-user-item__container.vb .exercise__icon:after {
  content: " ";
  border-bottom: 4px solid #E3E3E3;
  width: 15px;
  display: inline-block;
  position: absolute;
  left: 58px;
  top: 28px;
}
.free-user-item__container.vb .exercise__icon.icon-comprehension:before, .free-user-item__container.vb .exercise__icon.icon-vocab_academy:before, .free-user-item__container.vb .exercise__icon.icon-swap-mania:before {
  content: " ";
  border-bottom: 4px solid #E3E3E3;
  width: 15px;
  display: inline-block;
  position: absolute;
  right: 56px;
  top: 28px;
}
.free-user-item__container.vb .exercise__icon.icon-word-rescue {
  margin-right: 0;
}
.free-user-item__container.vb .exercise__icon.icon-word-rescue:after {
  display: none;
}
.free-user-item__container.vb .icon-swap-mania {
  background-position: 9px 18px;
}
.free-user-item__container .icons--group {
  padding: 10px;
  height: auto;
  width: auto;
  display: inline-block;
  padding: 10px 0;
  position: relative;
  margin-right: 30px;
}
.free-user-item__container .icons--group:after, .free-user-item__container .icons--group:before {
  content: ">";
  display: inline-block;
  height: 21px;
  width: 21px;
  color: #FFFFFF;
  text-align: center;
  vertical-align: middle;
  font-weight: 500;
  font-size: 15px;
  border-radius: 50%;
  background: #E76B6B;
  position: absolute;
  top: 42px;
  right: -22px;
  z-index: 99;
  opacity: 0.9;
  padding-left: 1px;
}
.free-user-item__container .icons--group {
  /* Before red icon hidden for desktop */
}
.free-user-item__container .icons--group:before {
  display: none;
}
.free-user-item__container .icons--group:last-of-type {
  margin-right: 0;
}
.free-user-item__container .icons--group:last-of-type:after {
  display: none;
}
.free-user-item__container .vb-block--description {
  position: absolute;
  font-size: 12px;
  margin-top: 18px;
}
.free-user-item__container .vb-block:after,
.free-user-item__container .pv-block:after {
  content: " ";
  height: 38px;
  border-left: 1px solid #E76B6B;
  display: inline-block;
  right: -14px;
  position: absolute;
  bottom: -44px;
}
.free-user-item__container .vb-block.last:after,
.free-user-item__container .pv-block.last:after {
  display: none;
}
.free-user-item__container .video-karaoke__container {
  margin-top: 66px;
  max-width: 50%;
  display: inline-block;
  background: #FAFAFA;
  border: solid 1px #F2F2F2;
  font-size: 12px;
  padding: 15px 15px 5px 15px;
}
.free-user-item__container .video-karaoke__container .icon-say-what {
  background-image: url("../images/all-icons/icon-karaoke-2.svg");
  background-color: transparent;
  width: 98px;
  height: 72px;
  width: 97px;
  height: 72px;
  border-radius: 0;
  top: 0;
  float: left;
}
.free-user-item__container .video-karaoke__container .icon-say-what:after {
  display: none;
}
.free-user-item__container .video-karaoke__container .karaoke-icon {
  width: 35%;
  display: inline-block;
}
.free-user-item__container .video-karaoke__container .karaoke-description {
  width: 65%;
  display: inline-block;
  float: right;
}
.free-user-item__container .video-karaoke__container .karaoke--title {
  font-size: 14px;
  line-height: 1.29;
  color: #262E31;
  font-weight: 400;
}
.free-user-item__container {
  /*-----------------------------------------------//
  //-------------Photo Vocab ----------------//
  // -------------------------------------------- */
}
.free-user-item__container.pv .exercise__icon--pv {
  height: 105px;
  width: 105px;
  position: relative;
  display: inline-block;
  top: -24px;
}
.free-user-item__container.pv .magnify-icon {
  height: 155px;
  width: 161px;
  z-index: 999;
  display: inline-block;
  position: relative;
}
.free-user-item__container.pv .magnify-icon img {
  position: absolute;
  top: 2px;
  right: 0;
  bottom: 0;
  left: -11px;
}
.free-user-item__container.pv .icons__container {
  position: relative;
  padding: 10px 10px 0;
}
.free-user-item__container.pv .pv-block {
  height: 38px;
  max-width: 158px;
  width: 100%;
  position: relative;
  float: right;
  top: -15px;
}
.free-user-item__container.pv .pv-block:after {
  right: -5px;
  bottom: 0;
}
.free-user-item__container.pv .details.pv {
  margin-bottom: 20px;
}
.free-user-item__container.pv .dificulty--description {
  position: relative;
}
.free-user-item__container.pv .dificulty--description p {
  position: absolute;
  left: 130px;
  top: 8px;
  padding-left: 18px;
  font-size: 14px;
}
.free-user-item__container.pv .dificulty--description p:before {
  content: "/";
  opacity: 0.5;
  font-size: 30px;
  top: 7px;
  left: 5px;
  position: absolute;
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
}
.free-user-item__container.pv .pv-block--description {
  position: absolute;
  font-size: 14px;
  text-align: center;
  color: #000000;
}
.free-user-item__container.pv .icons--group {
  margin-right: 45px;
}
.free-user-item__container.pv .icons--group:after {
  top: 80px;
  right: -15px;
}
.free-user-item__container.pv .icons--group:last-of-type {
  margin-right: 0;
}
.free-user-item__container.pv .icons--group.last .pv-block {
  float: none;
  max-width: 100%;
}
.free-user-item__container.pv .icons--group.last .pv-block:after {
  right: 26px;
}
.free-user-item__container.pv .icons--group.last .pv-block--description {
  top: 10px;
  right: 52px;
  bottom: 0;
  left: 0;
}
.free-user-item__container.pv {
  /* Gray lines between icons */
}
.free-user-item__container.pv .icon-album:after,
.free-user-item__container.pv .icon-swap-mania:after,
.free-user-item__container.pv .icon-speed-pix:after,
.free-user-item__container.pv .icon-word-rescue:after {
  content: " ";
  border-bottom: 5px solid #E3E3E3;
  width: 29px;
  display: inline-block;
  position: absolute;
  left: 105px;
  top: 52px;
}
.free-user-item__container.pv .icon-album {
  left: -40px;
}
.free-user-item__container.pv .icon-album:after {
  width: 75px;
}
.free-user-item__container.pv .icon-swap-mania:before {
  content: " ";
  border-bottom: 5px solid #E3E3E3;
  width: 29px;
  display: inline-block;
  position: absolute;
  right: 102px;
  top: 52px;
}
.free-user-item__container.pv .icon-swap-mania,
.free-user-item__container.pv .icon-speed-pix,
.free-user-item__container.pv .icon-word-rescue {
  margin-right: 25px;
}
.free-user-item__container.pv .icon-word-rescue:after {
  display: none;
}

@media screen and (max-width: 767px) {
  .icons--group {
    display: block;
    float: left;
    clear: left;
  }
  .icons--group .exercise__icon--vb:last-of-type:after,
  .icons--group .exercise__icon--pv:last-of-type:after {
    display: none;
  }
  .my-current-item__header.vb:before, .my-current-item__header.pv:before {
    height: 60px !important;
  }
  .free-user-item__container.pv .magnify-icon {
    height: 70px;
    width: 70px;
  }
  .free-user-item__container.pv .magnify-icon img {
    left: -40px;
    top: -45px;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  .free-user-item__container.pv .icon-album {
    left: -13px;
    top: -7px;
  }
  .free-user-item__container.pv .exercise__icon--pv {
    margin-right: 0 !important;
  }
  .free-user-item__container.pv .exercise__icon--pv:after {
    width: 25px !important;
    left: 64px;
    top: 30px;
  }
  .free-user-item__container.pv .icons--group:after {
    display: none;
  }
  .free-user-item__container.pv .icons--group:before {
    display: inline-block;
    top: 8px;
    left: 0;
  }
  .free-user-item__container.pv .icons--group.last:after {
    display: none !important;
  }
  .free-user-item__container.pv .dificulty--description {
    display: none;
  }
}
@media screen and (min-width: 991px) and (max-width: 1165px) {
  .free-user-item__container .icons--group:last-of-type {
    margin-top: 30px;
  }
  .free-user-item__container .icons--group .icon-swap-mania:before {
    display: none !important;
  }
  .free-user-item__container.pv .icons--group:after {
    right: -10px;
  }
  .free-user-item__container.pv .icon-album:after {
    width: 30px;
  }
}
@media screen and (max-width: 991px) {
  .popover-close {
    display: inline;
    position: absolute;
    right: 0;
    top: 10px;
    right: 10px;
  }
  /* Close div from the bottom of the section - my current item, free user */
  .my-current-item--close {
    margin-right: -15px;
    margin-left: -15px;
    height: 52px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    cursor: pointer;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: normal;
    padding: 15px 25px;
    text-align: left;
    position: relative;
  }
  .my-current-item--close.vb {
    background-color: #5BB4C7;
  }
  .my-current-item--close.vb .icon-reply {
    color: #5BB4C7;
  }
  .my-current-item--close.pv {
    background-color: #FA9F70;
  }
  .my-current-item--close.pv .icon-reply {
    color: #FA9F70;
  }
  .my-current-item--close .icon-reply {
    height: 30px;
    width: 30px;
    background: #FFFFFF;
    color: #0000FF;
    border-radius: 50%;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 19px;
    line-height: 30px;
    padding-left: 6px;
  }
  .free-user-item__container .my-current-item__content {
    padding-bottom: 0 !important;
  }
  .free-user-item__container.vb .exercise__icon {
    margin-right: 0;
  }
  .free-user-item__container.vb .exercise__icon:after, .free-user-item__container.vb .exercise__icon:before {
    width: 19px;
  }
  .free-user-item__container.vb .icons--group {
    padding: 0 0 0 30px;
    margin-right: 0;
  }
  .free-user-item__container.vb .icons--group:first-of-type:before {
    display: none;
  }
  .free-user-item__container.vb .icons--group:after {
    display: none;
  }
  .free-user-item__container.vb .icons--group:before {
    display: inline-block;
    left: 5px;
    top: 32px;
  }
  .free-user-item__container .my-current-item__header.vb,
  .free-user-item__container .my-current-item__header.pv {
    padding: 10px 0;
    display: table;
    width: 100%;
  }
  .free-user-item__container .my-current-item__header.vb .header--logo,
  .free-user-item__container .my-current-item__header.pv .header--logo {
    display: table-cell;
    float: none;
  }
  .free-user-item__container .my-current-item__header.vb .header--logo .panel-title__icon,
  .free-user-item__container .my-current-item__header.pv .header--logo .panel-title__icon {
    margin: 0 17px 0 12px;
    width: 38px;
    height: 37px;
    background-size: 100%;
    border-radius: 0;
  }
  .free-user-item__container .my-current-item__header.vb .header--title,
  .free-user-item__container .my-current-item__header.pv .header--title {
    display: table-cell;
    float: none;
    vertical-align: middle;
  }
  .free-user-item__container .my-current-item__header.vb .header--title h3,
  .free-user-item__container .my-current-item__header.pv .header--title h3 {
    font-size: 14px;
  }
  .free-user-item__container .my-current-item__header.vb .header--title p,
  .free-user-item__container .my-current-item__header.pv .header--title p {
    font-size: 12px;
  }
  .free-user-item__container .vb-block {
    display: none;
  }
  .free-user-item__container .description--section,
  .free-user-item__container .way-of-work--section,
  .free-user-item__container .practice--section {
    padding: 10px;
  }
  .free-user-item__container .description--section .title,
  .free-user-item__container .description--section .details,
  .free-user-item__container .way-of-work--section .title,
  .free-user-item__container .way-of-work--section .details,
  .free-user-item__container .practice--section .title,
  .free-user-item__container .practice--section .details {
    font-size: 12px;
  }
  .free-user-item__container {
    /* Video Karaoke block */
  }
  .free-user-item__container .video-karaoke__container {
    max-width: 400px;
    width: 100%;
    padding: 5px;
    margin-top: 15px;
  }
  .free-user-item__container .video-karaoke__container .karaoke-description p {
    font-size: 12px;
  }
  .free-user-item__container .video-karaoke__container .karaoke-description .karaoke--title {
    font-size: 14px;
  }
  .free-user-item__container {
    /* Photo vocab section */
  }
  .free-user-item__container.pv .exercise__icon--pv {
    height: 65px;
    width: 65px;
    margin-right: -3px;
  }
  .free-user-item__container.pv .exercise__icon--pv:after {
    width: 20px;
    left: 64px;
    top: 30px;
  }
  .free-user-item__container.pv .icon-album:after {
    width: 30px;
  }
  .free-user-item__container.pv .icon-swap-mania {
    background-position: 9px 23px;
  }
  .free-user-item__container.pv .icon-swap-mania:before {
    right: 62px;
    top: 31px;
  }
  .free-user-item__container.pv .pv-block {
    display: none;
  }
  .free-user-item__container.pv .icons--group {
    margin-right: 0;
  }
  .free-user-item__container.pv .icons--group:first-of-type {
    left: -8px;
  }
  .free-user-item__container.pv .icons--group:first-of-type:before {
    display: none;
  }
  .free-user-item__container.pv .icons--group.last {
    padding-left: 25px;
  }
}
/* GAME HELP PAGE */
/* HELPERS */
#helpContainer {
  padding: 25px 0 25px 40px;
}

.game-instructions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (min-width: 991px) {
  .c-game-description__img {
    width: 70%;
  }
}
@media screen and (max-width: 991px) {
  .game-instructions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .c-game-buttons--help {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
}
@media screen and (max-width: 767px) {
  #helpContainer {
    padding: 25px 0 25px 10px;
  }
}
/* VIDEO BOOSTER */
/* video booster tabs */
/* HELPERS */
.video-button {
  position: relative;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
}
.video-button img {
  margin-right: auto;
  margin-left: auto;
}
.video-button.show-play:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100px;
  height: 70px;
  margin: auto;
  content: "";
  background-image: url("../images/icons/YouTube-icon-dark.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.video-button.show-play.small:after {
  width: 48px;
  height: 35px;
}

@media screen and (max-width: 991px) {
  .video-button.show-play:after {
    width: 50px;
    height: 50px;
  }
}
/* HELPERS */
@media screen and (min-width: 991px) {
  .video-booster__checkbox {
    display: block;
  }
  .video-booster__checkbox-label {
    position: relative;
    display: inline-block;
    min-height: 40px !important;
    padding-bottom: 45px;
    cursor: pointer;
    vertical-align: top;
  }
  .video-booster__checkbox-text {
    display: inline-block;
  }
  .label-moved-right {
    padding-left: 50px !important;
  }
}
.video-booster__checkbox {
  display: table;
}
.video-booster__checkbox-label {
  position: relative;
  display: table-cell;
  min-height: 40px !important;
  margin-right: 10px;
  padding-bottom: 45px;
  cursor: pointer;
  vertical-align: top;
}
.video-booster__checkbox-input {
  display: none;
  visibility: hidden;
}
.video-booster__checkbox-icon.inactive {
  cursor: default;
}

.grammar-multiple-label .video-booster__checkbox-label {
  padding-bottom: 15px;
}

@media screen and (min-width: 991px) {
  .comprehension .video-booster__checkbox,
  .listening-lab .video-booster__checkbox,
  .advanced-comprehension .video-booster__checkbox {
    margin-bottom: 20px;
  }
  .comprehension .video-booster__checkbox-label,
  .listening-lab .video-booster__checkbox-label,
  .advanced-comprehension .video-booster__checkbox-label {
    padding-bottom: 35px;
  }
  .comprehension .video-booster__checkbox-text,
  .listening-lab .video-booster__checkbox-text,
  .advanced-comprehension .video-booster__checkbox-text {
    cursor: default;
    top: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .comprehension .video-booster__checkbox-text.text-answer,
  .listening-lab .video-booster__checkbox-text.text-answer,
  .advanced-comprehension .video-booster__checkbox-text.text-answer {
    left: 30px;
  }
}
.video-booster__checkbox-text {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 16px;
  letter-spacing: -0.17px;
  line-height: 27px;
  position: relative;
  top: -5px;
  display: table-cell;
  padding: 2px 15px;
  cursor: pointer;
  vertical-align: middle;
  text-decoration: none !important;
  border-radius: 8px;
  font-weight: 400;
}
.video-booster__checkbox-icon:hover:before, .video-booster__checkbox-icon.answered:before {
  opacity: 1;
}
.video-booster__checkbox-icon.inactive:hover:before {
  opacity: 0;
}

.touch-device .video-booster__checkbox-icon:hover:before {
  opacity: 0;
}

.video-booster__checkbox-icon {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  vertical-align: middle;
  border: 1px solid #D6D6D6;
  border-radius: 100%;
  background-color: #FFFFFF;
}
.video-booster__checkbox-icon:not(.inactive):hover {
  border: 1px solid #4A90E2;
}
@media (hover: none) {
  .video-booster__checkbox-icon:not(.inactive):hover {
    border: 1px solid #D6D6D6;
  }
}
.video-booster__checkbox-icon:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 22px;
  height: 22px;
  margin: auto;
  content: "";
  opacity: 0;
  border-radius: 100%;
  background-color: #4A90E2;
}
.video-booster__checkbox-icon:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  opacity: 0;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 50%;
}
.video-booster__checkbox-label.correct .video-booster__checkbox-icon:after {
  opacity: 1;
  background-image: url("../images/icons/check.svg");
}
.video-booster__checkbox-label.incorrect .video-booster__checkbox-icon:after {
  opacity: 1;
  background-image: url("../images/icons/cross.svg");
}
.video-booster__checkbox-label.incorrect .video-booster__checkbox-icon:before,
.video-booster .video-booster__checkbox-label.correct .video-booster__checkbox-icon:before {
  opacity: 0;
}
.video-booster__checkbox-label.correct .video-booster__checkbox-icon {
  border-color: #80E0C9;
  background-color: #80E0C9;
  -webkit-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.video-booster__checkbox-label.correct .video-booster__checkbox-text, .video-booster__checkbox-label.correct + .video-booster__checkbox-text {
  color: #FFFFFF !important;
  background-color: #80E0C9;
  -webkit-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.video-booster__checkbox-label.incorrect .video-booster__checkbox-icon {
  border-color: #EF7C8E;
  background-color: #EF7C8E;
  -webkit-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.video-booster__checkbox-label.answered .video-booster__checkbox-icon {
  background-color: #FFFFFF;
  border: 1px solid #4A90E2;
}
.video-booster__checkbox-label.answered .video-booster__checkbox-icon:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 8x;
  height: 8px;
  margin: auto;
  content: "";
  opacity: 1;
  border-radius: 100%;
  background-color: #4A90E2;
}
.video-booster__checkbox-label.answered .video-booster__checkbox-icon:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  opacity: 0;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 50%;
}
.video-booster__checkbox-label.incorrect .video-booster__checkbox-text, .video-booster__checkbox-label.incorrect + .video-booster__checkbox-text {
  color: #ffffff !important;
  background-color: #EF7C8E;
  -webkit-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.video-booster__checkbox-label.user-choice .video-booster__checkbox-text, .video-booster__checkbox-label.user-choice + .video-booster__checkbox-text, .video-booster__checkbox-label.user-choice .video-booster__checkbox-icon {
  -webkit-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
}

@media screen and (max-width: 991px) {
  .video-booster__checkbox-text {
    font-size: 16px;
  }
}
/* HELPERS */
.exercise-vocab {
  padding-left: 0;
  list-style: none;
  position: relative;
}
.exercise-vocab .expression-type {
  margin-top: 5px;
}
.exercise-vocab__list-item:first-child, .exercise-vocab__list-item:last-child {
  position: relative;
}
.exercise-vocab__item {
  color: #6B6B6B !important;
  font-family: "Open Sans";
  font-size: 15px;
  letter-spacing: -0.16px;
  line-height: 20px;
  font-weight: 400;
  display: inline-block;
  padding: 5px 30px 5px 5px;
  cursor: pointer;
  color: inherit;
}
.exercise-vocab__item:focus {
  color: inherit;
}
.exercise-vocab__item.active, .exercise-vocab__item:hover {
  color: #4A90E2 !important;
}
.exercise-vocab__item:hover, .exercise-vocab__item.active, .exercise-vocab__item:focus {
  text-decoration: none;
}
.exercise-vocab__list-item .popover-title {
  font-weight: 600;
  padding-right: 20px;
  padding-left: 20px;
  color: #FFFFFF;
  border-color: #5CB4C7;
  background-color: #5CB4C7;
}
.exercise-vocab__list-item .popover-title .glyphicon-volume-up {
  margin-left: 10px;
  vertical-align: top;
  cursor: pointer;
}

.video-booster__exercise-vocab {
  margin-top: 40px;
  padding-left: 0;
}

.exercise-vocab strong {
  font-weight: 600;
}
.exercise-vocab p {
  margin-top: 10px;
  margin-bottom: 0;
}

.c-vb-expression-details {
  font-size: 13.5px;
  margin-top: 0 !important;
}
.c-vb-expression-details em {
  font-style: normal;
  color: #4A90E2;
  font-weight: 400;
}
.c-vb-expression-alignment {
  margin-bottom: 25px !important;
}

@media screen and (max-width: 991px) {
  .exercise-vocab__list-item:first-child,
  .exercise-vocab__list-item:last-child {
    position: static;
  }
  .panel--exercise .exercise-vocab__item {
    display: inline-block;
    padding-top: 3px;
  }
  .vocab-quickview__step .panel--exercise .exercise-vocab__item {
    width: 100% !important;
  }
  .video-booster__exercise-vocab {
    margin-top: 5px;
  }
  .exercise-vocab__list-item .glyphicon-volume-up {
    margin-right: 10px;
  }
}
/* HELPERS */
.step-progress {
  float: right;
  margin-top: 26px;
  list-style: none;
}
.step-progress__item {
  display: inline-block;
  overflow: hidden;
  width: 18px;
  height: 18px;
  margin: 0 4px;
  border-radius: 100%;
  background-color: #D3D2D2;
  -webkit-transition: all 1.2s ease-in;
  -webkit-transition: all 1.2s ease-in;
  -moz-transition: all 1.2s ease-in;
}
.step-progress__item.correct.half {
  position: relative;
  background-color: #D3D2D2;
}
.step-progress__item.correct.half:before {
  position: absolute;
  z-index: 100;
  top: 50%;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  background-color: #80E0C9;
}
.step-progress__item.correct {
  background-color: #80E0C9;
}
.step-progress__item.incorrect {
  background-color: #EF7C8E;
}
.step-progress {
  /* Step ptogress item from assessment test has to be always blue */
}
.step-progress__item.answered {
  background-color: #5BB4C7;
}

.vb-game-step .panel__title-body {
  margin-top: 32px;
}

@media (max-width: 991px) {
  .step-progress {
    position: absolute;
    top: auto;
    bottom: -18px;
    right: 0;
  }
  .content-split:not(.listening-lab) .step-progress--responsive .step-progress li:nth-child(5) {
    display: none;
  }
  .advanced-comprehension .step-progress li:nth-child(3),
  .advanced-comprehension .step-progress li:nth-child(4) {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .step-progress {
    bottom: -10px;
  }
}
/* VIDEO BOOSTER */
/* HELPERS */
/* Drag and drop*/
.vocab-academy-phrase {
  line-height: 3;
}

.vb__word-blank {
  line-height: 1;
  position: relative;
  display: inline-block;
  min-width: 70px;
  height: 30px;
  margin-right: 5px;
  margin-left: 5px;
  text-align: center;
  vertical-align: top;
  border-bottom: 1px solid #4A90E2;
}

.vb__word-blank.empty {
  border-color: #D66363;
}

.vb__word-blank.locked {
  min-width: inherit;
  margin: 0;
  padding: 0 7px;
  border: none;
}
.vb__word-blank.locked:after {
  content: none;
}

.vb__word-blank.locked .vb__draggable {
  margin: 0;
}

.correct .vb__draggable {
  padding-right: 10px !important;
  background-image: none;
}

.vb__draggable.ui-sortable-handle {
  display: inline-block;
  width: 100% !important;
  max-width: 485px;
  margin: 11px 10px;
}

.vb__draggable.block {
  display: block;
}

.ui-sortable-handle {
  cursor: move;
}

.ui-sortable-handle.correct,
.correct .vb__draggable,
.vb__draggable.correct {
  cursor: text;
  background-color: #80E0C9;
}
.ui-sortable-handle.correct:hover, .ui-sortable-handle.correct:active, .ui-sortable-handle.correct:focus,
.correct .vb__draggable:hover,
.correct .vb__draggable:active,
.correct .vb__draggable:focus,
.vb__draggable.correct:hover,
.vb__draggable.correct:active,
.vb__draggable.correct:focus {
  background-color: #80E0C9;
}

.ui-sortable-handle.incorrect,
.incorrect .vb__draggable {
  background-color: #EF7C8E;
}
.ui-sortable-handle.incorrect:hover, .ui-sortable-handle.incorrect:active, .ui-sortable-handle.incorrect:focus,
.incorrect .vb__draggable:hover,
.incorrect .vb__draggable:active,
.incorrect .vb__draggable:focus {
  background-color: #EF7C8E;
}

.ui-state-active {
  border: none !important;
  background-color: #E6E6E6;
  border-radius: 8px;
}
.ui-state-active:after {
  content: none !important;
  border-radius: none;
}

.ui-state-hover {
  border: none !important;
  background-color: #C2C2C2;
}
.ui-state-hover:after {
  content: none !important;
}

.vb__draggable {
  width: auto !important;
  margin: 10px 10px;
  -webkit-transform: translate3d(0, 0, 0);
  height: 50px;
  min-width: 132px;
  border-radius: 8px;
  background-color: #4A90E2;
  display: inline-block;
  text-align: center;
  color: #FFFFFF;
  cursor: move;
  font-family: "Open Sans";
  letter-spacing: -0.17px;
  font-family: "Open Sans";
  font-size: 18px;
  line-height: 24px;
}
.vb__draggable .hovertranslate-word-highlight {
  color: #4A90E2;
}
.vb__draggable {
  position: relative;
  padding: 14px 7px;
  color: #FFFFFF;
  border-radius: 8px;
  background-color: #4A90E2;
}

#dragContent.overlay {
  position: relative;
}

.ui-draggable-dragging {
  z-index: 9999 !important;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
}

#dragContent.overlay:before {
  position: absolute;
  z-index: 99;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  background-color: transparent;
}

.vocab-academy-phrase {
  line-height: 3.5;
}

#dragContent {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  -khtml-user-select: none;
}
#dragContent .vb__word-blank {
  height: 20px;
  vertical-align: middle;
  border: none;
  min-width: 132px;
}
#dragContent .vb__word-blank:after {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 1px;
  content: "";
  background-color: #5CB4C7;
}
#dragContent .vb__word-blank.locked:after {
  content: none;
}
#dragContent .vb__word-blank.locked .vb-draggable {
  position: relative;
  z-index: 9;
  top: -14px;
}
#dragContent .vb__word-blank .vb-draggable {
  margin: 0;
}
#dragContent .vb-draggable {
  margin: 10px;
  background-size: 19px 19px;
}
#dragContent .is-dragged {
  z-index: 20 !important;
}

@media screen and (max-width: 991px) {
  .vocab-academy-phrase {
    line-height: 35px;
    padding: 10px 20px 0 20px;
  }
  #dragContent .vb-draggable {
    background-size: 16px 16px;
    margin-bottom: 0;
  }
  .grammar-content .vb__draggable {
    margin-left: 2px;
    margin-right: 2px;
    font-size: 16px;
    font-weight: 600;
  }
  .panel__body__grammar_make_connections .vb__draggable {
    line-height: 1;
  }
  .vb__word-blank {
    height: 25px;
  }
  .vb__word-blank.locked {
    padding: 0;
  }
}
/* increase the font size for devices bigger than iPhone5/5S */
@media screen and (min-width: 375px) and (max-width: 991px) {
  #dragContent .vb-draggable {
    font-size: 16px;
  }
}
/* VIDEO BOOSTER STEPS */
/* HELPERS */
/* -------------------------------//
// ----First time play VB---------//
// -------------------------------*/
.image-element img {
  width: 120px;
}

.text-element {
  font-size: 16px;
}

.intro__title {
  font-weight: 400;
  font-size: 16px;
}

#show-vocabquickview-section {
  margin-bottom: 30px !important;
}

@media screen and (min-width: 767px) {
  #show-vocabquickview-section {
    margin-bottom: 0 !important;
  }
  .panel-image__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .panel-image__container:first-of-type .image-element {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .panel-image__container:first-of-type .text-element {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .text-element,
  .image-element {
    width: 50%;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .image-element {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .image-element img {
    width: 230px;
    height: 230px;
  }
  .text-element {
    padding: 25px 20px;
    border: 1px solid #D3D2D2;
    background-color: #FFFFFF;
  }
  #intro-screen .btn {
    margin-top: 0 !important;
  }
}
/* --------------------------------------------//
// -----------End of First time play VB--------//
// -------------------------------------------*/
/* ------------------------------------------//
// -------Start of quickview table-----------//
// -----------------------------------------*/
.container--flat {
  border: 1.4px solid #4A90E2;
  position: relative;
}
.container--flat:before {
  content: " ";
  border-right: 7px solid #4A90E2;
  position: absolute;
  height: 97%;
  bottom: 0;
  right: -7px;
}
@media screen and (max-width: 767px) {
  .container--flat:before {
    display: none;
  }
}
.container--flat:after {
  content: " ";
  border-bottom: 7px solid #4A90E2;
  position: absolute;
  width: 99%;
  bottom: -7px;
  right: -7px;
}
@media screen and (max-width: 767px) {
  .container--flat:after {
    display: none;
  }
}

.c-table-quickview {
  display: table;
}

.c-tabs-section {
  padding: 0;
  margin: 0;
  width: 270px;
  display: table-cell;
  vertical-align: top;
  border-right: 1px solid #4A90E2;
  float: left;
}
.c-tabs-section .glyphicon-volume-up {
  display: none;
}

.c-tabs-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.c-tab-item {
  overflow: hidden;
  width: 110%;
  position: relative;
}
.c-tab-item:hover .translatable-word, .c-tab-item:hover .c-vb-vocab-term {
  color: #4A90E2;
}
.c-tab-item a {
  padding: 14px 0 14px 28px;
  text-decoration: none;
  width: 75%;
  display: block;
}
.c-tab-item:first-of-type {
  border-radius: 7px 0 0 0;
}
.c-tab-item:last-of-type {
  border-radius: 0 0 0 7px;
}
.c-tab-item.active .glyphicon-volume-up {
  position: absolute;
  bottom: 0;
  left: auto;
  right: 10%;
  z-index: 2;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-tab-item.active a {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-decoration: none;
}
.c-tab-item.active a .translatable-word, .c-tab-item.active a .c-vb-vocab-term {
  color: #FFFFFF;
}
.c-tab-item.active .half-arrow-top {
  position: absolute;
  height: 0;
  top: 50%;
  -webkit-transform: scaleY(-1) scaleX(-1) translateY(100%) translateX(100%);
          transform: scaleY(-1) scaleX(-1) translateY(100%) translateX(100%);
  max-width: 300%;
  border-radius: 0;
  border-right: 500px solid #4A90E2;
  border-bottom: 1000px solid transparent;
  content: "";
  left: 92%;
  margin-left: 10px;
}
.c-tab-item.active .half-arrow-bottom {
  position: absolute;
  height: 0;
  top: 50%;
  max-width: 300%;
  border-right: 500px solid #4A90E2;
  border-bottom: 1000px solid transparent;
  content: "";
  left: 92%;
  border-radius: 0;
  margin-left: 10px;
  -webkit-transform: scaleX(-1) translateX(100%);
          transform: scaleX(-1) translateX(100%);
}
.c-tab-item.active .half-arrow-bottom:before {
  content: "";
  border-bottom: 2px solid #FF0000;
  height: 2px;
}
.c-tab-item.active {
  /* Arrows */
}
.c-tab-item.active .c-half-arrow {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #4A90E2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left;
  min-height: 26px;
  height: 51%;
  max-width: 255px;
  position: absolute;
  width: 100%;
  z-index: 0;
  left: 0 !important;
  top: 0;
}
.c-tab-item.active .c-half-arrow:after {
  background-color: #4A90E2;
  border-radius: 0 3px 5px 0;
  content: "";
  height: 100.5%;
  left: 25px;
  position: absolute;
  top: 0;
  -webkit-transform: skew(-35deg, 0deg);
          transform: skew(-35deg, 0deg);
  width: 100.5%;
  z-index: -1;
}
.c-tab-item.active .c-half-arrow.c-half-arrow-bottom {
  top: 75%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.c-tab-item.active .c-half-arrow.c-half-arrow-top:after {
  -webkit-transform: skew(35deg, 0deg);
          transform: skew(35deg, 0deg);
  border-radius: 0 5px 3px 0;
}

.translatable-word, .c-vb-vocab-term {
  position: relative;
  z-index: 2;
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 15px;
  letter-spacing: -0.16px;
  line-height: 20px;
  font-weight: 400;
}

.c-details-section {
  display: table-cell;
  vertical-align: top;
  padding: 15px 15px 15px 45px;
}
.c-details-section .flag-american,
.c-details-section .flag-british,
.c-details-section .male-gender,
.c-details-section .female-gender,
.c-details-section .neutral-gender {
  height: 42px;
  position: absolute;
  right: 0;
  top: 7px;
  width: 42px;
}
@media (min-width: 991px) and (max-width: 1200px) {
  .c-details-section .flag-american,
  .c-details-section .flag-british,
  .c-details-section .male-gender,
  .c-details-section .female-gender,
  .c-details-section .neutral-gender {
    height: 30px;
    top: 45px;
    width: 30px;
  }
}

.u-lightblue-color {
  color: #4A90E2;
}

.u-grey-color,
.c-vb-expression-details {
  color: #4B4B4B !important;
}

.u-lightgrey-color {
  color: #9D9D9D;
}

.c-translate-word {
  color: #9B9B9B;
  font-family: "Open Sans";
  font-size: 13px;
  font-style: italic;
  letter-spacing: -0.14px;
  line-height: 18px;
}

.c-quickview__item {
  line-height: 21px;
  letter-spacing: -0.17px;
}

.c-sound-icon {
  background-image: url("/sites/all/themes/lingua/assets/sound-icon.svg");
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 20px;
  width: 20px;
  position: absolute;
  bottom: 0;
  left: auto;
  right: 15%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (min-width: 992px) {
  .c-table-quickview .c-tab-item .c-sound-icon {
    pointer-events: none;
  }
  .c-table-quickview .c-tab-item.active .c-sound-icon {
    pointer-events: all;
  }
}
.node-type-video .expression-details--content {
  color: #818181;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.17px;
}

.container--small.quickview .c-sound-icon {
  background-image: url("/sites/all/themes/lingua/assets/sound-icon.svg");
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 20px;
  width: 20px;
  position: absolute;
  bottom: 0;
  left: auto;
  right: 5%;
  top: 20px;
}

/* HELPERS */
.comprehension__question-text {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 21px !important;
  letter-spacing: -0.22px;
  line-height: 58px;
  font-weight: 600;
  margin-bottom: 15px !important;
}
@media (max-width: 1350px) {
  .comprehension__question-text {
    line-height: 35px;
  }
}

.c-sb-accordion-body--vb {
  max-height: unset;
}
.c-sb-accordion-body--vb .c-sb-key-vocab__text {
  position: relative;
  top: 8px;
}

.c-sb-comprehension__tabs--advanced {
  max-width: 100% !important;
}

@media screen and (max-width: 991px) {
  .comprehension__question-text {
    margin-bottom: 15px;
  }
}
/* HELPERS */
.transcript-wrapper {
  max-width: 365px;
  padding: 0;
  list-style: none;
  font-weight: 400;
  line-height: 1.9;
}
.transcript-wrapper .vb__word-blank {
  min-width: 55px;
  line-height: 2.5;
  vertical-align: top;
  border-bottom: 1px solid #4B4B4B;
}
.transcript-wrapper {
  /* Make border blue only for current field from Listening Lab, see #9556*/
}
.transcript-wrapper .active.listening__line .vb__word-blank {
  border-bottom: 1px solid #4A90E2;
}
.transcript-wrapper .active.listening__line .vb__word-blank.success ~ .vb__word-blank {
  border-bottom: 1px solid #4A90E2;
}
.transcript-wrapper .active.listening__line .vb__word-blank.success ~ .vb__word-blank ~ .vb__word-blank {
  border-bottom: 1px solid #4B4B4B;
}
.transcript-wrapper .active.listening__line .vb__word-blank.success ~ .vb__word-blank.success ~ .vb__word-blank {
  border-bottom: 1px solid #4A90E2;
}
.transcript-wrapper .active.listening__line .vb__word-blank.success ~ .vb__word-blank.success ~ .vb__word-blank ~ .vb__word-blank {
  border-bottom: 1px solid #4B4B4B;
}
.transcript-wrapper .active.listening__line .vb__word-blank.success ~ .vb__word-blank.success ~ .vb__word-blank.success ~ .vb__word-blank {
  border-bottom: 1px solid #4A90E2;
}
.transcript-wrapper .active.listening__line .vb__word-blank ~ .vb__word-blank {
  border-bottom: 1px solid #4B4B4B;
}
.transcript-wrapper {
  /* -- Make border blue only for current field from Listening Lab -- */
}
.transcript-wrapper .vb__word-blank.success {
  min-width: inherit;
  border: none !important;
  font-weight: 600;
  color: #80E0C9;
}

.listening__line {
  padding: 0 15px;
  font-size: 14px;
}
.listening__line.active {
  margin: 0 auto 15px auto;
  padding: 15px;
  border: 1px solid #4A90E2;
  background-color: #FFFFFF;
  font-size: 16px;
}

.dialog-wrapper .who {
  font-weight: 600;
}

.col-answers {
  float: right;
}

.answer-container--listening .video-booster__checkbox:first-child {
  margin-top: 0;
}
.answer-container--listening .video-booster__checkbox-label.correct .video-booster__checkbox-text {
  background-color: transparent;
  color: #80E0C9;
}
.answer-container--listening .video-booster__checkbox-label.incorrect .video-booster__checkbox-text {
  background-color: transparent;
  color: #EF7C8E;
}

.col-transcript {
  float: left;
}

.questions--listening-lab {
  overflow: hidden;
  max-height: 450px;
}
.questions--listening-lab.scroll-bar {
  height: 450px;
}

.transcript-wrapper {
  position: relative;
}
.transcript-wrapper--completed {
  top: 0 !important;
  max-width: 100%;
}

@media screen and (max-width: 991px) {
  .content-listening-lab .col-answers {
    margin-top: 0;
  }
  .content-listening-lab .video-booster__checkbox-text {
    font-weight: 400;
  }
  .questions--listening-lab.scroll-bar {
    margin-bottom: 20px;
  }
  .listening__line {
    font-size: 16px;
  }
  .listening__line.active {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
    background-color: transparent;
  }
  .questions--listening-lab {
    margin-bottom: 20px;
    background-color: #FFFFFF;
  }
  .listening-line__group {
    margin-bottom: 10px;
  }
}
@media (min-width: 1200px) and (max-width: 1280px) {
  .questions--listening-lab {
    max-height: 270px;
  }
}
/* HELPERS */
/* comment */
@media screen and (max-width: 767px) {
  .vocab-academy-step .panel__title-body {
    margin-bottom: 0;
  }
  .vocab-academy-step .ui-droppable {
    padding-top: 0;
  }
  .vocab-academy-step .vocab-academy__buttons {
    margin-right: 0;
  }
  .vocab-academy-step .draggable-items {
    margin-bottom: 25px;
  }
}
/* increase the font size for devices bigger than iPhone5/5S */
@media screen and (min-width: 375px) and (max-width: 991px) {
  .vocab-academy-phrase {
    font-size: 16px;
  }
}
.c-vb-pronunciation {
  max-width: 650px;
  margin: 30px auto 0 auto;
}
.c-vb-pronunciation__instructions {
  border-radius: 16px;
  background-color: #F1F1F1;
  padding: 25px;
  margin-bottom: 35px;
}
.c-vb-pronunciation__expression {
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
}
.c-vb-pronunciation__record {
  margin-bottom: 60px;
}
.c-vb-pronunciation__button {
  text-align: center;
  margin-bottom: 15px;
}
.c-vb-pronunciation__chart {
  max-width: 610px;
  padding: 20px;
  border-radius: 32px;
  border: 1px solid #E2E2E2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 30px auto;
}
.c-vb-pronunciation__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 15px;
}
.c-vb-pronunciation .c-vb-pronunciation-instructions {
  color: #28304B;
  font-size: 20px;
  text-align: center;
  font-weight: 400;
  margin: 0px;
}
@media (min-width: 601px) {
  .c-vb-pronunciation .c-vb-pronunciation-instructions {
    font-size: 24px;
  }
}
.c-vb-pronunciation .c-vb-pronunciation-expression {
  color: #1C274C;
  font-size: 30px;
  font-weight: 400;
  margin: 0px;
}
@media (min-width: 601px) {
  .c-vb-pronunciation .c-vb-pronunciation-expression {
    font-size: 34px;
  }
}
.c-vb-pronunciation .c-vb-pronunciation-expression--secondary {
  color: #BCBCBC;
}
.c-vb-pronunciation .c-vb-pronunciation-mic {
  margin: 0 auto;
  display: block;
}
.c-vb-pronunciation .c-vb-pronunciation-link-btn {
  color: #8F95A9;
  font-size: 18px;
  font-weight: 600;
  border: 0;
  background-color: transparent;
}
@media (min-width: 601px) {
  .c-vb-pronunciation .c-vb-pronunciation-link-btn {
    font-size: 20px;
  }
}
.c-vb-pronunciation .c-vb-pronunciation-link-button {
  color: #4C8DDB;
  font-size: 20px;
  font-weight: 600;
  border: 0;
  background-color: transparent;
}
@media (min-width: 601px) {
  .c-vb-pronunciation .c-vb-pronunciation-link-button {
    font-size: 22px;
  }
}
.c-vb-pronunciation .c-vb-pronunciation-btn {
  border-radius: 13px;
  background-color: #4C8DDB;
  min-height: 58px;
  padding: 10px;
  min-width: 190px;
  max-width: 250px;
  text-align: center;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 22px;
  border: none;
}
@media (min-width: 601px) {
  .c-vb-pronunciation .c-vb-pronunciation-btn {
    font-size: 24px;
  }
}

.c-vb-discussion-step {
  height: 750px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
@media (min-width: 990px) {
  .c-vb-discussion-step {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 50px;
  }
}
@media (min-width: 425px) {
  .c-vb-discussion-step .c-discussion-chat-body {
    margin-left: 66px;
  }
}
@media (min-width: 1110px) {
  .c-vb-discussion-step .c-discussion-chat-body {
    width: 720px;
  }
}
@media (min-width: 990px) {
  .c-vb-discussion-step .c-discuss-expressions-block {
    margin-top: 30px;
    width: 215px;
  }
}
@media (min-width: 990px) {
  .c-vb-discussion-step .c-discuss-expressions-list {
    display: block;
    max-height: unset;
  }
}
@media (min-width: 990px) {
  .c-vb-discussion-step .c-discuss-expression-block {
    gap: 20px;
    border-bottom: 1px solid rgba(228, 226, 236, 0.1882352941);
  }
  .c-vb-discussion-step .c-discuss-expression-block:last-of-type {
    border-bottom: none;
  }
}
@media (min-width: 768px) {
  .c-vb-discussion-step .c-discuss-expressions-header {
    padding: 20px;
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) {
  .c-vb-discussion-step .c-discussion-message-block {
    padding-bottom: 10px;
  }
}
@media (min-width: 768px) {
  .c-vb-discussion-step .c-discussion-chat-response-block {
    padding: 10px 30px;
    max-width: 80%;
  }
}
@media (min-width: 768px) {
  .c-vb-discussion-step .c-discussion-chat-post-block {
    max-width: 80%;
  }
}
@media (min-width: 768px) {
  .c-vb-discussion-step .c-discussion-chat-post-block__link {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .c-vb-discussion-step .c-discussion-chat-question-block__text,
  .c-vb-discussion-step .c-discussion-chat-question-block__response {
    font-size: 20px;
  }
}
@media (min-width: 425px) {
  .c-vb-discussion-step .c-discussion-chat-profile-block {
    left: -66px;
  }
}
@media (min-width: 425px) {
  .c-vb-discussion-step .c-discussion-chat-profile-image {
    width: 54px;
    height: 54px;
  }
}

.c-discuss-expressions-block {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 90%;
  overflow-y: auto;
  padding: 8px;
  border-radius: 14px;
  background-color: #353C56;
  -webkit-box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.2);
}

.c-discuss-expressions-header {
  border-radius: 17px;
  border: 1px solid #393F55;
  background-color: #19213E;
  -webkit-box-shadow: 0px 1px 10px 0px #28304B;
          box-shadow: 0px 1px 10px 0px #28304B;
  padding: 10px;
  margin-bottom: 5px;
}
.c-discuss-expressions-header__text {
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
}

.c-discuss-expressions-list {
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0 40px;
  max-height: 200px;
  overflow-y: auto;
}

.c-discuss-expression-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  padding: 5px 0;
}
.c-discuss-expression-block:hover .c-discuss-expression-block__text {
  font-weight: 600;
}
.c-discuss-expression-block__text {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
}
.c-discuss-expression-block__text .c-term {
  opacity: 0.5;
}

.vb-discussion-step .tipsy-w,
.pv-discussion-step .tipsy-w {
  margin-left: 25px;
}
.vb-discussion-step .tipsy-e,
.pv-discussion-step .tipsy-e {
  margin-left: -25px;
}
.vb-discussion-step .tipsy-inner,
.pv-discussion-step .tipsy-inner {
  font-size: 14px;
  font-weight: 400;
  padding: 10px;
  background-color: #19213E;
  border-radius: 14px;
}
@media (max-width: 989px) {
  .vb-discussion-step .tipsy-inner,
  .pv-discussion-step .tipsy-inner {
    max-width: 125px;
  }
}

.c-discuss-expression-checked-icon {
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.c-discuss-expression-checked-icon.checked {
  background-image: url("/sites/all/themes/lingua/images/ai-photovocab/green-checked.svg");
}

.c-discussion-chat-area {
  height: 100%;
  overflow-y: auto;
}

.c-discussion-chat-body {
  min-height: 100%;
  background-color: #F4F8FE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.c-discuss-chat-bottom-section {
  padding-top: 20px;
  position: sticky;
  width: 100%;
  bottom: 0;
  background-color: #F4F8FE;
}

.c-loading-ai-reply {
  display: none;
  height: 40px;
  margin: 40px;
}

.c-loading-user-reply {
  display: none;
  float: right;
  height: 40px;
  margin: 40px;
}

.c-discussion-message-block {
  position: relative;
}

.c-discussion-chat-profile-block {
  padding-top: 20px;
  position: absolute;
  left: 0px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.c-discussion-chat-profile-image {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-image: url("/sites/all/themes/lingua/images/ai-photovocab/ai-profile-image.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.c-discussion-chat-post-block {
  padding: 30px 30px 0px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 90%;
}
.c-discussion-chat-post-block__link {
  color: #4A90E2;
  font-size: 14px;
  font-weight: 600;
  text-decoration: underline;
  margin-bottom: 0;
  cursor: pointer;
}
.c-discussion-chat-post-block--changed {
  padding: 0px 30px;
}

.c-discussion-chat-question-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-discussion-chat-question-container__question-block {
  position: relative;
}

.c-discussion-chat-question-arrow {
  margin-right: -3px;
  background-image: url("/sites/all/themes/lingua/images/ai-photovocab/arrow-left-triangle.svg");
  width: 16px;
  height: 27px;
  background-size: contain;
  background-repeat: no-repeat;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.c-discussion-chat-question-arrow--empty {
  background-image: none;
}

.c-discussion-chat-question-block {
  padding: 10px 20px;
  border-radius: 12px;
  background-color: #D5E5F6;
}
.c-discussion-chat-question-block__text {
  font-size: 17px;
  color: #000000;
  font-weight: 400;
  margin-bottom: 0;
}
.c-discussion-chat-question-block__response {
  font-size: 17px;
  color: #FFFFFF;
  font-weight: 400;
  margin-bottom: 0;
}
.c-discussion-chat-question-block--answered {
  background-color: #52A0FA;
}

.c-discussion-chat-play-block {
  position: absolute;
  top: -10px;
  right: -10px;
  background-color: #FFFFFF;
  border-radius: 50%;
}

.c-discussion-chat-question-play {
  height: 32px;
  width: 32px;
  background-image: url("/sites/all/themes/lingua/images/ai-photovocab/play-icon-no-border.svg");
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
.c-discussion-chat-question-play.c-playing {
  background-image: url("/sites/all/themes/lingua/assets/new-photovocab/play-icon-full.svg");
  cursor: default;
}

.c-discussion-user-response {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

.c-discussion-chat-response-block {
  padding: 10px 30px 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 90%;
}
.c-discussion-chat-response-block--changed {
  padding: 0px 30px;
}

.c-discussion-chat-response-arrow {
  margin-left: -3px;
  background-image: url("/sites/all/themes/lingua/images/ai-photovocab/arrow-right-triangle.svg");
  width: 16px;
  height: 27px;
  background-size: contain;
  background-repeat: no-repeat;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.c-discussion-chat-response-arrow--empty {
  background-image: none;
}

.c-discussion-feedback-response {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-discussion-feedback-response-dot {
  width: 18px;
  height: 18px;
  border-radius: 50%;
}
.c-discussion-feedback-response-dot.incorrect {
  background-color: #EF7C8E;
}

.c-discuss-replies-text {
  padding: 0 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-ai-notification-template .c-discussion-chat-profile-image,
.c-ai-notification-template .c-discussion-chat-question-arrow {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.c-ai-notification-template .c-discussion-chat-question-block {
  background-color: #e2e2e2;
}

.discussion-alert-container {
  position: absolute;
  bottom: 76px;
  left: 0;
  width: 100%;
  padding: 0 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.alert-message {
  padding: 20px;
  background-color: #EF7C8E;
  color: #FFFFFF;
  font-weight: 400;
  border-radius: 10px;
  display: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.alert-message .alert-close-btn {
  margin-left: 15px;
  color: #FFFFFF;
  font-weight: 600;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
}

.c-discuss-input {
  padding: 10px 25px;
  position: relative;
}
.c-discuss-input__text {
  border-radius: 52px;
  border: 1px solid #52A0FA;
  background-color: #FFF;
  height: 56px;
  width: 100%;
  padding: 13px 90px 13px 20px;
  resize: none;
  color: #000;
  font-size: 19px;
  font-weight: 400;
  margin-bottom: 0;
}
.c-discuss-input__text:disabled {
  background-color: #E4E2EC;
}
.c-discuss-input__text::-webkit-scrollbar {
  width: 0px;
}
.c-discuss-input__icon {
  position: absolute;
  top: 14px;
  right: 30px;
  height: 48px;
  width: 48px;
  background-image: url("/sites/all/themes/lingua/images/ai-photovocab/mic.svg");
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
.c-discuss-input__icon.c-disabled {
  background-image: url("/sites/all/themes/lingua/images/ai-photovocab/mic-disabled.svg");
}
.c-discuss-input__icon.c-recording {
  background-image: url("/sites/all/themes/lingua/images/ai-photovocab/mic-rec.svg") !important;
}
.c-discuss-input__icon.c-send {
  background-image: url("/sites/all/themes/lingua/images/ai-photovocab/send-icon.svg");
}
.c-discuss-input .c-delete-input-text {
  display: none;
  right: 90px;
  top: 31px;
}

.c-discuss-button-block {
  padding: 20px 10px;
}
.c-discuss-button-block .c-discuss-button {
  margin: 0 auto;
  border-radius: 7px;
  background-color: #4C8DDB;
  -webkit-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.2);
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 20px;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border: 0;
}
@media (min-width: 425px) {
  .c-discuss-button-block .c-discuss-button {
    font-size: 18px;
  }
}
.c-discuss-button-block .c-discuss-button:hover {
  color: #FFF;
  text-decoration: none;
}
.c-discuss-button-block .c-discuss-button[disabled] {
  background-color: #BCBCBC;
  cursor: no-drop;
}
.c-discuss-button-block .c-discuss-button--simple {
  background-color: #FFFFFF;
  border: 1px solid #4C8DDB;
  color: #4C8DDB;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.c-discuss-button-block .c-discuss-button--simple:hover {
  color: #4C8DDB;
}

.c-correction-modal.modal.fade.in .modal-body {
  bottom: 0;
  opacity: 1;
}

.c-correction-modal {
  position: absolute;
}
.c-correction-modal .modal-body {
  position: absolute;
  padding: 40px 40px 20px 40px;
  max-width: 850px;
  min-width: 90%;
  background-color: #ffffff;
  border-radius: 12px 12px 0 0;
  opacity: 0;
  -webkit-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
  -webkit-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
  transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
}
@media (min-width: 500px) {
  .c-correction-modal .modal-body {
    min-width: 400px;
  }
}
.c-correction-modal__title {
  margin-bottom: 25px;
}
.c-correction-modal__title .c-modal-title {
  color: #000000;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 0;
}
.c-correction-modal__text {
  margin-bottom: 10px;
  max-height: 250px;
  overflow-y: auto;
}
.c-correction-modal__text .c-modal-description {
  color: #000000;
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 0;
}
.c-correction-modal__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-correction-modal__button .c-modal-button {
  border-radius: 7px;
  background-color: #4C8DDB;
  -webkit-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.2);
  color: #FFF;
  font-size: 18px;
  font-weight: 600;
  padding: 10px 20px;
  border: 0;
}
.c-correction-modal__button .c-modal-button:hover {
  color: #FFF;
  text-decoration: none;
}

.c-notif-modal.modal.in .modal-dialog {
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.c-notif-modal .modal-dialog {
  left: 0;
  right: 0;
  top: 50%;
}
.c-notif-modal .modal-content {
  max-width: 460px;
  margin: 0 auto;
}
.c-notif-modal .modal-body {
  padding: 40px 15px;
}
.c-notif-modal .c-notif-message {
  margin-bottom: 20px;
}
@media (min-width: 425px) {
  .c-notif-modal .c-notif-message {
    margin-bottom: 40px;
  }
}
.c-notif-modal .c-notif-message__text {
  max-width: 360px;
  color: #6B6B6B;
  margin: 0 auto;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}
@media (min-width: 425px) {
  .c-notif-modal .c-notif-message__text {
    font-size: 20px;
  }
}

.c-reset-score-modal .modal-content {
  max-width: 510px;
}
.c-reset-score-modal .c-notif-message__text {
  max-width: 400px;
}
@media (min-width: 425px) {
  .c-reset-score-modal .c-notif-message__text {
    font-size: 18px;
  }
}
.c-reset-score-modal .c-reset-score-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.c-reset-score-modal .c-reset-score-buttons .c-discuss-button {
  margin: 0;
}

/* VIDEO BOOSTER */
/* HELPERS */
/* FILL THE GAPS */
.fillin-gaps-list {
  position: relative;
  padding: 0;
  list-style-type: none;
}
.fillin-gaps-list.overlay:after {
  position: absolute;
  z-index: 999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
}
.fillin-gaps-list .item {
  position: relative;
  padding: 14px 7px;
  color: #FFFFFF;
  border-radius: 8px;
  background-color: #4A90E2;
  display: inline-block;
  margin-right: 18px;
  margin-left: 18px;
  padding: 5px 30px 7px 30px !important;
  cursor: pointer;
  opacity: 1;
}
.fillin-gaps-list .item.user-choice {
  background-color: #358FA2;
}
.fillin-gaps-list .item.user-choice.correct,
.fillin-gaps-list .item.correct {
  background-color: #80E0C9;
}
.fillin-gaps-list .item.user-choice.correct:hover, .fillin-gaps-list .item.user-choice.correct:active, .fillin-gaps-list .item.user-choice.correct:focus,
.fillin-gaps-list .item.correct:hover,
.fillin-gaps-list .item.correct:active,
.fillin-gaps-list .item.correct:focus {
  background-color: #80E0C9;
}
.fillin-gaps-list .item.incorrect {
  background-color: #EF7C8E;
}
.fillin-gaps-list .item.incorrect:hover, .fillin-gaps-list .item.incorrect:active, .fillin-gaps-list .item.incorrect:focus {
  background-color: #EF7C8E;
}

.grammar-multiple-label.user-choice .text-answer {
  background-color: #004392;
}

.grammar-multiple-label.correct .text-answer {
  background-color: #80E0C9;
}
.grammar-multiple-label.correct .text-answer:hover, .grammar-multiple-label.correct .text-answer:active, .grammar-multiple-label.correct .text-answer:focus {
  background-color: #80E0C9;
}

.grammar-multiple-label.incorrect .text-answer {
  background-color: #EF7C8E;
}
.grammar-multiple-label.incorrect .text-answer:hover, .grammar-multiple-label.incorrect .text-answer:active, .grammar-multiple-label.incorrect .text-answer:focus {
  background-color: #EF7C8E;
}

.fillin-gaps .gr-english-title {
  color: #5CB4C7;
}

/* END FILL THE GAPS */
.grammar_answer {
  position: relative;
  padding: 14px 7px;
  color: #FFFFFF;
  border-radius: 8px;
  background-color: #4A90E2;
  line-height: 1.3;
  position: relative;
  display: inline-block;
  height: 98.54px;
  width: 98.54px;
  background-color: #4A90E2;
  margin: 30px 20px;
  border-radius: 100%;
}
.grammar_answer span {
  font-weight: 600;
  line-height: 30px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 30px;
  margin: auto;
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 18px;
  letter-spacing: -0.17px;
  line-height: 30px;
  text-align: center;
}
.grammar_answer.correct {
  background-color: #80E0C9;
}
.grammar_answer.correct:hover, .grammar_answer.correct:active, .grammar_answer.correct:focus {
  background-color: #80E0C9;
}
.grammar_answer.incorrect {
  background-color: #EF7C8E;
}
.grammar_answer.incorrect:hover, .grammar_answer.incorrect:active, .grammar_answer.incorrect:focus {
  background-color: #EF7C8E;
}

/* END  CORRECT INCORRECT */
/* GRAMMAR GENERAL STYLES */
.gr-english-version__title {
  font-weight: 500;
  color: #5B6163;
}

.gr-english-title {
  font-weight: 500;
  font-style: normal;
  min-height: 19px;
  color: #5B6163;
}

.gr-example-title {
  font-style: normal;
  color: #5B6163;
}

.question_text {
  font-size: 16px;
  font-weight: 400;
}

.grammar-point-explanation em {
  font-style: normal;
  color: #5CB4C7;
}

.question-intro {
  font-size: 18px;
  text-align: center;
}

.grammar-content .ui-sortable {
  text-align: right;
}

.grammar-answer__text {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 70px;
  height: 50px;
  margin: auto;
}

.example_format {
  width: auto !important;
}

.grammar-example {
  font-size: 20px;
  display: inline-block;
  padding: 8px 15px 8px 45px;
  color: #FFFFFF;
  border-radius: 8px;
  background-repeat: no-repeat;
  background-position: left 15px center;
  background-size: 30px 30px;
  margin-bottom: 20px !important;
}

.grammar-example.correct {
  background-color: #80E0C9;
  background-image: url("/sites/all/themes/lingua/assets/check-green-white.svg");
}

.grammar-example.incorrect {
  background-color: #EF7C8E;
  background-image: url("/sites/all/themes/lingua/assets/failed-red-white.svg");
}

.grammar__draggable {
  margin: 24px 10px;
}

.grammar__question-item {
  font-weight: 400;
  line-height: 1.5;
  position: relative;
  display: block;
  margin: 20px 10px;
  padding: 6px 10px;
}

.grammar__question-item:after {
  font-family: "Glyphicons Halflings";
  font-size: 26px;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  position: absolute;
  right: 0;
  display: inline-block;
  content: "\e096";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  color: #E5E5E5;
}

.grammar__question-item.correct:after {
  color: #9DC49E;
}

.grammar__question-item.incorrect:after {
  color: #E76B6B;
}

.grammar__game-tip {
  font-weight: 300;
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 18px;
  letter-spacing: -0.19px;
  line-height: 24px;
  text-align: center;
  font-weight: 400;
}

.grammar-question-text {
  font-size: 16px;
  font-weight: 400;
  margin-top: 35px;
  margin-bottom: 25px;
}

.grammar-the-gap {
  font-weight: 600;
  display: inline-block;
  width: 130px;
  margin-right: 5px;
  margin-left: 5px;
  color: #9DC49E;
  border-bottom: 1.5px solid #4A90E2;
}
.grammar-the-gap .vb-draggable {
  position: relative;
  top: -8px;
}
.grammar-the-gap.validated .vb-draggable {
  padding-right: 10px !important;
  background-image: none;
}

.grammar-the-gap.locked {
  width: auto;
  color: #4A90E2;
}

.grammar-the-gap.locked.validated {
  color: #9DC49E;
  border-color: #9DC49E;
}

.video-booster__checkbox-label.grammar-multiple-label {
  display: inline-block;
  padding-bottom: 15px;
  padding-left: 0 !important;
  text-align: center;
}

.grammar-multiple-label .text-answer {
  height: 54px;
  min-width: 132px;
  border-radius: 8px;
  background-color: #4A90E2;
  display: inline-block;
  text-align: center;
  color: #FFFFFF;
  cursor: pointer;
  font-family: "Open Sans";
  font-size: 18px;
  letter-spacing: -0.17px;
  line-height: 24px;
  padding: 14px 7px;
}

@media (max-width: 600px) {
  .grammar_answer {
    width: 100px;
    height: 100px;
    margin: 30px 10px;
  }
}
@media (max-width: 680px) {
  .grammar-example {
    max-width: 100%;
    width: 100% !important;
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .grammar__game-tip {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 16px;
    text-align: left;
  }
  .panel__body__grammar_make_connections .grammar__game-tip {
    text-align: center;
  }
  .grammar-question-text {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    text-align: left;
  }
  .validate-buttons .vb-step-btn {
    float: none !important;
  }
  .answers_container {
    margin-top: 0;
  }
  .grammar-content .btn--big {
    min-width: 220px;
    margin-top: 10px !important;
  }
  .grammar-examples--type {
    margin-bottom: 10px !important;
  }
  /* Correct-Incorrect */
  .gr-english-title {
    font-size: 16px;
    font-weight: 400;
    color: #262E31;
  }
  .gr-example-title {
    font-size: 16px;
    min-height: 19px;
  }
  .grammar-explanation {
    margin-bottom: 0 !important;
  }
  .fillin-gaps .gr-english-title {
    color: #262E31;
  }
  .grammar-content--minified .grammar__question-item {
    text-align: left !important;
    padding: 6px 0;
    margin: 0px;
    font-size: 16px;
  }
  .grammar-content--minified .vb__draggable.ui-sortable-handle {
    text-align: left !important;
    padding: 5px 10px !important;
    padding-right: 25px !important;
    line-height: 1.3em;
    margin: 5px 0;
  }
  .grammar-content--minified .draggable-ul--minified {
    padding: 0;
  }
  .grammar__question-item:after {
    right: auto;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    content: "\e094";
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    margin-left: 10px;
    bottom: 8px;
  }
}
/**
 * GRAMMAR MAKE CONNECTIONS
 */
.c-vb-gmc__questions-container--desktop {
  padding: 0 30px;
}
.c-vb-gmc__questions-container--desktop .c-vb-gmc__question-container--desktop {
  width: 100%;
  margin: 20px 0;
  min-height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.c-vb-gmc__questions-container--desktop .c-vb-gmc__question {
  font-size: 16px;
  font-family: "Open Sans";
  font-weight: 400;
  color: #6B6B6B;
  margin: 0;
}

.c-vb-gmc__question-container--desktop:after, .c-vb-gmc__question-container--mobile:after {
  font-family: "Glyphicons Halflings";
  font-size: 26px;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  position: absolute;
  right: 0;
  vertical-align: 50%;
  display: inline-block;
  content: "\e096";
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  color: #E5E5E5;
}
.c-vb-gmc__question-container--desktop.correct:after, .c-vb-gmc__question-container--mobile.correct:after {
  color: #80e0c9;
}
.c-vb-gmc__question-container--desktop.incorrect:after, .c-vb-gmc__question-container--mobile.incorrect:after {
  color: #E76B6B;
}

.c-vb-gmc__answers-container--desktop {
  background-color: #F5F5F5;
  padding: 0 30px;
}
.c-vb-gmc__answers-container--desktop .c-vb-gmc__answer-container--desktop {
  margin: 20px 0;
}
.c-vb-gmc__answers-container--desktop .c-vb-gmc__answer-container--desktop + .c-building-meaning_answer-checked-container--desktop {
  padding-top: 0;
}
.c-vb-gmc__answers-container--desktop .c-vb-gmc__answer-container--desktop .c-vb-gmc__answer-subcontainer--desktop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 2px solid #d2d2d2;
  background-color: #FFFFFF;
  border-radius: 6px;
  cursor: move;
}
.c-vb-gmc__answers-container--desktop .c-vb-gmc__answer-container--desktop .c-vb-gmc__answer-subcontainer--desktop.c-building-meaning_wrong-answer {
  border: 1px solid #EF7C8E;
  min-height: 44px;
}
.c-vb-gmc__answers-container--desktop .c-vb-gmc__answer-container--desktop .c-vb-gmc__answer-subcontainer--desktop.c-building-meaning_wrong-answer .c-building-meaning_answer-icon {
  height: 42px;
}
.c-vb-gmc__answers-container--desktop .c-vb-gmc__answer-container--desktop .c-vb-gmc__answer-subcontainer--desktop .c-vb-gmc__answer {
  font-size: 16px;
  font-family: "Open Sans";
  font-weight: 400;
  color: #6B6B6B;
  margin: 0;
  padding: 0 25px;
}
.c-vb-gmc__answers-container--desktop .c-vb-gmc__answer-container--desktop .c-vb-gmc__answer-subcontainer--desktop .c-building-meaning_answer-icon {
  background-color: #4A90E2;
  max-width: 40px;
  width: 100%;
  height: 40px;
  border-radius: 0 4px 4px 0;
}
.c-vb-gmc__answers-container--desktop .c-vb-gmc__answer-container--desktop .c-vb-gmc__answer-subcontainer--desktop .c-building-meaning_answer-icon:after {
  background-image: url("/sites/all/themes/lingua/assets/ls-move.svg");
  content: "";
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}
.c-vb-gmc__answers-container--desktop .c-building-meaning_answer-ckecked {
  min-height: 44px;
}
.c-vb-gmc__answers-container--desktop .c-building-meaning_answer-checked-icon {
  width: 37px;
  height: 37px;
}
.c-vb-gmc__answers-container--desktop .c-building-meaning_answer-checked-container--desktop {
  padding: 20px 35px 0 35px;
}
.c-vb-gmc__answers-container--desktop .c-building-meaning_answer-checked-container--desktop:last-of-type {
  padding-bottom: 20px;
}
.c-vb-gmc__answers-container--desktop .c-building-meaning_answer-checked_text {
  font-size: 16px;
}

.c-vb-gmc__mobile-container .c-building-meaning_question-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 600px) {
  .c-vb-gmc__mobile-container .c-building-meaning_answer-icon {
    max-width: 40px;
    width: 100%;
    height: 40px;
  }
}
/* vb grammar build dialogue */
.video-booster__step .row.grammar-examples div.col-xs-12:first-of-type {
  padding-right: 30px;
}
.video-booster__step .row.grammar-examples div.col-xs-12:last-of-type {
  padding-left: 30px;
}
.video-booster__step #concept_example_wrapper {
  height: auto !important;
}

.panel__body__grammar_make_connections.video-booster__content .c-vb-gmc__desktop-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.panel__body__grammar_make_connections.video-booster__content .c-vb-gmc__question-container--desktop:after, .panel__body__grammar_make_connections.video-booster__content .c-vb-gmc__question-container--mobile:after {
  content: none;
}
.panel__body__grammar_make_connections.video-booster__content .c-vb-gmc__question-container--desktop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.panel__body__grammar_make_connections.video-booster__content .c-vb-gmc__question-container--desktop .c-vb-gmc__question {
  color: #4A90E2;
  font-size: 21px;
  letter-spacing: -0.19px;
}
@media (max-width: 1280px) and (min-width: 1200px) {
  .panel__body__grammar_make_connections.video-booster__content .c-vb-gmc__question-container--desktop .c-vb-gmc__question {
    font-size: 19px;
  }
}
.panel__body__grammar_make_connections.video-booster__content .c-vb-gmc__question-container--desktop .c-vb-gmc__answer {
  font-size: 18px;
}
@media (max-width: 1280px) and (min-width: 1200px) {
  .panel__body__grammar_make_connections.video-booster__content .c-vb-gmc__question-container--desktop .c-vb-gmc__answer {
    font-size: 16px;
  }
}
.panel__body__grammar_make_connections.video-booster__content .c-vb-gmc__question-container--desktop .c-vb-building-meaning_question-icon {
  background-image: url(/sites/all/themes/lingua/assets/ls-arrows.svg);
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.panel__body__grammar_make_connections.video-booster__content .c-vb-gmc__questions-container--desktop {
  -webkit-box-flex: 0.55;
      -ms-flex: 0.55;
          flex: 0.55;
}
.panel__body__grammar_make_connections.video-booster__content .c-vb-gmc__answers-container--desktop {
  -webkit-box-flex: 0.45;
      -ms-flex: 0.45;
          flex: 0.45;
}
.panel__body__grammar_make_connections.video-booster__content .c-vb-gmc .c-vb-building-meaning_question-icon {
  background-image: url(/sites/all/themes/lingua/assets/ls-arrows.svg);
  width: 45px;
  height: 45px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.panel__body__grammar_make_connections.video-booster__content .grammar__game-tip {
  font-weight: 600;
}

/* HELPERS */
.vb-game-content {
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
}

.sound-label {
  margin-right: 14px;
}

.checkbox-sound,
.game-buttons {
  display: inline-block;
}

.game-buttons {
  margin-top: -20px;
}
.game-buttons .text {
  display: table-cell;
  padding: 0 14px 0 5px;
  text-align: center;
  vertical-align: middle;
}

.game-button {
  font-weight: 500;
  position: relative;
  display: block;
  display: table;
  width: 150px;
  height: 150px;
  cursor: pointer;
  text-decoration: none !important;
  color: #FFFFFF !important;
  border-radius: 100%;
}
.game-button.play {
  background-color: #5CB4C7;
}
.game-button.play .text {
  padding: 15px;
  text-decoration: none;
}
.game-button.play:hover {
  background-color: rgb(167.9178082192, 214.9315068493, 225.0821917808);
}

#btn-word-rescue-step {
  text-decoration: none !important;
  color: #FFFFFF !important;
}

/* Game container */
.vb-game-container {
  border-width: 40px;
  -o-border-image: url("../images/icons/tv-screensvg.svg") 10% 6.5%;
     border-image: url("../images/icons/tv-screensvg.svg") 10% 6.5%;
}
.vb-game-container iframe {
  margin-top: -20px;
  margin-bottom: -20px;
}

.video-booster__step.swap-mania-step {
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
}

/* footer score */
.vb-game-score-footer {
  position: relative;
  min-height: 200px;
}
.vb-game-score-footer .content {
  display: table;
  width: 100%;
}
.vb-game-score-footer .cell {
  display: table-cell;
  vertical-align: middle;
}
.vb-game-score-footer .cell:first-child {
  width: 12%;
}
.vb-game-score-footer .cell:last-child {
  width: 10%;
}
.vb-game-score-footer .game-buttons {
  position: absolute;
  top: -45px;
  right: -140px;
}
.vb-game-score-footer .go-to {
  display: block;
}

#btn-speed-pix {
  text-decoration: none;
}

@media screen and (max-width: 991px) {
  .checkbox-sound {
    float: left;
    position: relative;
    top: 30px;
  }
  .pv-game-content .checkbox-sound {
    float: none;
    top: 15px;
  }
  .vb-game-score-footer .game-buttons {
    position: static;
    top: 0;
    right: 0;
  }
}
/* HELPERS */
/* VIDEO BOOSTER */
.vb__left-side {
  padding-right: 20px;
}
.vb__right-side {
  padding-left: 20px;
}

.node-type-video .thumb {
  cursor: default;
}

.panel--vb {
  width: 100%;
  margin: 0 auto;
  border-radius: 0;
  background-color: #FFFFFF;
  text-shadow: 0 0 0;
}

/* header */
.video-booster,
.panel--exercise {
  font-size: 16px;
}

.video-booster__thumbnail-video,
.panel--exercise__thumbnail-video {
  max-width: 345px;
}

.video-booster__header,
.panel--exercise__header {
  position: relative;
  padding-bottom: 12px;
  border-bottom: 1px solid #E3E3E3;
}

.panel__close {
  position: absolute;
  top: -44px;
  right: -58px;
}

.video-booster__title {
  margin-top: -34px;
  font-size: 24px;
}
.video-booster__title-text {
  display: inline-block;
  margin-bottom: 15px;
  vertical-align: middle;
}
.video-booster__subtitle {
  font-size: 14px;
  font-weight: 500;
  font-style: italic;
  display: block;
  margin-top: 4px;
  color: #CDCDCD;
}

#vbFullProgress {
  position: absolute;
  z-index: 999;
  bottom: -102px;
  left: 0;
}

.thumbnail--video__movie-name {
  font-size: 18px;
  font-weight: 400;
  padding-top: 5px;
}

.video-booster__tabs .thumbnail--video__movie-name--french {
  font-size: 14px;
  font-style: italic;
  min-height: 0;
  margin-top: 4px;
}
.video-booster__tabs #transcript_wrapper {
  margin-top: 10px;
}
.video-booster__tabs #transcript_wrapper li {
  margin-bottom: 10px;
}
.video-booster {
  /* video booster step */
}
.video-booster__step {
  width: 100%;
  max-width: 940px;
  margin: 0 auto 15px auto;
}
.video-booster__step:after, .video-booster__step:before {
  display: table;
  content: "";
}
.video-booster__step:after {
  clear: both;
}

@media screen and (min-width: 991px) {
  .vb-col-right {
    float: right;
  }
}
.panel--exercise__body,
.video-booster__video-desc {
  max-width: 940px;
  margin-right: auto;
  margin-left: auto;
}

.panel--exercise__body.full-width {
  max-width: 100% !important;
}

.panel--exercise.col-same-height .video-booster__content {
  padding-bottom: 0;
}
.panel--exercise.col-same-height {
  /* footer is in a media screen because of iPad bug - #7617 */
}
@media screen and (min-width: 1025px) {
  .panel--exercise.col-same-height .panel__footer {
    position: relative;
    top: -1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}

.video-booster__content {
  padding-bottom: 20px;
}

.vb__right-container {
  max-width: 550px;
}
.vb__right-container .ui-state-hover {
  font-weight: 300;
}

.panel--exercise .exercise-vocab__item {
  padding-right: 0;
}

.video-booster__tabs {
  max-width: 490px;
  width: 100%;
  min-height: 430px;
  margin-left: -30px;
}
.video-booster__nav-tabs {
  padding: 0;
  border-right: none;
}
.video-booster__content-left {
  float: left;
  width: 91px;
  margin-right: -1px;
}
.video-booster__content-right {
  max-width: 390px;
  min-height: 430px;
  margin-left: 90px;
  padding: 25px;
  border: 1px solid #E5E5E5;
  background-color: #FFFFFF;
}
.video-booster__content-right .video-thumbnail {
  margin-right: -25px;
  margin-left: -25px;
}
.video-booster__content-right iframe {
  margin: 0 auto;
  max-width: 700px;
}
.video-booster__nav-tab {
  margin-bottom: 0 !important;
}
.video-booster__nav-link {
  position: relative;
  width: 91px;
  height: 91px;
  border-top: 1px solid #E5E5E5 !important;
  border-bottom: none !important;
  border-left: 5px solid #CCCCCC !important;
  border-radius: 0 !important;
  background-color: #f1f1f1;
  color: #9B9B9B !important;
}
.video-booster__nav-link .icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.video-booster__nav-tab.active .video-booster__nav-link {
  color: #4A90E2 !important;
}
.video-booster__nav-tab:last-child .video-booster__nav-link {
  border-bottom: 1px solid #E5E5E5 !important;
}

.active .video-booster__nav-link {
  border-right: none !important;
  border-left: 5px solid #5CB4C7 !important;
  background-color: #FFFFFF;
}
.active .video-booster__nav-link[href="#tab-video"] {
  border-left: 5px solid #E66B6C !important;
}

.video-booster__tab-header {
  position: relative;
  display: table;
  width: 100%;
  min-height: 90px;
  margin-top: -25px;
  border-bottom: 1px solid #E5E5E5;
}
.video-booster__tab-header .content {
  display: table-cell;
  vertical-align: middle;
}
.video-booster__tab-title {
  font-size: 26px;
  font-weight: 400;
  position: relative;
  width: 100%;
  margin: 0;
}

#tab-video .video-booster__tab-title {
  margin-bottom: 0;
}

/* TRANSCRIPT*/
.vb-panel-scroll {
  max-height: 330px;
  margin-top: 0;
  margin-right: -10px;
  padding-top: 0;
  padding-right: 20px;
}

/* STEP FINAL SCORE*/
.vb__step-score .value {
  font-size: 28px;
}
.vb__step-score .score {
  font-size: 26px;
  font-weight: 500;
}
.vb__step-score .text {
  font-size: 28px;
  font-weight: 500;
}
.vb__step-score .my-progress {
  font-size: 20px;
  line-height: 1;
}
.vb__step-score .value {
  font-size: 32px;
}

.vb__step-score-msg {
  margin: 0 auto;
  margin-top: 0 !important;
  width: 100%;
  max-width: 468px;
}
.vb__step-score-msg p {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 18px;
  letter-spacing: -0.19px;
  line-height: 37px;
  text-align: center;
}
.vb__step-score-msg .coach-sentence {
  color: #4A90E2;
  font-family: "Open Sans";
  font-size: 22px !important;
  font-weight: 600;
  letter-spacing: -0.27px;
  line-height: 34px;
  text-align: center;
}
.vb__step-score-msg .english-boosts-sentence {
  font-size: 18px;
  font-family: "Open Sans";
  font-size: 18px;
  letter-spacing: -0.19px;
  line-height: 37px;
  font-weight: 300;
  margin-bottom: 12px;
}
.vb__step-score-msg--large-width {
  max-width: 524px;
}
.vb__step-score-msg--border-red {
  border: 1px solid #E47878;
}
.vb__step-score-msg--description {
  line-height: 1.3 !important;
}
.vb__step-score-msg--header {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.vb__step-score-msg .step-details--line-height {
  line-height: 1.5 !important;
}

/* VIDEO BOOSTER PAGES EXTRA STYLES
// Fix the Firefox bug for Assessment tests - Video Boosters pages */
.node-type-video .panel--video-booster {
  width: 100%;
}

.panel--video-booster {
  background: #FFFFFF;
  -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0px 0 6px 6px;
  margin-bottom: 0;
}
.panel--video-booster .thumbnail--video {
  margin-bottom: 0;
}
.panel--video-booster .vb-step-btn {
  display: none;
  margin-top: 20px;
  margin-bottom: 20px;
}
.panel--video-booster .vb-step-btn.btn-validate-filling-gaps {
  display: initial;
}
.panel--video-booster .vb-step-btn.btn-validate-filling-gaps:disabled {
  background: #CCCCCC;
}
.panel--video-booster .vocab-academy-button {
  margin-top: 45px;
}
.panel--video-booster .btn:disabled {
  cursor: default;
}
.panel--video-booster .btn--vb {
  float: right;
  margin-top: 20px;
  margin-bottom: 15px;
}
.panel--video-booster {
  /* footer */
}
.panel--video-booster .panel__footer {
  padding-top: 40px;
  padding-bottom: 0;
  text-align: center;
  border-top: 1px solid #E3E3E3;
  z-index: 1000;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  -khtml-user-select: none;
}
.panel--video-booster .panel__footer.non-clickable-components .exercise-component {
  cursor: default !important;
}
.panel--video-booster .panel__footer.non-clickable-components .vb-step.current .exercise__icon {
  cursor: default !important;
}

@media (max-width: 991px) {
  .video-booster__tabs #transcript_wrapper {
    font-size: 16px;
  }
  .video-booster,
  .panel--exercise {
    font-size: 15px;
  }
  .vb-panel-scroll {
    margin-top: 0;
  }
  .video-booster {
    font-size: 12px;
  }
  .video-booster__tab-header {
    min-height: 40px;
    padding-top: 10px;
  }
  .video-booster__content-right {
    max-width: 100%;
    margin-left: 0;
    min-height: 0;
    padding-bottom: 0;
  }
  .video-booster__content-left {
    float: none;
    width: 100%;
  }
  .video-booster__tab-title {
    font-size: 18px;
  }
  .video-booster__nav-tab {
    float: left !important;
    width: 33.333%;
    margin-right: 0;
  }
  .video-booster__nav-tab a {
    width: 100% !important;
  }
  .video-booster__nav-tab .video-booster__nav-link {
    border-bottom: none;
    height: 55px;
    width: 55px;
    top: 1px;
    left: 0;
    border-left: 1px solid #E5E5E5 !important;
    border-top: 5px solid #CCCCCC !important;
  }
  .video-booster__nav-tabs .video-booster__nav-tab {
    height: 55px;
    width: 55px;
  }
  .video-booster__nav-tab:last-child .video-booster__nav-link {
    border-left: none !important;
    border-top: 5px solid #CCCCCC !important;
    border-bottom: none !important;
  }
  .video-booster__nav-link .icon {
    height: 30px;
    width: 30px;
  }
  .video-booster__tabs {
    min-height: 0;
    margin: 0 -10px;
  }
  .listening-lab .video-booster__nav-tab,
  .comprehension .video-booster__nav-tab {
    height: 55px;
    width: 55px;
  }
  .active .video-booster__nav-link {
    border-top: 5px solid #4A90E2 !important;
  }
  .active .video-booster__nav-link[href="#tab-video"] {
    border-top: 5px solid #4A90E2 !important;
    border-left: none !important;
    border-bottom: none !important;
    border-right: 1px solid #DDDDDD !important;
  }
  .video-booster__content-right .video-thumbnail {
    margin: 0;
  }
  .video-booster__content-right .video-thumbnail img {
    width: 100%;
    padding-bottom: 25px;
  }
  .panel--video-booster .thumbnail--video {
    max-width: 100% !important;
    margin-bottom: 45px;
  }
  .panel--video-booster .thumbnail--video img {
    width: 100%;
  }
  .page__title--icon__icon {
    top: 0;
    width: 75px !important;
    height: 75px !important;
    vertical-align: middle;
    margin-top: 15px;
  }
  .panel--exercise .panel__body,
  .panel__body--smaller {
    padding: 0;
  }
  /* Paddingul de la paginile cu exercitii
  // ca sa nu fie prea departe de menu */
  .node-type-video #page-content > .container {
    padding-top: 0;
    margin-top: -15px;
  }
  .swap-mania-intro {
    margin-top: 20px;
  }
  .swap-mania-intro .vb-col-left {
    display: none;
  }
  .active .video-booster__nav-link[href="#tab-transcript"] {
    border-top: 5px solid #FEC434 !important;
  }
  .video-booster__title {
    margin-top: 0;
    margin-bottom: 5px;
  }
  .video-booster__title-text {
    font-size: 16px;
    width: 60%;
    padding-top: 15px;
    line-height: 1.3;
    margin-bottom: 0px;
  }
  .video-booster__subtitle {
    font-size: 12px;
  }
  .panel--video-booster .panel__header {
    max-width: 100%;
  }
  .panel--video-booster .btn--vb {
    width: 100%;
  }
  .panel--video-booster .vb-step-btn {
    margin-top: 0;
  }
  .panel--video-booster .panel__footer {
    padding-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .vb-col-right {
    border-bottom: 1px solid #E3E3E3;
    margin-bottom: 25px;
  }
  .vb-col-left {
    margin-bottom: 17px;
  }
  .swap-mania-intro .vb-col-right,
  .word-rescue-intro .vb-col-right {
    border-bottom: none;
    margin-bottom: 0;
  }
  .video-booster__content {
    padding-bottom: 0;
  }
  .panel--video-booster .thumbnail--video {
    margin-bottom: 10px;
  }
  .video-booster__step {
    margin-bottom: 10px;
  }
  .panel--video-booster .vocab-academy-button {
    margin-top: 15px;
    padding: 14px;
  }
  /* Listening Lab Score page */
  .vb__step-score-msg {
    margin-bottom: 20px;
    margin-top: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .vb__step-score .text {
    font-size: 20px;
  }
  .vb__step-score .my-progress {
    font-size: 18px;
  }
  .vb__step-score .value {
    font-size: 22px;
  }
  .video-step .video-thumbnail,
  .video-step .video-booster__video-desc {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
  }
  .video-embed {
    padding-bottom: 25px;
  }
  .vb__step-score .video-booster__tabs,
  .vb__step-score .video-booster__content-left,
  .vb__step-score .video-booster__content-right {
    display: none;
  }
  /* Listening Lab fix available space on score page */
  .panel__body__listeninglab .vb__step-score,
  .grammar-exercise-container .vb__step-score,
  .panel__body__comprehension .vb__step-score,
  .panel__body__advanced__comprehension .vb__step-score,
  .panel__body__vocabacademy .vb__step-score {
    margin-top: 0;
  }
}
/* reduce the padding from the exercises pages */
@media (max-width: 480px) {
  .node-type-video #page-content > .container {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
@media screen and (max-width: 991px) {
  .panel--video-booster {
    margin-top: 25px;
  }
  .panel--video-booster .panel__footer {
    position: relative;
    border-top: none !important;
  }
  .panel--video-booster .panel__footer:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -15px;
    bottom: auto;
    left: -15px;
    height: 1px;
    background: #E3E3E3;
  }
}
/* Fix the space for grammar examples div's for iPad */
@media screen and (max-width: 1025px) {
  .grammar-examples .panel--vb {
    font-size: 16px;
    min-height: 50px !important;
    height: auto !important;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media screen and (min-width: 991px) and (max-width: 1025px) {
  .grammar-examples .panel--vb {
    min-height: 110px !important;
  }
}
@media screen and (max-width: 767px) {
  .icon-clepsydra--big {
    position: static;
  }
}
@media screen and (max-width: 991px) {
  .page-vb-list-to-do,
  .page-vb-list-progress {
    background: #FFFFFF;
  }
  .page-vb-list-to-do .js-off-canvas-exit.is-opened,
  .page-vb-list-progress .js-off-canvas-exit.is-opened {
    height: calc(100% + 100px);
  }
}
/* HELPERS */
.vb-final-score {
  max-width: 580px;
  margin: 0 auto;
  text-align: center;
}
.vb-final-score__title {
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
}
.vb-final-score__text {
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.15px;
  line-height: 22px;
  text-align: center;
  margin-top: 0 !important;
  padding-top: 25px;
}
.vb-final-score__text:first-of-type {
  padding-top: 10px;
  margin: 0 !important;
}
.vb-final-score__header, .vb-final-score__footer {
  margin: 0;
  padding: 10px 25px;
  text-align: left;
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 37px;
  border-radius: 8px 8px 0 0;
  background-color: #6B6B6B;
}
.vb-final-score__final {
  font-size: 16px;
  margin-right: 22px;
}
.vb-final-score__table {
  font-weight: 400;
  margin: 0;
  background-color: #F3F3F3;
  color: #6B6B6B;
  font-family: "Open Sans";
}
.vb-final-score__table thead {
  border-top: 3px solid #FFFFFF;
}
.vb-final-score__table tbody {
  border-top: 1px solid #FFFFFF;
}
.vb-final-score__table th {
  font-weight: 300;
  height: 46px !important;
  padding-left: 25px !important;
  vertical-align: middle !important;
  background-color: #E7E7E7;
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.17px;
  line-height: 37px;
  border-bottom: 2px solid #FFFFFF !important;
}
.vb-final-score__table td {
  height: 46px !important;
  padding-right: 25px !important;
  padding-left: 25px !important;
  vertical-align: middle !important;
  background-color: #F3F3F3;
  color: #6B6B6B;
  font-family: "Open Sans";
  font-size: 16px;
  letter-spacing: -0.17px;
  line-height: 7px;
  border: 3px solid #FFFFFF;
  border-top: unset !important;
}
.vb-final-score__table td:first-child {
  text-align: left;
  border-left: unset;
}
.vb-final-score__table td:nth-child(2),
.vb-final-score__table td:last-child {
  font-size: 20px;
  font-family: "Open Sans";
  font-size: 20px;
  letter-spacing: -0.21px;
  line-height: 37px;
}
.vb-final-score__table td:last-child {
  border-right: unset;
}
.vb-final-score__footer {
  border-radius: 0 0 8px 8px;
  margin-bottom: 15px;
}
.vb-final-score .score-comprehension,
.vb-final-score .score-listening-lab,
.vb-final-score .score-advanced-comprehension,
.vb-final-score .score-vocab-academy,
.vb-final-score .score-grammar,
.vb-final-score .score-vb-games {
  background-color: #E7E7E7;
  font-weight: 400;
}

.vb-final-score__buttons .bottom {
  margin: 0 0 10px 0 !important;
}

@media screen and (max-width: 991px) {
  .pv-final-score__sentences .vb-final-score__text {
    font-size: 16px;
  }
  .pv-final-score__sentences .vb-final-score__title {
    margin-top: 27px;
    font-size: 20px;
  }
  .vb-final-score__table td,
  .vb-final-score__table th {
    padding-right: 0 !important;
    padding-left: 10px !important;
  }
  .vb-final-score__footer, .vb-final-score__header {
    padding-left: 10px;
  }
  .vb-final-score__footer {
    padding-right: 15px;
  }
  .vb-final-score__text {
    font-size: 14px;
    margin-top: 20px;
  }
  .vb-final-score__title {
    font-size: 16px;
  }
}
@media (max-width: 1280px) {
  .vb-final-score__text {
    padding-top: 0;
    margin: 0;
  }
  .vb-final-score__footer {
    margin-bottom: 5px;
  }
  .vb-final-score__header, .vb-final-score__footer {
    padding: 5px 25px;
  }
  .vb-final-score__table td {
    padding: 3px 8px !important;
  }
}
.c-vb-score-details__title {
  padding: 20px 0;
}
.c-vb-score-details__block {
  margin-bottom: 20px;
}
@media (min-width: 1260px) {
  .c-vb-score-details__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 25px;
  }
}
.c-vb-score-details__buttons {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 600px) {
  .c-vb-score-details__buttons {
    gap: 60px;
  }
}
.c-vb-score-details .c-vb-score-title {
  text-align: center;
  color: #000000;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 0;
}
.c-vb-score-details .c-vb-steps-score {
  border-radius: 14px;
  -webkit-box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.1);
  padding: 0 25px;
  width: 100%;
  margin-bottom: 25px;
}
@media (min-width: 1260px) {
  .c-vb-score-details .c-vb-steps-score {
    width: 50%;
    margin-bottom: 0;
  }
}
.c-vb-score-details .c-vb-step-score {
  padding: 15px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  border-bottom: 1px solid #C4D1E0;
}
.c-vb-score-details .c-vb-step-score:last-of-type {
  border-bottom: 0;
}
.c-vb-score-details .c-vb-step-score__name {
  width: 40%;
  color: #1C1E20;
  font-size: 16px;
  word-break: break-word;
}
.c-vb-score-details .c-vb-step-score__number, .c-vb-score-details .c-vb-step-score__score {
  width: 30%;
  color: #1C1E20;
  font-size: 16px;
  text-align: center;
}
.c-vb-score-details .c-vb-results {
  border-radius: 14px;
  -webkit-box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.1);
}
@media (min-width: 1260px) {
  .c-vb-score-details .c-vb-results {
    width: 50%;
  }
}
.c-vb-score-details .c-vb-results__chart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 500px;
}
@media (min-width: 1260px) {
  .c-vb-score-details .c-vb-results__chart {
    height: 100%;
  }
}
.c-vb-score-details .c-vb-results__legend {
  padding: 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media (min-width: 601px) {
  .c-vb-score-details .c-vb-results__legend {
    display: none;
  }
}
.c-vb-score-details .c-vb-results #score-details-chart-desktop {
  display: none !important;
}
@media (min-width: 601px) {
  .c-vb-score-details .c-vb-results #score-details-chart-desktop {
    display: block !important;
    padding: 10px 0px;
  }
}
.c-vb-score-details .c-vb-results #score-details-chart-mobile {
  display: block !important;
  padding: 10px 10px 0 10px;
}
@media (min-width: 601px) {
  .c-vb-score-details .c-vb-results #score-details-chart-mobile {
    display: none !important;
  }
}
.c-vb-score-details .c-vb-legend {
  color: #1C1E20;
  font-size: 16px;
  font-weight: 600;
}
.c-vb-score-details .c-vb-legend .score {
  color: #EA59A8;
}
.c-vb-score-details .c-vb-score-details-btn {
  border-radius: 25px;
  color: #FFFFFF;
  background-color: #4A90E2;
  font-size: 14px;
  font-weight: 400;
  padding: 15px;
  width: 235px;
  text-align: center;
  text-decoration: none;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.c-survey-container h2 {
  display: none;
}
.c-survey-container .panel {
  max-width: 750px;
  margin: auto;
  padding: 30px 60px;
}
.c-survey-container .skip-survey {
  text-align: center;
  padding-top: 35px;
  padding-bottom: 10px;
}
.c-survey-container .skip-survey a {
  color: #C3C3C3;
  font-weight: 400;
  cursor: pointer;
  text-decoration: none;
}

.c-survey-carousel .survey-title {
  margin-top: 0 !important;
  font-weight: 400;
}
.c-survey-carousel p {
  font-size: 18px;
}
.c-survey-carousel .form-item {
  margin-bottom: 30px;
}
.c-survey-carousel .form-item:hover label,
.c-survey-carousel .form-item:hover span {
  cursor: pointer;
}
.c-survey-carousel .webform-component {
  margin-bottom: 15px;
}
.c-survey-carousel .form-radios {
  margin-top: 30px;
  margin-bottom: 55px;
}
.c-survey-carousel label {
  position: relative;
  padding-left: 55px;
  padding-top: 6px;
}
.c-survey-carousel label.answered .video-booster__checkbox-icon {
  background-color: #FFFFFF;
  border: 1px solid #5BB4C6;
}
.c-survey-carousel label.answered .video-booster__checkbox-icon:before {
  display: block;
  width: 24px;
  height: 24px;
  opacity: 1;
  border-radius: 100%;
  background-color: #5BB4C6;
}
.c-survey-carousel label.option {
  font-weight: 300;
}
.c-survey-carousel label.option input {
  display: none;
}
.c-survey-carousel .btn {
  display: block;
  margin: 0 auto;
}

/* PHOTO VOCAB */
/* HELPERS */
.pv-definition-panel-container {
  min-height: 325px;
}
.pv-definition-panel-container .coach-sentence {
  padding: 10px 5px;
}

.pv-definition-panel {
  max-width: 520px;
  width: 100%;
  margin: 0 0 0 auto;
}
.pv-definition-panel em {
  color: #FA9F70;
  font-style: normal;
}

.pv-definition-panel__header {
  padding: 15px;
  border-radius: 10px 10px 0 0;
}
.pv-definition-panel__header .title {
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  margin: 0;
  cursor: pointer;
  color: #FFFFFF;
}
.pv-definition-panel__header .glyphicon {
  position: relative;
  top: -1px;
  margin-left: 6px;
  vertical-align: middle;
}

.pv-definition-panel__header {
  background-color: #FA9F70;
  color: #FFFFFF;
}

.pv-definition-panel__body {
  padding: 22px 15px;
  border: 1px solid #EAEAEA;
  border-radius: 0 0 10px 10px;
  background-color: #FFFFFF;
}
.pv-definition-panel__body .desc-list-term,
.pv-definition-panel__body .desc-list-desc {
  display: inline;
}
.pv-definition-panel__body .desc-list-term {
  font-weight: 600;
}
.pv-definition-panel__body .desc-list-term:after {
  content: ":";
}
.pv-definition-panel__body .desc-list-term:first-child + .desc-list-desc {
  font-weight: 600;
}
.pv-definition-panel__body .desc-list-desc:after {
  display: block;
  margin-bottom: 20px;
  content: "";
}

@media screen and (max-width: 991px) {
  .pv-definition-panel__header .title {
    font-size: 14px;
  }
  .pv-definition-panel__body {
    padding: 10px;
  }
  .desc-list {
    font-size: 13px;
  }
  .pv-definition-panel-container {
    min-height: 235px;
  }
}
/* HELPERS */
.pv-image-gallery {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 50px;
  margin-bottom: 45px;
  padding: 0;
  list-style: none;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.pv-image-gallery__item {
  position: relative;
  display: block;
  height: auto;
  padding: 0 7px;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.25s ease-out;
  transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
  opacity: 0.5;
}
.pv-image-gallery__item .img-container {
  position: relative;
  width: 100%;
  max-width: 90px;
  padding: 5px;
  border: 1px solid #DDDDDD;
  border-radius: 5px;
  background: #FFFFFF;
}
.pv-image-gallery__item:before {
  position: absolute;
  z-index: -1;
  top: -4px;
  right: 18px;
  bottom: 50px;
  left: 3px;
  display: block;
  content: "";
  -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
  opacity: 0;
  border-radius: 5px;
  background-color: #DDDDDD;
}
.pv-image-gallery__item:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.pv-image-gallery__item.current .pv-image-gallery__item-text, .pv-image-gallery__item:hover .pv-image-gallery__item-text, .pv-image-gallery__item:hover:before {
  opacity: 1;
}
.pv-image-gallery__item.inactive {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  /* Firefox 10+, Firefox on Android */
  filter: grayscale(100%);
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  cursor: default;
}
.pv-image-gallery__item.inactive:hover {
  -webkit-transform: none;
          transform: none;
}
.pv-image-gallery__item.inactive:hover:before {
  display: none;
}
.pv-image-gallery__item.current {
  -webkit-transform: scale(1.4);
          transform: scale(1.4);
}
.pv-image-gallery__item.current:before, .pv-image-gallery__item.current, .pv-image-gallery__item.active, .pv-image-gallery__item.active .img-container:before {
  opacity: 1;
}
.pv-image-gallery__item img {
  position: relative;
  z-index: 10;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.pv-image-gallery__text-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  min-height: 30px;
}

.pv-image-gallery__item-text {
  font-size: 12px;
  font-weight: 300;
  line-height: 1.4;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  opacity: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media screen and (max-width: 991px) {
  .pv-image-gallery {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 12px 10px 7px 10px;
    border-bottom: 1px solid #E3E3E3;
    padding-bottom: 8px;
  }
  .pv-image-gallery__item {
    margin: 0;
    padding: 0 5px 0 0;
    width: 12.5%;
    float: left;
  }
  .pv-image-gallery__item .img-container {
    padding: 0;
    display: block;
  }
  .pv-image-gallery__item:hover {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .pv-image-gallery__item-text {
    font-size: 6px;
    display: none;
  }
  .pv-image-gallery__text-container {
    min-height: 13px;
  }
  .pv-image-gallery__item.current {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.ea_button {
  pointer-events: visible;
}

@media screen and (min-width: 1200px) {
  #album-step {
    position: relative;
  }
  .pv-image-gallery-desktop-container {
    display: block;
    height: 120px;
    margin: 50px auto;
  }
  .pv-image-gallery {
    position: absolute !important;
    bottom: 0;
    width: 100%;
  }
}
/* HELPERS */
.pv-photo-carousel {
  width: 100%;
  max-width: 348px;
}
.pv-photo-carousel .carousel-control {
  width: 0;
  opacity: 1;
  background-image: none;
}
.pv-photo-carousel .carousel-inner {
  border: 1px solid #E8E8E8;
  border-radius: 10px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 1px #E8E8E8;
          box-shadow: 0 0 1px #E8E8E8;
}
.pv-photo-carousel .item {
  padding: 10px;
}
.pv-photo-carousel img {
  margin: 0 auto;
}
.pv-photo-carousel .carousel-caption {
  font-weight: 500;
  position: static;
  display: table;
  width: 100%;
  padding: 0;
  color: inherit;
  text-shadow: none;
}
.pv-photo-carousel .carousel-caption-content {
  line-height: 1.2;
  display: table-cell;
  height: 70px;
  padding-top: 10px;
  vertical-align: middle;
}
.pv-photo-carousel .glyphicon {
  font-size: 32px;
  line-height: 30px;
  top: 44%;
  width: 40px;
  height: 40px;
  margin: 0;
  vertical-align: middle;
  opacity: 1 !important;
  border-radius: 50%;
  background-color: #FA9F70;
  text-shadow: none;
}
.pv-photo-carousel .glyphicon:hover {
  background-color: rgb(253.4459459459, 225.1621621622, 210.5540540541);
}
.pv-photo-carousel .glyphicon:after,
.pv-photo-carousel .glyphicon:before {
  position: relative;
  top: 0;
  margin: 0;
}
.pv-photo-carousel .glyphicon-chevron-left {
  margin-left: -45px;
}
.pv-photo-carousel .glyphicon-chevron-right {
  margin-right: -45px;
}
.pv-photo-carousel .icon-left-open:before {
  right: 2px;
}
.pv-photo-carousel .icon-right-open:before {
  left: 2px;
}

@media screen and (max-width: 991px) {
  .pv-photo-carousel .glyphicon {
    font-size: 16px;
    line-height: 16px;
    width: 22px;
    height: 22px;
  }
  .pv-photo-carousel .glyphicon:before {
    line-height: 1.3;
  }
  .pv-photo-carousel .glyphicon-chevron-right {
    margin-right: -5px;
  }
  .pv-photo-carousel .glyphicon-chevron-left {
    margin-left: -5px;
  }
  .pv-photo-carousel .carousel-control {
    display: block !important;
  }
  .pv-photo-carousel .carousel-caption-content {
    height: 20px;
  }
}
/* HELPERS */
.panel--photo-vocab {
  -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0 6px 6px;
  margin-bottom: 0;
  padding: 0;
  background-color: #FFFFFF;
}
.panel--photo-vocab .glyphicon-volume-up {
  cursor: pointer;
}
.panel--photo-vocab .pv-type {
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  z-index: 99;
  top: 0;
  bottom: 0;
  left: -103px;
  width: 155px;
  height: 18px;
  margin: auto;
  padding-right: 10px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  text-align: right;
  color: #FFFFFF;
}
.panel--photo-vocab .pv-type.basic {
  background-color: #9DC49E;
}
.panel--photo-vocab .pv-type.advanced {
  background-color: #E76B6B;
}
.panel--photo-vocab .panel__body {
  max-width: 980px;
  padding-top: 25px;
}
.panel--photo-vocab .panel__title-body {
  margin-bottom: 0;
}
.panel--photo-vocab .panel__title-body:before {
  border-left: 16px solid #FA9F70;
}
.panel--photo-vocab .album-step-container {
  min-height: 460px;
}
.panel--photo-vocab .album-step-container a:hover, .panel--photo-vocab .album-step-container a:active, .panel--photo-vocab .album-step-container a:focus {
  text-decoration: none;
}
.panel--photo-vocab .pv-step-btn-container {
  display: block;
  float: right;
  width: 100%;
  max-width: 340px;
  margin-bottom: 0;
}
.panel--photo-vocab .pv-step-btn {
  display: inline-block;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #FA9F70;
}
.panel--photo-vocab .pv-step-btn:hover {
  background-color: rgb(253.4459459459, 225.1621621622, 210.5540540541);
}
.panel--photo-vocab .next-picture {
  max-width: 340px;
  padding-left: 30px;
}
.panel--photo-vocab .panel__footer {
  position: relative;
  min-height: 240px;
  padding-top: 30px;
  z-index: 999;
}
.panel--photo-vocab .panel__footer-icon {
  display: block;
  width: 136px;
  height: 136px;
  margin: 0 auto;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
  -webkit-transform: translateZ(0) scale(1, 1);
  opacity: 0.5;
  -webkit-backface-visibility: hidden;
}
.panel--photo-vocab .panel__footer-icon.active {
  opacity: 1;
}
.panel--photo-vocab .panel__footer-icon.current, .panel--photo-vocab .panel__footer-icon:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.panel--photo-vocab .exercise-component.current:before {
  border-bottom: 15px solid #FA9F70;
}
.panel--photo-vocab .panel__footer {
  padding-bottom: 0;
}
.panel--photo-vocab .panel-title__text {
  padding-top: 18px;
  padding-left: 6px;
}

.pv-switcher {
  font-size: 15px;
  display: inline-block;
  border: 1px solid #000000;
  border-radius: 15px;
  padding: 1px;
  margin-top: 5px;
}
.pv-switcher .separator {
  display: inline-block;
  margin-right: 3px;
  margin-left: 3px;
}
.pv-switcher .separator:after {
  content: "/";
}
.pv-switcher.easy {
  border-color: #9DC49E;
}
.pv-switcher.advanced {
  border-color: #E76B6B;
}
.pv-switcher__label {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
  display: block;
  color: #CDCDCD;
}

.pv-switcher__switch {
  position: relative;
  display: inline-block;
  color: #C1C1C1;
  padding: 7px;
  border-radius: 15px;
  font-size: 12px;
  font-weight: 400;
}
.pv-switcher__switch:hover, .pv-switcher__switch:focus, .pv-switcher__switch:active {
  text-decoration: none;
  color: #262E31;
}
.pv-switcher__switch.easy {
  padding: 7px 7px 7px 15px;
}
.pv-switcher__switch.advanced {
  padding: 7px 15px 7px 7px;
}
.pv-switcher__switch.active {
  color: #FFFFFF;
  padding: 7px 15px;
}
.pv-switcher__switch.active:hover, .pv-switcher__switch.active:focus, .pv-switcher__switch.active:active {
  color: #FFFFFF;
}
.pv-switcher__switch.active.easy {
  background-color: #9DC49E;
}
.pv-switcher__switch.active.advanced {
  background-color: #E76B6B;
}

.pv-final-score__sentences {
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
}

.pv-final-score__buttons {
  text-align: center;
}

.pv-final-score__button {
  margin: 25px 10px 40px 10px;
}

@media screen and (min-width: 991px) {
  .photo-vocab .exercise-col-left {
    width: 38%;
    padding-right: 20px;
  }
  .photo-vocab .exercise-col-right {
    width: 62%;
    padding-left: 20px;
    text-align: right;
  }
}
@media screen and (max-width: 500px) {
  .exercise-component--pv {
    height: 170px;
    margin: 0;
    width: 50%;
    float: left;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@media screen and (max-width: 991px) {
  .pv-photo-carousel {
    margin: 0 auto 20px auto;
    padding: 0 25px;
  }
  .pv-definition-panel {
    margin: 0 auto;
  }
  .pv-definition-panel-container p:last-child {
    margin-bottom: 0;
  }
  .panel--photo-vocab .pv-step-btn {
    display: block;
    width: auto;
    max-width: 400px;
    margin-right: auto;
    margin-left: auto;
  }
  .pv-col-left {
    text-align: center;
    margin-top: 30px;
  }
  .pv-game-content .pv-col-left {
    margin-top: 10px;
  }
  .pv-game-content .thumbnail--photo {
    margin-bottom: 25px;
  }
  .pv-switcher {
    font-size: 12px;
    padding: 0;
    margin-top: 8px;
    text-align: left;
  }
  .pv-switcher--div {
    display: block;
    clear: both;
    padding-top: 5px;
  }
  .panel--photo-vocab .panel__body {
    padding-top: 0;
  }
  .panel--photo-vocab .panel-title__icon {
    float: left;
  }
  .panel--photo-vocab .pv-type.basic {
    display: none;
  }
  .panel--photo-vocab .panel__footer {
    padding-top: 35px;
  }
  .panel--photo-vocab .panel__footer .pv-type.advanced {
    display: none;
  }
}
@media screen and (min-width: 881px) and (max-width: 1024px) {
  /* PV final score details */
  .pv-final-score__button.last {
    margin-bottom: 15px !important;
  }
}
@media screen and (max-width: 1024px) {
  /* PV final score details */
  .pv-final-score__button {
    margin: 0;
  }
  .pv-final-score__button.last {
    margin-bottom: 37px;
    margin-top: 17px;
  }
  .panel__footer-column {
    position: relative;
  }
  .panel__footer-column .difficulty-splitter {
    display: none;
  }
  .panel__footer-column.last {
    border-top: 1px solid #E3E3E3;
  }
}
@media screen and (min-width: 991px) {
  .js-title--spaces {
    margin-top: 5px !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .js--game-spaces {
    margin-top: 10px !important;
  }
}
/* CATALOG */
/* HELPERS */
/* catalog icon */
.catalog-icon {
  position: relative;
  display: inline-block;
  margin: 20px 5px 0;
  background-color: #5BB4C6;
}
.catalog-icon:hover {
  background-color: rgb(166.6923076923, 214.6153846154, 224.3076923077);
  text-decoration: none;
}

.catalog-icon--in-progress {
  background: url("../images/icons/rocket.svg") no-repeat;
}

.catalog-icon--to-do {
  background: url("../images/icons/check2.svg") no-repeat;
}

.catalog-icon--blockbusters {
  background: url("../images/icons/oscar.svg") no-repeat;
}

.catalog-icon--new-releases {
  width: 45px !important;
  height: 45px !important;
  border-radius: 0 !important;
  background: url("../images/icons/calander.svg") no-repeat;
}

.catalog-icon--video-karaoke {
  width: 45px !important;
  height: 45px !important;
  background: url("../images/icons/vb-catalog-vinyl.svg") no-repeat;
}

.catalog-icon--favorites {
  width: 70px !important;
  height: 70px !important;
  background: url("../images/school/star.svg") no-repeat;
}

.catalog-icon [class^=icon-],
.catalog-icon [class*=" icon-"] {
  font-size: 35px;
  text-align: center;
  color: #FFFFFF;
  top: 5px !important;
}

.catalog-icon__pic {
  position: absolute;
  top: 12px;
  right: 0;
  bottom: auto;
  left: 0;
  display: block;
  width: 50px;
  height: 50px;
  margin: auto;
}

.catalog-icon__text {
  display: block;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
}

/* end catalog icon */
/*container element */
.catalog-icon__container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 60px;
  height: 60px;
  margin: auto;
  content: "";
  border-radius: 50%;
  background-size: contain;
}

/*end container element */
/* modifier round */
.catalog-icon--round {
  width: 110px;
  height: 110px;
  border-radius: 50%;
}
.catalog-icon--round:after {
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  display: block;
  content: "";
  border: 1px solid #FFFFFF;
  border-radius: 50%;
}

.catalog-icon--round .catalog-icon__container {
  top: 10px;
  bottom: auto;
}

.catalog-icon--round .catalog-icon__text {
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  top: auto;
  right: 0;
  bottom: 10px;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 50px;
  margin: auto;
  padding-right: 17px;
  padding-left: 17px;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* end modifier round */
/* modifier square */
.catalog-icon--square {
  width: 120px;
  height: 150px;
  margin-top: 15px;
  margin-bottom: 15px;
  border: 2px solid #5bb4c6;
  background-color: #5bb4c6;
}
.catalog-icon--square:before {
  display: none;
}
.catalog-icon--square.current {
  background-color: #FFFFFF;
}
.catalog-icon--square.current .catalog-icon__text {
  color: #5BB4C6;
}
.catalog-icon--square .catalog-icon__pic {
  top: 0;
  bottom: auto;
  width: 100px;
  height: 100px;
  overflow: hidden;
}
.catalog-icon--square .catalog-icon__text {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  position: absolute;
  top: auto;
  right: 0;
  bottom: 3px;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 50px;
  margin: auto;
  padding-right: 17px;
  padding-left: 17px;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* end modifier square */
/* see all video boosters */
.see-all {
  position: relative;
  width: 100%;
  max-width: 150px;
  height: 245px;
  text-align: center;
  color: #FFFFFF;
  background-color: #5BB4C6;
}

.see-all__amount {
  font-size: 36px;
}

.see-all__text {
  font-size: 24px;
  line-height: 1;
}
.see-all__text:last-child {
  margin-top: 30px;
  margin-bottom: 10px;
}
.see-all__text .text {
  display: block;
}

.see-all__icon {
  font-size: 45px;
  font-size: 22px;
  line-height: 40.5px;
  position: absolute;
  top: auto;
  right: 0;
  bottom: 10px;
  left: 0;
  display: block;
  width: 42px;
  height: 42px;
  text-decoration: none !important;
  color: #FFFFFF;
  color: #5BB4C6;
  border-radius: 50%;
  background-color: #FFFFFF;
  margin: auto;
}
.see-all__icon:hover {
  background-color: hsl(0, 0%, 120%);
  color: #5BB4C6;
}
.see-all__icon:before {
  margin-right: -0.1em;
}

/* end see all video boosters */
@media screen and (max-width: 991px) {
  .catalog-icons {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
    padding: 0 !important;
  }
  .catalog-icon--round:after {
    content: none;
  }
  .catalog-icons {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  /* Hack for icons */
  .catalog-icon--square .catalog-icon__pic img {
    top: -3px !important;
    left: 5px !important;
  }
  /* MOVIES ICONS POSITIONING ON CURRENT ITEM */
  .catalog-icon--square.current .catalog-icon__pic img {
    top: -40px !important;
  }
  /* END MOVIES ICONS POSITIONING ON CURRENT ITEM */
  .catalog-icon {
    width: 49.5%;
    height: auto;
    margin: 0 0 1% 0;
    border-radius: 0;
    padding-left: 45px;
  }
  .catalog-icon .catalog-icon__text {
    display: inline-block !important;
    position: static !important;
    width: 100%;
    font-size: 14px !important;
    text-align: left;
    display: table-cell !important;
    vertical-align: middle;
    line-height: 1;
  }
  .catalog-icon .catalog-icon__picture {
    position: absolute;
    top: 0 !important;
    right: auto !important;
    bottom: 0 !important;
    left: 10px !important;
    margin: auto !important;
  }
  .see-all {
    max-width: 286px;
  }
  .catalog-icon__pic {
    display: inline-block;
    top: 7px;
    left: -4px;
  }
  .catalog-wrapper--in-progress .catalog-icon--square .catalog-icon__pic {
    width: 38px !important;
    height: 38px !important;
    margin: 0;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 0 !important;
  }
  .catalog-panel--flex .catalog-icon--in-progress,
  .catalog-panel--flex .catalog-icon--to-do,
  .catalog-panel--flex .catalog-icon--favorites {
    width: 35px;
    height: auto;
    left: 5px !important;
    top: 5px !important;
  }
  .catalog-panel--flex .catalog-panel--flex {
    left: -3px !important;
  }
  .catalog-icon--new-releases,
  .catalog-icon--video-karaoke {
    width: 25px !important;
    height: 25px !important;
  }
  .catalog-icon__pic {
    width: 30px !important;
    height: 30px !important;
  }
  .catalog-icon [class*=" icon-"],
  .catalog-icon [class^=icon-] {
    font-size: 17px;
    top: 35px !important;
    left: -10px !important;
  }
  /* PV See all exercises */
  .catalog-panel--flex.pv .catalog-icon__container {
    margin: 0;
  }
  .catalog-panel--flex.pv .catalog-icon [class*=" icon-"],
  .catalog-panel--flex.pv .catalog-icon [class^=icon-] {
    top: 10px !important;
    left: -10px !important;
  }
  .pv_new_releases {
    background-size: 35px 35px !important;
  }
  /* All exercises VB Beginners pack */
  .catalog-page-title__icon.vb_pack {
    width: 60px;
    height: 60px;
  }
  .catalog-page-title__icon.vb_pack .catalog-icon__pic {
    top: 0;
    left: 3px;
  }
  .catalog-page-title__icon.vb_pack .catalog-icon--new-releases,
  .catalog-page-title__icon.vb_pack .catalog-icon--video-karaoke,
  .catalog-page-title__icon.vb_pack .catalog-icon__pic {
    width: 54px !important;
    height: 54px !important;
  }
  .catalog-page-title__icon.pv-pack {
    width: 60px !important;
    height: 60px !important;
  }
  .catalog-page-title__icon.pv-pack .catalog-icon__pic {
    position: absolute;
    height: 45px !important;
    width: 45px !important;
    top: -17px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
  }
  /* Fix for icons on All exercises - video karaoke page */
  .page-vb-list-karaoke .catalog-wrapper--in-progress .catalog-icon--square {
    min-height: 35px;
  }
  .page-vb-list-karaoke .catalog-wrapper--in-progress .catalog-icon--square .catalog-icon__pic {
    width: 41px !important;
    height: 41px !important;
  }
  .page-vb-list-karaoke .catalog-wrapper--in-progress .catalog-icon--square .catalog-icon__pic .video-karaoke__sort-movies {
    top: -5px !important;
  }
  .page-vb-list-karaoke .catalog-wrapper--in-progress .catalog-icon--square.current .video-karaoke__sort-movies {
    top: -47px !important;
  }
}
@media screen and (max-width: 767px) {
  /* Respect the white space as in the design */
  .catalog-icons {
    padding: 2px !important;
  }
  .catalog-icons--sqare .catalog-icon--square {
    min-height: 50px;
    width: 48%;
    margin: 0;
    border: 1px solid #5BB4C6;
  }
  .catalog-icons--sqare .catalog-icon--square:first-of-type, .catalog-icons--sqare .catalog-icon--square:nth-of-type(2) {
    margin-bottom: 4%;
  }
}
/* HELPERS */
.page-exercises-video-boosters .catalog-title__container .catalog-logo--vb {
  background-color: #408898;
}

.catalog-title__container {
  position: absolute;
  z-index: 20;
  top: -45px;
  left: -20px;
}
.catalog-title__container .catalog-logo {
  position: absolute;
  z-index: 100;
  top: 3px;
  left: -24px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
}
.catalog-title__container .catalog-logo--vb {
  -webkit-box-shadow: 2px 3px 0px 1px #408898;
          box-shadow: 2px 3px 0px 1px #408898;
}
.catalog-title__container .catalog-logo--pv {
  -webkit-box-shadow: 2px 3px 0 1px #E68B5C;
          box-shadow: 2px 3px 0 1px #E68B5C;
}

.catalog-panel--carousel .catalog-title:after {
  left: -1px;
}
.catalog-panel--carousel .catalog-title__shadow:after {
  left: 0;
}

.catalog-title__shadow,
.catalog-title {
  font-size: 18px;
  position: relative;
  display: inline-block;
  padding: 10px 16px;
  color: #FFFFFF;
  background-color: #5BB4C6;
}
.catalog-title__shadow:after,
.catalog-title:after {
  position: absolute;
  z-index: -1;
  top: 0;
  right: -15%;
  bottom: 0;
  left: 8px;
  display: block;
  content: "";
  -webkit-transform: skew(-20deg);
  -o-transform: skew(-20deg);
  background: #5BB4C6;
}

.catalog-title__shadow {
  position: absolute;
  z-index: -1;
  top: 4px;
  right: -3px;
  bottom: -4px;
  left: 4px;
  display: block;
  background-color: #408898;
}
.catalog-title__shadow:after {
  background-color: #408898;
}

.catalog-title--icon {
  left: 40px;
  z-index: 999;
  padding-left: 25px;
}

.catalog-icons--sqare .catalog-title__shadow {
  left: 8px;
}
@media screen and (max-width: 991px) {
  .catalog-icons--sqare .catalog-title__shadow {
    left: 4px;
  }
}

.page-vb-list-progress .catalog-title:after,
.page-vb-list-progress .catalog-title__shadow:after,
.page-pv-list-progress .catalog-title:after,
.page-pv-list-progress .catalog-title__shadow:after {
  left: -2px;
}

/* catalog page title with icon*/
.catalog-page-title {
  line-height: 1.2;
  margin-top: 0;
}

.catalog-page-title__icon {
  display: inline-block;
  width: 80px;
  height: 80px;
  margin-right: 5px;
  vertical-align: middle;
  border-radius: 50%;
  background-color: #5BB4C7;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 70px 70px;
}
.catalog-page-title__icon .catalog-icon__pic {
  position: relative;
}
.catalog-page-title__icon {
  /* center icons from Catalog page title - ticket 7046.
  The value from the top property is obtain as it follows:
  We add a background color for the image so we can see the whole dimension.
  We measure the smallest space available from the bottom and from the top of the image
  (distance between white image and the top/bottom of the background image)
  and we calculate the difference between them. This value will be added to the top property. */
}
.catalog-page-title__icon.business_lounge .catalog-icon__pic {
  top: 14px;
}
.catalog-page-title__icon.kids_corner .catalog-icon__pic {
  top: 9px;
}

.c-catalog-page-title__text {
  text-transform: uppercase;
  font-size: 25px;
}

.catalog-page-title__text {
  font-weight: 400;
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
}

.catalog-page-title__icon.pv_in_progress,
.catalog-page-title__icon.vb_in_progress {
  background-image: url("../images/icons/rocket.svg");
}

.catalog-page-title__icon.pv_to_do,
.catalog-page-title__icon.vb_to_do {
  background-image: url("../images/icons/check2.svg");
}

.catalog-page-title__icon.pv_favorites,
.catalog-page-title__icon.vb_favorites {
  background-image: url("../images/school/star.svg");
}

.catalog-page-title__icon.pv_new_releases,
.catalog-page-title__icon.vb_new_releases {
  background-image: url("../images/icons/calander.svg");
  background-position: 50% 50%;
  background-size: 50px;
}

.page-pv-list .catalog-page-title__icon {
  background-color: #FA9F70;
  -webkit-box-shadow: 3px 1px 0 1px #E68B5C;
          box-shadow: 3px 1px 0 1px #E68B5C;
}

@media screen and (max-width: 1200px) {
  .catalog-title__container {
    left: 0;
    top: -40px;
  }
}
@media screen and (max-width: 767px) {
  .catalog-title--icon .ea-icon {
    width: 50px;
    height: 50px;
    top: -10px;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    left: -18px;
  }
  .catalog-title,
  .catalog-title__shadow {
    font-size: 16px;
    padding: 6px 0 6px 10px;
    left: 2px;
  }
  .catalog-title--icon {
    padding-left: 36px;
  }
  .catalog-panel--carousel .catalog-title--icon {
    padding-left: 6px;
    left: 36px;
    padding-right: 0;
  }
  .catalog-panel--carousel .catalog-logo {
    height: 40px;
    width: 40px;
    left: 0;
    top: 18px;
  }
  .catalog-panel--carousel .catalog-title--icon .ea-icon {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .catalog-page-title {
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .catalog-page-title__icon {
    width: 60px;
    height: 60px;
    background-size: 50px 50px;
  }
  .catalog-icons--sqare .catalog-title {
    left: 40px;
  }
  .catalog-title {
    padding: 5px 16px;
    top: 5px;
    font-size: 16px;
  }
  /* Fix in progress for VB */
  .page-vb-list-progress .catalog-page-title__icon {
    position: relative;
  }
  .page-vb-list-progress .catalog-page-title__icon.vb_in_progress {
    width: 40px;
    height: 40px;
    top: 18px;
    left: 5px;
    position: absolute;
    background-size: contain;
  }
  /* Fix In progress for PV */
  .page-pv-list .catalog-page-title__icon {
    position: relative;
  }
  .page-pv-list .catalog-page-title__icon.pv_in_progress {
    width: 40px;
    height: 40px;
    top: 18px;
    left: 5px;
    position: absolute;
    background-size: contain;
    -webkit-box-shadow: 3px 1px 0 1px #E68F64;
            box-shadow: 3px 1px 0 1px #E68F64;
  }
  .page-pv-list .catalog-page-title__icon .catalog-icon__pic {
    position: absolute;
    top: -10px;
    right: 0px;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 35px !important;
    height: 35px !important;
  }
  .catalog-page-title__text {
    font-size: 16px !important;
  }
  .catalog-page-title__icon.pv_new_releases,
  .catalog-page-title__icon.vb_new_releases {
    background-size: 35px;
  }
}
/* HELPERS */
.catalog-carousel__image {
  width: 100%;
  max-width: 844px;
}

.catalog-carousel__indicators {
  right: 0;
  left: auto;
  width: 25%;
}
.catalog-carousel__indicators li.active,
.catalog-carousel__indicators li {
  display: inline-block;
  overflow: hidden;
  width: 18px;
  height: 18px;
  margin: 0 4px;
  border: none;
  border-radius: 100%;
  background-color: #D3D2D2;
}
.catalog-carousel__indicators li.active {
  background-color: #5BB4C6;
}

/* Home page block */
#block-ea_revamp-5 .carousel-indicators {
  bottom: 26px;
}
@media screen and (max-width: 767px) {
  #block-ea_revamp-5 .carousel-indicators {
    bottom: 40px;
    left: 0;
  }
}
#block-ea_revamp-5 .carousel-indicators li.active,
#block-ea_revamp-5 .carousel-indicators li {
  display: inline-block;
  overflow: hidden;
  width: 12px;
  height: 12px;
  margin: 0 4px;
  border: none;
  border-radius: 100%;
  background-color: #D3D2D2;
}
#block-ea_revamp-5 .carousel-indicators li.active {
  background-color: #5BB4C6;
}
#block-ea_revamp-5 .carousel--title {
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.1px;
  text-align: left;
  color: #000000;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #E3E3E3;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.catalog-carousel__caption-container {
  padding-left: 0px;
}

/* carousel aside */
.catalog-carousel__caption {
  padding-top: 35px;
}

.ca-caption-subtitle {
  margin-bottom: 35px;
  color: #b9b9b9;
}

.ca-caption-list {
  font-size: 14px;
}

.ca-caption-list__title {
  font-weight: 500;
  display: inline-block;
}
.ca-caption-list__title:after {
  content: ":";
}

.ca-caption-list__text {
  display: inline-block;
  margin-bottom: 14px;
}

.ca-caption-delimitator {
  display: block;
}

/* CATALOG CAROUSEL PHOTO VOCAB */
.catalog-carousel__title {
  font-size: 16px;
  font-weight: 400;
}

.catalog-carousel__subtitle {
  font-size: 16px;
  font-weight: 300;
}

.catalog-carousel__caption--pictures {
  max-width: 375px;
  margin: 0 auto;
}

.catalog-carousel__visuals {
  list-style: none;
}
.catalog-carousel__visuals li {
  float: left;
  width: 25%;
  padding: 5px;
}

.catalog-carousel__visuals-container {
  display: block;
  width: 100%;
  max-width: 290px;
  margin-bottom: 12px;
  border: 1px solid #E7E7E7;
  border-radius: 5px;
  -webkit-box-shadow: 5px 4px 0 0 #E7E7E7;
          box-shadow: 5px 4px 0 0 #E7E7E7;
}
.catalog-carousel__visuals-container:nth-child(2n+2) {
  margin-left: 60px;
}

.catalog-carousel__caption--vocab {
  width: 100%;
  min-height: 440px;
  padding-left: 35px;
  background-color: #FFFFFF;
}

.catalog-carousel__vocab {
  font-size: 13px;
  padding: 0;
  list-style: none;
}

.catalog-carousel--pv .catalog-carousel__caption {
  padding-top: 15px;
  padding-bottom: 15px;
}
.catalog-carousel--pv .thumbnail--photo {
  margin-top: 65px;
  margin-bottom: 0;
}
.catalog-carousel--pv .catalog-carousel__inner {
  background-color: #FAFAFA;
}
.catalog-carousel--pv .catalog-carousel__indicators li.active {
  background-color: #FA9F70;
}

.catalog-carousel__inner .css-icon-assignment--big {
  width: 50px;
  height: 50px;
  top: 20px;
  right: 30px;
  z-index: 99;
}
.catalog-carousel__inner .css-icon-assignment--big:before {
  font-size: 34px;
  line-height: 40px !important;
}
.catalog-carousel__inner .content-assignments__container {
  padding: 40px;
  z-index: 100;
  bottom: 0;
  background: #FEFEFE;
}
.catalog-carousel__inner .content-assignments__container .scroll-bar {
  height: 100%;
}
.catalog-carousel__inner .content-assignments .content-assignments__container-close {
  cursor: pointer;
  right: 10px;
  top: 10px;
  z-index: 101;
}

.content-assignments__wrapper .content-assignments__container {
  height: 440px;
}

@media screen and (max-width: 767px) {
  /* hide caption list from all exercises - VB */
  .ca-caption-list {
    display: none;
  }
  .catalog-carousel__inner .content-assignments__container {
    padding: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .carousel-indicators {
    bottom: 0 !important;
  }
  #catalog-carousel {
    height: 325px;
  }
  #catalog-carousel .carousel-indicators {
    top: initial;
    left: calc(50% - 190px);
    bottom: 10% !important;
    width: 190px;
  }
  .page-pv-list #catalog-carousel .carousel-indicators {
    bottom: 35% !important;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  #catalog-carousel .carousel-indicators {
    top: initial;
    bottom: 20%;
  }
  .page-pv-list .carousel-indicators {
    bottom: 40% !important;
  }
}
@media screen and (max-width: 991px) {
  .page-pv-list #catalog-carousel .carousel-indicators {
    left: 0;
    bottom: 40%;
  }
}
@media screen and (max-width: 480px) {
  #catalog-carousel .carousel-indicators {
    top: initial;
    bottom: 25%;
  }
}
@media screen and (max-width: 666px) {
  .carousel-inner .css-icon-assignment:before {
    padding-top: 5px;
  }
}
@media screen and (max-width: 991px) {
  .ca-caption-title {
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 400;
  }
  .ca-caption-subtitle {
    font-size: 12px;
    margin-top: 0;
    margin-bottom: 0;
  }
  .carousel-indicators {
    top: 135px;
    width: 100%;
    margin: 0;
    height: 20px;
  }
  .catalog-carousel__caption {
    padding: 15px 0;
  }
  .catalog-carousel--pv .catalog-carousel__caption {
    display: none;
  }
  .catalog-carousel--pv .carousel-indicators {
    bottom: 0;
  }
  .catalog-panel--carousel {
    background-color: #FAFAFA !important;
  }
  .catalog-carousel--pv .thumbnail--photo {
    margin-top: 0;
    margin-bottom: 40px;
  }
  .catalog-carousel--pv .carousel-indicators {
    bottom: 0;
    right: 0;
    left: 0;
    top: auto;
    margin: auto;
  }
  .catalog-carousel--pv .carousel-inner {
    max-width: 300px;
    margin: 0 auto;
  }
  .catalog-carousel--pv .carousel-inner .col-xs-12 {
    width: 100% !important;
  }
  .content-assignments__wrapper .css-icon-assignment--big {
    top: 100px;
    right: 30px;
  }
}
/* HELPERS */
.thumbnail--catalog .thumbnail___image,
.thumbnail--catalog .thumbnail--video__image {
  opacity: 1;
}
.thumbnail--catalog .active-flag {
  right: auto;
  left: 10px;
  width: 26px;
  height: 35px;
  text-align: center;
  background-color: #5BB4C6;
  cursor: default;
}
.thumbnail--catalog .active-flag:before {
  border-width: 0 13px 10px 0;
  border-color: transparent #5BB4C6 transparent transparent;
}
.thumbnail--catalog .active-flag:after {
  border-width: 10px 13px 0 0;
  border-color: #5BB4C6 transparent transparent transparent;
}
.thumbnail--catalog .active-flag.progress-score {
  font-size: 14px;
  font-weight: 600;
  width: 38px;
  height: 44px;
  padding: 12px 0 0 0;
}
.thumbnail--catalog .active-flag.progress-score .icon-rocket {
  margin-top: 4px;
}
.thumbnail--catalog .active-flag.progress-score .progress-score-text {
  display: block;
  margin-top: 13px;
}
.thumbnail--catalog .active-flag.progress-score:before {
  border-width: 0 20px 15px 0;
}
.thumbnail--catalog .active-flag.progress-score:after {
  border-width: 15px 20px 0 0;
}
.thumbnail--catalog > a {
  text-decoration: none;
  color: inherit;
}
.thumbnail--catalog .icon-rocket {
  font-size: 18px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 20px;
  cursor: default;
  margin: auto;
}

/* VIDEOP BOOSTER ADDED IN TO DO OR PROGRESS LIST */
.catalog-item-added,
.catalog-vb-added {
  position: absolute;
  z-index: 999;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 84px;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10px;
  cursor: default;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  text-align: center;
  opacity: 0;
  color: #818181;
  background-color: #F3F3F3;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.catalog-item-added .carousel-inner,
.catalog-item-added .carousel,
.catalog-vb-added .carousel-inner,
.catalog-vb-added .carousel {
  height: 100%;
}
.catalog-item-added .carousel-indicators,
.catalog-vb-added .carousel-indicators {
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
}
.catalog-item-added .carousel-indicators li,
.catalog-vb-added .carousel-indicators li {
  width: 12px !important;
  height: 12px !important;
  margin: 0;
  background-color: #C3C3C3;
}
@media screen and (max-width: 767px) {
  .catalog-item-added .carousel-indicators li,
  .catalog-vb-added .carousel-indicators li {
    height: 20px !important;
    width: 20px !important;
  }
}
.catalog-item-added .carousel-indicators .active,
.catalog-vb-added .carousel-indicators .active {
  background-color: #818181;
}
.catalog-item-added .item.active,
.catalog-item-added .item.next,
.catalog-item-added .item.prev,
.catalog-vb-added .item.active,
.catalog-vb-added .item.next,
.catalog-vb-added .item.prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.catalog-item-added .ca-caption-list,
.catalog-vb-added .ca-caption-list {
  font-size: 12px;
  margin: 0;
  text-align: left;
  color: #7F7F7F;
}
.catalog-item-added .ca-caption-list__text,
.catalog-vb-added .ca-caption-list__text {
  margin-bottom: 8px;
}
.catalog-item-added .ca-caption-list__text--last,
.catalog-vb-added .ca-caption-list__text--last {
  margin-bottom: 0;
}
.catalog-item-added.visible,
.catalog-vb-added.visible {
  z-index: 99999;
  opacity: 1;
  overflow: hidden;
}
.catalog-item-added .active-flag,
.catalog-vb-added .active-flag {
  position: relative;
  right: auto;
  left: auto;
  display: inline-block;
  margin-right: 5px;
  background-color: #FFFFFF;
}
.catalog-item-added .active-flag .glyphicon,
.catalog-vb-added .active-flag .glyphicon {
  color: #5BB4C7;
}
.catalog-item-added .icon-rocket,
.catalog-vb-added .icon-rocket {
  font-size: 28px;
  position: static;
  height: auto;
}
.catalog-item-added .catalog-vb-score,
.catalog-item-added .catalog-vb-steps,
.catalog-vb-added .catalog-vb-score,
.catalog-vb-added .catalog-vb-steps {
  font-size: 16px;
  margin-bottom: 5px;
}

.catalog-item-added__score,
.catalog-item-added__steps {
  font-size: 16px;
  margin-bottom: 5px;
}

.catalog-item-added__close,
.catalog-vb-added__close {
  font-size: 16px;
  position: absolute;
  z-index: 999;
  top: 6px;
  right: 6px;
  cursor: pointer;
}
.catalog-item-added__close:hover,
.catalog-vb-added__close:hover {
  color: #b4b4b4;
}

.catalog-item-added__text,
.catalog-vb-added__text {
  font-size: 18px;
  margin-top: 15px;
  margin-bottom: 10px;
}

.catalog-item-added__btn,
.catalog-item-added__remove,
.catalog-vb-added__remove {
  font-size: 14px;
  display: inline-block;
}
.catalog-item-added__btn a,
.catalog-item-added__remove a,
.catalog-vb-added__remove a {
  color: #818181 !important;
}
.catalog-item-added__btn:hover:after,
.catalog-item-added__remove:hover:after,
.catalog-vb-added__remove:hover:after {
  opacity: 1;
}
.catalog-item-added__btn .icon,
.catalog-item-added__remove .icon,
.catalog-vb-added__remove .icon {
  font-size: 28px;
  position: relative;
  top: -2px;
  vertical-align: middle;
}
.catalog-item-added__btn .icon-to-do-flag a,
.catalog-item-added__remove .icon-to-do-flag a,
.catalog-vb-added__remove .icon-to-do-flag a {
  font-family: "Open Sans";
  font-size: 14px;
}
.catalog-item-added__btn .icon-to-do-flag a:before,
.catalog-item-added__remove .icon-to-do-flag a:before,
.catalog-vb-added__remove .icon-to-do-flag a:before {
  font-family: "fontello";
  font-size: 28px;
  position: relative;
  top: -2px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.catalog-item-added__btn .icon-to-do-flag.icon-to-remove a:before,
.catalog-item-added__remove .icon-to-do-flag.icon-to-remove a:before,
.catalog-vb-added__remove .icon-to-do-flag.icon-to-remove a:before {
  content: "\e807";
}
.catalog-item-added__btn .icon-to-do-flag.icon-to-add a:before,
.catalog-item-added__remove .icon-to-do-flag.icon-to-add a:before,
.catalog-vb-added__remove .icon-to-do-flag.icon-to-add a:before {
  content: "\e800";
}

.catalog-item-added--pv {
  top: 16px;
  bottom: auto;
  width: 235px;
  height: 235px;
  margin: 0 auto;
}

/* ICON ADD */
.thumb .icon-add {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  position: absolute;
  z-index: 99;
  top: 8px;
  right: 8px;
  display: inline-block;
  width: 32px;
  height: 32px;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  color: #999999;
  border-radius: 50%;
  background-color: #F3F3F3;
}
.thumb .icon-add:hover {
  background-color: hsl(0, 0%, 115.2941176471%);
}

.thumb .icon-karaoke {
  top: 125px;
  right: 8px;
  width: 32px;
  height: 32px;
  position: absolute;
  display: inline-block;
  cursor: pointer;
  background: url("../images/icons/vb-catalog-vinyl.svg") center center no-repeat;
  background-size: cover;
  border-radius: 100%;
}
.thumb .icon-karaoke:hover {
  background-size: cover;
}
.thumb .icon-karaoke {
  z-index: 9999;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.35);
          box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.35);
}

.thumbnail--catalog-photo .icon-add {
  top: 20px;
  right: 20px;
}

@media (max-width: 1174px) {
  .thumb .icon-add {
    top: 4px;
  }
  .css-icon-assignment {
    top: 42px;
  }
  .thumb .icon-karaoke {
    top: 90px;
  }
}
@media (max-width: 991px) {
  .thumb .icon-karaoke {
    top: 80px;
  }
  .catalog-item-added__close,
  .catalog-vb-added__close {
    font-size: 20px;
  }
}
@media (max-width: 666px) {
  .thumb .icon-add,
  .thumb .icon-karaoke,
  .css-icon-assignment {
    width: 45px;
    height: 45px;
  }
  .thumb .icon-add:before {
    line-height: 45px;
  }
  .css-icon-assignment:before {
    font-size: 30px;
    padding-top: 10px;
  }
}
@media (max-width: 666px) {
  .thumbnail--catalog-video.thumb .icon-add {
    top: 5px;
  }
  .thumbnail--catalog-video.thumb .icon-karaoke {
    top: 105px;
  }
  .thumbnail--catalog-video.thumb .css-icon-assignment {
    top: 55px;
  }
}
/* HELPERS */
.thumbnail--catalog-photo {
  margin-top: 15px;
  margin-bottom: 15px;
}
.thumbnail--catalog-photo .active-flag.main {
  top: 16px;
  left: 25px;
}
.thumbnail--catalog-photo .active-flag {
  background-color: #FA9F70;
}
.thumbnail--catalog-photo .active-flag:before {
  border-width: 0 13px 10px 0;
  border-color: transparent #FA9F70 transparent transparent;
}
.thumbnail--catalog-photo .active-flag:after {
  border-width: 10px 13px 0 0;
  border-color: #FA9F70 transparent transparent transparent;
}
.thumbnail--catalog-photo .active-flag.progress-score {
  background-color: #FA9F70;
}
.thumbnail--catalog-photo .active-flag.progress-score:before {
  border-width: 0 20px 15px 0;
  border-color: transparent #FA9F70 transparent transparent;
}
.thumbnail--catalog-photo .active-flag.progress-score:after {
  border-width: 15px 20px 0 0;
  border-color: #FA9F70 transparent transparent transparent;
}

@media (max-width: 1174px) {
  .thumbnail--catalog-photo.thumb .icon-add {
    top: 20px;
  }
}
@media (max-width: 666px) {
  .thumbnail--catalog-photo.thumb .css-icon-assignment {
    top: 75px;
  }
}
@media screen and (max-width: 991px) {
  .thumbnail--catalog-photo {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
}
/* HELPERS */
/* GENERAL STYLES FOR CATALOG FILTER */
.catalog-filter {
  font-size: 16px;
  display: inline-block;
  width: 100%;
  max-width: 250px;
  vertical-align: middle;
}

.c-catalog-filter {
  max-width: 255px;
  width: 100%;
  height: 55px;
}

.catalog-filter__btn {
  font-size: 16px;
  line-height: 1.1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 52px;
  padding: 0 35px 0 20px;
  text-align: left;
  white-space: normal;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.catalog-filter__btn .caret,
.catalog-filter__btn .catalog-filter__icon {
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 4px;
  left: auto;
  margin: auto;
}
.catalog-filter__btn .catalog-filter__icon.animated {
  font-size: 18px;
  line-height: 1;
  right: 8px;
  height: 20px;
  -webkit-animation: spin 2s infinite linear;
          animation: spin 2s infinite linear;
}

.c-catalog-filter__btn {
  height: 55px;
}

.catalog-filter--sort .catalog-filter__dropdown .c-dropdown__menu-item {
  border-bottom: 1px solid #E3E3E3;
}
.catalog-filter--sort .catalog-filter__dropdown .c-dropdown__menu-item:last-of-type {
  border-bottom: none;
}

.catalog-filter__dropdown {
  width: 100% !important;
  padding: 0;
  text-align: left;
  border: none;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.catalog-filter__dropdown .c-dropdown__menu-item {
  position: relative;
}
.catalog-filter__dropdown .c-dropdown__menu-item a {
  font-size: 16px;
  font-weight: 400;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 45px;
  word-wrap: break-word;
}
.catalog-filter__dropdown .c-dropdown__menu-item a:hover {
  color: #FFFFFF;
  background-color: #36393f;
}
.catalog-filter__dropdown .c-dropdown__menu-item:first-child a {
  border-radius: 10px 10px 0 0;
}
.catalog-filter__dropdown .c-dropdown__menu-item:last-child a {
  border-radius: 0 0 10px 10px;
}
.catalog-filter__dropdown .c-dropdown__menu-item.active:before {
  font-family: "Glyphicons Halflings";
  font-weight: 400;
  font-style: normal;
  line-height: 60px;
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 20px;
  margin: auto;
  content: "\e013";
  color: #FFFFFF;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.catalog-filter__dropdown .c-dropdown__menu-item.active a {
  color: #FFFFFF;
  background-color: #989898;
}

/* CATALOG FILTER MODIFIER SEARCH */
.catalog-filter--search {
  max-width: 100%;
  margin-top: 15px;
  padding-left: 165px;
}
.catalog-filter--search .catalog-filter__label {
  font-size: 18px;
  line-height: 1.2;
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: -10px;
  display: table;
  width: 180px;
  margin: auto;
  padding-right: 5px;
  padding-left: 10px;
  text-align: left;
}
.catalog-filter--search .catalog-filter__label-container {
  display: table-cell;
  vertical-align: middle;
}
.catalog-filter--search .catalog-filter__container {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 250px;
}
.catalog-filter--search .c-catalog-filter__container--grammar {
  max-width: 300px;
  width: 100%;
}
.catalog-filter--search .c-catalog-filter__container--level {
  max-width: 300px;
  width: 100%;
}
.catalog-filter--search .catalog-filter__btn {
  font-size: 18px;
  width: 100%;
  max-width: 100%;
  height: 48px;
  padding-top: 0;
  padding-right: 35px;
  padding-bottom: 0;
  white-space: normal;
  color: #5BB4C7;
  border: 1px solid #5BB4C7;
  background-color: #FFFFFF;
}
.catalog-filter--search.pv .catalog-filter__btn {
  color: #FA9F70;
  border: 1px solid #FA9F70;
}
.catalog-filter--search .catalog-filter__dropdown {
  max-width: 250px !important;
  margin-top: 13px;
  border: 1px solid #EEEDED;
  background-color: transparent;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.catalog-filter--search .catalog-filter__dropdown:after, .catalog-filter--search .catalog-filter__dropdown:before {
  left: 85.5%;
  border-bottom-color: #FFFFFF;
}
.catalog-filter--search .dropdown-menu__container {
  max-height: auto;
}
.catalog-filter--search .scroll-bar {
  display: block;
  padding-right: 0;
  padding-right: 8px;
  border-radius: 10px;
  background: transparent;
  background: #FFFFFF;
}
.catalog-filter--search .scroll-bar__content {
  padding: 0;
  border-radius: 10px;
  background: transparent;
}
.catalog-filter--search li.active:before {
  top: -8px;
}
.catalog-filter--search li a {
  font-size: 16px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 40px;
  color: #5BB4C7;
  border-bottom: 1px solid #5BB4C7;
  background-color: #FFFFFF;
}
.catalog-filter--search.pv li a {
  color: #FA9F70;
  border-bottom: 1px solid #FA9F70;
}
.catalog-filter--search li:last-child a {
  border-bottom: none;
}
.catalog-filter--search li:first-child a {
  border-radius: 10px 10px 0 0;
}
.catalog-filter--search li:last-child a {
  border-radius: 0 0 10px 10px;
}
.catalog-filter--search .scroll-bar li:first-child a {
  border-top-right-radius: 0;
}
.catalog-filter--search .scroll-bar li:first-child a {
  border-bottom-right-radius: 0;
}
.catalog-filter--search li a:hover {
  color: #FFFFFF;
  background-color: #36393f;
}
.catalog-filter--search li.active a {
  color: #FFFFFF;
  background-color: #36393f;
}
.catalog-filter--search.pv li.active a {
  color: #FFFFFF;
  background-color: #FA9F70;
}

.c-catalog-filter--search {
  padding: 0;
  max-width: 700px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left;
  margin-top: 18px;
}

@media (max-width: 991px) {
  .c-catalog-filter--search {
    padding: 0 !important;
    margin: 20px 0 0 0;
  }
}
@media (max-width: 767px) {
  .c-catalog-filter--search {
    margin: 10px 0 0 0;
  }
}
.catalog-search__apply-btn {
  width: 100%;
  max-width: 250px;
  margin-top: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.catalog-search__apply-btn:before {
  -webkit-animation: spin 2s infinite linear;
          animation: spin 2s infinite linear;
}

.c-catalog-search__apply-btn {
  height: 48px;
  max-width: 255px;
  width: 100%;
  margin: 20px 0 10px 0;
}

.catalog-search__icon {
  position: absolute;
  margin: auto;
}

/* CATALOG FILTER MODIFIER FORM SEARCH */
.catalog-panel--breadcrumb .catalog-search-form .form__group:after {
  margin-left: 76px;
}

.catalog-search-form .form__group {
  position: relative;
  width: 100%;
  max-width: 380px;
  margin: 10px auto;
}
@media (max-width: 991px) {
  .catalog-search-form .form__group {
    margin: 8px auto;
  }
}
.catalog-search-form .form__group:after {
  content: "";
  display: block;
  height: 1px;
  background: transparent;
  -webkit-transition: width 0.7s ease;
  transition: width 0.7s ease;
  width: 0;
  margin-top: 69px;
  margin-left: 80px;
  position: absolute;
}
@media (max-width: 991px) {
  .catalog-search-form .form__group:after {
    margin-top: 34px;
    margin-left: 76px;
  }
}
@media (max-width: 435px) {
  .catalog-search-form .form__group:after {
    margin-left: 61px;
  }
}
@media (max-width: 321px) {
  .catalog-search-form .form__group:after {
    margin-left: 55px;
  }
}
.catalog-search-form .form__group.active-vb:after {
  -webkit-transition: width 0.7s ease;
  transition: width 0.7s ease;
  background: #5BB4C7;
  width: 300px;
}
@media (max-width: 991px) {
  .catalog-search-form .form__group.active-vb:after {
    width: 305px;
  }
}
@media (max-width: 435px) {
  .catalog-search-form .form__group.active-vb:after {
    width: 245px;
  }
}
@media (max-width: 321px) {
  .catalog-search-form .form__group.active-vb:after {
    width: 225px;
  }
}
.catalog-search-form .form__group.active-pv:after {
  -webkit-transition: width 0.7s ease;
  transition: width 0.7s ease;
  background: #FA9F70;
  width: 300px;
}
@media (max-width: 991px) {
  .catalog-search-form .form__group.active-pv:after {
    width: 305px;
  }
}
@media (max-width: 435px) {
  .catalog-search-form .form__group.active-pv:after {
    width: 245px;
  }
}
@media (max-width: 321px) {
  .catalog-search-form .form__group.active-pv:after {
    width: 225px;
  }
}
.catalog-search-form .form__input {
  float: right;
  width: 300px;
  border: none;
  outline: none;
  border-radius: 0;
  margin-right: 7px;
  margin-bottom: 6px;
}
@media (max-width: 700px) {
  .catalog-search-form .form__input {
    margin-right: 38px;
  }
}
.catalog-search-form .form__submit {
  width: 35px !important;
  height: 35px !important;
  text-decoration: none;
  cursor: pointer;
  background-image: url("/sites/all/themes/lingua/assets/catalog-icons/magnifying-glass.svg");
  background-size: cover;
}
.catalog-search-form .form__submit.icon-search {
  display: table;
  padding-right: 0;
}
.catalog-search-form .form__input:-ms-input-placeholder,
.catalog-search-form .form__input::-webkit-input-placeholder,
.catalog-search-form .form__input::-ms-input-placeholder {
  color: #333333;
}
.catalog-search-form--video-booster .form__input, .catalog-search-form--photo-vocab .form__input {
  background: transparent;
}

.catalog-search-btn {
  font-size: 25px;
  line-height: 65px;
  display: inline-block;
  float: left;
  width: 65px;
  height: 65px;
  text-align: center;
  text-decoration: none;
  color: #999999;
  border-radius: 50%;
  background-color: #FFFFFF;
  -webkit-box-shadow: 1px 2px 0 0 #999999;
          box-shadow: 1px 2px 0 0 #999999;
}
.catalog-search-btn:hover, .catalog-search-btn:active, .catalog-search-btn:focus {
  text-decoration: none;
  color: #5BB4C7;
  -webkit-box-shadow: 1px 2px 0 0 #5BB4C7;
          box-shadow: 1px 2px 0 0 #5BB4C7;
}

/* SORT FILTER */
.catalog-filter--sort.first-selected .btn--dropdown__menu:before,
.catalog-filter--sort.first-selected .btn--dropdown__menu:after {
  content: none !important;
}

@media screen and (max-width: 991px) {
  /* In progress video booster */
  .catalog-filter__dropdown li a {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 12px;
  }
  .catalog-filter__dropdown {
    margin-top: 10px;
  }
  .catalog-filter__dropdown:before, .catalog-filter__dropdown:after {
    left: 70%;
  }
  .catalog-filter__dropdown li a {
    padding-left: 25px;
  }
  .catalog-filter__dropdown li.active:before {
    line-height: 35px;
    left: 5px;
    top: 0;
  }
  .catalog-filter__btn {
    height: 30px;
    font-size: 14px !important;
    padding: 0 25px 0 20px;
    width: 150px;
  }
  /* Family page - family members selector */
  .page-buy-subscription--family .catalog-filter__dropdown li a {
    padding-top: 20px;
    padding-bottom: 15px;
    font-size: 12px;
  }
  .page-buy-subscription--family .catalog-filter__dropdown li.active:before {
    top: 10px !important;
  }
}
.page-buy-subscription .catalog-filter__dropdown, .page-buy-gift .catalog-filter__dropdown {
  min-width: 235px;
  left: -60px;
}
.page-buy-subscription .catalog-filter__dropdown .catalog-filter__item a, .page-buy-gift .catalog-filter__dropdown .catalog-filter__item a {
  font-size: 13px !important;
  padding-left: 20px;
  white-space: nowrap;
}
.page-buy-subscription .catalog-filter__dropdown .catalog-filter__item.active:before, .page-buy-gift .catalog-filter__dropdown .catalog-filter__item.active:before {
  left: 4px;
  top: -11px !important;
}

/* old search style on My School - popups */
#assignments-modal .c-sl-catalog__search,
#progress-modal .c-sl-catalog__search,
#mission-progress-modal .c-sl-catalog__search {
  padding-top: 20px;
}
#assignments-modal .c-sl-catalog__search .form__submit,
#progress-modal .c-sl-catalog__search .form__submit,
#mission-progress-modal .c-sl-catalog__search .form__submit {
  background-image: none;
}
#assignments-modal .c-sl-catalog__search input,
#progress-modal .c-sl-catalog__search input,
#mission-progress-modal .c-sl-catalog__search input {
  max-width: 260px !important;
  height: 40px !important;
  padding: 0 !important;
  color: #BFBFBF;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.17px;
  line-height: 22px;
  padding-left: 40px !important;
}
@media (max-width: 400px) {
  #assignments-modal .c-sl-catalog__search input,
  #progress-modal .c-sl-catalog__search input,
  #mission-progress-modal .c-sl-catalog__search input {
    max-width: 220px !important;
  }
}
#assignments-modal .c-sl-catalog__search input::-webkit-input-placeholder, #progress-modal .c-sl-catalog__search input::-webkit-input-placeholder, #mission-progress-modal .c-sl-catalog__search input::-webkit-input-placeholder {
  font-size: 16px !important;
  font-weight: 600;
  padding-left: 5px;
}
#assignments-modal .c-sl-catalog__search input::-moz-placeholder, #progress-modal .c-sl-catalog__search input::-moz-placeholder, #mission-progress-modal .c-sl-catalog__search input::-moz-placeholder {
  font-size: 16px !important;
  font-weight: 600;
  padding-left: 5px;
}
#assignments-modal .c-sl-catalog__search input:-ms-input-placeholder, #progress-modal .c-sl-catalog__search input:-ms-input-placeholder, #mission-progress-modal .c-sl-catalog__search input:-ms-input-placeholder {
  font-size: 16px !important;
  font-weight: 600;
  padding-left: 5px;
}
#assignments-modal .c-sl-catalog__search input::-ms-input-placeholder, #progress-modal .c-sl-catalog__search input::-ms-input-placeholder, #mission-progress-modal .c-sl-catalog__search input::-ms-input-placeholder {
  font-size: 16px !important;
  font-weight: 600;
  padding-left: 5px;
}
#assignments-modal .c-sl-catalog__search input::placeholder,
#progress-modal .c-sl-catalog__search input::placeholder,
#mission-progress-modal .c-sl-catalog__search input::placeholder {
  font-size: 16px !important;
  font-weight: 600;
  padding-left: 5px;
}
#assignments-modal .c-sl-catalog__search div.form__group,
#progress-modal .c-sl-catalog__search div.form__group,
#mission-progress-modal .c-sl-catalog__search div.form__group {
  width: 17px !important;
  height: 17px !important;
  margin-right: -25px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
#assignments-modal .c-sl-catalog__search div.form__group .catalog-search__submit,
#progress-modal .c-sl-catalog__search div.form__group .catalog-search__submit,
#mission-progress-modal .c-sl-catalog__search div.form__group .catalog-search__submit {
  margin-right: -39px;
}
#assignments-modal .c-sl-catalog__search .icon-search,
#progress-modal .c-sl-catalog__search .icon-search,
#mission-progress-modal .c-sl-catalog__search .icon-search {
  font-size: 20px;
}
#assignments-modal .c-sl-catalog__col-search,
#progress-modal .c-sl-catalog__col-search,
#mission-progress-modal .c-sl-catalog__col-search {
  padding-top: 11px;
}
#assignments-modal .c-sl-catalog__col-search input,
#progress-modal .c-sl-catalog__col-search input,
#mission-progress-modal .c-sl-catalog__col-search input {
  border-bottom: 1px solid #4a90e2 !important;
}

/* new search on stats & results - test results */
@media (max-width: 767px) {
  .c-test-results__header .col-xs-12:first-of-type {
    padding: 20px 10px 30px;
  }
}
@media (max-width: 767px) {
  .c-test-results__header .col-xs-12:first-of-type .c-sl-catalog__col-search input {
    margin-left: 0;
  }
}
@media (max-width: 360px) {
  .c-test-results__header .col-xs-12:first-of-type .c-sl-catalog__col-search input {
    max-width: 140px !important;
  }
}
.c-test-results__header .c-sl-catalog__search .icon-search:before {
  content: none;
}
.c-test-results__header .form__group .form__submit {
  background-image: url("/sites/all/themes/lingua/assets/catalog-icons/magnifying-glass.svg") !important;
  background-size: cover !important;
  width: 30px !important;
  height: 30px !important;
}
@media (max-width: 700px) {
  .c-test-results__header .form__group .form__input {
    margin-right: 5px;
  }
}
@media (max-width: 360px) {
  .c-test-results__header select.c-favorites_select.js-assessment__class-filter {
    max-width: 160px;
  }
}
@media (max-width: 450px) {
  .c-test-results__header .c-test-results__csv {
    padding: 20px;
  }
}

/* HELPERS */
.catalog-exercise {
  display: block;
  width: 100%;
  color: inherit;
  margin: 0 auto 45px auto;
}
.catalog-exercise:hover, .catalog-exercise:active, .catalog-exercise:focus {
  text-decoration: none;
  color: inherit;
}
.catalog-exercise:hover .catalog-exercise__header, .catalog-exercise:hover .catalog-exercise__body {
  background-color: hsl(0, 3.4482758621%, 100.3137254902%);
}

.catalog-exercise__header {
  margin-bottom: 10px;
  padding-top: 12px;
  padding-bottom: 8px;
  border-radius: 10px 10px 0 0;
  background-color: #F1F0F0;
}

.catalog-exercise__title {
  font-size: 23px;
  font-weight: 400;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 0;
}

.catalog-exercise__subtitle {
  font-size: 14px;
  font-style: italic;
  color: #B9B9B9;
  display: block;
  margin-bottom: 5px;
  margin-top: 5px;
}

.catalog-exercise__body {
  height: 295px;
  background-color: #F1F0F0;
}

.catalog-exercise__body {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 200px 200px;
}

.catalog-exercise--vb .catalog-exercise__body {
  background-image: url("../images/icons/95x95/logo-VB.svg");
}

.catalog-exercise--pv .catalog-exercise__body {
  position: relative;
}
.catalog-exercise--pv .catalog-exercise__body .icon-exercise-title--pv {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  margin: auto;
  height: 200px;
  width: 200px;
  background-color: #FA9F70;
  background-image: url("../images/all-icons/PV-logo.svg");
  background-size: 62% 68%;
}

.catalog-exercise--sw .catalog-exercise__body {
  background-image: url("../images/verbdash/logo.svg");
}

@media screen and (max-width: 991px) {
  .catalog-exercise {
    margin-bottom: 0;
  }
  .catalog-exercise__header {
    position: relative;
  }
  .catalog-exercise__body {
    background-size: 45px 45px;
    width: 60px;
    position: absolute;
    top: 0;
    height: 50px;
  }
  .catalog-exercise--pv .catalog-exercise__body {
    position: absolute;
  }
  .catalog-exercise--pv .catalog-exercise__body .icon-exercise-title--pv {
    background-size: 60px 40px;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 5px;
  }
  .catalog-exercise__title {
    font-size: 15px;
    text-align: left;
    padding-left: 75px;
  }
  .catalog-exercise__subtitle {
    font-size: 12px;
    text-align: left !important;
  }
  .exercises-row {
    margin-top: 35px;
  }
}
/* HELPERS */
.catalog-panel--filter {
  margin-bottom: 0;
  padding: 12px 0;
}
.catalog-panel--filter .panel__content {
  display: table;
  width: 100%;
}
.catalog-panel--filter .panel__cell {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}
.catalog-panel--filter .panel__cell:last-child {
  text-align: right;
}
.catalog-panel--filter .title {
  font-weight: 400;
  font-style: normal;
  line-height: 1.4;
  margin: 0;
  text-transform: none;
  color: #262E31;
}
.catalog-panel--filter .catalog-filter__label {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 5px;
}

.c-catalog-filter__label {
  font-weight: 400;
}

@media screen and (max-width: 991px) {
  .catalog-panel--filter .title {
    font-size: 14px;
    opacity: 0.6;
  }
  .catalog-panel--filter .catalog-filter__label {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  /* center the sort button in VB pages */
  .page-vb-list .catalog-panel--filter .panel__cell,
  .page-pv-list .catalog-panel--filter .panel__cell {
    width: 100%;
    display: block;
    padding: 0;
  }
  .page-vb-list .catalog-panel--filter .panel__cell:last-child,
  .page-pv-list .catalog-panel--filter .panel__cell:last-child {
    text-align: center;
  }
  .page-vb-list .catalog-panel--filter .panel__cell:last-child {
    text-align: left;
  }
}
/* HELPERS */
/* SEARCH PAGE */
.catalog-panel--search {
  /*loading icon */
}
.catalog-panel--search .views-throbbing {
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  width: 20px;
  height: 20px;
  margin: auto;
}
.catalog-panel--search .col-sm-6 {
  width: 45%;
}
.catalog-panel--search .panel-collapse {
  margin-right: -10px;
  margin-left: -10px;
}
.catalog-panel--search .catalog-panel--search-pv .catalog-filter--search li a {
  color: #FA9F70;
  border-color: #FA9F70;
}
.catalog-panel--search .catalog-panel--search-pv .catalog-filter--search li a:hover {
  color: #FFFFFF;
}
.catalog-panel--search .catalog-panel--search-pv .catalog-filter--search li.active a {
  background-color: #FA9F70;
  color: #FFFFFF;
}
.catalog-panel--search .catalog-panel--search-pv .catalog-filter__icon {
  color: #FA9F70;
}
.catalog-panel--search .catalog-panel--search-pv .catalog-filter__btn {
  color: #FA9F70;
  border-color: #FA9F70;
}
.catalog-panel--search .catalog-panel--search-pv .catalog-search__apply-btn {
  background-color: #FA9F70;
}
.catalog-panel--search .catalog-panel--search-pv .catalog-search__apply-btn:hover {
  background-color: rgb(253.4459459459, 225.1621621622, 210.5540540541);
}
.catalog-panel--search .catalog-panel--search-pv .form__input {
  border-color: #FA9F70;
}
.catalog-panel--search .catalog-panel--search-pv .form__submit,
.catalog-panel--search .catalog-panel--search-pv .form__submit {
  color: #FA9F70;
  -webkit-box-shadow: 1px 2px 0 0 #FA9F70;
          box-shadow: 1px 2px 0 0 #FA9F70;
}
.catalog-panel--search .catalog-search__title {
  font-size: 26px;
  font-weight: 400;
}
.catalog-panel--search .catalog-search__content {
  text-align: right;
}
.catalog-panel--search .c-catalog-search__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 400;
}
.catalog-panel--search {
  /* catalog search panel for photo vocab */
}
.catalog-panel--search .catalog-panel--search-pv .catalog-search {
  height: 290px;
}
.catalog-panel--search .catalog-panel--search-pv .catalog-filter__option {
  height: 290px;
}
.catalog-panel--search .catalog-panel--search-pv .catalog-filter__option:before {
  top: 0;
  bottom: 0;
}
.catalog-panel--search {
  /* SEARCH PAGES */
}
.catalog-panel--search .page-vb-list-search .catalog-panel--breadcrumb,
.catalog-panel--search .page-pv-list-search .catalog-panel--breadcrumb {
  margin-bottom: 10px;
}
.catalog-panel--search .page-vb-list-search .catalog-panel,
.catalog-panel--search .page-pv-list-search .catalog-panel {
  margin-bottom: 15px;
}
.catalog-panel--search .page-vb-list-search .catalog-breadcrumb,
.catalog-panel--search .page-pv-list-search .catalog-breadcrumb {
  padding-top: 30px;
}
.catalog-panel--search .c-vb-category-filter {
  padding: 20px !important;
}
.catalog-panel--search .c-vb-category-filter__content {
  max-width: 100%;
}
@media (max-width: 991px) {
  .catalog-panel--search .catalog-search--vb {
    padding: 20px !important;
  }
  .catalog-panel--search .catalog-search--vb .c-catalog-filter--search #filter3 {
    max-width: 40%;
    height: 48px;
    float: left;
  }
  .catalog-panel--search .catalog-search--vb .c-catalog-search__apply-btn {
    height: 48px;
    margin: 20px 0 0;
    max-width: 40%;
    float: left;
  }
  .catalog-panel--search .c-vb-catalog-filter__search-section {
    max-width: 100% !important;
  }
  .catalog-panel--search .c-catalog-filter__container--grammar {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .catalog-panel--search .catalog-search--vb .c-catalog-filter--search #filter3 {
    max-width: 50%;
  }
  .catalog-panel--search .catalog-search--vb .c-catalog-search__apply-btn {
    max-width: 50%;
  }
}
@media (max-width: 460px) {
  .catalog-panel--search .catalog-search--vb .c-catalog-filter--search #filter3 {
    max-width: 90%;
  }
  .catalog-panel--search .catalog-search--vb .c-catalog-search__apply-btn {
    max-width: 90%;
  }
}
@media screen and (max-width: 991px) {
  .catalog-panel--search .col-sm-6 {
    width: 100%;
  }
  .catalog-panel--search .catalog-search {
    padding: 0 10px;
    height: auto;
  }
  .catalog-panel--search .catalog-filter--search {
    padding-left: 100px;
  }
  .catalog-panel--search .catalog-filter--search .catalog-filter__label {
    font-size: 14px;
  }
  .catalog-panel--search .icon-search-failed {
    min-height: 320px;
  }
}
.catalog-panel--search .catalog-filter__option {
  position: relative;
  float: left;
  width: 10%;
  height: 430px;
  text-align: center;
}
.catalog-panel--search .catalog-filter__option .text {
  font-size: 24px;
  line-height: 60px;
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 60px;
  margin: auto;
  background-color: #FFFFFF;
}
.catalog-panel--search .catalog-filter__option:before {
  position: absolute;
  z-index: 0;
  top: 40px;
  right: 0;
  bottom: 40px;
  left: 0;
  display: block;
  width: 1px;
  margin: auto;
  content: "";
  background-color: #999999;
}

.catalog-wrapper .icon-search-failed,
.catalog-panel--search .icon-search-failed {
  display: block;
  width: 100%;
  max-width: 430px;
  min-height: 430px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: #EDECEC;
  background-image: url("../images/all-icons/Inprogress-empty-illustration.svg");
  background-repeat: no-repeat;
  background-position: 50% 111%;
  background-size: 68%;
}
.catalog-wrapper .icon-pv_in_progress,
.catalog-wrapper .icon-vb_in_progress,
.catalog-panel--search .icon-pv_in_progress,
.catalog-panel--search .icon-vb_in_progress {
  background-image: url("../images/all-icons/Inprogress-empty-illustration.svg");
}
.catalog-wrapper .icon-pv_to_do,
.catalog-wrapper .icon-vb_to_do,
.catalog-panel--search .icon-pv_to_do,
.catalog-panel--search .icon-vb_to_do {
  background-image: url("../images/all-icons/todolist-empty-illustration.svg");
  background-size: 56%;
  background-position: 50% 50%;
}
.catalog-wrapper,
.catalog-panel--search {
  /* SEARCH PAGES NO RESULTS FOUND */
}
.catalog-wrapper .search-no-results,
.catalog-panel--search .search-no-results {
  margin-top: 30px;
}
.catalog-wrapper .search-no-results__title,
.catalog-panel--search .search-no-results__title {
  font-size: 24px;
  font-weight: 400;
  width: 100%;
  max-width: 320px;
  margin: 10px auto 35px auto;
  text-align: center;
}
.catalog-wrapper .search-no-results__title.long,
.catalog-panel--search .search-no-results__title.long {
  max-width: 700px;
}

.catalog-search {
  height: 130px;
  padding: 20px 35px;
  background-color: #F1F0F0;
}
.catalog-search.inactive .catalog-filter__icon {
  color: #B3B3B3;
}
.catalog-search.inactive .catalog-filter__btn {
  color: #B3B3B3;
  border-color: #B3B3B3;
}
.catalog-search.inactive .switch__handle,
.catalog-search.inactive .catalog-search__apply-btn {
  background-color: #B3B3B3;
}
.catalog-search.inactive .form__input {
  border-color: #B3B3B3;
}
.catalog-search.inactive .form__submit,
.catalog-search.inactive .form__submit {
  color: #B3B3B3;
  -webkit-box-shadow: 1px 2px 0 0 #B3B3B3;
          box-shadow: 1px 2px 0 0 #B3B3B3;
}
.catalog-search.inactive .form__input:-ms-input-placeholder,
.catalog-search.inactive .form__input::-webkit-input-placeholder,
.catalog-search.inactive .form__input::-ms-input-placeholder {
  color: #B3B3B3;
}

.c-catalog-search {
  padding: 20px 20px 0 25px;
}

.c-catalog-search:not(:root:root) {
  height: auto;
}

@media screen and (max-width: 480px) {
  /* Keep the rocket icon round all the time for mobile */
  .catalog-wrapper .icon-search-failed,
  .catalog-wrapper .icon-pv_in_progress,
  .catalog-wrapper .icon-vb_in_progress,
  .catalog-panel--search .icon-search-failed,
  .catalog-panel--search .icon-pv_in_progress,
  .catalog-panel--search .icon-vb_in_progress {
    height: auto;
    padding-top: 100%;
    min-height: 0;
  }
}
@media screen and (max-width: 767px) {
  .catalog-panel--search .search-no-results__title,
  .catalog-wrapper .search-no-results__title {
    font-size: 16px;
  }
  .page-pv-list-search .btn {
    height: 32px;
    max-width: 170px;
    float: right;
  }
  .page-vb-list-search .catalog-panel--vb,
  .page-vb-list-search .catalog-panel--pv,
  .page-pv-list-search .catalog-panel--vb,
  .page-pv-list-search .catalog-panel--pv {
    display: none;
  }
  .page-vb-list-search .catalog-panel--vb .catalog-filter__btn,
  .page-vb-list-search .catalog-panel--pv .catalog-filter__btn,
  .page-pv-list-search .catalog-panel--vb .catalog-filter__btn,
  .page-pv-list-search .catalog-panel--pv .catalog-filter__btn {
    display: none;
  }
  .page-vb-list-search .catalog-panel--vb .title,
  .page-vb-list-search .catalog-panel--pv .title,
  .page-pv-list-search .catalog-panel--vb .title,
  .page-pv-list-search .catalog-panel--pv .title {
    font-size: 14px;
    padding: 10px 0;
  }
  .page-pv-list-search #page-content > .container,
  .page-pv-list-search .catalog-panel--search-pv,
  .page-pv-list-search .catalog-panel--search-vb,
  .page-vb-list-search #page-content > .container,
  .page-vb-list-search .catalog-panel--search-pv,
  .page-vb-list-search .catalog-panel--search-vb {
    margin-bottom: 0 !important;
  }
  .page-pv-list-search .catalog-search__apply-btn,
  .page-vb-list-search .catalog-search__apply-btn {
    padding: 4px 20px;
  }
  .catalog-filter--search .catalog-filter__container {
    max-width: 170px;
  }
  .catalog-filter--search .c-catalog-filter__container--grammar {
    max-width: 100%;
  }
}
/* HELPERS */
.page-exercises .page-wrapper {
  height: -webkit-calc(100%);
  height: 100%;
}

.page-exercises #page-content {
  height: calc(100vh - 81px);
}

.page-exercises #page-content > .container {
  min-height: -webkit-calc(100% - 104px);
  min-height: 100%;
  border: none;
  background-color: #FFFFFF;
}

.page-exercises-photo-vocabs #page-content > .container,
.page-exercises-video-boosters #page-content > .container {
  background-color: #F7F7F8;
}

.catalog-wrapper {
  max-width: 1130px;
  margin: 0 auto;
}

.catalog-wrapper--small {
  max-width: 940px;
  margin: 0 auto;
}

.page-movies .catalog-wrapper {
  border: 1px solid #D3D2D2;
  border-top: none;
  background-color: #FFFFFF;
}

/* panel */
.catalog-panel {
  position: relative;
  margin-bottom: 25px;
  padding: 20px;
  background-color: #FFFFFF;
}

.c-catalog-panel_container {
  padding-left: 25px;
}

.c-catalog-panel__title {
  font-size: 17px;
  color: #ACABAB;
  font-weight: 300;
}

.catalog-panel--no-padding {
  padding: 0;
  z-index: 0;
}

.page-pv-list-search .catalog-panel--no-padding {
  z-index: unset;
}

.catalog-panel__item {
  margin-top: 15px;
}

.catalog-panel--gray {
  background-color: #F1F0F0;
}

.catalog-panel--carousel {
  margin-top: 25px;
  margin-bottom: 0;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .catalog-panel--carousel {
    padding-top: 25px !important;
  }
}

.catalog-panel--overview {
  margin-top: 10px;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .catalog-panel--overview {
    margin-top: 0;
  }
}
.catalog-panel--overview h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  margin: 0;
}

.catalog-panel--special-title {
  margin-top: 40px;
}

.catalog-panel--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  padding-top: 20px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.catalog-panel--4 {
  padding-top: 25px;
  padding-bottom: 25px;
}
.catalog-panel--4 .catalog-panel__item {
  margin: 15px 10px;
}
.catalog-panel--4 .see-all {
  margin-left: 15px;
}

.catalog-panel--photovocab {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 950px) {
  .catalog-panel--4 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .catalog-panel--4 .catalog-panel__item {
    margin-right: 10px;
    margin-left: 10px;
  }
}
@media screen and (max-width: 666px) {
  .catalog-panel--4 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .catalog-panel--4.catalog-panel--special-title {
    /* Fix the extra white space that was appearing only on Safari mobile for All exercises - PV */
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .catalog-panel--4 .catalog-panel__item {
    margin-right: auto;
    margin-left: auto;
  }
}
/* START  BREADCRUMB */
.page-pv-list-category .catalog-panel--filter {
  margin-top: 15px;
  margin-bottom: 15px !important;
}

.page-vb-list .catalog-panel--breadcrumb,
.page-pv-list .catalog-panel--breadcrumb {
  margin-bottom: 0;
}

.page-vb-list-search .catalog-panel--breadcrumb,
.page-pv-list-search .catalog-panel--breadcrumb {
  margin-bottom: 20px;
  margin-top: 41px;
}

.page-vb-list-karaoke .catalog-panel--breadcrumb,
.page-vb-list-progress .catalog-panel--breadcrumb,
.page-pv-list-progress .catalog-panel--breadcrumb {
  margin-bottom: 34px;
}

.catalog-panel--breadcrumb {
  margin-bottom: 28px;
  padding: 0;
  background-color: transparent;
  margin-top: 10px;
}
@media screen and (max-width: 993px) {
  .catalog-panel--breadcrumb {
    z-index: 9;
  }
}
.catalog-panel--breadcrumb .catalog-panel__content {
  display: table;
  width: 100%;
}
.catalog-panel--breadcrumb .content-cell {
  display: table-cell;
  vertical-align: middle;
}
.catalog-panel--breadcrumb .catalog-search-btn {
  float: none;
}

.catalog-breadcrumb {
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}

.catalog-breadcrumb__item {
  font-size: 16px;
  line-height: 1;
  display: inline-block;
  margin-right: 5px;
}
.catalog-breadcrumb__item a {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.15px;
  line-height: 19px;
}
.catalog-breadcrumb__item:first-of-type a {
  color: #4A90E2;
  text-decoration: underline;
}
.catalog-breadcrumb__item:after {
  position: relative;
  top: 1px;
  content: ">";
  color: #4B4B4B;
  font-weight: 600;
  margin-left: 0;
}
.catalog-breadcrumb__item:last-child:after {
  display: none;
}

.c-catalog-breadcrumb__last-item {
  font-weight: 400;
}

/* No results page */
.c-category__no-result-section {
  margin-top: 4%;
}
.c-category__no-result-title {
  text-align: center;
  color: #36393F;
  font-family: "Open Sans";
  font-size: 1em;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 24px;
}
.c-category__no-result-image {
  width: 100%;
  margin: 3.7% auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-category__no-result-image img {
  margin: 0 auto;
}

/* START HEADER ICONS */
.category-icons {
  padding-top: 0;
  webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.catalog-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.catalog-icons--sqare {
  padding: 15px 15px 5px 15px;
}

.page-vb-list-genre .catalog-icons--sqare {
  margin-top: 15px;
}

.catalog-panel .thumbnail--video__difficulty-bar {
  height: 8px;
}

.catalog-panel .thumbnail--video {
  margin-bottom: 20px;
}

.page-vb-list .keywords {
  color: #5BB4C7;
}

/* Tablet Landscape mode */
@media (max-device-width: 1280px) and (orientation: landscape) {
  .catalog-breadcrumb__item:first-of-type a {
    padding: 0 5px;
  }
  .c-vb-catalog__col-breadcrumbs {
    padding-left: 50px;
  }
}
@media screen and (max-width: 991px) {
  .catalog-filter--long {
    max-width: 200px;
  }
  .catalog-filter__btn--long {
    max-width: 197px;
    width: 100% !important;
    font-size: 12px !important;
  }
  .c-vb-category-filter .catalog-filter__btn--long {
    max-width: 100%;
    font-size: 14px !important;
  }
  .catalog-filter__dropdown--long {
    max-width: 197px !important;
    width: 100% !important;
  }
  .page-vb-list-genre .catalog-icons--sqare {
    margin-top: 0;
  }
  .page-vb-list-progress .catalog-wrapper--in-progress .catalog-panel--gray {
    background: #FFFFFF;
    margin-bottom: 10px;
  }
  .catalog-wrapper--in-progress .catalog-icon--square {
    display: table;
  }
  .catalog-wrapper--in-progress .catalog-filter__btn {
    width: 130px;
    border-radius: 5px;
  }
  .catalog-panel--breadcrumb {
    margin: 0;
    padding: 0 !important;
    margin-bottom: 0;
  }
  .catalog-panel--breadcrumb .catalog-breadcrumb .catalog-breadcrumb__item {
    font-size: 13px;
    margin-right: 0;
  }
  .catalog-panel--breadcrumb .content-cell {
    display: block;
    float: none !important;
  }
  .catalog-wrapper--small p {
    font-size: 12px;
  }
  .catalog-panel {
    padding: 8px;
    margin-bottom: 15px;
    margin-bottom: 15px !important;
  }
  .catalog-panel.catalog-panel--filter {
    margin-bottom: 20px !important;
  }
  .catalog-panel.catalog-icons--sqare {
    padding: 25px 10px 10px !important;
  }
  .catalog-panel--no-padding {
    padding: 0;
  }
  .catalog-panel--no-padding .catalog-panel__item {
    margin-top: 0;
  }
  .catalog-text-container {
    height: 100% !important;
    position: static !important;
    width: 100% !important;
    display: table !important;
  }
  /* All exercises PV in progress */
  .page-pv-list-progress .catalog-panel.catalog-icons--sqare,
  .page-vb-list-progress .catalog-panel.catalog-icons--sqare {
    margin-top: 35px;
  }
  .page-pv-list-progress .catalog-panel--filter,
  .page-vb-list-progress .catalog-panel--filter {
    margin-top: 10px;
  }
}
@media (max-width: 1160px) {
  .page-exercises #page-content {
    height: calc(100vh - 50px);
  }
}
@media screen and (max-width: 767px) {
  .page-vb-list-progress #page-content > .container {
    padding-top: 35px;
    padding-bottom: 135px;
    background: #F1F0F0;
  }
  .catalog-panel--overview h3 {
    font-size: 12px;
  }
  /* vertical center the text */
  .see-all--details {
    position: absolute;
    right: 0;
    left: 0;
    padding: 15px 0;
  }
  .see-all .see-all__name {
    /* hide the see all text from VB & PV all exercises */
    display: none;
  }
}
@media screen and (max-width: 667px) {
  /* See all for video booster */
  .see-all {
    max-height: 55px !important;
    margin-top: 0;
  }
  .see-all__amount,
  .see-all__text {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 0;
    display: inline;
    font-weight: 400;
  }
  .see-all__icon {
    margin-right: 15px;
    top: 0;
    bottom: 0;
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
  /* See all for photo vocab */
  .catalog-panel--photovocab .see-all__title .text {
    display: inline;
  }
}
@media only screen and (min-device-width: 767px) and (max-device-width: 1024px) and (orientation: portrait) {
  .page-exercises.page-exercises-video-boosters .catalog-panel.catalog-panel--special-title, .page-exercises.page-exercises-photo-vocabs .catalog-panel.catalog-panel--special-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .page-exercises.page-exercises-video-boosters .catalog-panel.catalog-panel--special-title > article, .page-exercises.page-exercises-photo-vocabs .catalog-panel.catalog-panel--special-title > article {
    width: 33%;
    margin-top: 30px;
  }
  .page-exercises.page-exercises-video-boosters .catalog-panel.catalog-panel--special-title > article:nth-of-type(3), .page-exercises.page-exercises-photo-vocabs .catalog-panel.catalog-panel--special-title > article:nth-of-type(3) {
    display: none;
  }
  .page-exercises.page-exercises-video-boosters .catalog-panel.catalog-panel--special-title > article:last-child, .page-exercises.page-exercises-photo-vocabs .catalog-panel.catalog-panel--special-title > article:last-child {
    margin-bottom: 20px;
  }
  .page-exercises.page-exercises-video-boosters .catalog-panel.catalog-panel--special-title > article.see-all, .page-exercises.page-exercises-photo-vocabs .catalog-panel.catalog-panel--special-title > article.see-all {
    width: 20%;
  }
  .page-exercises.page-exercises-video-boosters .catalog-panel.catalog-panel--special-title > article .see-all__text, .page-exercises.page-exercises-photo-vocabs .catalog-panel.catalog-panel--special-title > article .see-all__text {
    font-size: 22px;
    margin-top: 0;
  }
  .page-exercises.page-exercises-video-boosters .catalog-panel.catalog-panel--special-title > article .see-all__name, .page-exercises.page-exercises-photo-vocabs .catalog-panel.catalog-panel--special-title > article .see-all__name {
    font-size: 22px;
    margin-bottom: 7px;
  }
  .page-exercises.page-exercises-video-boosters .catalog-panel.catalog-panel--special-title > article.see-all {
    height: inherit;
  }
}
@media (max-width: 991px) {
  .page-vb-list .page-wrapper {
    padding-top: 45px;
  }
  .page-vb-list-search .page-wrapper {
    padding-top: 50px;
  }
  .page-pv-list-category .page-wrapper {
    padding-top: 30px;
  }
}
@media (max-width: 600px) {
  .page-pv-list .page-wrapper {
    padding-top: 45px;
  }
}

@media (max-width: 600px) {
  .c-row-header-catalog--sb,
  .c-sl-catalog-row {
    margin-top: 15px;
  }
}

/* HELPERS */
.page-exercises-photo-vocabs .catalog-title__shadow,
.page-exercises-photo-vocabs .catalog-title {
  background-color: #FA9F70;
}
.page-exercises-photo-vocabs .catalog-title--icon .ea-icon {
  -webkit-box-shadow: 3px 1px 1px rgb(253.4459459459, 225.1621621622, 210.5540540541);
          box-shadow: 3px 1px 1px rgb(253.4459459459, 225.1621621622, 210.5540540541);
}
.page-exercises-photo-vocabs .catalog-title:after {
  background-color: #FA9F70;
}
.page-exercises-photo-vocabs .catalog-title__shadow,
.page-exercises-photo-vocabs .catalog-title__shadow:after {
  background-color: rgb(253.4459459459, 225.1621621622, 210.5540540541);
}
.page-exercises-photo-vocabs .catalog-icons {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.page-exercises-photo-vocabs .catalog-icon {
  background-color: #FA9F70;
}
.page-exercises-photo-vocabs .catalog-icon:hover, .page-exercises-photo-vocabs .catalog-icon:active, .page-exercises-photo-vocabs .catalog-icon:focus {
  background-color: rgb(253.4459459459, 225.1621621622, 210.5540540541);
}
.page-exercises-photo-vocabs .see-all {
  background-color: #FA9F70;
}
.page-exercises-photo-vocabs .see-all__icon {
  color: #FA9F70;
}
.page-exercises-photo-vocabs .catalog-icon--square.current .catalog-icon__pic {
  background-color: #FFFFFF;
}
.page-exercises-photo-vocabs .catalog-icon--square.current .catalog-icon__text {
  color: #FFFFFF;
}
.page-exercises-photo-vocabs .catalog-icon--square {
  border-color: #FA9F70;
}
.page-exercises-photo-vocabs .catalog-search-btn:hover, .page-exercises-photo-vocabs .catalog-search-btn:active, .page-exercises-photo-vocabs .catalog-search-btn:focus {
  color: #FA9F70;
  -webkit-box-shadow: 1px 2px 0 0 #FA9F70;
          box-shadow: 1px 2px 0 0 #FA9F70;
}
.page-exercises-photo-vocabs .catalog-search-btn:hover,
.page-exercises-photo-vocabs .catalog-search-btn:active,
.page-exercises-photo-vocabs .catalog-search-btn:focus {
  text-decoration: none;
  color: #FA9F70;
  -webkit-box-shadow: 1px 2px 0 0 #FA9F70;
          box-shadow: 1px 2px 0 0 #FA9F70;
}

.page-pv-list .keywords {
  color: #FA9F70;
}
.page-pv-list {
  /* .catalog-icon--square.current .catalog-icon__pic, */
}
.page-pv-list .catalog-title,
.page-pv-list .catalog-title:after {
  background-color: #FA9F70;
}
.page-pv-list .catalog-title__shadow:after,
.page-pv-list .catalog-title__shadow {
  background-color: rgb(253.4459459459, 225.1621621622, 210.5540540541);
}
.page-pv-list .catalog-icon--square {
  border-color: #FA9F70;
  background-color: #FA9F70;
}
.page-pv-list .catalog-icon--square:hover {
  background-color: rgb(253.4459459459, 225.1621621622, 210.5540540541);
}
.page-pv-list .catalog-icon--square.current .catalog-icon__text {
  color: #FA9F70;
}
.page-pv-list .catalog-icon--square.current {
  background-color: #FFFFFF;
}
.page-pv-list .catalog-search-btn:hover,
.page-pv-list .catalog-search-btn:active,
.page-pv-list .catalog-search-btn:focus {
  text-decoration: none;
  color: #FA9F70;
  -webkit-box-shadow: 1px 2px 0 0 #FA9F70;
          box-shadow: 1px 2px 0 0 #FA9F70;
}

.catalog-search--pv {
  height: 290px;
  margin-bottom: 20px;
}

.catalog-panel--pv {
  margin-bottom: 20px !important;
}

.catalog-panel--search-pv {
  position: inherit;
  margin: 0;
}
.catalog-panel--search-pv .catalog-filter__option {
  height: 290px;
}
.catalog-panel--search-pv .catalog-filter__option:before {
  top: 0;
  bottom: 0;
}

/* USER */
.user-navbar-list {
  padding: 0;
  list-style: none;
}

.user-navbar {
  margin-top: 30px;
}
.user-navbar a {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  padding-right: 20px;
  padding-left: 40px;
  vertical-align: middle;
  text-decoration: none;
  color: #848484;
  position: relative;
  border-bottom: 1px solid #E3E3E3;
}
.user-navbar a[aria-expanded=true] {
  color: #141414;
  background-color: transparent;
}
.user-navbar a:hover {
  color: #000000;
  background-color: transparent;
}
.user-navbar__collapse {
  color: #B6B6B6;
  background-color: #F2F2F2;
}
.user-navbar__collapse a {
  color: #B6B6B6;
}
.user-navbar__collapse a:hover {
  color: #838383;
  background-color: #E6E6E6;
}

.user-navbar__link {
  display: table;
  width: 100%;
  height: 48px;
}
.user-navbar__link.active {
  color: #FFFFFF;
  background-color: #E76B6B;
}
.user-navbar__link.active:hover {
  color: #FFFFFF;
  background-color: #E76B6B;
}

div > .user-navbar__link.active:hover {
  color: #141414;
  background-color: transparent;
}

.user-navbar__tab.active {
  color: #141414;
  background-color: transparent;
}

.user-navbar__link-content {
  display: table-cell;
  vertical-align: middle;
}
.user-navbar__link-content .icon-down-open,
.user-navbar__link-content .icon-right-open {
  font-size: 12px;
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 15px;
  height: 14px;
  margin: auto;
  margin-right: 5px;
}

/* When the left sidebar menu is opened, change the icon to icon-down */
.user-navbar a:not(.collapsed) .icon-right-open:before,
.school-navbar a:not(.collapsed) .icon-right-open:before {
  content: "\e80b";
}

/* HELPERS */
.user-panel {
  font-weight: 400;
  position: relative;
  max-width: 850px;
  margin: auto auto 32px auto;
  color: #525252;
}
.user-panel p {
  font-weight: 300;
}
.user-panel.mb-20 {
  margin-bottom: 20px;
}
.user-panel__page-title {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 10px;
}
.user-panel__title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 0;
  text-transform: uppercase;
}
.user-panel__title--background {
  margin-left: -15px;
  margin-right: -15px;
  padding: 13px 15px;
  font-size: 18px;
  font-weight: 400;
  background-color: #F2F2F2;
}
.user-panel__title--normal {
  text-transform: none;
}
.user-panel__subtitle {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
  margin-top: 0;
}
.user-panel__highlighting-text {
  font-size: 16px;
  width: 100%;
  max-width: 770px;
  padding: 15px;
  background-color: #F4F4F4;
}
.user-panel__icon {
  position: absolute;
  top: 25px;
  left: 15px;
  width: 25px;
  height: 30px;
  background: url("../images/all-icons/stats.svg");
}
.user-panel__text {
  font-size: 14px;
  color: #C8C8C8;
}
.user-panel__value {
  font-size: 32px;
  font-weight: 500;
  display: inline-block;
  margin-top: 5px;
  margin-right: 5px;
  color: #525252;
}
.user-panel__value--success {
  color: #9DC49E;
}
.user-panel__canvas-container {
  width: 100%;
}
.user-panel--badge {
  padding: 15px 55px;
  border: 1px solid #D3D2D2;
  background-color: #FFFFFF;
}
.user-panel--chart {
  padding: 15px 25px;
  border: 1px solid #D3D2D2;
  background-color: #FFFFFF;
}

.my-test {
  background-color: #008000 !important;
}

.is-qioz .user-panel--title,
.is-lingua .user-panel--title {
  margin-bottom: 25px;
  padding-top: 45px;
}

.user-pane--border {
  padding: 15px;
  border: 1px solid #D3D2D2;
  background-color: #FFFFFF;
}

@media screen and (max-width: 991px) {
  .user-panel--title {
    padding-top: 0;
  }
  .user-panel {
    margin-bottom: 0;
  }
  /* Daily goal */
  .page-user-settings .user-panel {
    font-size: 13px;
  }
  .page-user-settings .user-panel__title {
    font-size: 14px;
    margin-top: 0;
  }
  .page-user-settings .user-panel__text {
    font-size: 12px;
    margin-bottom: 0;
  }
  .page-user-settings .user-panel__value {
    font-size: 14px;
  }
  .page-user-settings .user-panel--badge {
    margin-right: 10px;
    padding: 0 6px;
    padding-bottom: 25px;
  }
  .page-user-settings .user-panel {
    /* Difficulty levels */
  }
  .page-user-settings .user-panel__page-title {
    font-size: 16px;
  }
  .page-user-settings .user-pane__highlighting-text {
    font-size: 13px;
    padding: 9px;
    padding-left: 0;
  }
  .page-user-settings #user-difficuly-scales-form {
    margin-right: 10px;
  }
  .page-user-settings #user-difficuly-scales-form .form-submit {
    margin-top: 0;
  }
  .page-user-settings .difficulty-description {
    margin-bottom: 0 !important;
  }
  /* Learned expressions */
  .user-pane--border {
    padding-top: 0;
  }
  .user-pane--border .panel__title {
    font-size: 14px;
    margin-top: 12px;
  }
  /* Grammar rules */
  .user-panel h4 {
    font-size: 13px;
  }
  /* Learning Frequency */
  .user-panel__icon {
    position: static;
    margin-top: 20px;
    margin-left: 15px;
  }
  .user-panel__icon.icon-2 {
    opacity: 0;
  }
  .english-boosts--value {
    margin-left: 15px;
  }
  .user-panel--badge .user-panel__title {
    margin-top: 20px;
  }
  .user-panel--chart {
    margin-top: 16px !important;
    margin-right: 10px;
    margin-bottom: 16px !important;
  }
  .performance--div {
    line-height: 1;
  }
  /* Translation language */
  .user-panel .dropdown {
    margin-right: 10px;
  }
}
/* HELPERS */
.account-daily-goal__title {
  font-size: 16px;
  width: 100%;
  padding: 15px;
  background-color: #F4F4F4;
}
.account-daily-goal__icons-container {
  padding: 25px;
}
.account-daily-goal__icon {
  display: table;
  float: left;
  width: 73px;
  height: 73px;
  margin-right: 30px;
  margin-bottom: 10px;
  cursor: pointer;
  color: #A6A6A6;
  border: 2px solid #A6A6A6;
  border-radius: 50%;
}
.account-daily-goal__icon--week {
  min-width: 120px;
  height: auto;
  padding: 6px 20px;
  text-align: center;
  border-radius: 10px;
}
.account-daily-goal__icon:hover {
  color: #5BB4C7;
  border-color: #5BB4C7;
}
.account-daily-goal__icon.active {
  color: #FFFFFF;
  border-color: #5BB4C7;
  background-color: #5BB4C7;
}
.account-daily-goal__amount {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-size: 16px;
}

@media screen and (max-width: 991px) {
  .account-daily-goal.english-level {
    margin-bottom: 20px;
  }
  .account-daily-goal__icon {
    margin-right: 8px;
    height: 66px;
    width: 66px;
  }
  .account-daily-goal__icons-container {
    padding-top: 10px;
    padding-bottom: 0;
    margin-bottom: -9px;
  }
  .account-daily-goal__icons-container.last .account-daily-goal__icon--week {
    height: 31px !important;
    min-width: 138px;
    font-size: 13px;
  }
  .account-daily-goal__title {
    font-size: 13px;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 0;
  }
}
/* HELPERS */
.table-progres-traking {
  width: 100%;
  border-collapse: inherit;
  font-size: 18px;
}
.table-progres-traking thead tr:last-child th:nth-child(2) {
  background-color: #E76B6B;
}
.table-progres-traking thead tr:last-child th:last-child {
  background-color: #9DC49E;
}
.table-progres-traking th,
.table-progres-traking td {
  text-align: center;
  vertical-align: middle;
  border: 1px solid #FAFAFA;
  font-weight: 400;
  padding: 15px;
}
.table-progres-traking th {
  height: 40px;
  color: #FFFFFF;
  background-color: #B8B6B6;
}
.table-progres-traking th:first-child {
  opacity: 0;
  border: none;
}
.table-progres-traking td {
  height: 70px;
  background-color: #FFFFFF;
}
.table-progres-traking td span {
  font-size: 26px;
  color: #7F7F7F;
}
.table-progres-traking td a {
  font-size: 26px;
}
.table-progres-traking td:first-child {
  background-color: #EFEFEF;
  padding-left: 20px;
}
.table-progres-traking td:nth-child(2) a,
.table-progres-traking td:nth-child(2) span {
  color: #7F7F7F;
}
.table-progres-traking td:nth-child(3) a,
.table-progres-traking td:nth-child(3) span {
  color: #E76B6B;
}
.table-progres-traking td:nth-child(4) a,
.table-progres-traking td:nth-child(4) span {
  color: #9DC49E;
}
.table-progres-traking td:first-child {
  position: relative;
}
.table-progres-traking td:first-child:before {
  content: "";
  display: block;
  height: 100%;
  width: 5px;
  background-color: #5BB4C6;
  position: absolute;
  top: 0;
  left: 0;
}
.table-progres-traking__vb td:first-child {
  text-align: left;
}
.table-progres-traking__vb td:first-child:before {
  background-color: #5BB4C6;
}
.table-progres-traking__pv td:first-child {
  text-align: left;
}
.table-progres-traking__pv td:first-child:before {
  background-color: #FB9F71;
}
.table-progres-traking__sw td:first-child {
  text-align: left;
}
.table-progres-traking__sw td:first-child:before {
  background-color: #A87893;
}
.table-progres-traking tbody tr:last-child td {
  background-color: #EFEFEF;
}

.progress-tracking__played-exercises {
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #B8B6B6;
  border-spacing: 0;
  border-collapse: initial;
  width: 100%;
}
.progress-tracking__played-exercises thead tr:first-child {
  background: #B8B6B6;
}
.progress-tracking__played-exercises thead tr:first-child th {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  padding: 20px;
}
.progress-tracking__played-exercises thead tr:first-child th a {
  color: #FFFFFF;
}
.progress-tracking__played-exercises tbody tr {
  border-top: 1px solid #B8B6B6;
}
.progress-tracking__played-exercises tbody td:first-child {
  border-top: none;
}
.progress-tracking__played-exercises tbody tr:nth-child(2n) {
  background: #FAFAFA;
}
.progress-tracking__played-exercises tbody tr:nth-child(2n+1) {
  background: #EDECEC;
}
.progress-tracking__played-exercises tbody td {
  border-left: 1px solid #B8B6B6;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  padding: 10px;
  color: #969696;
}
.progress-tracking__played-exercises tbody td a,
.progress-tracking__played-exercises tbody td a:hover,
.progress-tracking__played-exercises tbody td a:focus,
.progress-tracking__played-exercises tbody td a:visited {
  color: #969696;
}
.progress-tracking__played-exercises tbody td:first-child {
  border-left: none;
}

.progress-tracking--started {
  color: #969696 !important;
}
.progress-tracking--practice-more {
  color: #E76B6B !important;
}
.progress-tracking--learned {
  color: #9DC49E !important;
}

.page-my-subscription tbody td a,
.page-my-subscription tbody td a:hover,
.page-my-subscription tbody td a:focus,
.page-my-subscription tbody td a:visited {
  color: #5BB4C7;
}

@media screen and (max-width: 1199px) {
  .progress-tracking__played-exercises tbody td.rating-column {
    position: relative;
  }
  .progress-tracking__played-exercises tbody td.rating-column .corner {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 17px 17px 0;
    border-color: transparent #CCCCCC transparent transparent;
    line-height: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
  .progress-tracking__played-exercises tbody td.rating-column--started {
    color: #ACACAC;
  }
  .progress-tracking__played-exercises tbody td.rating-column--started .corner {
    border-color: transparent #ACACAC transparent transparent;
  }
  .progress-tracking__played-exercises tbody td.rating-column--practice-more {
    color: #E76B6B;
  }
  .progress-tracking__played-exercises tbody td.rating-column--practice-more .corner {
    border-color: transparent #E76B6B transparent transparent;
  }
  .progress-tracking__played-exercises tbody td.rating-column--learned {
    color: #9DC49E;
  }
  .progress-tracking__played-exercises tbody td.rating-column--learned .corner {
    border-color: transparent #9DC49E transparent transparent;
  }
}
@media screen and (max-width: 991px) {
  .text-progress-tracking {
    margin-top: 0;
    margin-bottom: 20px;
  }
  .progress-tracking--table .row {
    margin-right: 0;
    margin-left: 0;
  }
  .table-progres-traking {
    font-size: 12px;
    max-width: 100%;
  }
  .table-progres-traking td a {
    font-size: 14px;
  }
  .progress-tracking--table {
    max-width: 100%;
    margin-bottom: 20px;
    border: none;
  }
  .table-progres-traking th {
    height: 33px;
    padding: 0;
  }
  .table-progres-traking td {
    height: 41px;
    padding: 3px;
  }
  .table-progres-traking td span {
    font-size: 14px;
  }
  .table-progres-traking td:first-child {
    padding-left: 12px;
  }
  .played-exercises__title {
    border-bottom: none !important;
  }
}
/* HELPERS */
.user-filter {
  max-width: 246px;
  width: 100%;
  display: inline-block;
}
.user-filter .dropdown-toggle {
  line-height: 1.2;
  width: 100%;
  height: 54px;
  color: #A2A2A2;
  border: 1px solid #A2A2A2;
  border-radius: 0;
  background-color: #FFFFFF;
}

/* HELPERS */
.memorization-icon {
  height: 20px;
  margin-left: 8px;
  vertical-align: middle;
}
.memorization-icon--grey-circle circle {
  fill: #EEEEEE;
}
.memorization-icon--memorized circle {
  fill: #9DC49E;
}
.memorization-icon--known path {
  fill: #FCDA64;
}
.memorization-icon--practice-more path {
  fill: #FA9766;
}
.memorization-icon--just-started path {
  fill: #E76B6B;
}

.learned-expressions-container:focus {
  outline: none !important;
}
.learned-expressions-container .first-column {
  text-align: left !important;
}
.learned-expressions-container h4 {
  font-style: normal;
}

.learned-expressions-header {
  padding: 15px;
  text-align: center;
  background-color: #F4F4F4;
}
.learned-expressions-header__header-item {
  font-weight: 300;
  padding: 0 10px 0 0;
  text-align: center;
  color: #A2A2A2;
}
.learned-expressions-header__header-item--first {
  font-weight: 500;
}

.learned-expressions-list {
  font-size: 14px;
  font-family: "Open Sans";
  font-weight: 400;
  color: #8C8C8C;
}
.learned-expressions-list__row {
  font-weight: 500;
  padding: 10px 15px;
  text-align: center;
  color: #929292;
}
.learned-expressions-list__row[aria-expanded=true] .learned-expressions-list__expression {
  color: #5BB4C7;
}
.learned-expressions-list__row .learned-expressions-list__expression {
  font-weight: 400;
  color: #929292;
}
.learned-expressions-list__item {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent;
}
.learned-expressions-list__item:hover .learned-expressions-list__row {
  background-color: #F8F8F8 !important;
}
.learned-expressions-list__item:nth-child(2n+1) .learned-expressions-list__row {
  background-color: #FFFFFF;
}
.learned-expressions-list__item:nth-child(2n+2) .learned-expressions-list__row {
  background: transparent;
}
.learned-expressions-list__collapse {
  position: relative;
  padding: 25px 15px 30px 25px;
  border: 1px solid #BFBFBF;
  border-radius: 9px;
  background-color: #FFFFFF;
}
.learned-expressions-list__collapse .arrow {
  position: absolute;
  top: -10px;
  left: 16px;
  width: 0;
  height: 0;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #444444;
  border-left: 10px solid transparent;
}
.learned-expressions-list__collapse .arrow:before {
  position: absolute;
  left: -11px;
  width: 0;
  height: 0;
  content: " ";
  border-right: 11px solid transparent;
  border-bottom: 11px solid #FFFFFF;
  border-left: 11px solid transparent;
}
.learned-expressions-list__collapse-term {
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 6px;
  line-height: 21px;
}
.learned-expressions-list__flag-container {
  position: absolute;
  top: 20px;
  right: 20px;
}
.learned-expressions-list__special-phrase {
  font-style: italic;
}
.learned-expressions-list__special-phrase em span {
  color: #FBC292;
  font-style: normal;
}
.learned-expressions-list__term-highlighted {
  color: #5BB4C7;
}
.learned-expressions-list__ex-icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  vertical-align: middle;
}
.learned-expressions-list__ex-icon.ex-icon-pv {
  background-image: url("/sites/all/themes/lingua/assets/learned-expressions/group-pv.svg");
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  text-align: center;
  width: 34px;
  height: 34px;
  margin-right: 7px;
}
.learned-expressions-list__ex-icon.ex-icon-pv > img {
  display: none;
}
.learned-expressions-list__ex-icon.ex-icon-vb {
  background-image: url("/sites/all/themes/lingua/assets/learned-expressions/group-vb.png");
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  text-align: center;
  width: 34px;
  height: 34px;
  margin-right: 7px;
}
.learned-expressions-list__ex-icon.ex-icon-vb > img {
  display: none;
}
.learned-expressions-list__ex-icon.ex-icon-sl {
  background-image: url("/sites/all/themes/lingua/assets/starterlab-icons/starter_labs.png");
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  text-align: center;
  width: 34px;
  height: 34px;
  margin-right: 7px;
}
.learned-expressions-list__ex-icon.ex-icon-sl > img {
  display: none;
}
.learned-expressions-list__ex-icon.ex-icon-sb {
  background-image: url("/sites/all/themes/lingua/assets/skill-booster-icons/sb-header-icon.png");
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  text-align: center;
  width: 34px;
  height: 34px;
  margin-right: 7px;
}
.learned-expressions-list__ex-icon.ex-icon-sb > img {
  display: none;
}
.learned-expressions-list__video-name {
  font-family: "Open Sans";
}
.learned-expressions-list__video-name.video-name-pv a {
  color: #FBB382;
}
.learned-expressions-list__video-name.video-name-vb a {
  color: #83CBDC;
}
.learned-expressions-list__video-name.video-name-sl a {
  color: #fcd372;
}
.learned-expressions-list__video-name.video-name-sb a {
  color: #ABAADA;
}

.collapsed-close-button {
  display: none;
}

.c-learned-expression_items {
  font-weight: 400;
  font-family: "Open Sans";
  color: #8C8C8C;
  font-size: 14px;
}
.c-learned-expression_pv-translation-item, .c-learned-expression_items-text {
  color: #ABABAB;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 300;
  margin: 20px 0;
}
.c-learned-expression__collapse-pv {
  color: #FBB382;
  position: relative;
}
.c-learned-expression__collapse-pv .c-sound-icon {
  background-image: url("/sites/all/themes/lingua/assets/sound-icon-black.svg");
  top: 0;
  right: -30px;
  -webkit-transform: none;
          transform: none;
}
.c-learned-expression__collapse-pv ~ p > span em {
  color: #FBB382;
  font-style: normal;
  font-family: "Open Sans";
}
.c-learned-expression__collapse-vb {
  color: #83CBDC;
}
.c-learned-expression__collapse-vb ~ p > span em {
  color: #8FD2E1;
  font-style: normal;
  font-family: "Open Sans";
}
.c-learned-expression__collapse-sl {
  color: #fcd372;
  position: relative;
}
.c-learned-expression__collapse-sl .c-sound-icon {
  background-image: url("/sites/all/themes/lingua/assets/sound-icon-black.svg");
  top: 0;
  right: -30px;
  -webkit-transform: none;
          transform: none;
}
.c-learned-expression__collapse-sb {
  color: #ABAADA;
  position: relative;
}
.c-learned-expression__collapse-sb .c-sound-icon {
  background-image: url("/sites/all/themes/lingua/assets/sound-icon-black.svg");
  top: 0;
  right: -30px;
  -webkit-transform: none;
          transform: none;
}
.c-learned-expression_example-item {
  margin-bottom: 20px;
}
.c-learned-expression__translate-expression {
  color: #B7B1B1;
  font-family: "Open Sans";
  font-size: 13px;
  font-style: italic;
  font-weight: 300;
  letter-spacing: -0.14px;
  line-height: 18px;
}
.c-learned-expression_expression-type {
  color: #ABABAB;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: -0.17px;
  line-height: 21px;
  font-weight: lighter;
}

@media screen and (max-width: 991px) {
  .collapsed-close-button {
    display: block;
    font-size: 25px;
    top: 5px;
    padding: 5px 10px;
    position: absolute;
    right: 15px;
    color: #929292;
  }
  .memorization-icon {
    float: right;
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
  .memorization-icon-list {
    line-height: 2.1;
    max-width: 100%;
  }
  .learned-expressions-list .memorization-icon {
    float: none;
  }
  .learned-expressions-header {
    font-size: 12px;
    max-height: 50px;
    padding-top: 10px;
  }
  .learned-expressions-header .col-xs-4 {
    padding-left: 0;
  }
  .learned-expressions-list__row {
    font-size: 12px;
  }
  .learned-expressions-list__row .col-xs-5,
  .learned-expressions-list__row .col-xs-3 {
    padding-right: 0;
  }
  .learned-expressions-list__row .col-xs-4 {
    padding-left: 0;
  }
  .learned-expressions-container {
    margin-top: 15px;
  }
  .learned-expression__title--first a {
    max-width: 60px;
  }
  .learned-expression__title--second a {
    max-width: 73px;
  }
  .learned-expression__title--last {
    text-align: right;
  }
  /* Memorization steps */
  .memorization-step {
    position: relative;
  }
  .memorization-step svg {
    position: absolute;
  }
}
.learned-expressions__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-icon-sound {
  background-image: url(/sites/all/themes/lingua/assets/sound-icon-black.svg);
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 20px;
  width: 20px;
  margin-bottom: 6px;
  margin-left: 10px;
}

/* HELPERS */
.learned-grammar-rules-container .first-column {
  text-align: left !important;
}

.learned-grammar-rules-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 15px;
  text-align: center;
  background-color: #F4F4F4;
}
.learned-grammar-rules-header:focus {
  outline: none !important;
}
.learned-grammar-rules-header div {
  -ms-flex-item-align: center;
      align-self: center;
}
.learned-grammar-rules-header div p {
  margin-bottom: 0;
  color: #929292;
}
.learned-grammar-rules-header__header-item {
  font-weight: 300;
  padding: 0;
  text-align: center;
  color: #A2A2A2;
}
.learned-grammar-rules-header__header-item--first {
  font-weight: 500;
}

.learned-grammar-rules-list__row {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 15px;
  padding: 10px 15px;
  text-align: left;
  color: #929292;
  border-bottom: 2px solid #F1F1F1;
  background-color: #FFFFFF;
}
.learned-grammar-rules-list__row[aria-expanded=true], .learned-grammar-rules-list__row:hover {
  color: #262E31;
}
.learned-grammar-rules-list__row .col-xs-1 {
  padding: 0;
}
.learned-grammar-rules-list__row .col-md-2,
.learned-grammar-rules-list__row .learned-grammar-rules__description {
  cursor: pointer;
}
.learned-grammar-rules-list__row .grammar_title {
  color: #838383;
}
.learned-grammar-rules-list__row .grammar_title:hover, .learned-grammar-rules-list__row .grammar_title:focus, .learned-grammar-rules-list__row .grammar_title:active {
  text-decoration: none;
}
.learned-grammar-rules-list__item {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent;
}
.learned-grammar-rules-list__item .col-md-2:first-child {
  padding-left: 20px;
  text-align: left;
}
.learned-grammar-rules-list__expand-icon {
  font-family: inherit;
  font-size: 22px;
  font-weight: 300;
  line-height: 12px;
  width: 15px;
  height: 15px;
  margin-left: -10px;
  content: "+";
  text-align: center;
  vertical-align: middle;
  color: #AEAEAE;
  border: 1px solid #AEAEAE;
}
.learned-grammar-rules-list__expand-icon.glyphicon-minus {
  content: "-";
}
.learned-grammar-rules-list__view-all-button {
  margin: 5px -10px;
  padding: 5px 10px;
  cursor: pointer;
  text-align: center;
  background: #F1F1F1;
}
.learned-grammar-rules-list__exercise_example {
  color: #6D6D6D;
}
.learned-grammar-rules-list__exercise_example em {
  text-transform: none;
  color: #5CB4C7;
}
.learned-grammar-rules-list__exercise_title {
  font-style: italic;
  color: #B6B6B6;
}
.learned-grammar-rules-list__exercise_title a {
  color: #B6B6B6;
}

.learned-grammar-rules__description {
  font-size: 14px;
  text-align: left;
  color: #838383;
}
.learned-grammar-rules__circle {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  padding-top: 18px;
  text-align: center;
  color: #FFFFFF;
  border-radius: 50%;
  background-color: #AEAEAE;
}
.learned-grammar-rules__circle.active {
  background-color: #5CB4C7;
}

@media screen and (max-width: 991px) {
  .learned-grammar-rules-header {
    min-height: 45px;
    padding-right: 6px;
    padding-left: 6px;
  }
  .learned-grammar-rules-header .col-xs-6 {
    padding-right: 0;
    padding-left: 0;
  }
  .learned-grammar-rules-header .practiced-exercises--div {
    position: relative;
  }
  .learned-grammar-rules-header .practiced-exercises--div p {
    text-align: right;
  }
  .learned-grammar-rules-header .practiced-exercises--div a {
    max-width: 72px;
    text-align: left;
  }
  .learned-grammar-rules-list__row {
    min-height: 50px;
    padding-bottom: 0;
  }
  .learned-grammar-rules-list .grammar_title {
    font-size: 13px;
    line-height: 1;
    display: inline-block;
    z-index: 9999999;
  }
  .learned-grammar-rules-list .grammar_title:hover, .learned-grammar-rules-list .grammar_title:focus, .learned-grammar-rules-list .grammar_title:active {
    text-decoration: none;
  }
  .learned-grammar-rules__circle {
    float: right;
    width: 39px;
    height: 39px;
    padding-top: 8px;
  }
  .learned-grammar-rules__description hr {
    display: none;
  }
  .exercise_count_node {
    font-size: 14px;
  }
  .grammar-rules__circle--score {
    position: absolute;
    top: 5px;
    right: 0;
    padding-right: 0;
  }
  .second-grammar-description {
    padding-bottom: 10px;
    border-bottom: 1px solid #E3E3E3;
    padding-top: 5px;
  }
  .learned-grammar-rules-list__view-all-button {
    margin-bottom: 13px;
    margin-top: 11px;
  }
}
/* HELPERS */
/*asta e clasa pusa din drupal */
.page-user-settings #page-content > .container,
.page-my-school #page-content > .container {
  min-height: 100%;
  padding: 0;
  background-color: transparent;
}

/* asta e clasa pusa de mine */
.user-page {
  position: relative;
  min-height: 100vh;
  padding-left: 245px;
  padding-top: 10px;
}
.user-page__title {
  font-weight: 500;
  color: #262E31;
}
.user-page__navbar-container {
  position: absolute;
  top: 10px;
  left: 0;
  width: 245px;
  height: 100%;
  border-right: 1px solid #D3D2D2;
  border-left: 1px solid #D3D2D2;
  background-color: #FFFFFF;
  border-radius: 20px;
}
.user-page__content {
  position: relative;
  min-height: 100vh;
  padding: 30px !important;
  background-color: #FFFFFF;
  margin-left: 10px;
  border-radius: 20px;
}

/* Pages under "Tests" header menu item */
.c-page-under-tests.user-page__content {
  padding: 0px !important;
  background-color: transparent;
  border-radius: 0;
}
@media (max-width: 767px) {
  .c-page-under-tests .school-page__title {
    border-bottom: none;
    padding-bottom: 0px;
  }
}
.c-page-under-tests .c-cefr-level-block {
  background-color: #FFFFFF;
  border-radius: 20px;
  padding: 20px;
}

.user-panel {
  max-width: unset;
}

.user-average-stats {
  max-width: 380px;
  margin-left: 0;
}

/* DAILY GOAL PAGE */
.daily-goal-intro {
  display: table;
  width: 100%;
}
.daily-goal-intro__content {
  display: table-cell;
  vertical-align: middle;
}
.daily-goal-intro__content--first {
  padding-right: 60px;
}
.daily-goal-intro__content--last {
  width: 100%;
  max-width: 540px;
}

.goal-booster-logo {
  display: block;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background-color: #F3F3F3;
  -webkit-box-shadow: 0 2px 0 1px #C4C4C4;
          box-shadow: 0 2px 0 1px #C4C4C4;
}

.user-menu-toggle {
  display: none;
  position: absolute;
  top: 10px;
  left: 10px;
  background: transparent;
  background: #DDDDDD;
  border: none;
}

.calendar-icon--big {
  font-size: 10px;
  height: 115px;
  width: 115px;
  margin-left: 0;
  margin-bottom: 25px;
}
.calendar-icon--big .name-current-date {
  position: absolute;
  z-index: 10;
  top: 26px;
  text-align: center;
  color: #FFFFFF;
  font-weight: 600;
  width: 100%;
}
.calendar-icon--big .name-current-month {
  position: static;
  line-height: 10px;
}
.calendar-icon--big .current-day {
  top: 53px !important;
}
.calendar-icon--big .calendar-icon__image {
  height: 115px;
  width: 115px;
}

/* Organisation admin */
.btn-download--csv {
  position: relative;
}

.activity-period {
  max-width: 300px;
  padding: 15px 0 0;
  position: relative;
  margin-left: -10px;
}
.activity-period:after {
  content: " ";
  border-bottom: 1px solid #EBEBEB;
  width: 260px;
  display: inline-block;
  position: absolute;
  left: 10px;
  bottom: 0;
}

#page-new-nav {
  position: fixed;
  top: 470px;
  width: calc((100% - 1115px) / 2);
}
#page-new-nav > div {
  width: 100%;
  text-align: center;
}
#page-new-nav .go-circle {
  margin: 0 auto 25px;
  width: 62px;
  height: 62px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-repeat: repeat-x;
  display: block;
  opacity: 0.6;
}
#page-new-nav .go-circle:hover, #page-new-nav .go-circle.active {
  cursor: pointer;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  opacity: 1;
}
#page-new-nav .go-circle.last-active {
  -webkit-transform: scale(1);
          transform: scale(1);
}
#page-new-nav .go-circle.go-circle-vb {
  background-color: #5BB4C7;
  background-image: url("../images/all-icons/VB-logo.svg");
  background-position: 50% 35%;
  background-size: 100% 60%;
}
#page-new-nav .go-circle.go-circle-pv {
  background-color: #FA9F70;
  background-image: url("../images/all-icons/PV-logo.svg");
  background-position: 50% 45%;
  background-size: 100% 60%;
}
#page-new-nav .go-circle.go-circle-vd {
  background-color: #E76B6B;
  background-image: url("../images/verbdash/logo-small.svg");
  background-position: 50% 45%;
  background-size: 100% 100%;
}

.newsletter_link_online {
  display: none;
}

.page-email .container {
  padding: 0 !important;
}
.page-email .container > table > tbody > tr > td > table {
  margin-top: 45px !important;
}

.user-account-title-page {
  margin: 0;
  color: #2F2F2F;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 26px;
}

.custom-form--user-profile .container-inline {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.custom-form--user-profile .container-inline select {
  padding-right: 70px;
}

/* Media Queries  */
@media screen and (max-width: 1360px) {
  #desk_contact_form {
    display: none;
  }
}
@media screen and (max-width: 1279px) {
  #page-new-nav {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .user-page__content {
    margin-left: 0;
  }
  .user-menu-toggle {
    display: block;
  }
  .user-page {
    padding-left: 0;
  }
  .user-page__navbar-container {
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
    -webkit-transform: translateX(-245px);
            transform: translateX(-245px);
    z-index: 999;
  }
  .user-page__navbar-container.is-opened {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .user-page__content {
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    padding: 60px 5px 15px 15px;
  }
  .user-page__content.is-opened {
    -webkit-transform: translateX(245px);
            transform: translateX(245px);
  }
  .daily-goal-intro__content {
    display: block;
    text-align: center;
    padding-right: 0;
  }
  .account-daily-goal__icons-container {
    padding-left: 0;
    padding-right: 0;
  }
  .page-user-settings .user-page__content {
    padding-top: 21px;
  }
  .page-user-settings .user-page__title,
  .page-user-settings .user-panel__page-title {
    margin-top: 0;
    font-size: 16px;
    border-bottom: 1px solid #E3E3E3;
    padding-bottom: 10px;
  }
  .page-user-settings .user-page__title.second,
  .page-user-settings .user-panel__page-title.second {
    border-bottom: none;
  }
  .page-user-settings .user-panel__page-title {
    width: 100%;
  }
  .page-user-settings .coach-image {
    height: 135px;
    width: 135px;
    float: left;
  }
  .page-user-settings .daily-goal-intro__content {
    text-align: left;
    font-size: 13px;
  }
  .page-user-settings .daily-goal-intro__content p {
    margin-bottom: 0;
  }
  /* Learning frequency */
  .user-panel--title .user-filter {
    margin-bottom: 15px;
    margin-top: 0;
  }
  .page-my-subscription .user-page__content {
    padding: 0 5px 15px 30px;
  }
}
@media screen and (max-height: 768px) {
  #page-new-nav {
    top: 208px !important;
  }
}
@media (max-width: 600px) {
  .user-page__content {
    padding: 10px !important;
  }
}
@media screen and (max-width: 480px) {
  .user-filter {
    max-width: 100%;
    margin-top: 15px;
  }
}
@media (max-width: 400px) {
  .custom-form--user-profile .container-inline {
    width: 100%;
    display: block;
  }
  .custom-form--user-profile .container-inline select {
    width: auto;
    margin-bottom: 10px;
    max-width: 120px;
    width: 100%;
  }
}
/* SCHOOL */
/* HELPERS */
/*asta e clasa pusa din drupal */
.page-school #page-content > .container,
.page-my-school #page-content > .container {
  min-height: 100%;
  padding: 0;
  background-color: transparent;
}
.page-school #ui-datepicker-div,
.page-my-school #ui-datepicker-div {
  z-index: 2001 !important;
}
.page-school.page-add-assignments #ui-datepicker-div,
.page-my-school.page-add-assignments #ui-datepicker-div {
  z-index: 100000 !important;
}

/*asta e clasa pusa de mine */
.school-page {
  position: relative;
  padding-left: 245px;
}

.school-page__navbar-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 245px;
  height: 100%;
  border-right: 1px solid #D3D2D2;
  border-left: 1px solid #D3D2D2;
  background-color: #FFFFFF;
  border-radius: 20px;
}

.school-page__navbar-header {
  padding: 50px 10px 0 10px;
}
.school-page__navbar-header img {
  max-width: 100%;
}

.school-page__title {
  font-size: 24px;
  font-weight: 300;
  color: #262E31;
}

.school-page__sub-title {
  font-size: 13px;
  font-weight: 300;
  color: #343434;
  line-height: 13px;
}

.page-school-student .school-page__navbar-header {
  min-height: 220px;
}

.school-page__content {
  min-height: calc(100vh - 80px);
  padding: 25px;
  background-color: #FAFAFA;
  position: relative;
}

.school-page__navbar-subtitle {
  font-size: 14px;
  font-weight: 400;
}
.school-page__navbar-subtitle:last-child {
  margin: 0;
}

.icon-red-circle {
  height: 36px;
  width: 36px;
  border-radius: 50%;
  background: #E76B6B;
  color: #FFFFFF;
  padding-top: 3px;
  text-align: center;
  margin-top: -6px;
  font-size: 24px;
}

.icon-red-circle:hover,
a:hover .icon-red-circle {
  background: #FFFFFF;
  border: 1px solid #E76B6B;
  color: #E76B6B;
}

.icon-gray-circle {
  height: 45px;
  width: 45px;
  border-radius: 50%;
  background: #D2D2D2;
  color: #FFFFFF;
  padding-top: 8px;
  text-align: center;
  margin-top: -10px;
  font-size: 24px;
}

.school-panel--title {
  font-size: 14px;
}
.school-panel .icon-search {
  font-size: 24px;
  font-weight: 300;
  color: #DDDDDD;
  line-height: 28px;
  margin-right: 10px;
  opacity: 0.6;
}

.teacher-zone__frame {
  margin: 0 auto;
  display: block;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background-color: #F3F3F3;
  -webkit-box-shadow: 0 2px 0 1px #C4C4C4;
          box-shadow: 0 2px 0 1px #C4C4C4;
}
.teacher-zone__frame-label {
  margin-top: 30px;
  margin-bottom: 0;
  text-align: center;
  font-weight: 500;
}
.teacher-zone__canvas {
  overflow: hidden;
  width: 150px;
  height: 150px;
  background-position: center center;
  background-size: cover;
  border-radius: 100%;
}

@media (max-width: 991px) {
  .school-page {
    padding-left: 0;
  }
  .school-page hr {
    margin-top: 10px;
  }
  .page-school .page-wrapper {
    padding-top: 40px;
  }
  /* Family page */
  .page-my-family .school-page__title {
    margin-top: -10px !important;
  }
}
.page-school #popups #popups-body {
  overflow-x: visible;
}

@media (max-width: 480px) {
  .page-school #popups #popups-body .form-item {
    max-width: 254px !important;
  }
}
#block-menu-menu-new-navigation-menu li.menu-toolbox-dropdown__main-li .dropdown-toggle .caret {
  margin-left: 10px;
  margin-top: -5px;
}
#block-menu-menu-new-navigation-menu li.menu-toolbox-dropdown__main-li .dropdown-menu {
  padding-left: 0;
  padding-bottom: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#block-menu-menu-new-navigation-menu li.menu-toolbox-dropdown__main-li .dropdown-menu ul.menu {
  display: block;
}
#block-menu-menu-new-navigation-menu li.menu-toolbox-dropdown__main-li .dropdown-menu ul.menu li a {
  color: #838383;
}
#block-menu-menu-new-navigation-menu li.menu-toolbox-dropdown__main-li .dropdown-menu ul.menu li a:hover {
  color: #000000;
}
#block-menu-menu-new-navigation-menu li.menu-toolbox-dropdown__main-li .dropdown-menu ul.menu li a.active {
  background-color: #D65A5A;
  color: #FFFFFF;
}
#block-menu-menu-new-navigation-menu li.menu-toolbox-dropdown__main-li .dropdown-menu ul.menu li.expandable {
  position: relative;
  margin: 0;
}
#block-menu-menu-new-navigation-menu li.menu-toolbox-dropdown__main-li .dropdown-menu ul.menu li.expandable:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  color: #848484;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 19px;
  left: 5px;
  content: "\e809";
}
#block-menu-menu-new-navigation-menu li.menu-toolbox-dropdown__main-li .dropdown-menu ul.menu li.expandable ul.menu {
  display: none;
}
#block-menu-menu-new-navigation-menu li.menu-toolbox-dropdown__main-li .dropdown-menu ul.menu li.expandable.expanded {
  padding: 0;
}
#block-menu-menu-new-navigation-menu li.menu-toolbox-dropdown__main-li .dropdown-menu ul.menu li.expandable.expanded:before {
  content: "\e80b";
}
#block-menu-menu-new-navigation-menu li.menu-toolbox-dropdown__main-li .dropdown-menu ul.menu li.expandable.expanded ul.menu {
  display: block;
}
#block-menu-menu-new-navigation-menu li.menu-toolbox-dropdown__main-li .dropdown-menu ul.menu li.expandable > a.active {
  color: #838383;
  background-color: #F1F0F0;
}

/* HELPERS */
.students__table table {
  border-collapse: separate;
  border-spacing: 0 5px;
  width: 100%;
  table-layout: fixed;
}
.students__table thead .row th:nth-child(1) {
  width: 8.33333333%;
}
.students__table thead .row th:nth-child(2) {
  display: none;
}
.students__table thead .row th:nth-child(3), .students__table thead .row th:nth-child(4) {
  width: 33.33%;
}
.students__table thead .row th:nth-child(5) {
  width: 25%;
}
.students__table thead .row:first-of-type {
  background: #F1F1F1;
}
.students__table thead .row:first-of-type .caret {
  width: 7px;
  height: 7px;
  border-right: 1px solid;
  border-bottom: 1px solid;
}
.students__table tr.row {
  background-color: #FFFFFF;
  color: #848484;
  font-size: 14px;
  padding: 25px 10px 15px 10px;
  height: 70px;
}
.students__table tr.row td,
.students__table tr.row th {
  border-bottom: 3px solid #F0F0F0;
  padding-left: 5px;
  padding-right: 5px;
}
.students__table tr.row td.views-field.select {
  padding-right: 1rem;
}
.students__table tr.row td:nth-child(2) {
  display: none;
}
.students__table tr.row td:nth-child(2),
.students__table tr.row td:nth-child(3),
.students__table tr.row td:nth-child(4) {
  position: relative;
  overflow: hidden;
}
.students__table tr.row td:nth-child(2):after,
.students__table tr.row td:nth-child(3):after,
.students__table tr.row td:nth-child(4):after {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  height: 100%;
  width: 30%;
  content: " ";
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.2)), to(#FFFFFF));
  background: linear-gradient(to right, rgba(255, 255, 255, 0.2), #FFFFFF);
}
.students__table tr.row.selected td {
  background: #FFFFFF;
}
.students__table tr.row a {
  color: #848484;
  font-weight: 300;
  margin-right: 4.5rem !important;
}
.students__table .form-item {
  margin: 0;
}
.students__table .icon-circle {
  width: 21px;
  height: 21px;
  border: 2px solid #B9B9B9;
  border-radius: 50%;
}
.students__table .icon-circle:before {
  padding-top: 2px;
  margin: 0;
  color: #B9B9B9;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 800;
  line-height: 13px;
  text-align: center;
}
.students__table .icon-red {
  border-color: #E76B6B;
}
.students__table .icon-red:before {
  color: #E76B6B;
}
.students__table .icon-add:before {
  content: "+";
}
.students__table .icon-remove:before {
  content: "x";
  font-weight: 400;
  margin-top: -1px;
}
.students__table input[type=checkbox] {
  display: none;
  position: absolute;
  left: -5000px;
}
.students__table input[type=checkbox] + label {
  width: 21px;
  height: 21px;
  border: 2px solid #B9B9B9;
  border-radius: 5px;
  cursor: pointer;
  position: absolute;
  z-index: 10;
  top: 32%;
}
.students__table input[type=checkbox]:checked + label {
  background: #B9B9B9;
}
.students__table input[type=checkbox]:checked + label:before {
  content: "";
  background-color: transparent;
  position: absolute;
  left: 4px;
  top: 0;
  width: 9px;
  border-bottom: 3px solid #FFFFFF;
  height: 13px;
  border-right: 3px solid #FFFFFF;
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.students__table label.option {
  width: 21px;
  height: 21px;
  position: relative;
  padding: 18px;
  margin: 0;
}
.students__table .students__thumbnail img {
  background: #EDEDED;
  border-radius: 50%;
  font-size: 32px;
  line-height: 45px;
  width: 45px;
  height: 45px;
  margin: 0 auto;
  display: block;
}
.students__table .students__icon-cancel:before {
  content: "x";
  width: 10px;
  height: 10px;
  font-size: 30px;
  font-weight: 500;
  color: #CCCCCC;
  line-height: 10px;
}
.students__table .students__icon-cancel:hover:before {
  color: #E76B6B;
}
.students__table .tooltip-inner {
  max-width: 200px;
  padding: 5px 20px;
  color: #FFFFFF;
  text-align: center;
  background-color: #000000;
  border-radius: 4px;
  border: none;
  font-size: 14px;
  font-weight: 400;
}
.students__table .tooltip-arrow {
  border-color: transparent;
  border-style: solid;
}
.students__table .tooltip.in {
  opacity: 0.7;
}
.students__table .disabled {
  opacity: 0.5;
}
.students__table .success {
  position: relative;
}
.students__table .success td:first-child:before {
  content: " ";
  width: 0;
  height: 0;
  border: 15px solid #9DC49E;
  border-color: transparent;
  border-left-color: #9DC49E;
  border-top: 0;
  position: absolute;
  margin-top: -11px;
  margin-left: -6px;
}
.students__table .unassigned {
  position: relative;
}
.students__table .unassigned td:first-child:before {
  content: " ";
  width: 0;
  height: 0;
  border: 15px solid #CCCCCC;
  border-color: transparent;
  border-left-color: #CCCCCC;
  border-top: 0;
  position: absolute;
  margin-top: -11px;
  margin-left: -6px;
}
.students__table .btn-default {
  background-color: #A3A3A3;
}
.students__table .btn {
  padding: 7px;
  font-size: 14px;
  border-radius: 5px;
  min-width: 95px;
}
.students__table .btn-danger {
  background: #E76B6B;
  border-color: #E76B6B;
  font-size: 14px;
  padding: 9px;
  max-width: 200px;
  float: right;
}
.students__table .btn-danger .caret {
  border-width: 2px;
  width: 9px;
  height: 9px;
}
.students__table .views-throbbing,
.students__table .flag-waiting .flag-throbber {
  right: 15px;
  text-align: right;
  display: inline-block;
}
.students__search-input {
  float: right;
}
.students__search-input input[type=text] {
  width: 225px;
  height: 35px;
  padding: 10px 10px 10px 30px;
  border: none;
  font-size: 12px;
  background-color: #EDECEC;
  font-style: italic;
}
.students__search-input input[type=text]:focus {
  outline: none;
}
.students__search-input label {
  display: none;
}
.students__search-input input[type=submit] {
  display: none;
}
.students__search-input .views-widget-filter-mail {
  padding: 0;
}
.students__icons a:hover {
  text-decoration: none;
}
.students__icons .glyphicon-repeat {
  font-size: 20px;
  font-weight: 100;
  color: #CCCCCC;
}
.students__icons .glyphicon-repeat:hover {
  color: #E76B6B;
}
.students__cancel-invitation-popup input[type=submit],
.students__cancel-invitation-popup #popups-body a {
  margin-top: 20px !important;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid #5BB4C7;
  border-radius: 4px;
  background-color: #5BB4C7;
  color: #FFFFFF;
}
.students__cancel-invitation-popup #popups-body a {
  background-color: transparent;
  border: 1px solid #CCCCCC;
  color: #848484;
}
.students__cancel-invitation-popup #popups-body a:hover {
  text-decoration: none;
  color: #848484;
}

.vbo-select-all .btn {
  color: #FFFFFF !important;
}

@media (max-width: 991px) {
  .students__table thead tr.row th:nth-child(1) {
    font-size: 16px;
    font-weight: 300;
    width: 20%;
  }
  .students__table thead tr.row th:nth-child(2) {
    width: 80%;
  }
  .students__table tbody tr.row td:nth-child(3):after {
    content: none;
  }
  .students__table .btn {
    font-size: 11px;
    min-width: 75px;
    color: #FFFFFF !important;
  }
  .students__table .views-field.select .form-item,
  .students__table .views-field.select a {
    margin-right: 10px;
  }
  .students__table .form-item {
    margin: 0;
  }
  .students__table .success td:first-child:before {
    margin-top: 0;
    top: 0;
  }
  .students__table .unassigned td:first-child:before {
    margin-top: 0;
  }
  .students__table .students__thumbnail img {
    height: 35px;
    width: 35px;
  }
  .students__table tr.row td,
  .students__table tr.row th {
    position: relative;
  }
  .students__table tr.row td:last-child {
    padding: 0;
  }
  .students__search-input input[type=text] {
    width: 140px;
    margin-top: -10px;
  }
  .school-panel .icon-search {
    margin-top: -10px;
  }
  .school-page hr {
    margin-bottom: 10px;
  }
  .students__table tr.row {
    height: 50px;
  }
  #vbo-confirm-add {
    position: absolute;
    right: 110px;
  }
}
@media (max-width: 991px) {
  .view-schools-management .teacher-panel--title {
    padding: 35px 30px 10px 30px;
  }
  .view-schools-management .school-panel .c-students_titles {
    margin: 20px 0 0;
    padding: 0;
  }
  .view-schools-management .school-panel .c-students_titles > h1 {
    margin: 0 !important;
  }
  .view-schools-management .school-panel .col-md-5.col-xs-10 {
    margin: 20px 0 0;
  }
}
/* HELPERS */
.class-management__add-popup .form-item, .class-management__remove-popup .form-item {
  width: 435px !important;
}
.class-management__add-popup .form-item label, .class-management__remove-popup .form-item label {
  width: 150px !important;
  text-align: left !important;
}
.class-management__add-popup .form-item input, .class-management__remove-popup .form-item input {
  max-width: 270px !important;
}
.class-management__add-popup input[type=submit],
.class-management__add-popup .container-inline a, .class-management__remove-popup input[type=submit],
.class-management__remove-popup .container-inline a {
  margin-top: 20px !important;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid #5BB4C7;
  border-radius: 4px;
  background-color: #5BB4C7;
  color: #FFFFFF;
}
.class-management__add-popup .container-inline a, .class-management__remove-popup .container-inline a {
  background-color: transparent;
  border: 1px solid #CCCCCC;
  color: #848484;
}
.class-management__add-popup .container-inline a:hover, .class-management__remove-popup .container-inline a:hover {
  text-decoration: none;
}
.class-management__class-title {
  color: #6A6A6A;
}
.class-management__split-section section:first-of-type {
  border-right: 1px solid #EEEEEE;
}
.class-management__split-section section > header {
  padding: 20px 10px;
  background: #F1F1F1;
  margin-bottom: 10px;
}
.class-management__split-section section > header > div {
  margin-bottom: -15px;
  font-size: 14px;
}
.class-management__split-section section > header:nth-of-type(2) {
  padding: 5px 10px;
}
.class-management__split-section section > header:nth-of-type(2) > div {
  margin-bottom: 0;
}
.class-management__split-section section > header .caret {
  width: 7px;
  height: 7px;
  border-right: 1px solid;
  border-bottom: 1px solid;
}
.class-management__split-section .class-management__classes-container {
  min-height: 100vh;
  height: 100% !important;
}
.class-management__class-item {
  min-height: 150px;
  background: #FFFFFF;
  border-bottom: 3px solid #F1F1F1;
  font-size: 14px;
  color: #848484;
}
.class-management__class-item--add-class {
  padding: 20px 10px 10px;
  min-height: initial;
}
.class-management__class-item--add-class a {
  text-decoration: none;
  color: #848484;
}
.class-management__class-item h4 {
  margin-bottom: 0;
  font-style: initial;
  font-weight: 400;
}
.class-management__class-item .row:nth-of-type(2) {
  margin-top: 10px;
}
.class-management__class-item .row:last-of-type {
  margin-bottom: 10px;
}
.class-management__class-item .icon-cancel {
  color: #E76B6B;
}
.class-management__class-item .class-management__students-number {
  font-size: 10px;
  font-weight: 300;
  color: #6A6A6A;
}
.class-management__student-item {
  background: #FFFFFF;
  color: #848484;
  border-bottom: 3px solid #F1F1F1;
  margin-bottom: 5px;
  font-size: 14px;
  padding: 5px;
}
.class-management__student-item:last-of-type {
  margin-bottom: 10px;
}
.class-management .dropdown-menu {
  border: none;
  -webkit-box-shadow: 0px -1px 5px #EEEEEE;
          box-shadow: 0px -1px 5px #EEEEEE;
  padding: 0;
  border-radius: 0;
}
.class-management .dropdown-menu.multi-level:after {
  width: 0;
  height: 0;
  top: -6px;
  left: 7px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #FBFBFB;
  position: absolute;
  content: " ";
  z-index: -1;
}
.class-management .dropdown-menu:hover {
  background-color: #E76B6B;
  color: #FFFFFF;
}
.class-management .dropdown-submenu {
  position: relative;
}
.class-management .dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: 0;
  margin-left: -1px;
}
.class-management .dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.class-management .dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #CCCCCC;
  margin-top: 5px;
  margin-right: 0;
}
.class-management .dropdown-submenu:hover > a:after {
  border-left-color: #FFFFFF;
}
.class-management .dropdown-submenu.pull-left {
  float: none;
}
.class-management .dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  border-radius: 6px 0 6px 6px;
}
.class-management .icon.icon-dot-3 {
  color: #D0D0D0;
  font-size: 24px;
  margin-top: -5px;
  margin-left: -5px;
}
.class-management .icon.icon-dot-3:hover {
  color: #ADADAD;
}
.class-management .form-input {
  margin-top: 7px;
  width: 100%;
}
.class-management .tooltip {
  width: 100%;
}
.class-management .tooltip-inner {
  background-color: #000000;
  border: none;
  color: #656565;
  font-weight: 400;
}
.class-management .tooltip-arrow {
  border-color: transparent;
  border-style: solid;
}
.class-management .masonry-sizer {
  width: 100%;
}
.class-management h4.error {
  color: #E76B6B;
}
.class-management .tooltip.error {
  background-color: #E76B6B;
  border-color: #E76B6B;
  width: 200px;
}
.class-management .tooltip.error .tooltip-inner {
  color: #FFFFFF;
  background-color: #E76B6B;
}
.class-management .tooltip.error .tooltip-arrow {
  left: -6px;
  border-right-color: #E76B6B;
}

.class-student__row {
  color: #6A6A6A;
  font-size: 14px;
}

.class-student__row .col-md-9,
.class-management__student-item .col-md-6,
.class-management__student-item .col-md-4,
.class-management__class-title {
  overflow: hidden;
  height: 25px;
  word-break: break-all;
  padding-right: 0;
}

.class-student__row .col-md-9:after,
.class-management__student-item .col-md-6:after,
.class-management__student-item .col-md-4:after,
.class-management__class-title:after {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  height: 100%;
  width: 30%;
  content: " ";
}

header.class-assigned-students__header {
  color: #6A6A6A;
}

.class-management header {
  border: solid 1px #D3D2D2;
}

#students-column-order__class,
#students-column-order__name {
  color: #3E3E3E;
}

/* My school - Teacher zone - Students */
.teacher-panel--title {
  font-size: 16px;
}
.teacher-panel--title .btn {
  max-width: 224px;
  width: 100%;
  font-size: 14px;
  padding: 14px;
  margin-top: 15px;
  margin-bottom: 7px;
}
.teacher-panel--title hr {
  margin-top: 0;
  margin-bottom: 10px;
}

.class-management .dropdown-menu--left {
  left: -200%;
}
.class-management .dropdown-menu--left .dropdown-submenu > .dropdown-menu {
  left: -100%;
}
.class-management .dropdown-menu--left .dropdown-submenu > a:after {
  float: left;
  border-color: transparent #CCCCCC transparent transparent;
  border-width: 5px 5px 5px 0;
  margin-right: 5px;
  margin-left: -5px;
}
.class-management .dropdown-menu--left.dropdown-menu.multi-level:after {
  left: initial;
  right: 27px;
}

@media (max-width: 991px) {
  .school-page__title {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .teacher-panel--title {
    font-size: 11px;
  }
  .class-management header {
    font-size: 16px;
    font-weight: 400;
  }
}
@media (max-width: 1280px) {
  .class-student__row .col-md-9 {
    height: 35px;
  }
  .c-class-management_add-students {
    padding: 15px 15px 30px 15px;
  }
  .c-class-management_add-students a.dropdown-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-top: 4px;
  }
}
@media (max-width: 767px) {
  .class-management__split-section section:first-of-type {
    border-right: none;
  }
}
@media (min-width: 667px) {
  .class-management .masonry-sizer {
    width: 50%;
  }
}
@media (max-width: 666px) {
  .class-management__classes-container > .col-xs-6 {
    width: 100%;
  }
  .class-management__split-section section > .row {
    min-height: 0;
  }
  .class-management__student-item .col-xs-4 {
    font-size: 12px;
  }
  .class-management__class-item .class-student__row.row {
    margin-top: 0;
    margin-bottom: 0px;
  }
  .class-assigned-students__header {
    padding-top: 15px;
  }
  #students-column-order__class em,
  #students-column-order__name em {
    font-size: 12px;
    font-weight: 300;
    color: #3E3E3E;
  }
  .class-management .dropdown-menu {
    left: -150%;
  }
  .class-management .dropdown-submenu > .dropdown-menu {
    left: -100%;
  }
  .class-management .dropdown-submenu > a:after {
    float: left;
    border-color: transparent #CCCCCC transparent transparent;
    border-width: 5px 5px 5px 0;
    margin-right: 5px;
    margin-left: -5px;
  }
  .class-management .dropdown-menu.multi-level:after {
    left: initial;
    right: 27px;
  }
}
.school-students.students__table .btn-danger {
  background: #E76B6B;
  border-color: #E76B6B;
  font-size: 14px;
  margin-top: -5px;
}
.school-students.students__table .btn-danger .caret {
  border-width: 2px;
  width: 9px;
  height: 9px;
}
.school-students.students__table .icon-circle {
  width: 21px;
  height: 21px;
  border: 2px solid #B9B9B9;
  color: #B9B9B9;
  font-size: 18px;
  line-height: 13px;
  text-align: center;
  border-radius: 50%;
}
.school-students.students__table .icon-red {
  border-color: #E76B6B;
  color: #E76B6B;
}
.school-students.students__table input[type=checkbox] {
  display: none;
}
.school-students.students__table input[type=checkbox] + label {
  width: 21px;
  height: 21px;
  border: 2px solid #B9B9B9;
  border-radius: 5px;
  position: relative;
  cursor: pointer;
}
.school-students.students__table input[type=checkbox]:checked + label {
  background: #B9B9B9;
}
.school-students.students__table input[type=checkbox]:checked + label:before {
  content: "✔";
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 300;
  line-height: 18px;
}
.school-students.students__table .disabled div {
  opacity: 0.5;
}
.school-students.students__table .disabled label,
.school-students.students__table .disabled input,
.school-students.students__table .disabled a {
  pointer-events: none;
  tab-index: -1;
  cursor: default;
}
.school-students.students__table .success.row {
  position: relative;
}
.school-students.students__table .success.row:before {
  width: 0;
  height: 0;
  border: 15px solid #9DC49E;
  border-color: transparent;
  border-left-color: #9DC49E;
  border-top: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.school-students.students__table .btn-default {
  background-color: #D6D6D6;
}
.school-students.students__table .btn {
  padding: 5px 20px;
  font-size: 14px;
  border-radius: 5px;
}

/* HELPERS */
.assignments section > header {
  padding: 9px 10px;
  min-height: 45px;
  background: #F1F1F1;
  border: solid 1px #D3D2D2;
  margin-bottom: 10px;
}
.assignments section > header > div {
  margin-bottom: -15px;
  font-size: 14px;
}
.assignments section > header:nth-of-type(2) {
  padding: 5px 10px;
}
.assignments section > header:nth-of-type(2) > div {
  margin-bottom: 0;
}
.assignments section > header .caret {
  width: 7px;
  height: 7px;
  border-right: 1px solid;
  border-bottom: 1px solid;
}
section + .assignments__add {
  position: relative;
  z-index: 10;
  top: -45px;
  margin-bottom: -15px;
  right: 50px;
  float: right;
}
.assignments section > .row {
  min-height: 100vh;
}
.assignments__info--no-assignments {
  margin: auto;
  text-align: center;
  width: 300px;
  height: 300px;
  display: table;
  border-radius: 50%;
  background: url("/sites/all/themes/earesponsive/images/school/student.svg") #EDECEC no-repeat center center;
  background-size: 60%;
}
.assignments__class-filter {
  width: 100%;
  height: 39px;
  margin-top: -10px;
}
.assignments__class-filter a {
  border-radius: 0;
  background-color: #FFFFFF;
  border: 1px solid #D1D1D1;
  font-size: 16px;
  font-weight: 400;
  color: #6A6A6A;
  padding: 10px;
}
.assignments__class-filter a:hover, .assignments__class-filter a:focus {
  color: #6A6A6A;
}
.assignments__class-filter > a {
  margin-top: 5px;
}
.assignments__class-filter span:not(.caret) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.assignments__class-filter .caret {
  position: absolute;
  top: 20px;
  right: 15px;
  border-width: 3px;
}
.assignments__class-filter-item a {
  border-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.assignments__class-filter-item a:hover {
  background-color: #CFCFCF;
  color: #FFFFFF;
}
.assignments__class-filter-item.checked a {
  background-color: #CFCFCF;
  color: #FFFFFF;
}
.assignments__class-filter-item.checked .caret {
  width: 8px;
  height: 12px;
  top: 20px;
  border-width: 3px;
}

.assignment {
  padding: 10px;
  background: #FFFFFF;
  border-bottom: 10px solid #D0D0D0;
}
.assignment__class-select {
  padding-right: 0;
}
.assignment__class-select .dropdown-menu {
  padding: 0;
  border: 0;
  border-bottom: 1px solid #D1D1D1;
  margin-top: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.assignment__class-select .dropdown-menu:before, .assignment__class-select .dropdown-menu:after {
  content: none;
}
.assignment__header {
  margin-bottom: 5px;
  padding-bottom: 10px;
  border-bottom: 1px solid #CCCCCC;
  font-weight: 500;
  height: 45px;
}
.assignment__title {
  font-size: 18px;
  font-weight: 400;
  color: #6A6A6A;
}
.assignment__sub-title {
  font-size: 12px;
  font-weight: 300;
  color: #898989;
  display: block;
  margin-top: 0;
}
.assignment__item {
  margin-bottom: 5px;
}
.assignment__item-title {
  font-size: 14px;
  margin-top: 9px;
}
.assignment__item-title:before {
  display: inline-block;
  width: 10px;
  content: " ";
}
.assignment__item-title a {
  color: #262E31;
}
.assignment__item-icons {
  margin-top: 5px;
}
.assignment__item-icons .icon {
  cursor: pointer;
  margin-right: 7px;
}
.assignment__item-icons .icon-list-assignments {
  width: 23px;
  height: 23px;
}
.assignment__item-icons .icon-cancel {
  color: #E76B6B;
  font-size: 24px;
}
.assignment__icons {
  text-align: right;
}
.assignment__icons a {
  text-decoration: initial;
}
.assignment__icons .icon {
  margin-right: -2px;
  cursor: pointer;
}
.assignment__icons .icon-duplicate-assignments {
  width: 23px;
  height: 23px;
}
.assignment__icons .icon-cancel {
  color: #E76B6B;
  font-size: 28px;
}
.assignment__actions {
  font-size: 16px;
}
.assignment__actions .btn {
  padding: 10px;
  border-radius: 5px;
  width: 100%;
  font-size: 16px;
}
.assignment__actions .btn.disabled {
  background: #C6C6C6;
}
.assignment__actions .btn .icon-spin3 {
  position: absolute;
  left: 20px;
}
.assignment__class-select {
  color: #6A6A6A;
}
.assignment__date {
  font-size: 18px;
  font-weight: 400;
  color: #6A6A6A;
  text-align: center;
}
.assignment__students-list {
  font-size: 14px;
}
.assignment__students-list .scroll-bar {
  max-height: 295px;
  height: 200px;
  padding-right: 0;
}
.assignment__students-list .col-md-5:nth-of-type(odd),
.assignment__students-list .col-md-8:nth-of-type(odd) {
  overflow: hidden;
}
.assignment__students-list .col-md-5:nth-of-type(odd):after,
.assignment__students-list .col-md-8:nth-of-type(odd):after {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  height: 100%;
  width: 30%;
  content: " ";
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.2)), to(rgb(255, 255, 255)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0.2), rgb(255, 255, 255));
}
.assignment__students-list--minified {
  height: 100px;
  position: relative;
}
.assignment__students-list--minified .assignment__class-select {
  margin-top: 30px;
}
.assignment--0 .assignment__date-container {
  cursor: pointer;
}
.assignment__items {
  border-right: 1px solid #CCCCCC;
}
@media screen and (min-width: 768px) {
  .assignment__exercises {
    min-height: 200px;
  }
}
.assignment__datepicker {
  z-index: 100;
}
.assignment__item-add {
  margin-top: 10px;
  position: absolute;
}
.assignment__students-number {
  display: block;
  font-size: 10px;
  color: #848484;
}
.assignment__student-status--0 {
  color: #D1D1D1;
  font-style: italic;
  font-weight: 400;
}
.assignment__student-status--1 {
  color: #5BB4C7;
  font-style: italic;
  font-weight: 400;
}
.assignment__student-status--2 {
  color: #9DC49E;
  font-style: italic;
  font-weight: 400;
}
.assignment__notice {
  font-size: 14px;
}
.assignment__pie-container {
  width: 30px;
  height: 30px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.assignment .icon-exercise-title--pv,
.assignment .icon-exercise-title--vb {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: 50%;
}
.assignment .icon-exercise-title--add:before {
  content: "+";
  width: 39px;
  height: 39px;
  padding: 0;
  border: 2px dashed #CCCCCC;
  border-radius: 50%;
  margin-left: 1px;
  color: #CCCCCC;
  line-height: 34px;
  font-size: 20px;
  font-weight: bold;
}
.assignment a:hover .icon-exercise-title--add:before, .assignment a:active .icon-exercise-title--add:before {
  background: #8C8C8C;
  border: none;
  color: #FFFFFF;
  line-height: 38px;
}
.assignment a:hover .icon-exercise-title--vb,
.assignment a:hover .icon-exercise-title--pv, .assignment a:active .icon-exercise-title--vb,
.assignment a:active .icon-exercise-title--pv {
  width: 50px;
  height: 50px;
  margin-left: -5px;
}
.assignment .assignment__student-status--0,
.assignment .assignment__student-status--1,
.assignment .assignment__student-status--2 {
  margin-left: -35px;
}

.c-assignment-student-status {
  text-align: right;
  font-size: 10px;
}
.c-assignment-student-status--0 {
  color: #8F8F8F;
}
.c-assignment-student-status--1 {
  color: #4B90E2;
}
.c-assignment-student-status--2 {
  color: #66E0C3;
}

.assignment__exercises-show-all {
  background: #D0D0D0;
  text-align: center;
  color: #FFFFFF;
  padding: 10px;
  font-weight: 400;
  margin-bottom: 10px;
  cursor: pointer;
}

.assignment__students-list .scroll-bar__content {
  overflow-y: auto;
}

/* Start animation for #7605 */
.assignment__item-add-trigger {
  display: inline-block;
}

.assignment__item-icon {
  float: left;
  padding-left: 10px;
}

.assignment__item-add {
  margin-top: 0;
  float: right;
  position: static;
}
.assignment__item-add a {
  display: inline-block;
  height: 40px;
  width: 40px;
}
.assignment__item-add a:hover .icon-exercise-title--vb,
.assignment__item-add a:hover .icon-exercise-title--pv {
  height: 40px;
  width: 40px;
  margin-left: 0;
}
.assignment__item-add .icon-exercise-title--pv {
  float: none;
}
.assignment__item-add .icon-exercise-title--vb,
.assignment__item-add .icon-exercise-title--pv {
  display: inline-block;
  opacity: 0;
}
.assignment__item-add.inactive .icon-exercise-title--vb,
.assignment__item-add.inactive .icon-exercise-title--pv {
  -webkit-animation: fadeOutLeft 0.2s both;
          animation: fadeOutLeft 0.2s both;
  pointer-events: none;
}
.assignment__item-add.inactive .icon-exercise-title--pv {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.assignment__item-add.active .icon-exercise-title--vb,
.assignment__item-add.active .icon-exercise-title--pv {
  -webkit-animation: fadeInLeft 0.2s both;
          animation: fadeInLeft 0.2s both;
}
.assignment__item-add.active .icon-exercise-title--vb {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.assignment__item-add.active .icon-exercise-title--pv {
  -webkit-animation-delay: 0.05s;
          animation-delay: 0.05s;
}
.assignment__item-add.active .icon-exercise-title--vb.icon-sl {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
.assignment__item-add.active .icon-exercise-title--vb.icon-sb {
  -webkit-animation-delay: 0.15s;
          animation-delay: 0.15s;
}
.assignment__item-add.active .icon-exercise-title--vb.icon-fav {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.add-assignment__title {
  position: absolute;
  left: 55px;
  max-width: 280px;
  width: 100%;
  font-size: 12px;
}
@media (max-width: 767px) {
  .add-assignment__title {
    padding-left: 0 !important;
  }
}

.btn-publish {
  max-width: 145px;
  width: 100%;
  float: right;
  margin-right: 10px;
}

/* End  animation for #7605 */
@media (max-width: 991px) {
  .assignment__actions {
    margin-top: 35px;
  }
  .assignments section > header {
    text-align: center;
    font-size: 16px;
  }
  .assignments .icon-gray-circle,
  .assignments .icon-red-circle {
    height: 35px;
    width: 35px;
    padding-top: 5px;
    margin-top: -5px;
    font-size: 20px;
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .assignment__exercises {
    min-height: 220px;
  }
}
@media (max-width: 767px) {
  .assignment {
    padding: 5px;
  }
  .assignment .icon.icon-cancel {
    font-size: 20px;
  }
  .assignment__items {
    border: none;
  }
  .assignment__header {
    padding-bottom: 0;
    height: 30px;
  }
  .assignment__title {
    font-size: 12px;
  }
  .assignment__title > div {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .assignment__sub-title {
    font-size: 9px;
    font-weight: 400;
    margin-top: 0;
  }
  .assignment__students-number {
    font-size: 11px;
    font-weight: 300;
    color: #343434;
    margin-top: 5px;
  }
  .assignment__icons .icon-duplicate-assignments,
  .assignment__item-icons .icon-list-assignments {
    width: 22px;
    height: 22px;
    margin-top: -1px;
  }
  .assignment__item-title {
    font-size: 11px;
    font-weight: 300;
    overflow: hidden;
    height: 15px;
    padding-left: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .assignment__item-title:before {
    content: none;
  }
  .assignment__notice {
    font-size: 11px;
  }
  .assignment__actions .btn {
    font-size: 11px;
  }
  .assignment .icon-exercise-title--add:before {
    width: 29px;
    height: 29px;
    line-height: 25px;
    font-size: 20px;
    font-weight: 400;
  }
  .assignment a:active .icon-exercise-title--add:before,
  .assignment a:hover .icon-exercise-title--add:before {
    line-height: 29px;
  }
  .assignments__class-filter a {
    padding: 8px;
    font-size: 14px;
  }
  .assignments__class-filter .caret {
    position: absolute;
    top: 17px;
    right: 15px;
    border-width: 2px;
  }
  .assignment__class-select .dropdown-menu {
    margin-top: -6px;
  }
  .assignments__class-filter-item a {
    font-size: 14px;
    line-height: 14px;
    padding: 9px;
  }
  .assignments__class-filter-item.checked .caret {
    top: 17px;
    border-width: 2px;
  }
  .assignment__students-list--minified .assignment__class-select {
    margin-top: 20px;
  }
  .assignment__students-list--minified {
    height: 70px;
  }
  .icon-red-circle {
    height: 35px;
    width: 35px;
    padding-top: 5px;
    margin-top: -5px;
    font-size: 20px;
  }
}
@media screen and (min-width: 991px) and (max-width: 1100px) {
  .calendar-icon__container .current-day {
    top: 29px;
    font-size: 30px;
    left: 7px;
    letter-spacing: 12px;
  }
}
/* iPad fix */
@media screen and (min-width: 991px) and (max-width: 1025px) {
  .page-school .calendar-icon__container {
    right: 5px;
  }
  .page-school .calendar-icon__container .name-current-month {
    top: 19px;
    font-size: 9px;
  }
  .page-school .calendar-icon__container .current-day {
    top: 28px;
    font-size: 26px;
  }
  .page-school .calendar-icon__container .calendar-icon__image {
    width: 60px;
    height: 72px;
  }
  .page-school .calendar-icon__image--big {
    height: 115px !important;
    width: 115px !important;
  }
  .page-school .assignment .assignment__student-status--0 {
    margin-left: -20px;
  }
}
/* HELPERS */
.add-assignments h4 {
  margin-bottom: 0;
  font-style: initial;
  font-weight: 400;
  color: #5E5E5E;
  max-height: 22px;
}
.add-assignments h4 span {
  font-size: 10px;
  font-style: italic;
}
.add-assignments h4.add-assignments__class-title {
  position: relative;
  overflow: hidden;
}
.add-assignments h4.add-assignments__class-title:before {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  height: 100%;
  width: 30%;
  content: " ";
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.2)), to(rgb(255, 255, 255)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0.2), rgb(255, 255, 255));
}
.add-assignments__first-step {
  margin-left: 15px;
}
.add-assignments__first-step:before {
  content: "1";
  border: 2px solid #5E5E5E;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  position: absolute;
  left: -10px;
  margin-top: -5px;
  padding: 4px;
}
.add-assignments__second-step {
  margin-left: 15px;
}
.add-assignments__second-step:before {
  content: "2";
  border: 2px solid #5E5E5E;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  position: absolute;
  left: -10px;
  margin-top: -5px;
  padding: 4px;
}
.add-assignments__class-item {
  min-height: 110px;
  background: #FFFFFF;
  border-bottom: 3px solid #F1F1F1;
  margin-bottom: 10px;
  font-size: 14px;
  color: #848484;
  cursor: pointer;
}
.add-assignments__class-item--add-class {
  text-align: center;
  padding-top: 40px;
}
.add-assignments__class-item .row:nth-of-type(2) {
  margin-top: 10px;
}
.add-assignments__class-item .row:last-of-type {
  margin-bottom: 10px;
}
.add-assignments__class-item .icon-cancel {
  color: #E76B6B;
}
.add-assignments__class-item .add-assignments__students-number {
  font-size: 10px;
}
.add-assignments__class-item.active {
  border-color: #E76B6B;
}
.add-assignments__student-item {
  background: #FFFFFF;
  color: #848484;
  border-bottom: 3px solid #F1F1F1;
  margin-bottom: 5px;
  font-size: 14px;
  padding: 5px;
}
.add-assignments__student-item:last-of-type {
  margin-bottom: 10px;
}
.add-assignments__classes-container > .col-md-4 {
  padding-left: 5px;
  padding-right: 5px;
}
.add-assignments__date-container {
  margin: 0 auto;
  display: block;
  height: 120px;
  width: 120px;
  cursor: pointer;
}
.add-assignments__date-container .current-day {
  top: 32px;
  font-size: 64px;
  left: 3px;
}
.add-assignments__date-container .name-current-month {
  font-size: 16px;
  top: 28px;
  left: 0;
}
.add-assignments .btn-red {
  padding: 10px;
  font-size: 16px;
  width: 100%;
}
.add-assignments .scroll-bar {
  height: 370px;
  max-height: 370px;
}

.disabled .add-assignments__class-item {
  opacity: 0.5;
  pointer-events: none;
  tab-index: -1;
  cursor: default;
}

@media (max-width: 991px) {
  .add-assignments__first-step,
  .add-assignments__second-step {
    text-align: center;
    margin-left: 0;
  }
  .add-assignments__first-step:before,
  .add-assignments__second-step:before {
    left: 10px;
  }
  .add-assignments .scroll-bar {
    height: 260px;
    max-height: 260px;
  }
  .add-assignments__split-section {
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .add-assignments__first-step {
    margin-left: 40px;
  }
}
@media (max-width: 480px) {
  .page-add-assignments.touch-device .ui-datepicker {
    left: 15px !important;
    margin: 0 auto;
    min-width: 90%;
  }
  .page-add-assignments.touch-device #popups {
    top: 35px !important;
  }
}
.student-assignments {
  margin-top: -15px;
}
.student-assignments section > header {
  padding: 20px 10px;
  min-height: 60px;
  background: #F1F1F1;
  margin-bottom: 10px;
}
.student-assignments section > header > div {
  margin-bottom: -15px;
  font-size: 14px;
}
.student-assignments section > header:nth-of-type(2) {
  padding: 5px 10px;
}
.student-assignments section > header:nth-of-type(2) > div {
  margin-bottom: 0;
}
.student-assignments section > header .caret {
  width: 7px;
  height: 7px;
  border-right: 1px solid;
  border-bottom: 1px solid;
}
section + .student-assignments__add {
  position: relative;
  z-index: 10;
  top: -22px;
  right: 50px;
  float: right;
}
.student-assignments section > .row {
  min-height: 100vh;
}

.student-assignment {
  padding: 10px 10px 10px 35px;
  background: #FFFFFF;
  border-bottom: 10px solid #F1F1F1;
  min-height: 160px;
  position: relative;
}
.student-assignment:before {
  content: " ";
  width: 0px;
  height: 0px;
  border: 50px solid #9DC49E;
  border-color: transparent;
  border-top: 0px;
  position: absolute;
  margin-top: -11px;
  margin-left: -35px;
}
.student-assignment__header {
  margin-bottom: 5px;
  padding-bottom: 10px;
  border-bottom: 1px solid #CCCCCC;
  font-weight: 500;
}
.student-assignment__header--no-border {
  border: none;
}
.student-assignment__item-title {
  font-size: 14px;
  margin-top: 9px;
}
.student-assignment__item-title a {
  color: #262E31;
}
.student-assignment__item-icons {
  margin-top: 5px;
}
.student-assignment__item-icons .icon {
  cursor: pointer;
}
.student-assignment__item-icons .icon-list-assignments {
  width: 23px;
  height: 23px;
}
.student-assignment__item-icons .icon-cancel {
  color: #E76B6B;
  font-size: 24px;
}
.student-assignment__icons {
  text-align: right;
}
.student-assignment__icons .icon {
  margin-right: -2px;
  cursor: pointer;
}
.student-assignment__icons .icon-duplicate-assignments {
  width: 23px;
  height: 23px;
}
.student-assignment__icons .icon-cancel {
  color: #E76B6B;
  font-size: 28px;
}
.student-assignment__actions {
  font-size: 16px;
}
.student-assignment__actions .btn {
  padding: 10px;
  border-radius: 5px;
  width: 100%;
  font-size: 16px;
}
.student-assignment__class-select select {
  font-size: 14px;
  width: 100%;
  height: 32px;
  padding-right: 15px;
  padding-left: 15px;
  color: #9D9D9D;
  border: 1px solid #CCCCCC;
  border-radius: 0;
  background-color: #FFFFFF;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-padding-end: 40px;
  -moz-padding-end: 40px;
  -webkit-padding-start: 10px;
  -moz-padding-start: 10px;
  background-image: url("../images/all-icons/select-arrow--black.png");
  background-position: 95% center;
  background-repeat: no-repeat;
  background-size: 12px 6px;
}
.student-assignment__date {
  text-align: center;
}
.student-assignment__students-list {
  font-size: 14px;
}
.student-assignment__students-list .scroll-bar {
  max-height: 200px;
  padding-right: 0;
}
.student-assignment__students-list .col-md-5:nth-of-type(odd),
.student-assignment__students-list .col-md-8:nth-of-type(odd) {
  overflow: hidden;
}
.student-assignment__students-list .col-md-5:nth-of-type(odd):after,
.student-assignment__students-list .col-md-8:nth-of-type(odd):after {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  height: 100%;
  width: 30%;
  content: " ";
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.2)), to(rgb(255, 255, 255)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0.2), rgb(255, 255, 255));
}
.student-assignment__date-container {
  position: absolute;
  top: 0;
  right: 35px;
}
.student-assignment__students {
  border-left: 1px solid #CCCCCC;
}
.student-assignment__datepicker {
  z-index: 100;
}
.student-assignment__item-add {
  display: none;
  margin-top: 10px;
  position: absolute;
  z-index: 2;
}
.student-assignment__students-number {
  display: block;
  font-size: 10px;
  color: #848484;
}
.student-assignment__exercise-status--0 {
  color: #D1D1D1;
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
  margin-top: 5px;
}
.student-assignment__exercise-status--1 {
  color: #5BB4C7;
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
  margin-top: 5px;
}
.student-assignment__exercise-status--2 {
  color: #9DC49E;
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
  margin-top: 5px;
}
.student-assignment__notice {
  font-size: 14px;
}
.student-assignment__pie-container {
  width: 30px;
  height: 30px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.student-assignment__grade-holder {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 40px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  margin-top: 5px;
  color: #FFFFFF;
}
.student-assignment__status--0:before {
  border-left-color: #D1D1D1;
}
.student-assignment__status--1:before {
  border-left-color: #5CB4C7;
}
.student-assignment__status--2:before {
  border-left-color: #9DC49E;
}
.student-assignment__overdue-text {
  font-size: 14px;
}
.student-assignment .icon-exercise-title--pv,
.student-assignment .icon-exercise-title--vb {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: 50%;
}
.student-assignment .icon-exercise-title--add:before {
  content: "+";
  width: 39px;
  height: 39px;
  padding: 0;
  border: 2px dashed #CCCCCC;
  border-radius: 50%;
  margin-left: 1px;
  color: #CCCCCC;
  line-height: 34px;
  font-size: 20px;
  font-weight: bold;
}
.student-assignment a:hover .icon-exercise-title--add:before, .student-assignment a:active .icon-exercise-title--add:before {
  background: #8C8C8C;
  border: none;
  color: #FFFFFF;
  line-height: 38px;
}
.student-assignment a:hover .icon-exercise-title--vb,
.student-assignment a:hover .icon-exercise-title--pv, .student-assignment a:active .icon-exercise-title--vb,
.student-assignment a:active .icon-exercise-title--pv {
  width: 50px;
  height: 50px;
  margin-left: -5px;
}

/* Students "table" fix for responsive */
.student-assignment .column {
  margin-top: 10px;
  margin-bottom: 10px;
}
.student-assignment .calendar-responsive-icon {
  display: none;
}

.due-date--text {
  display: none;
}

.assignment-status__table {
  color: #848484 !important;
}
.assignment-status__table thead th,
.assignment-status__table tbody {
  border: none;
}
.assignment-status__table tr:nth-of-type(2n) {
  background: #F2F2F2;
}
.assignment-status__table tbody td {
  font-size: 14px;
}
.assignment-status__title {
  display: block;
  font-weight: 600;
}
.assignment-status__sub-title {
  display: block;
  font-size: 14px;
  font-weight: 400;
}
.assignment-status__pie-holder {
  max-width: 30px;
}
.assignment-status .scroll-bar {
  height: 340px;
}
.assignment-status .dropdown-menu__container {
  max-height: 340px;
}

/*ANONYMOUS */
/* HELPERS */
.page-user-login-register {
  background: #FAFAFA;
}
.page-user-login-register .header-logo {
  margin: 0 auto;
  display: block;
  max-width: 165px;
  float: none;
}
.page-user-login-register #page-content > .container {
  border: none;
}
.page-user-login-register #page-content > .container .form-item {
  margin: auto;
  max-width: 400px;
}
.page-user-login-register #page-content > .container .form-item input {
  width: 395px;
}
.page-user-login-register #page-content > .container #edit-submit {
  display: block;
  margin: 0 auto;
}
.page-user-login-register .tipsy-arrow {
  background: url("../images/all-icons/tipsy.png");
  width: 7px;
  height: 13px;
  background-size: 100%;
  margin-top: -6px;
  margin-left: -1px;
}
.page-user-login-register .tipsy-inner {
  background-color: #FFFFFF;
  color: #000000;
  border: 1px solid #CCCCCC;
}

.ls-section--2 .ls-inner-carousel .fp-tableCell {
  display: none;
}

.ls-section--3 {
  background: rgb(170, 120, 150);
}
.ls-section--3 .ls-section__intro-image {
  max-width: 100%;
}
.ls-section--3 .fp-tableCell {
  display: none;
}

.ls-section--4 {
  background: rgb(170, 171, 219);
}
.ls-section--4 .ls-section__title {
  font-size: 35px;
  max-width: auto;
}
.ls-section--4 .ls-section__container .ls-section__intro-image,
.ls-section--4 .ls-section__intro-image {
  margin-top: auto;
}

.ls-section--7 {
  background: rgb(131, 193, 190);
}
.ls-section--7 .ls-section__container {
  position: initial;
}
.ls-section--7 .ls-section__title {
  font-size: 35px;
  max-width: auto;
}
.ls-section--7 .ls-section__footer {
  background: #FFFFFF;
  bottom: 50px;
  font-size: medium;
  height: 70px;
}
.ls-section--7 .ls-section__footer .footer-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 70px;
  position: relative;
}
.ls-section--7 .ls-section__footer .footer-nav .ls-section__footer-container {
  position: relative;
}
.ls-section--7 .ls-section__footer .footer-nav li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  vertical-align: middle;
}
.ls-section--7 .ls-section__footer .footer-nav li a {
  color: rgb(131, 193, 190) !important;
  padding: 20px 0;
  vertical-align: middle;
  text-decoration: none;
  font-weight: bold;
}
.ls-section--7 .ls-section__footer .footer-nav li a:hover {
  text-decoration: underline;
}
.ls-section--7 .ls-section__footer .ile-de-france {
  background-color: transparent;
  border-radius: 0;
  bottom: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 80px;
}
.ls-section--7 .ls-section__footer .ile-de-france img {
  margin: 0;
}

.section .ls-section__title {
  max-width: 100%;
}
.section .ls-section__container {
  max-width: 1024px !important;
}
.section .row:after {
  clear: none;
}
.section .ile-de-france {
  display: block;
  width: 300px;
  height: 100px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 50px 0 0 50px;
  position: absolute;
  bottom: 20px;
  right: 0;
}
.section .ile-de-france p {
  color: #FFFFFF;
  padding: 15px 0 0 25%;
  font-size: medium;
}
.section .ile-de-france img {
  margin-top: -30px;
}

.image-dog-landing {
  width: auto;
  height: auto;
}

.is-qioz.not-logged-in .c-q-footer {
  margin: 0 auto;
  max-width: 1440px;
  padding-bottom: 15px;
  width: 100%;
}
.is-qioz.not-logged-in .c-q-footer li {
  margin: 0 2px 0 0;
}
.is-qioz.not-logged-in .c-q-footer li a {
  color: #3F3F3F !important;
}
.is-qioz.not-logged-in .c-q-footer .footer-nav-quiz {
  margin: 10px 0 0 2px;
}
@media (min-width: 992px) {
  .is-qioz.not-logged-in .c-q-footer .footer-nav-quiz {
    margin-right: -30px;
  }
}

@media (max-width: 1100px) {
  .c-anonymous__section-container {
    margin-right: 5px !important;
    padding: 0 30px !important;
    margin-left: 20px !important;
  }
}
@media (max-width: 525px) {
  .c-anonymous__section-container {
    margin-left: 10px !important;
  }
}
@media only screen and (max-width: 1024px) and (min-height: 541px) and (min-width: 320px) {
  .ls-section .ls-section__container p:first-of-type {
    margin-bottom: 0;
  }
  .section .ile-de-france {
    width: 170px;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.3);
  }
  .section .ile-de-france p {
    font-size: small;
    padding: 5px 0;
    text-align: center;
    margin-bottom: 0;
  }
  .section .ile-de-france img {
    margin-top: -20px;
  }
  .ls-navigation {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .ls-navigation img {
    max-width: 120px !important;
  }
  .ls-language-container.is-opened {
    width: unset;
  }
  .ls-language-select-list {
    right: -80%;
  }
  .section .ls-section__container {
    padding: 0;
  }
  .ls-section .ls-button,
  .ls-section .ls-navigation .ls-button {
    font-size: 12px;
    min-width: 90px;
  }
  .section .ls-section__container .row > .col-xs-6 {
    display: block;
    width: 100%;
  }
  .section .ls-section__container .row > .col-xs-6 img {
    max-height: 30vh;
  }
  .ls-section .ls-section__intro-image {
    max-width: none;
    max-height: none;
  }
  .footer-nav .ile-de-france {
    display: none;
  }
}
@media (min-width: 992px) {
  .c-section__title-centered {
    margin-top: 80px;
  }
}
@media (min-width: 526px) and (max-width: 991px) {
  .c-image-dog-landing {
    max-width: 300px !important;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .ls-section__title,
  .ls-section__description {
    width: 100%;
  }
  .c-anonymous-homepage__start-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    padding: 0 5px 0 0;
  }
  .ls-button--intro {
    margin: 20px auto !important;
  }
  .ls-section__description {
    margin-bottom: 5% !important;
  }
  .ls-navigation {
    top: 10px;
  }
}
@media (min-width: 770px) and (max-width: 991px) {
  .c-anonymous-page_text-section--aligned {
    padding: 0 25px 0 55px;
  }
}
@media (min-width: 600px) and (max-width: 770px) {
  .c-anonymous-page_text-section--aligned {
    padding: 0 30px 0 35px;
  }
}
@media (min-width: 767px) and (max-width: 991px) {
  .ls-section .ls-section__container h3 {
    font-size: 23px !important;
  }
}
@media (min-width: 501px) and (max-width: 991px) {
  .ls-section__title {
    font-size: 20px !important;
    text-align: center;
  }
  .ls-section__description {
    font-size: 16px !important;
  }
}
@media (min-width: 381px) and (max-width: 500px) {
  .ls-section__title {
    font-size: 18px !important;
    text-align: center;
  }
  .ls-section__description {
    font-size: 15px !important;
  }
}
@media (max-width: 640px) {
  .ls-section__title {
    margin-bottom: 15px;
  }
}
@media (max-height: 640px) and (max-width: 525px) {
  .c-anonymous_image-section {
    top: -30px;
  }
}
@media (max-height: 640px) {
  .c-anonymous__register_btn {
    margin: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .c-anonymous__section-container-lastpage {
    margin-bottom: 150px;
  }
}
@media (max-width: 600px) {
  .c-anonymous-page_text-section--aligned {
    padding: 0 30px 0 35px;
  }
}
@media (max-width: 570px) {
  .c-annonymous-homepage__description {
    padding: 0;
  }
}
@media (min-height: 568px) and (max-width: 530px) {
  .ls-navigation ul {
    display: inline-block;
  }
}
@media (max-width: 525px) {
  .c-annonymous-homepage__circle-image {
    margin-bottom: 35px !important;
  }
}
@media only screen and (max-width: 640px) and (min-height: 680px) and (min-width: 526px) {
  .ls-section .col-xs-7 {
    width: 50%;
  }
  .footer-nav .ile-de-france {
    display: none;
  }
  .ls-section .ls-section__intro-image {
    max-width: none;
    max-height: none;
  }
}
@media only screen and (max-width: 1280px) and (min-height: 768px) and (min-width: 1025px) {
  .ls-section--4 .ls-section__container .ls-section__intro-image {
    margin-top: auto;
  }
}
@media screen and (max-width: 991px) {
  .page-user-login-register #page-content > .container {
    padding-top: 0;
    padding-bottom: 0;
  }
  .footer-nav .ile-de-france {
    display: none;
  }
}
@media (max-width: 490px) {
  .ls-navigation img {
    margin-left: 0;
  }
}
@media (max-width: 460px) {
  .ls-navigation ul {
    display: inline-block;
  }
  .ls-navigation {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 415px) {
  .ls-navigation ul {
    padding: 0;
  }
  .btn--dropdown__menu:after,
  .btn--dropdown__menu:before {
    left: 23%;
  }
  .ls-language-select-list {
    left: 0;
    min-width: 189px;
    top: 50px;
  }
}
@media (min-width: 381px) and (max-width: 525px) {
  .c-image-dog-landing {
    max-width: 200px !important;
    width: 100%;
  }
}
@media (max-width: 380px) {
  .c-image-dog-landing {
    max-width: 150px !important;
    width: 100%;
  }
  .ls-section__title {
    font-size: 16px !important;
    text-align: center;
    line-height: 22px;
  }
  .ls-section__description {
    font-size: 14px !important;
  }
  .ls-navigation {
    left: 0;
  }
  .c-anonymous_image-section {
    top: -20px;
  }
  .c-anonymous_image-section--last-image {
    top: 0 !important;
  }
  .ls-section .ls-section__intro-image {
    margin-bottom: 0 !important;
  }
  .c-anonymous_text-sections {
    top: 12px;
  }
}
@media (max-width: 369px) {
  .ls-button__sign-in,
  .ls-button__sign-up {
    padding: 5px !important;
  }
  .ls-navigation {
    top: 10px !important;
  }
  .ls-navigation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: left;
    margin-left: 20px;
  }
  #fp-nav {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    left: 0 !important;
  }
  .ls-arrow {
    width: 35px;
    height: 35px;
    font-size: 25px;
    bottom: 20px;
  }
  .ls-language-selector:after,
  .ls-language-selector:before {
    font-size: 20px;
  }
  .ls-language-container.is-opened {
    height: unset;
  }
}
@media (max-width: 340px) {
  .c-anonymous_image-section {
    top: -16px !important;
  }
}
/* HELPERS */
.user-login-custom {
  margin-top: 30px;
}
.user-login-custom .form-item-title {
  font-size: 22px;
  font-weight: 400;
}
.user-login-custom .form-item a {
  color: #5BB4C6;
  font-weight: 400;
}
.user-login-custom .form-item .description {
  display: none;
}
.user-login-custom .form-item .form-text.error {
  color: #6C6C6C;
}
.user-login-custom .form-required {
  display: none;
}
.user-login-custom .item-new-pass {
  margin-bottom: 25px;
}
.user-login-custom .item-new-pass .form-item {
  text-align: left !important;
}
.user-login-custom #block-fb {
  display: block;
  max-width: 400px;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
.user-login-custom #block-fb a {
  background: #3C5790;
  padding: 20px;
  min-width: 400px;
  color: #FFFFFF;
  display: block;
  margin-bottom: 25px;
  font-weight: 400;
  font-size: 20px;
  border-radius: 5px;
  position: relative;
  padding-left: 90px;
}
.user-login-custom #block-fb a:before {
  content: " ";
  border-right: 1px solid #364F85;
  position: absolute;
  width: 1px;
  top: 5px;
  bottom: 5px;
  left: 5%;
  background: url("../images/all-icons/facebook-logo.svg");
  width: 70px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
}
.user-login-custom #block-fb a:hover {
  text-decoration: none;
}
.user-login-custom #block-fb p {
  background: #FAFAFA;
  width: 100px;
  margin: 0 auto;
  position: relative;
  font-weight: 400;
  font-size: 22px;
  z-index: 10;
}
.user-login-custom #block-fb + .form-item {
  font-weight: 400;
  margin-bottom: 20px !important;
  margin-top: 15px !important;
  font-size: 22px;
}
.user-login-custom #block-fb:before {
  content: " ";
  border-top: 1px solid #CCCCCC;
  position: absolute;
  left: 50px;
  right: 50px;
  bottom: 10px;
  z-index: 0;
}
.user-login-custom .form-item {
  text-align: center;
}
.user-login-custom .form-item input[type=text],
.user-login-custom .form-item input[type=password] {
  border-radius: 5px;
  border: 1px solid #CCCCCC;
  padding: 20px;
  margin-bottom: 20px;
  /* Remove First */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .user-login-custom .form-item {
    text-align: center;
  }
  .user-login-custom .form-item input[type=text],
  .user-login-custom .form-item input[type=password] {
    border-radius: 5px;
    border: 1px solid #CCCCCC;
    padding: 0 0 0 10px;
    margin-bottom: 20px;
    /* Remove First */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
}
.user-login-custom #edit-persistent-login-wrapper {
  text-align: left;
}
.user-login-custom #edit-submit {
  clear: both;
}
.user-login-custom .link-newpass-wrapper .form-item {
  text-align: left !important;
}
.user-login-custom #edit-name-wrapper,
.user-login-custom #edit-pass-wrapper {
  position: relative;
}
.user-login-custom #edit-name-wrapper label,
.user-login-custom #edit-pass-wrapper label {
  display: block;
  font-weight: 300;
  text-align: left;
  position: absolute;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}
.user-login-custom #edit-pass-wrapper {
  position: relative;
}
.user-login-custom #edit-pass-wrapper.osx-hidden-ac:after {
  content: "";
  display: block;
  position: absolute;
  width: 60px;
  height: 40px;
  top: 3px;
  left: auto;
  right: 4px;
  background-color: #FFFFFF;
  pointer-events: none;
  z-index: 0;
}
.user-login-custom #edit-name-wrapper.form-text-error input,
.user-login-custom #edit-pass-wrapper.form-text-error input {
  border-color: #E76B6B;
}
.user-login-custom #edit-name-wrapper.form-text-error:after,
.user-login-custom #edit-pass-wrapper.form-text-error:after {
  display: block;
  position: absolute;
}
.user-login-custom #edit-name-wrapper.form-text-error label,
.user-login-custom #edit-pass-wrapper.form-text-error label {
  color: #E76B6B !important;
}
.user-login-custom #edit-name-wrapper.form-text-passed:after,
.user-login-custom #edit-pass-wrapper.form-text-passed:after {
  display: block;
  position: absolute;
}
.user-login-custom #edit-name-wrapper::-ms-clear, .user-login-custom #edit-name-wrapper::-ms-reveal,
.user-login-custom #edit-pass-wrapper::-ms-clear,
.user-login-custom #edit-pass-wrapper::-ms-reveal {
  display: none;
}
.user-login-custom .pass-eye {
  position: relative;
  bottom: 32px;
  right: 25px;
  float: right;
  background: url("../images/icons/eye.svg") no-repeat;
  display: none;
  height: 20px;
  width: 20px;
  margin-top: -7px;
  z-index: 1;
}
.user-login-custom .pass-eye.pass-eye-hidden {
  background: url("../images/icons/eye-dashed.svg") no-repeat;
}
.user-login-custom .pass-eye.pass-eye-left {
  right: 25px;
}
@media (max-width: 480px) {
  .user-login-custom .pass-eye {
    bottom: 42px;
  }
}
.user-login-custom #edit-pass:not(.pw-focused) .pass-eye {
  pointer-events: none;
}
.user-login-custom #link-newpass {
  margin-bottom: 25px;
}
.user-login-custom .form-submit {
  background: #5BB4C6;
  padding: 20px;
  min-width: 400px;
  color: #FFFFFF;
  display: block;
  margin-bottom: 25px !important;
  font-weight: 400;
  font-size: 20px;
  border: 0;
  border-radius: 5px;
}
.user-login-custom #edit-persistent-login-wrapper {
  margin-bottom: 2px !important;
}
.user-login-custom #edit-persistent-login-wrapper input[type=checkbox] {
  display: none;
}
.user-login-custom #edit-persistent-login-wrapper label {
  font-weight: 300;
}
.user-login-custom #edit-persistent-login-wrapper input[type=checkbox] + span {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: -1px 15px 0 0;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
}
.user-login-custom #edit-persistent-login-wrapper input[type=checkbox] + span span {
  display: block;
  width: 26px;
  height: 26px;
  margin: 2px 2px;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  border: 3px solid #FFFFFF;
}
.user-login-custom #edit-persistent-login-wrapper input[type=checkbox] + span {
  background-color: #E7E6E6;
}
.user-login-custom #edit-persistent-login-wrapper input[type=checkbox] + span span {
  background-color: #FFFFFF;
}
.user-login-custom #edit-persistent-login-wrapper input[type=checkbox]:checked + span {
  background-color: #5BB4C6;
}
.user-login-custom #edit-persistent-login-wrapper input[type=checkbox]:checked + span span {
  background-color: #5BB4C6;
}

#user-login .form-item {
  position: relative;
}
#user-login .wrong-details {
  min-height: 49px;
  border: 1px solid #FF0000;
  border-radius: 5px;
  display: none;
  width: 100%;
  color: #EB7070;
  font-size: 18px;
  margin-bottom: 15px;
  padding: 10px 0;
}
#user-login .wrong-details.shown {
  display: block;
}

#user-login .span-error,
#user-pass .span-error,
#user-register .span-error {
  color: #E76B6B;
  font-size: 14px;
  width: 100%;
  text-align: left;
  padding-left: 5px;
  display: block;
}

@media screen and (max-width: 480px) {
  #user-login,
  #user-register {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 377px) {
  #user-login #edit-name-wrapper .span-error {
    position: static;
  }
}
.page-user-login-register #messages {
  display: none !important;
}

/* HELPERS */
#user-register legend {
  display: none;
}
#user-register option,
#user-register select {
  color: #989898;
}
#user-register .form-item a {
  font-weight: 400;
  color: #5BB4C6;
}
#user-register fieldset > .form-item,
#user-register fieldset #edit-pass-wrapper,
#user-register fieldset #edit-pass-pass1-wrapper,
#user-register fieldset #edit-pass-pass2-wrapper {
  position: relative;
}
#user-register fieldset #edit-name-wrapper.osx-hidden-ac:after,
#user-register fieldset #edit-mail-wrapper.osx-hidden-ac:after,
#user-register fieldset #edit-pass-pass1-wrapper.osx-hidden-ac:after,
#user-register fieldset #edit-pass-pass2-wrapper.osx-hidden-ac:after {
  content: "";
  display: block;
  position: absolute;
  width: 60px;
  height: 40px;
  top: 3px;
  left: auto;
  right: 4px;
  background-color: #FFFFFF;
  pointer-events: none;
  z-index: 0;
}
#user-register input.error {
  border-color: transparent;
  color: #989898;
}
#user-register #block-fb {
  position: relative;
  display: block;
  max-width: 400px;
  margin: 0 auto;
  text-align: center;
}
#user-register #block-fb a {
  font-size: 20px;
  font-weight: 400;
  position: relative;
  display: block;
  min-width: 400px;
  margin-bottom: 25px;
  padding: 20px 20px 20px 90px;
  color: #FFFFFF;
  border-radius: 5px;
  background: #3C5790;
}
#user-register #block-fb a:before {
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 5%;
  width: 1px;
  width: 70px;
  content: " ";
  border-right: 1px solid #364F85;
  background: url("../images/all-icons/facebook-logo.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}
#user-register #block-fb a:hover {
  text-decoration: none;
}
#user-register #block-fb p {
  font-size: 22px;
  font-weight: 400;
  position: relative;
  z-index: 10;
  width: 100px;
  margin: 0 auto;
  background: #FAFAFA;
}
#user-register #block-fb + .form-item {
  font-size: 22px;
  font-weight: 400;
  margin-top: 15px !important;
  margin-bottom: 5px !important;
}
#user-register #block-fb:before {
  position: absolute;
  z-index: 0;
  right: 50px;
  bottom: 10px;
  left: 50px;
  content: " ";
  border-top: 1px solid #CCCCCC;
}
#user-register #edit-name-wrapper,
#user-register #edit-mail-wrapper,
#user-register #edit-conf-mail-wrapper,
#user-register #edit-pass-pass1-wrapper,
#user-register #edit-pass-pass2-wrapper,
#user-register #edit-fname-wrapper,
#user-register #edit-phone-number-wrapper {
  position: relative;
}
#user-register #edit-name-wrapper label,
#user-register #edit-mail-wrapper label,
#user-register #edit-conf-mail-wrapper label,
#user-register #edit-pass-pass1-wrapper label,
#user-register #edit-pass-pass2-wrapper label,
#user-register #edit-fname-wrapper label,
#user-register #edit-phone-number-wrapper label {
  display: block;
  pointer-events: none;
  position: absolute;
  text-align: left;
}
#user-register #edit-regcode-code-wrapper label,
#user-register #edit-field-birthday-0-value-day-wrapper label,
#user-register #edit-field-birthday-0-value-month-wrapper label,
#user-register #edit-field-birthday-0-value-year-wrapper label {
  display: none !important;
}
#user-register #edit-field-birthday-0-value-wrapper,
#user-register #edit-field-mother-tongue-value-wrapper {
  margin-top: 25px;
}
#user-register #edit-field-birthday-0-value-wrapper [for=edit-field-birthday-0-value],
#user-register #edit-field-birthday-0-value-wrapper [for=edit-field-mother-tongue-value],
#user-register #edit-field-birthday-0-value-wrapper .span-error,
#user-register #edit-field-mother-tongue-value-wrapper [for=edit-field-birthday-0-value],
#user-register #edit-field-mother-tongue-value-wrapper [for=edit-field-mother-tongue-value],
#user-register #edit-field-mother-tongue-value-wrapper .span-error {
  margin-top: 0;
  position: relative;
  bottom: 115px;
  pointer-events: none;
  margin-bottom: -25px;
}
#user-register .form-required {
  display: none;
}
#user-register #edit-pass-pass2-wrapper input {
  display: block;
}
#user-register #edit-pass-pass1-wrapper input,
#user-register #edit-pass-pass2-wrapper input {
  margin: auto;
  margin-bottom: 20px;
}
#user-register #edit-name-wrapper label,
#user-register #edit-mail-wrapper label,
#user-register #edit-pass-wrapper label,
#user-register #edit-pass-pass1-wrapper label,
#user-register #edit-pass-pass2-wrapper label,
#user-register #edit-fname-wrapper label,
#user-register #edit-phone-number-wrapper label {
  font-size: 16px;
  font-weight: 300;
  padding-left: 20px;
  bottom: 68px;
  margin-bottom: -25px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}
#user-register #edit-name-wrapper label.moved,
#user-register #edit-mail-wrapper label.moved,
#user-register #edit-pass-wrapper label.moved,
#user-register #edit-pass-pass1-wrapper label.moved,
#user-register #edit-pass-pass2-wrapper label.moved,
#user-register #edit-fname-wrapper label.moved,
#user-register #edit-phone-number-wrapper label.moved {
  font-size: 12px;
}
#user-register #edit-name-wrapper [for=edit-pass-pass2],
#user-register #edit-mail-wrapper [for=edit-pass-pass2],
#user-register #edit-pass-wrapper [for=edit-pass-pass2],
#user-register #edit-pass-pass1-wrapper [for=edit-pass-pass2],
#user-register #edit-pass-pass2-wrapper [for=edit-pass-pass2],
#user-register #edit-fname-wrapper [for=edit-pass-pass2],
#user-register #edit-phone-number-wrapper [for=edit-pass-pass2] {
  bottom: 46px;
}
#user-register #edit-name-wrapper [for=edit-pass-pass2].moved,
#user-register #edit-mail-wrapper [for=edit-pass-pass2].moved,
#user-register #edit-pass-wrapper [for=edit-pass-pass2].moved,
#user-register #edit-pass-pass1-wrapper [for=edit-pass-pass2].moved,
#user-register #edit-pass-pass2-wrapper [for=edit-pass-pass2].moved,
#user-register #edit-fname-wrapper [for=edit-pass-pass2].moved,
#user-register #edit-phone-number-wrapper [for=edit-pass-pass2].moved {
  bottom: 93px;
}
#user-register #edit-name-wrapper #edit-name:focus ~ label,
#user-register #edit-name-wrapper #edit-mail:focus ~ label,
#user-register #edit-name-wrapper #edit-pass-pass1:focus ~ label,
#user-register #edit-name-wrapper #edit-pass-pass2:focus ~ label,
#user-register #edit-name-wrapper #edit-fname:focus ~ label,
#user-register #edit-name-wrapper #edit-phone-number:focus ~ label,
#user-register #edit-mail-wrapper #edit-name:focus ~ label,
#user-register #edit-mail-wrapper #edit-mail:focus ~ label,
#user-register #edit-mail-wrapper #edit-pass-pass1:focus ~ label,
#user-register #edit-mail-wrapper #edit-pass-pass2:focus ~ label,
#user-register #edit-mail-wrapper #edit-fname:focus ~ label,
#user-register #edit-mail-wrapper #edit-phone-number:focus ~ label,
#user-register #edit-pass-wrapper #edit-name:focus ~ label,
#user-register #edit-pass-wrapper #edit-mail:focus ~ label,
#user-register #edit-pass-wrapper #edit-pass-pass1:focus ~ label,
#user-register #edit-pass-wrapper #edit-pass-pass2:focus ~ label,
#user-register #edit-pass-wrapper #edit-fname:focus ~ label,
#user-register #edit-pass-wrapper #edit-phone-number:focus ~ label,
#user-register #edit-pass-pass1-wrapper #edit-name:focus ~ label,
#user-register #edit-pass-pass1-wrapper #edit-mail:focus ~ label,
#user-register #edit-pass-pass1-wrapper #edit-pass-pass1:focus ~ label,
#user-register #edit-pass-pass1-wrapper #edit-pass-pass2:focus ~ label,
#user-register #edit-pass-pass1-wrapper #edit-fname:focus ~ label,
#user-register #edit-pass-pass1-wrapper #edit-phone-number:focus ~ label,
#user-register #edit-pass-pass2-wrapper #edit-name:focus ~ label,
#user-register #edit-pass-pass2-wrapper #edit-mail:focus ~ label,
#user-register #edit-pass-pass2-wrapper #edit-pass-pass1:focus ~ label,
#user-register #edit-pass-pass2-wrapper #edit-pass-pass2:focus ~ label,
#user-register #edit-pass-pass2-wrapper #edit-fname:focus ~ label,
#user-register #edit-pass-pass2-wrapper #edit-phone-number:focus ~ label,
#user-register #edit-fname-wrapper #edit-name:focus ~ label,
#user-register #edit-fname-wrapper #edit-mail:focus ~ label,
#user-register #edit-fname-wrapper #edit-pass-pass1:focus ~ label,
#user-register #edit-fname-wrapper #edit-pass-pass2:focus ~ label,
#user-register #edit-fname-wrapper #edit-fname:focus ~ label,
#user-register #edit-fname-wrapper #edit-phone-number:focus ~ label,
#user-register #edit-phone-number-wrapper #edit-name:focus ~ label,
#user-register #edit-phone-number-wrapper #edit-mail:focus ~ label,
#user-register #edit-phone-number-wrapper #edit-pass-pass1:focus ~ label,
#user-register #edit-phone-number-wrapper #edit-pass-pass2:focus ~ label,
#user-register #edit-phone-number-wrapper #edit-fname:focus ~ label,
#user-register #edit-phone-number-wrapper #edit-phone-number:focus ~ label {
  padding-left: 5px;
  font-size: 12px;
}
#user-register #edit-name-wrapper #edit-name:-webkit-autofill ~ label,
#user-register #edit-name-wrapper #edit-mail:-webkit-autofill ~ label,
#user-register #edit-name-wrapper #edit-pass-pass1:-webkit-autofill ~ label,
#user-register #edit-name-wrapper #edit-pass-pass2:-webkit-autofill ~ label,
#user-register #edit-name-wrapper #edit-fname:-webkit-autofill ~ label,
#user-register #edit-name-wrapper #edit-phone-number:-webkit-autofill ~ label,
#user-register #edit-mail-wrapper #edit-name:-webkit-autofill ~ label,
#user-register #edit-mail-wrapper #edit-mail:-webkit-autofill ~ label,
#user-register #edit-mail-wrapper #edit-pass-pass1:-webkit-autofill ~ label,
#user-register #edit-mail-wrapper #edit-pass-pass2:-webkit-autofill ~ label,
#user-register #edit-mail-wrapper #edit-fname:-webkit-autofill ~ label,
#user-register #edit-mail-wrapper #edit-phone-number:-webkit-autofill ~ label,
#user-register #edit-pass-wrapper #edit-name:-webkit-autofill ~ label,
#user-register #edit-pass-wrapper #edit-mail:-webkit-autofill ~ label,
#user-register #edit-pass-wrapper #edit-pass-pass1:-webkit-autofill ~ label,
#user-register #edit-pass-wrapper #edit-pass-pass2:-webkit-autofill ~ label,
#user-register #edit-pass-wrapper #edit-fname:-webkit-autofill ~ label,
#user-register #edit-pass-wrapper #edit-phone-number:-webkit-autofill ~ label,
#user-register #edit-pass-pass1-wrapper #edit-name:-webkit-autofill ~ label,
#user-register #edit-pass-pass1-wrapper #edit-mail:-webkit-autofill ~ label,
#user-register #edit-pass-pass1-wrapper #edit-pass-pass1:-webkit-autofill ~ label,
#user-register #edit-pass-pass1-wrapper #edit-pass-pass2:-webkit-autofill ~ label,
#user-register #edit-pass-pass1-wrapper #edit-fname:-webkit-autofill ~ label,
#user-register #edit-pass-pass1-wrapper #edit-phone-number:-webkit-autofill ~ label,
#user-register #edit-pass-pass2-wrapper #edit-name:-webkit-autofill ~ label,
#user-register #edit-pass-pass2-wrapper #edit-mail:-webkit-autofill ~ label,
#user-register #edit-pass-pass2-wrapper #edit-pass-pass1:-webkit-autofill ~ label,
#user-register #edit-pass-pass2-wrapper #edit-pass-pass2:-webkit-autofill ~ label,
#user-register #edit-pass-pass2-wrapper #edit-fname:-webkit-autofill ~ label,
#user-register #edit-pass-pass2-wrapper #edit-phone-number:-webkit-autofill ~ label,
#user-register #edit-fname-wrapper #edit-name:-webkit-autofill ~ label,
#user-register #edit-fname-wrapper #edit-mail:-webkit-autofill ~ label,
#user-register #edit-fname-wrapper #edit-pass-pass1:-webkit-autofill ~ label,
#user-register #edit-fname-wrapper #edit-pass-pass2:-webkit-autofill ~ label,
#user-register #edit-fname-wrapper #edit-fname:-webkit-autofill ~ label,
#user-register #edit-fname-wrapper #edit-phone-number:-webkit-autofill ~ label,
#user-register #edit-phone-number-wrapper #edit-name:-webkit-autofill ~ label,
#user-register #edit-phone-number-wrapper #edit-mail:-webkit-autofill ~ label,
#user-register #edit-phone-number-wrapper #edit-pass-pass1:-webkit-autofill ~ label,
#user-register #edit-phone-number-wrapper #edit-pass-pass2:-webkit-autofill ~ label,
#user-register #edit-phone-number-wrapper #edit-fname:-webkit-autofill ~ label,
#user-register #edit-phone-number-wrapper #edit-phone-number:-webkit-autofill ~ label {
  bottom: 113px;
  padding-left: 5px;
  font-size: 12px;
}
#user-register #edit-name-wrapper #edit-pass-pass2:focus ~ label,
#user-register #edit-mail-wrapper #edit-pass-pass2:focus ~ label,
#user-register #edit-pass-wrapper #edit-pass-pass2:focus ~ label,
#user-register #edit-pass-pass1-wrapper #edit-pass-pass2:focus ~ label,
#user-register #edit-pass-pass2-wrapper #edit-pass-pass2:focus ~ label,
#user-register #edit-fname-wrapper #edit-pass-pass2:focus ~ label,
#user-register #edit-phone-number-wrapper #edit-pass-pass2:focus ~ label {
  bottom: 93px;
}
#user-register #edit-name-wrapper #edit-pass-pass2:-webkit-autofill ~ label,
#user-register #edit-mail-wrapper #edit-pass-pass2:-webkit-autofill ~ label,
#user-register #edit-pass-wrapper #edit-pass-pass2:-webkit-autofill ~ label,
#user-register #edit-pass-pass1-wrapper #edit-pass-pass2:-webkit-autofill ~ label,
#user-register #edit-pass-pass2-wrapper #edit-pass-pass2:-webkit-autofill ~ label,
#user-register #edit-fname-wrapper #edit-pass-pass2:-webkit-autofill ~ label,
#user-register #edit-phone-number-wrapper #edit-pass-pass2:-webkit-autofill ~ label {
  bottom: 93px;
}
#user-register #edit-name-wrapper.form-text-error,
#user-register #edit-fname-wrapper.form-text-error,
#user-register #edit-phone-number-wrapper.form-text-error,
#user-register #edit-mail-wrapper.form-text-error,
#user-register #edit-pass-pass1-wrapper.form-text-error,
#user-register #edit-pass-pass2-wrapper.form-text-error,
#user-register #edit-societe-safran-wrapper.form-text-error,
#user-register #edit-field-mother-tongue-value-wrapper.form-text-error,
#user-register #edit-field-birthday-0-value-day-wrapper.form-text-error,
#user-register #edit-field-birthday-0-value-month-wrapper.form-text-error,
#user-register #edit-field-birthday-0-value-year-wrapper.form-text-error {
  position: relative;
}
#user-register #edit-name-wrapper.form-text-error input,
#user-register #edit-name-wrapper.form-text-error #edit-societe-safran,
#user-register #edit-name-wrapper.form-text-error #edit-field-mother-tongue-value,
#user-register #edit-name-wrapper.form-text-error #edit-field-birthday-0-value-day,
#user-register #edit-name-wrapper.form-text-error #edit-field-birthday-0-value-month,
#user-register #edit-name-wrapper.form-text-error #edit-field-birthday-0-value-year,
#user-register #edit-fname-wrapper.form-text-error input,
#user-register #edit-fname-wrapper.form-text-error #edit-societe-safran,
#user-register #edit-fname-wrapper.form-text-error #edit-field-mother-tongue-value,
#user-register #edit-fname-wrapper.form-text-error #edit-field-birthday-0-value-day,
#user-register #edit-fname-wrapper.form-text-error #edit-field-birthday-0-value-month,
#user-register #edit-fname-wrapper.form-text-error #edit-field-birthday-0-value-year,
#user-register #edit-phone-number-wrapper.form-text-error input,
#user-register #edit-phone-number-wrapper.form-text-error #edit-societe-safran,
#user-register #edit-phone-number-wrapper.form-text-error #edit-field-mother-tongue-value,
#user-register #edit-phone-number-wrapper.form-text-error #edit-field-birthday-0-value-day,
#user-register #edit-phone-number-wrapper.form-text-error #edit-field-birthday-0-value-month,
#user-register #edit-phone-number-wrapper.form-text-error #edit-field-birthday-0-value-year,
#user-register #edit-mail-wrapper.form-text-error input,
#user-register #edit-mail-wrapper.form-text-error #edit-societe-safran,
#user-register #edit-mail-wrapper.form-text-error #edit-field-mother-tongue-value,
#user-register #edit-mail-wrapper.form-text-error #edit-field-birthday-0-value-day,
#user-register #edit-mail-wrapper.form-text-error #edit-field-birthday-0-value-month,
#user-register #edit-mail-wrapper.form-text-error #edit-field-birthday-0-value-year,
#user-register #edit-pass-pass1-wrapper.form-text-error input,
#user-register #edit-pass-pass1-wrapper.form-text-error #edit-societe-safran,
#user-register #edit-pass-pass1-wrapper.form-text-error #edit-field-mother-tongue-value,
#user-register #edit-pass-pass1-wrapper.form-text-error #edit-field-birthday-0-value-day,
#user-register #edit-pass-pass1-wrapper.form-text-error #edit-field-birthday-0-value-month,
#user-register #edit-pass-pass1-wrapper.form-text-error #edit-field-birthday-0-value-year,
#user-register #edit-pass-pass2-wrapper.form-text-error input,
#user-register #edit-pass-pass2-wrapper.form-text-error #edit-societe-safran,
#user-register #edit-pass-pass2-wrapper.form-text-error #edit-field-mother-tongue-value,
#user-register #edit-pass-pass2-wrapper.form-text-error #edit-field-birthday-0-value-day,
#user-register #edit-pass-pass2-wrapper.form-text-error #edit-field-birthday-0-value-month,
#user-register #edit-pass-pass2-wrapper.form-text-error #edit-field-birthday-0-value-year,
#user-register #edit-societe-safran-wrapper.form-text-error input,
#user-register #edit-societe-safran-wrapper.form-text-error #edit-societe-safran,
#user-register #edit-societe-safran-wrapper.form-text-error #edit-field-mother-tongue-value,
#user-register #edit-societe-safran-wrapper.form-text-error #edit-field-birthday-0-value-day,
#user-register #edit-societe-safran-wrapper.form-text-error #edit-field-birthday-0-value-month,
#user-register #edit-societe-safran-wrapper.form-text-error #edit-field-birthday-0-value-year,
#user-register #edit-field-mother-tongue-value-wrapper.form-text-error input,
#user-register #edit-field-mother-tongue-value-wrapper.form-text-error #edit-societe-safran,
#user-register #edit-field-mother-tongue-value-wrapper.form-text-error #edit-field-mother-tongue-value,
#user-register #edit-field-mother-tongue-value-wrapper.form-text-error #edit-field-birthday-0-value-day,
#user-register #edit-field-mother-tongue-value-wrapper.form-text-error #edit-field-birthday-0-value-month,
#user-register #edit-field-mother-tongue-value-wrapper.form-text-error #edit-field-birthday-0-value-year,
#user-register #edit-field-birthday-0-value-day-wrapper.form-text-error input,
#user-register #edit-field-birthday-0-value-day-wrapper.form-text-error #edit-societe-safran,
#user-register #edit-field-birthday-0-value-day-wrapper.form-text-error #edit-field-mother-tongue-value,
#user-register #edit-field-birthday-0-value-day-wrapper.form-text-error #edit-field-birthday-0-value-day,
#user-register #edit-field-birthday-0-value-day-wrapper.form-text-error #edit-field-birthday-0-value-month,
#user-register #edit-field-birthday-0-value-day-wrapper.form-text-error #edit-field-birthday-0-value-year,
#user-register #edit-field-birthday-0-value-month-wrapper.form-text-error input,
#user-register #edit-field-birthday-0-value-month-wrapper.form-text-error #edit-societe-safran,
#user-register #edit-field-birthday-0-value-month-wrapper.form-text-error #edit-field-mother-tongue-value,
#user-register #edit-field-birthday-0-value-month-wrapper.form-text-error #edit-field-birthday-0-value-day,
#user-register #edit-field-birthday-0-value-month-wrapper.form-text-error #edit-field-birthday-0-value-month,
#user-register #edit-field-birthday-0-value-month-wrapper.form-text-error #edit-field-birthday-0-value-year,
#user-register #edit-field-birthday-0-value-year-wrapper.form-text-error input,
#user-register #edit-field-birthday-0-value-year-wrapper.form-text-error #edit-societe-safran,
#user-register #edit-field-birthday-0-value-year-wrapper.form-text-error #edit-field-mother-tongue-value,
#user-register #edit-field-birthday-0-value-year-wrapper.form-text-error #edit-field-birthday-0-value-day,
#user-register #edit-field-birthday-0-value-year-wrapper.form-text-error #edit-field-birthday-0-value-month,
#user-register #edit-field-birthday-0-value-year-wrapper.form-text-error #edit-field-birthday-0-value-year {
  border-color: #E76B6B;
}
#user-register #edit-name-wrapper.form-text-error:after,
#user-register #edit-fname-wrapper.form-text-error:after,
#user-register #edit-phone-number-wrapper.form-text-error:after,
#user-register #edit-mail-wrapper.form-text-error:after,
#user-register #edit-pass-pass1-wrapper.form-text-error:after,
#user-register #edit-pass-pass2-wrapper.form-text-error:after,
#user-register #edit-societe-safran-wrapper.form-text-error:after,
#user-register #edit-field-mother-tongue-value-wrapper.form-text-error:after,
#user-register #edit-field-birthday-0-value-day-wrapper.form-text-error:after,
#user-register #edit-field-birthday-0-value-month-wrapper.form-text-error:after,
#user-register #edit-field-birthday-0-value-year-wrapper.form-text-error:after {
  display: block;
  position: absolute;
}
#user-register #edit-name-wrapper.form-text-error label,
#user-register #edit-fname-wrapper.form-text-error label,
#user-register #edit-phone-number-wrapper.form-text-error label,
#user-register #edit-mail-wrapper.form-text-error label,
#user-register #edit-pass-pass1-wrapper.form-text-error label,
#user-register #edit-pass-pass2-wrapper.form-text-error label,
#user-register #edit-societe-safran-wrapper.form-text-error label,
#user-register #edit-field-mother-tongue-value-wrapper.form-text-error label,
#user-register #edit-field-birthday-0-value-day-wrapper.form-text-error label,
#user-register #edit-field-birthday-0-value-month-wrapper.form-text-error label,
#user-register #edit-field-birthday-0-value-year-wrapper.form-text-error label {
  color: #E76B6B;
}
#user-register #edit-name-wrapper.form-text-passed,
#user-register #edit-fname-wrapper.form-text-passed,
#user-register #edit-phone-number-wrapper.form-text-passed,
#user-register #edit-mail-wrapper.form-text-passed,
#user-register #edit-pass-pass1-wrapper.form-text-passed,
#user-register #edit-pass-pass2-wrapper.form-text-passed,
#user-register #edit-societe-safran-wrapper.form-text-passed,
#user-register #edit-field-mother-tongue-value-wrapper.form-text-passed,
#user-register #edit-field-birthday-0-value-day-wrapper.form-text-passed,
#user-register #edit-field-birthday-0-value-month-wrapper.form-text-passed,
#user-register #edit-field-birthday-0-value-year-wrapper.form-text-passed {
  position: relative;
}
#user-register #edit-name-wrapper.form-text-passed:after,
#user-register #edit-fname-wrapper.form-text-passed:after,
#user-register #edit-phone-number-wrapper.form-text-passed:after,
#user-register #edit-mail-wrapper.form-text-passed:after,
#user-register #edit-pass-pass1-wrapper.form-text-passed:after,
#user-register #edit-pass-pass2-wrapper.form-text-passed:after,
#user-register #edit-societe-safran-wrapper.form-text-passed:after,
#user-register #edit-field-mother-tongue-value-wrapper.form-text-passed:after,
#user-register #edit-field-birthday-0-value-day-wrapper.form-text-passed:after,
#user-register #edit-field-birthday-0-value-month-wrapper.form-text-passed:after,
#user-register #edit-field-birthday-0-value-year-wrapper.form-text-passed:after {
  display: block;
  position: absolute;
}
#user-register #edit-regcode-code-wrapper.form-text-error {
  position: relative;
}
#user-register #edit-regcode-code-wrapper.form-text-error:after {
  display: block;
  position: absolute;
  color: #E76B6B;
  bottom: 62px;
  right: 25px;
  content: url("../images/icons/warning.svg");
  width: 4px;
  height: 1px;
}
#user-register #edit-regcode-code-wrapper.form-text-passed {
  position: relative;
}
#user-register #edit-regcode-code-wrapper.form-text-passed:after {
  display: block;
  position: absolute;
  color: #9DC49F;
  bottom: 40px;
  right: 15px;
  content: url("../images/icons/check-reg.svg");
  width: 24px;
  height: 24px;
}
#user-register #edit-pass-pass2-wrapper.form-text-error:after {
  bottom: 40px;
}
#user-register #edit-pass-pass2-wrapper.form-text-passed:after {
  bottom: 18px;
}
#user-register #edit-field-mother-tongue-value-wrapper.form-text-error label {
  color: #262E31;
}
#user-register #edit-field-mother-tongue-value-wrapper.form-text-error:after, #user-register #edit-field-mother-tongue-value-wrapper.form-text-passed:after,
#user-register #edit-field-birthday-0-value-day-wrapper.form-text-error:after,
#user-register #edit-field-birthday-0-value-day-wrapper.form-text-passed:after,
#user-register #edit-field-birthday-0-value-month-wrapper.form-text-error:after,
#user-register #edit-field-birthday-0-value-month-wrapper.form-text-passed:after,
#user-register #edit-field-birthday-0-value-year-wrapper.form-text-error:after,
#user-register #edit-field-birthday-0-value-year-wrapper.form-text-passed:after {
  display: none;
}
#user-register .pass-eye1 {
  position: relative;
  top: -155px;
  right: 20px;
  margin-bottom: -30px;
  float: right;
  background: url("../images/icons/eye.svg") no-repeat;
  display: none;
  width: 30px;
  height: 30px;
}
#user-register .pass-eye1.pass-eye-hidden {
  background: url("../images/icons/eye-dashed.svg") no-repeat;
}
#user-register .pass-eye1.pass-eye1-left {
  right: 25px;
}
#user-register .pass-eye2 {
  position: relative;
  top: -65px;
  right: 20px;
  margin-bottom: -30px;
  float: right;
  background: url("../images/icons/eye.svg") no-repeat;
  display: none;
  width: 30px;
  height: 30px;
}
#user-register .pass-eye2.pass-eye-hidden {
  background: url("../images/icons/eye-dashed.svg") no-repeat;
}
#user-register .pass-eye2.pass-eye2-left {
  right: 25px;
}
@media only screen and (max-width: 991px) {
  #user-register .pass-eye1 {
    top: -130px;
  }
  #user-register .pass-eye2 {
    top: -60px;
  }
  #user-register #edit-mail-wrapper label,
  #user-register #edit-conf-mail-wrapper label,
  #user-register #edit-pass-pass1-wrapper label,
  #user-register #edit-pass-pass2-wrapper label {
    bottom: 60px;
  }
  #user-register #edit-mail-wrapper label.moved,
  #user-register #edit-conf-mail-wrapper label.moved,
  #user-register #edit-pass-pass1-wrapper label.moved,
  #user-register #edit-pass-pass2-wrapper label.moved {
    padding-left: 35px;
    font-size: 12px;
  }
  #user-register #edit-mail-wrapper.form-text-error:after,
  #user-register #edit-conf-mail-wrapper.form-text-error:after,
  #user-register #edit-pass-pass1-wrapper.form-text-error:after,
  #user-register #edit-pass-pass2-wrapper.form-text-error:after {
    bottom: 55px;
  }
  #user-register #edit-mail-wrapper.form-text-passed:after,
  #user-register #edit-conf-mail-wrapper.form-text-passed:after,
  #user-register #edit-pass-pass1-wrapper.form-text-passed:after,
  #user-register #edit-pass-pass2-wrapper.form-text-passed:after {
    bottom: 32px;
  }
  #user-register #edit-mail-wrapper [for=edit-pass-pass2],
  #user-register #edit-conf-mail-wrapper [for=edit-pass-pass2],
  #user-register #edit-pass-pass1-wrapper [for=edit-pass-pass2],
  #user-register #edit-pass-pass2-wrapper [for=edit-pass-pass2] {
    bottom: 38px;
  }
  #user-register #edit-mail-wrapper [for=edit-pass-pass2].moved,
  #user-register #edit-conf-mail-wrapper [for=edit-pass-pass2].moved,
  #user-register #edit-pass-pass1-wrapper [for=edit-pass-pass2].moved,
  #user-register #edit-pass-pass2-wrapper [for=edit-pass-pass2].moved {
    bottom: 75px;
    font-size: 12px;
  }
  #user-register #edit-mail-wrapper #edit-mail:focus ~ label, #user-register #edit-mail-wrapper #edit-mail:-webkit-autofill ~ label,
  #user-register #edit-mail-wrapper #edit-pass-pass1:focus ~ label,
  #user-register #edit-mail-wrapper #edit-pass-pass1:-webkit-autofill ~ label,
  #user-register #edit-mail-wrapper #edit-pass-pass2:focus ~ label,
  #user-register #edit-mail-wrapper #edit-pass-pass2:-webkit-autofill ~ label,
  #user-register #edit-conf-mail-wrapper #edit-mail:focus ~ label,
  #user-register #edit-conf-mail-wrapper #edit-mail:-webkit-autofill ~ label,
  #user-register #edit-conf-mail-wrapper #edit-pass-pass1:focus ~ label,
  #user-register #edit-conf-mail-wrapper #edit-pass-pass1:-webkit-autofill ~ label,
  #user-register #edit-conf-mail-wrapper #edit-pass-pass2:focus ~ label,
  #user-register #edit-conf-mail-wrapper #edit-pass-pass2:-webkit-autofill ~ label,
  #user-register #edit-pass-pass1-wrapper #edit-mail:focus ~ label,
  #user-register #edit-pass-pass1-wrapper #edit-mail:-webkit-autofill ~ label,
  #user-register #edit-pass-pass1-wrapper #edit-pass-pass1:focus ~ label,
  #user-register #edit-pass-pass1-wrapper #edit-pass-pass1:-webkit-autofill ~ label,
  #user-register #edit-pass-pass1-wrapper #edit-pass-pass2:focus ~ label,
  #user-register #edit-pass-pass1-wrapper #edit-pass-pass2:-webkit-autofill ~ label,
  #user-register #edit-pass-pass2-wrapper #edit-mail:focus ~ label,
  #user-register #edit-pass-pass2-wrapper #edit-mail:-webkit-autofill ~ label,
  #user-register #edit-pass-pass2-wrapper #edit-pass-pass1:focus ~ label,
  #user-register #edit-pass-pass2-wrapper #edit-pass-pass1:-webkit-autofill ~ label,
  #user-register #edit-pass-pass2-wrapper #edit-pass-pass2:focus ~ label,
  #user-register #edit-pass-pass2-wrapper #edit-pass-pass2:-webkit-autofill ~ label {
    bottom: 95px;
  }
  #user-register #edit-mail-wrapper #edit-pass-pass2:focus ~ label, #user-register #edit-mail-wrapper #edit-pass-pass2:-webkit-autofill ~ label,
  #user-register #edit-conf-mail-wrapper #edit-pass-pass2:focus ~ label,
  #user-register #edit-conf-mail-wrapper #edit-pass-pass2:-webkit-autofill ~ label,
  #user-register #edit-pass-pass1-wrapper #edit-pass-pass2:focus ~ label,
  #user-register #edit-pass-pass1-wrapper #edit-pass-pass2:-webkit-autofill ~ label,
  #user-register #edit-pass-pass2-wrapper #edit-pass-pass2:focus ~ label,
  #user-register #edit-pass-pass2-wrapper #edit-pass-pass2:-webkit-autofill ~ label {
    bottom: 75px;
  }
  #user-register #edit-regcode-code-wrapper.form-text-error:after {
    bottom: 55px;
  }
  #user-register #edit-regcode-code-wrapper.form-text-passed:after {
    bottom: 32px;
  }
  #user-register #edit-pass-pass2-wrapper.form-text-error:after {
    bottom: 35px;
  }
  #user-register #edit-pass-pass2-wrapper.form-text-passed:after {
    bottom: 14px;
  }
  #user-register #edit-field-birthday-0-value-wrapper [for=edit-field-birthday-0-value],
  #user-register #edit-field-birthday-0-value-wrapper [for=edit-field-mother-tongue-value],
  #user-register #edit-field-birthday-0-value-wrapper .span-error,
  #user-register #edit-field-mother-tongue-value-wrapper [for=edit-field-birthday-0-value],
  #user-register #edit-field-mother-tongue-value-wrapper [for=edit-field-mother-tongue-value],
  #user-register #edit-field-mother-tongue-value-wrapper .span-error {
    bottom: 100px;
  }
}
#user-register #edit-name::-ms-clear, #user-register #edit-name::-ms-reveal,
#user-register #edit-mail::-ms-clear,
#user-register #edit-mail::-ms-reveal,
#user-register #edit-pass-pass1::-ms-clear,
#user-register #edit-pass-pass1::-ms-reveal,
#user-register #edit-pass-pass2::-ms-clear,
#user-register #edit-pass-pass2::-ms-reveal {
  display: none;
}
#user-register #edit-field-mother-tongue-value.form-text-error,
#user-register #edit-field-birthday-0-value-day.form-text-error,
#user-register #edit-field-birthday-0-value-month.form-text-error,
#user-register #edit-field-birthday-0-value-year.form-text-error {
  color: #E76B6B;
  border-color: #E76B6B;
}
#user-register #edit-field-birthday-0-value-wrapper label,
#user-register #edit-field-mother-tongue-value-wrapper label {
  font-weight: 300;
  text-align: left;
}
#user-register #edit-persistent-login-wrapper,
#user-register .password-strength,
#user-register .password-confirm {
  display: none;
}
#user-register .form-item {
  text-align: center;
}
#user-register .form-item input[type=text],
#user-register .form-item input[type=password],
#user-register .form-item select {
  margin-bottom: 20px;
  padding: 20px 20px;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  background: #FFFFFF;
  color: #6B6B6B;
}
#user-register .form-item select {
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  background-image: url("../images/all-icons/select-arrow--black.png");
  background-repeat: no-repeat;
  background-position: 95% center;
  background-size: 12px 6px !important;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-padding-end: 40px;
  -moz-padding-end: 40px;
  -webkit-padding-start: 10px;
  -moz-padding-start: 10px;
}
#user-register .form-item select.error {
  color: #989898;
}
#user-register .form-item input#edit-regcode-code.error {
  color: #E76B6B;
  border-color: #E76B6B;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #user-register .form-item {
    text-align: center;
  }
  #user-register .form-item input[type=text],
  #user-register .form-item input[type=password],
  #user-register .form-item select {
    margin-bottom: 20px;
    padding: 0 0 0 10px;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    background: #FFFFFF;
    color: #989898;
  }
}
#user-register .password-description,
#user-register .description {
  position: absolute;
  left: -5000px;
  display: none !important;
}
#user-register .date-day .form-item,
#user-register .date-month .form-item,
#user-register .date-year .form-item {
  width: 32%;
  margin-right: 1.333% !important;
}
#user-register .date-year .form-item {
  width: 33.33%;
  margin-right: 0 !important;
}
#user-register .form-submit {
  font-size: 20px;
  font-weight: 400;
  display: block;
  min-width: 400px;
  margin-bottom: 25px !important;
  padding: 20px;
  color: #FFFFFF;
  border: 0;
  border-radius: 5px;
  background: #5BB4C6;
}
#user-register .container-inline-date {
  margin: 0 auto;
}
#user-register .container-inline-date + .form-item {
  margin-bottom: 20px !important;
  text-align: left;
}
#user-register .password-field.error,
#user-register .password-confirm.error {
  color: inherit;
}
#user-register .fake-link {
  color: #007AFF;
  cursor: pointer;
}

.is-tutlogo #user-register #edit-regcode-code-wrapper {
  position: relative;
}
.is-tutlogo #user-register #edit-regcode-code-wrapper label {
  display: block !important;
  pointer-events: none;
  position: absolute;
  text-align: left;
  font-weight: 300;
  margin-bottom: -25px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}
.is-tutlogo #user-register #edit-regcode-code-wrapper label.moved {
  font-size: 12px;
}
.is-tutlogo #user-register #edit-regcode-code-wrapper #edit-regcode-code:focus ~ label {
  padding-left: 5px;
  font-size: 12px;
}
.is-tutlogo #user-register #edit-regcode-code-wrapper #edit-regcode-code:-webkit-autofill ~ label {
  bottom: 113px;
  padding-left: 5px;
  font-size: 12px;
}
.is-tutlogo #user-register #edit-regcode-code-wrapper.form-text-error {
  position: relative;
}
.is-tutlogo #user-register #edit-regcode-code-wrapper.form-text-error input {
  border-color: #E76B6B;
}
.is-tutlogo #user-register #edit-regcode-code-wrapper.form-text-error:after {
  display: block;
  position: absolute;
  right: -5px;
  height: 18px;
  width: 18px;
}
.is-tutlogo #user-register #edit-regcode-code-wrapper.form-text-error label {
  color: #E76B6B;
}
.is-tutlogo #user-register #edit-regcode-code-wrapper.form-text-passed {
  position: relative;
}
.is-tutlogo #user-register #edit-regcode-code-wrapper.form-text-passed:after {
  display: block;
  position: absolute;
}

.registration-button--final-step {
  border-bottom: 1px solid #DDDDDD;
}

.g-recaptcha > div {
  width: 100% !important;
  height: auto !important;
  text-align: center;
  margin-bottom: 15px;
  position: relative;
}

.g-recaptcha > div:before {
  content: ”;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  background-color: #F0F0F0;
  height: 20px;
  margin-top: -10px;
  display: block;
  z-index: 1;
}

.g-recaptcha iframe {
  margin: 0 auto !important;
  display: inline-block;
  position: relative;
  z-index: 2;
}

.form-text-error .g-recaptcha iframe {
  border: 1px solid #E76B6B;
}

@media screen and (max-height: 575px) {
  #rc-imageselect,
  .g-recaptcha {
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
  }
  .g-recaptcha > div {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 991px) {
  #user-register #block-fb a {
    font-size: 16px;
    min-width: auto;
    margin-bottom: 15px;
    margin-top: 25px;
    padding: 15px 20px 15px 90px;
  }
  #user-register #block-fb p {
    font-size: 20px;
  }
  #user-register #block-fb + .form-item {
    font-size: 20px;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  #user-register .form-item select {
    height: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    outline: none;
  }
  .page-user-login-register #page-content > .container #edit-submit {
    width: 100%;
    min-width: 0;
    max-width: 400px;
    height: 50px;
    padding: 0;
  }
  .is-lingua.page-user-login-register #page-content .container #user-pass #edit-submit {
    max-width: 235px;
  }
}
@media screen and (max-width: 340px) {
  .page-user-login-register #page-content > .container #edit-submit,
  .page-user-login-register #page-content > .container .form-item input {
    font-size: 14px;
  }
}
.button-shake {
  -webkit-animation: shakebtn 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
          animation: shakebtn 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}

@-webkit-keyframes shakebtn {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }
  30%, 50%, 70% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }
  40%, 60% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}

@keyframes shakebtn {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }
  30%, 50%, 70% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }
  40%, 60% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}
.check-again,
.wrong-regcode {
  min-height: 49px;
  border-radius: 5px;
  color: #EB7070;
  display: none;
  width: 100%;
  font-size: 14px;
  margin-bottom: 15px;
  padding: 10px 0;
}
.check-again.shown,
.wrong-regcode.shown {
  display: block;
}

.edit-subscribe-newsletter-wrapper {
  margin-bottom: 20px !important;
}
.edit-subscribe-newsletter-wrapper input[type=checkbox] {
  display: none;
}
.edit-subscribe-newsletter-wrapper label.option {
  color: #6C6C6C;
  font-size: 16px;
  font-weight: 300;
}
.edit-subscribe-newsletter-wrapper input[type=checkbox] + span {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: -1px 15px 0 0;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
}
.edit-subscribe-newsletter-wrapper input[type=checkbox] + span span {
  display: block;
  width: 26px !important;
  height: 26px !important;
  margin: 2px 2px;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  border: 3px solid #FFFFFF;
}
.edit-subscribe-newsletter-wrapper input[type=checkbox] + span {
  background-color: #E7E6E6;
}
.edit-subscribe-newsletter-wrapper input[type=checkbox] + span span {
  background-color: #FFFFFF;
}
.edit-subscribe-newsletter-wrapper input[type=checkbox]:checked + span {
  background-color: #5BB4C6;
}
.edit-subscribe-newsletter-wrapper input[type=checkbox]:checked + span span {
  background-color: #5BB4C6;
}
.edit-subscribe-newsletter-wrapper .form-checkboxes {
  margin: 0;
}
.edit-subscribe-newsletter-wrapper .form-item {
  text-align: left !important;
}

.c-geolocalization-container {
  position: relative;
}
.c-geolocalization-container .c-back-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  position: absolute;
  top: 30px;
  left: 20px;
}
.c-geolocalization-container .c-back-button__image {
  background-color: #F2F2F2;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-geolocalization-container .c-back-button__text {
  color: #4B4B4B;
  font-size: 14px;
  font-weight: 600;
}
.c-geolocalization-container .c-back-button__image .c-back-button-caret {
  margin-top: 0px;
  margin-left: 3px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  border-right: 2px solid;
  border-bottom: 2px solid;
  color: #262e31;
}
.c-geolocalization-container .c-back-button__image .c-back-button-caret::before {
  content: "";
}
.c-geolocalization-container .c-geolocalization-text_container {
  padding: 0 20px;
}

/* HELPERS */
#user-pass .form-item a {
  color: #5BB4C6;
  font-weight: 400;
}
#user-pass .form-item {
  text-align: center;
}
#user-pass .form-item input[type=text],
#user-pass .form-item input[type=password] {
  border-radius: 5px;
  border: 1px solid #CCCCCC;
  padding: 20px;
  margin-bottom: 20px;
}
#user-pass .form-required {
  display: none;
}
#user-pass h3,
#user-pass p {
  width: 400px;
  margin: auto;
}
#user-pass h3 {
  font-size: 30px;
  font-weight: 300;
  line-height: 1.1;
  color: #333333;
  text-align: left;
}
#user-pass p {
  margin: 20px auto;
}
#user-pass a {
  color: #5BB4C6;
  font-size: 16px;
  margin: auto;
}
#user-pass a:hover {
  text-decoration: underline;
}
#user-pass #edit-name-wrapper {
  position: relative;
}
#user-pass #edit-name-wrapper label {
  font-weight: 300;
  float: left;
  position: relative;
  margin-bottom: -25px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}
#user-pass #edit-name-wrapper label.moved {
  bottom: 60px;
  padding-left: 0;
  font-size: 9pt;
}
#user-pass #edit-name-wrapper.form-text-error input {
  border-color: #E76B6B;
}
#user-pass #edit-name-wrapper.form-text-error .span-error ~ label {
  bottom: unset !important;
  top: -20px;
  margin: 0;
  position: absolute;
}
#user-pass #edit-name-wrapper.form-text-error:after {
  display: block;
  position: absolute;
  color: #E76B6B;
  top: 10px;
  right: -10px;
  content: url("../images/icons/warning.svg");
  width: 4px;
  height: 1px;
}
#user-pass #edit-name-wrapper.form-text-error label {
  color: #E76B6B !important;
}
#user-pass #edit-name-wrapper.form-text-passed:after {
  display: block;
  position: absolute;
  color: #9DC49F;
  bottom: 0;
  top: 5px;
  right: -20px;
  content: url("../images/icons/check-reg.svg");
  width: 15px;
  height: 15px;
}
#user-pass #edit-name-wrapper #edit-name:focus ~ label, #user-pass #edit-name-wrapper #edit-name:-webkit-autofill ~ label, #user-pass #edit-name-wrapper #edit-name:not([value=""]) ~ label {
  padding-left: 0;
  font-size: 9pt;
  position: absolute;
  bottom: unset;
  top: -20px;
}
#user-pass .form-submit {
  background: #5BB4C6;
  padding: 20px;
  min-width: 400px;
  color: #FFFFFF;
  display: block;
  margin-bottom: 25px !important;
  font-weight: 400;
  font-size: 20px;
  border: 0;
  border-radius: 5px;
}

@media screen and (max-width: 991px) {
  .page-forgot-password .page-wrapper {
    vertical-align: top;
  }
  #user-pass {
    margin-top: 40px;
  }
  #user-pass #edit-name-wrapper.form-text-error:after {
    bottom: 55px;
  }
  #user-pass h3,
  #user-pass p {
    max-width: 400px;
    width: 100%;
  }
}
.page-reset-password-final .reset-confirmation {
  max-width: 400px;
  width: 100%;
  margin: auto;
}
.page-reset-password-final .reset-confirmation h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 0.83;
  color: #4B4B4B;
  text-align: left;
  margin: 20px 0 30px;
}
.page-reset-password-final .reset-confirmation p {
  margin: 20px auto;
  color: #4B4B4B;
  font-size: 17px;
  font-weight: 400;
}
.page-reset-password-final .reset-confirmation p:last-of-type {
  margin: 0 0 20px;
}
.page-reset-password-final .reset-confirmation .c-pass-reset_font-bold {
  font-weight: 600;
  margin: 20px 0 10px;
}
.page-reset-password-final .reset-confirmation a {
  color: #4A90E2;
  font-size: 14px;
  font-weight: 600;
}
.page-reset-password-final .reset-confirmation a:hover {
  text-decoration: underline;
}
.page-reset-password-final .reset-confirmation hr {
  display: none;
}
@media (max-width: 450px) {
  .page-reset-password-final .reset-confirmation {
    padding: 0 25px;
  }
}

.return-to-login {
  max-width: 400px;
  width: 100%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.return-to-login a {
  display: inline-block;
  width: auto;
}

.is-grandest .c-steps-container {
  display: none;
}
.is-grandest .c-container-login-register {
  min-height: calc(100vh - 70px);
}
.is-grandest .c-container-registration-type {
  min-height: 44vh;
  border-radius: 0 !important;
}
@media (max-height: 1080px) {
  .is-grandest .c-container-registration-type {
    min-height: 84vh;
  }
}
@media (min-height: 1081px) and (max-height: 1440px) {
  .is-grandest .c-container-registration-type {
    min-height: 54vh;
  }
}
.is-grandest .c-form-text-to-sign-page {
  font-size: 13px;
  margin: 0;
  letter-spacing: -0.05px;
}
.is-grandest .c-form-text-to-sign-page a {
  color: #007AFF !important;
}

.c-webservice-form {
  max-width: 340px;
  margin: 55px auto 0;
}
@media (max-width: 400px) {
  .c-webservice-form {
    max-width: 100%;
    margin: 55px 15px;
  }
}
.c-webservice-form__top-section {
  border-bottom: 2px solid #E8E8E8;
  padding: 23px 0;
}
@media (max-width: 991px) {
  .c-webservice-form__top-section {
    margin-top: 20px;
  }
}
.c-webservice-form__top-section h2 {
  color: #4B4B4B;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.21px;
  text-align: center;
  margin: 0 0 15px 0;
}
.c-webservice-form__top-section ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  padding: 0;
}
.c-webservice-form__top-section ul li {
  height: 11px;
  width: 11px;
  background-color: #D8D8D8;
  border-radius: 50px;
  list-style: none;
  margin: 0 4px;
}
.c-webservice-form__top-section ul li.active {
  background-color: #007AFF;
}
.c-webservice-form__item-container {
  width: 100%;
  position: relative;
  margin-bottom: 15px;
}
.c-webservice-form__item-container.invalid-value-input .span-error {
  display: block;
}
.c-webservice-form__item-container.invalid-value-input label {
  color: #EF7C8E !important;
}
.c-webservice-form__item-container.c-professional-profile-selector {
  margin: 43px 0 0 0;
}
.c-webservice-form__item-container input,
.c-webservice-form__item-container select {
  min-height: 52px;
  max-width: 339.44px;
  border: 1px solid #C3C3C3;
  border-radius: 4px;
  color: #525252;
  font-size: 16px;
  font-weight: 400;
  width: 100%;
  padding: 0 20px;
}
@media (max-width: 400px) {
  .c-webservice-form__item-container input,
  .c-webservice-form__item-container select {
    max-width: 100%;
  }
}
.c-webservice-form__item-container input::-webkit-input-placeholder, .c-webservice-form__item-container select::-webkit-input-placeholder {
  color: #9B9B9B;
  font-size: 14px;
  letter-spacing: -0.04px;
  font-weight: 400;
}
.c-webservice-form__item-container input::-moz-placeholder, .c-webservice-form__item-container select::-moz-placeholder {
  color: #9B9B9B;
  font-size: 14px;
  letter-spacing: -0.04px;
  font-weight: 400;
}
.c-webservice-form__item-container input:-ms-input-placeholder, .c-webservice-form__item-container select:-ms-input-placeholder {
  color: #9B9B9B;
  font-size: 14px;
  letter-spacing: -0.04px;
  font-weight: 400;
}
.c-webservice-form__item-container input::-ms-input-placeholder, .c-webservice-form__item-container select::-ms-input-placeholder {
  color: #9B9B9B;
  font-size: 14px;
  letter-spacing: -0.04px;
  font-weight: 400;
}
.c-webservice-form__item-container input::placeholder,
.c-webservice-form__item-container select::placeholder {
  color: #9B9B9B;
  font-size: 14px;
  letter-spacing: -0.04px;
  font-weight: 400;
}
.c-webservice-form__item-container input#birthdate-user, .c-webservice-form__item-container input#profesional-profile,
.c-webservice-form__item-container select#birthdate-user,
.c-webservice-form__item-container select#profesional-profile {
  margin: 0;
}
.c-webservice-form__item-container input#profesional-profile,
.c-webservice-form__item-container select#profesional-profile {
  -webkit-appearance: none;
  -moz-appearance: none;
}
.c-webservice-form__item-container input#profesional-profile ~ .arrow-down-icon,
.c-webservice-form__item-container select#profesional-profile ~ .arrow-down-icon {
  background-image: url("/sites/all/themes/lingua/assets/blue-down-arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 15px;
  right: 15px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  pointer-events: none;
}
.c-webservice-form__item-container input#number-account + .span-error,
.c-webservice-form__item-container select#number-account + .span-error {
  font-size: 11px;
}
@media (max-width: 365px) {
  .c-webservice-form__item-container input#number-account + .span-error,
  .c-webservice-form__item-container select#number-account + .span-error {
    position: static;
    white-space: normal;
  }
}
.c-webservice-form__item-container input:focus, .c-webservice-form__item-container input:-webkit-autofill,
.c-webservice-form__item-container select:focus,
.c-webservice-form__item-container select:-webkit-autofill {
  border: 1px solid #63A0E6;
}
.c-webservice-form__item-container select {
  color: #9B9B9B;
}
.c-webservice-form__item-container label {
  color: #525252;
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 18px;
  margin: 0 0 5px;
  font-weight: 400;
}
.c-webservice-form__item-container label.filled ~ .c-form-item-condition {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-webservice-form__item-container.c-input-value-invalid input,
.c-webservice-form__item-container.c-input-value-invalid select {
  border: 1px solid #E76B6B;
}
.c-webservice-form__item-container.c-input-value-invalid input:focus,
.c-webservice-form__item-container.c-input-value-invalid select:focus {
  border: 1px solid #63A0E6;
}
.c-webservice-form__item-container.c-input-value-invalid label {
  color: #E76B6B;
}
.c-webservice-form__item-container.c-input-value-invalid:after {
  top: unset;
  bottom: 35px;
}
.c-webservice-form__terms-acception {
  max-width: 340px;
  width: 100%;
  margin: 20px auto;
}
.c-webservice-form__term-item {
  color: #9B9B9B;
  font-size: 13px;
  letter-spacing: -0.14px;
  position: relative;
  padding-left: 30px;
  line-height: 18px;
  font-weight: 400;
  margin: 0;
}
.c-webservice-form__term-item input {
  opacity: 0;
}
.c-webservice-form__term-item input:checked ~ span {
  background-color: #4A90E2;
  border: none;
}
.c-webservice-form__term-item input:checked ~ span span {
  background-image: url(/sites/all/themes/lingua/assets/check-white.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80%;
  display: block;
  width: 20px;
  height: 20px;
}
.c-webservice-form__term-item input + span {
  border: 1px solid #CDCECF;
  border-radius: 4px;
  cursor: pointer;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}
.c-webservice-form__term-item.c-input-value-invalid span.checkmark {
  border: 1px solid #E76B6B;
}
.c-webservice-form__term-item.c-input-value-invalid input:checked + span {
  border: none;
}
.c-webservice-form__term-item.c-input-value-invalid:after {
  content: "";
}
.c-webservice-form__submit-btn {
  background-color: #007AFF;
  margin: 0 0 15px;
  padding: 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-webservice-form__submit-btn span {
  content: "";
  background-image: url("/sites/all/themes/lingua/assets/right-arrow.svg");
  width: 20px;
  height: 17px;
  margin: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
}
.c-webservice-form__submit-btn p {
  margin: 0 0 0 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 15px;
}
.c-webservice-form__bottom-section {
  margin-bottom: 15px;
}
.c-webservice-form__bottom-section .c-form-text-to-sign-page {
  font-size: 18px;
  color: #A6A6A6;
}
.c-webservice-form__bottom-section .c-form-text-to-sign-page a {
  text-decoration: underline;
  color: #007AFF !important;
}
.c-webservice-form__inputs-container {
  min-height: 146px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-webservice-form__register--second {
  display: none;
}
.c-webservice-form__register--second.active-section {
  display: block;
}
.c-webservice-form__register--second .c-webservice-form {
  margin: 43px auto 25px;
}
.c-webservice-form__register--second .c-webservice-form .c-profesional-selector:after {
  top: 17px;
}
@media (max-width: 400px) {
  .c-webservice-form__register--second .c-webservice-form {
    margin: 55px 15px;
  }
}
.c-webservice-form__register--second .c-webservice-form__btns-container {
  max-width: 100%;
  margin: 0;
  padding: 10px 0;
}
.c-webservice-form__register--second .c-webservice-form__btns-container.sticky-button {
  -webkit-box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.1);
  position: sticky;
  bottom: 0;
  background-color: #FFFFFF;
}
.c-webservice-form__register--second .c-webservice-form__btns-container .lds-roller {
  top: 30px;
  left: calc(50% - 140px);
}
.c-webservice-form__register--second .c-webservice-form__submit-btn {
  max-width: 340px;
  margin: 0 auto 25px;
}
.c-webservice-form__btns-container {
  max-width: 340px;
  margin: 25px auto;
  position: relative;
}
.c-webservice-form .c-form-item-condition {
  color: #9B9B9B;
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: -0.14px;
  position: absolute;
  right: 0;
  bottom: -20px;
  display: none;
}
.c-webservice-form .c-form-item-condition.condition-done:after {
  content: "";
  background-image: url("/sites/all/themes/lingua/assets/check-green-white.svg");
  width: 20px;
  height: 12px;
  margin: 0;
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: center;
}
.c-webservice-form .span-error {
  color: #EF7C8E;
  font-size: 9pt;
  position: absolute;
  line-height: 13px;
  bottom: -15px;
  white-space: nowrap;
  display: none;
}
.c-webservice-form .register-delete-input-text {
  background-image: url("/sites/all/themes/lingua/assets/delete-icon.svg");
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  height: 18px;
  width: 18px;
  border: none;
  padding: 0;
  position: absolute;
  top: 46px;
  right: 23px;
}

.c-error-message {
  color: #EF7C8E;
  font-weight: 400;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 5px;
}

.lds-roller {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 20px;
  left: 55px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  display: none;
}
.lds-roller div {
  -webkit-animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
          animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  -webkit-transform-origin: 10px 10px;
          transform-origin: 10px 10px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #FFFFFF;
  margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
  -webkit-animation-delay: -0.06s;
          animation-delay: -0.06s;
}
.lds-roller div:nth-child(1):after {
  top: 0;
  left: 0;
}
.lds-roller div:nth-child(2) {
  -webkit-animation-delay: -0.11s;
          animation-delay: -0.11s;
}
.lds-roller div:nth-child(2):after {
  top: 5px;
  left: 5px;
}
.lds-roller div:nth-child(3) {
  -webkit-animation-delay: -0.16s;
          animation-delay: -0.16s;
}
.lds-roller div:nth-child(3):after {
  top: 10px;
  left: 10px;
}
.lds-roller div:nth-child(4) {
  -webkit-animation-delay: -0.21s;
          animation-delay: -0.21s;
}
.lds-roller div:nth-child(4):after {
  top: 15px;
  left: 15px;
}
.lds-roller div:nth-child(5) {
  -webkit-animation-delay: -0.26s;
          animation-delay: -0.26s;
}
.lds-roller div:nth-child(5):after {
  top: 20px;
  left: 20px;
}
.lds-roller div:nth-child(6) {
  -webkit-animation-delay: -0.31s;
          animation-delay: -0.31s;
}
.lds-roller div:nth-child(6):after {
  top: 25px;
  left: 25px;
}
.lds-roller div:nth-child(7) {
  -webkit-animation-delay: -0.36s;
          animation-delay: -0.36s;
}
.lds-roller div:nth-child(7):after {
  top: 30px;
  left: 30px;
}
.lds-roller div:nth-child(8) {
  -webkit-animation-delay: -0.41s;
          animation-delay: -0.41s;
}
.lds-roller div:nth-child(8):after {
  top: 35px;
  left: 35px;
}

@-webkit-keyframes lds-roller {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes lds-roller {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/* new birthdate styles */
.birthdate-form {
  position: relative;
}
.birthdate-form > label {
  color: #525252;
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 18px;
  margin: 0 0 5px;
  font-weight: 400;
}
.birthdate-form .form__birthdate {
  display: grid;
  grid-template-columns: repeat(11, 12px);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 52px;
  /*max-width: 339.44px;*/
  border: 1px solid #C3C3C3;
  border-radius: 4px;
  color: #525252;
  font-size: 16px;
  font-weight: 400;
  width: 100%;
  margin-bottom: 15px;
  padding: 0 20px;
}
.birthdate-form .form__birthdate:after {
  clear: both;
}
.birthdate-form .form__birthdate > input[type=number] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.birthdate-form .form__birthdate > input {
  color: #525252;
  font-family: "Open Sans";
  font-size: 16px;
  letter-spacing: -0.05px;
  line-height: 22px;
  display: inline-block;
  border: 0;
  padding: 0;
  -webkit-transition: background-color 0.3s, color 0.3s, opacity 0.3s;
  transition: background-color 0.3s, color 0.3s, opacity 0.3s;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.birthdate-form .form__birthdate > input:focus {
  outline: none !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-tap-highlight-color: transparent;
}
.birthdate-form .form__birthdate > input:focus::-webkit-input-placeholder {
  color: #9B9B9B;
  opacity: 1;
  text-transform: uppercase;
}
.birthdate-form .form__birthdate > input:focus::-moz-placeholder {
  color: #9B9B9B;
  opacity: 1;
  text-transform: uppercase;
}
.birthdate-form .form__birthdate > input:focus:-ms-input-placeholder {
  color: #9B9B9B;
  opacity: 1;
  text-transform: uppercase;
}
.birthdate-form .form__birthdate > input:focus::-ms-input-placeholder {
  color: #9B9B9B;
  opacity: 1;
  text-transform: uppercase;
}
.birthdate-form .form__birthdate > input:focus::placeholder {
  color: #9B9B9B;
  opacity: 1;
  text-transform: uppercase;
}
.birthdate-form .form__birthdate > input {
  /* Placeholder */
  /* Chrome/Opera/Safari */
}
.birthdate-form .form__birthdate > input::-webkit-input-placeholder {
  font-size: 14px;
  color: inherit;
  opacity: 0.3;
  text-transform: uppercase;
}
.birthdate-form .form__birthdate > input {
  /* Firefox 19+ */
}
.birthdate-form .form__birthdate > input::-moz-placeholder {
  font-size: 14px;
  color: inherit;
  opacity: 0.3;
  text-transform: uppercase;
}
.birthdate-form .form__birthdate > input {
  /* IE 10+ */
}
.birthdate-form .form__birthdate > input:-ms-input-placeholder {
  font-size: 14px;
  color: inherit;
  opacity: 0.3;
  text-transform: uppercase;
}
.birthdate-form .form__birthdate > input {
  /* Firefox 18- */
}
.birthdate-form .form__birthdate > input:-moz-placeholder {
  font-size: 14px;
  color: inherit;
  opacity: 0.3;
  text-transform: uppercase;
}
.birthdate-form .form__birthdate > input:last-child {
  margin-right: 0;
}
.birthdate-form .form__birthdate > span {
  font-size: 15px;
  color: #9B9B9B;
  border: 0;
  border-radius: 2px 2px 0 0;
  -webkit-transition: background-color 0.3s, color 0.3s, opacity 0.3s;
  transition: background-color 0.3s, color 0.3s, opacity 0.3s;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  justify-self: center;
  -ms-flex-item-align: center;
      align-self: center;
  padding: 0;
}
.birthdate-form .form__birthdate.birthdate-focus {
  border: 1px solid #4A90E2;
}
.birthdate-form .form__birthdate.birthdate-focus > span {
  color: #525252;
}
.birthdate-form.invalid-value-input > .span-error {
  bottom: -18px;
  display: block;
}

.c-reset-input-text {
  background-image: url(/sites/all/themes/lingua/assets/delete-icon.svg);
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  height: 18px;
  width: 18px;
  border: none;
  padding: 0;
  position: absolute;
  top: 45px;
  right: 23px;
}

.text-dark-gray {
  color: #525252;
}

.is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom {
  margin: 0;
}
.is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom .form-item:first-of-type {
  max-width: unset !important;
}
.is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom #edit-name-wrapper,
.is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom #edit-pass-wrapper {
  max-width: 340px !important;
  padding-top: 20px;
}
@media (max-width: 400px) {
  .is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom #edit-name-wrapper,
  .is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom #edit-pass-wrapper {
    max-width: 100% !important;
    margin: 0 20px 23px 20px;
  }
}
.is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom #edit-name-wrapper.form-text-error:after,
.is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom #edit-pass-wrapper.form-text-error:after {
  background-size: auto;
  height: 20px;
  width: 20px;
  top: 35px;
  right: -16px;
}
.is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom #edit-name-wrapper.form-text-passed:after,
.is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom #edit-pass-wrapper.form-text-passed:after {
  background-size: auto;
  height: 15px;
  width: 15px;
  bottom: 0;
  top: 37px;
  right: -18px;
}
.is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom #edit-name-wrapper.form-text-current label,
.is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom #edit-pass-wrapper.form-text-current label {
  top: 0 !important;
}
.is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom #edit-name-wrapper input,
.is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom #edit-pass-wrapper input {
  min-height: 52px;
  max-width: 100%;
  width: 100%;
}
.is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom #edit-name-wrapper input::-webkit-input-placeholder, .is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom #edit-pass-wrapper input::-webkit-input-placeholder {
  color: #9B9B9B;
  font-size: 14px;
  letter-spacing: -0.04px;
  font-weight: 400;
}
.is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom #edit-name-wrapper input::-moz-placeholder, .is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom #edit-pass-wrapper input::-moz-placeholder {
  color: #9B9B9B;
  font-size: 14px;
  letter-spacing: -0.04px;
  font-weight: 400;
}
.is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom #edit-name-wrapper input:-ms-input-placeholder, .is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom #edit-pass-wrapper input:-ms-input-placeholder {
  color: #9B9B9B;
  font-size: 14px;
  letter-spacing: -0.04px;
  font-weight: 400;
}
.is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom #edit-name-wrapper input::-ms-input-placeholder, .is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom #edit-pass-wrapper input::-ms-input-placeholder {
  color: #9B9B9B;
  font-size: 14px;
  letter-spacing: -0.04px;
  font-weight: 400;
}
.is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom #edit-name-wrapper input::placeholder,
.is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom #edit-pass-wrapper input::placeholder {
  color: #9B9B9B;
  font-size: 14px;
  letter-spacing: -0.04px;
  font-weight: 400;
}
.is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom #edit-name-wrapper input.focus-visible ~ label,
.is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom #edit-pass-wrapper input.focus-visible ~ label {
  color: #525252 !important;
}
.is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom #edit-name-wrapper label,
.is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom #edit-pass-wrapper label {
  top: 0;
  color: #525252;
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
  padding: 0;
  font-weight: 400;
}
.is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom #edit-name-wrapper {
  margin-bottom: 11px;
}
.is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom #edit-pass-wrapper label {
  top: 12px;
}
@media (max-width: 400px) {
  .is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom #edit-pass-wrapper {
    margin: 0 20px;
  }
}
.is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom #edit-pass-wrapper input#edit-pass {
  margin: 0;
  margin-top: 12px;
}
@media (max-width: 400px) {
  .is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom #edit-pass-wrapper + .form-item {
    max-width: 100% !important;
  }
}
.is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom #edit-persistent-login-wrapper {
  max-width: 340px !important;
  margin-top: 17px;
}
.is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom #edit-persistent-login-wrapper label {
  padding: 0;
  color: #9B9B9B;
  font-size: 14px;
  letter-spacing: -0.15px;
  line-height: 19px;
  font-weight: 400;
}
.is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom #edit-persistent-login-wrapper input[type=checkbox] + span span {
  width: 20px;
  height: 20px;
}
.is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom #edit-submit-wrapper {
  max-width: 340px !important;
  margin: 0 auto;
  position: relative;
}
.is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom #edit-submit-wrapper span.arrow-icon {
  background-image: url(/sites/all/themes/lingua/assets/right-arrow.svg);
  width: 20px;
  height: 17px;
  margin: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
  position: absolute;
  top: 17px;
  right: 10%;
  z-index: 1;
  cursor: pointer;
}
.is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom #edit-submit {
  border-radius: 26px;
  background-color: #007AFF;
  min-height: 52px;
  max-width: 337.72px !important;
  font-size: 14px;
}
.is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom .c-delete-input-text {
  top: 37px;
}
.is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom .span-error {
  padding: 0;
}
.is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom #showpw.pass-eye {
  bottom: 35px;
  margin: 0;
  right: -20px;
}
@media (max-width: 400px) {
  .is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom #showpw.pass-eye {
    right: 40px;
  }
}
.is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom #link-newpass {
  color: #007AFF;
  font-size: 16px;
  letter-spacing: -0.05px;
  line-height: 22px;
}
.is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom .c-form-text-to-sign-page {
  font-size: 16px;
  letter-spacing: -0.05px;
}
.is-grandest.not-logged-in .c-lingua-attack__form--login #user-login.user-login-custom .form-item-title {
  font-size: 20px;
  letter-spacing: -0.21px;
  line-height: 29px;
  border-bottom: 2px solid #E8E8E8;
  margin-bottom: 30px;
  padding: 26px 0;
}
.is-grandest.not-logged-in.page-forgot-password #user-pass div:first-of-type {
  max-width: 340px !important;
}
@media (max-width: 400px) {
  .is-grandest.not-logged-in.page-forgot-password #user-pass div:first-of-type {
    margin: 0 25px;
  }
}
.is-grandest.not-logged-in.page-forgot-password #user-pass #edit-name-wrapper {
  max-width: 340px !important;
}
.is-grandest.not-logged-in.page-forgot-password #user-pass #edit-name-wrapper #edit-name {
  max-width: 100% !important;
  min-height: 52px;
  height: auto;
  color: #525252;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}
.is-grandest.not-logged-in.page-forgot-password #user-pass #edit-name-wrapper #edit-name:focus ~ label, .is-grandest.not-logged-in.page-forgot-password #user-pass #edit-name-wrapper #edit-name:-webkit-autofill ~ label, .is-grandest.not-logged-in.page-forgot-password #user-pass #edit-name-wrapper #edit-name:not([value=""]) ~ label {
  bottom: unset;
  font-size: 14px;
}
.is-grandest.not-logged-in.page-forgot-password #user-pass #edit-name-wrapper #edit-name::-webkit-input-placeholder {
  color: #9B9B9B;
  font-size: 14px;
  letter-spacing: -0.04px;
  font-weight: 400;
}
.is-grandest.not-logged-in.page-forgot-password #user-pass #edit-name-wrapper #edit-name::-moz-placeholder {
  color: #9B9B9B;
  font-size: 14px;
  letter-spacing: -0.04px;
  font-weight: 400;
}
.is-grandest.not-logged-in.page-forgot-password #user-pass #edit-name-wrapper #edit-name:-ms-input-placeholder {
  color: #9B9B9B;
  font-size: 14px;
  letter-spacing: -0.04px;
  font-weight: 400;
}
.is-grandest.not-logged-in.page-forgot-password #user-pass #edit-name-wrapper #edit-name::-ms-input-placeholder {
  color: #9B9B9B;
  font-size: 14px;
  letter-spacing: -0.04px;
  font-weight: 400;
}
.is-grandest.not-logged-in.page-forgot-password #user-pass #edit-name-wrapper #edit-name::placeholder {
  color: #9B9B9B;
  font-size: 14px;
  letter-spacing: -0.04px;
  font-weight: 400;
}
.is-grandest.not-logged-in.page-forgot-password #user-pass #edit-name-wrapper label {
  margin-bottom: 0;
  bottom: unset;
  position: absolute;
  top: -20px;
  font-size: 14px;
  padding: 0;
  color: #525252;
  line-height: 19px;
  font-weight: 400;
}
.is-grandest.not-logged-in.page-forgot-password #user-pass #edit-name-wrapper.form-text-error label {
  bottom: unset !important;
}
.is-grandest.not-logged-in.page-forgot-password #user-pass #edit-name-wrapper.form-text-error:after {
  top: 17px;
}
.is-grandest.not-logged-in.page-forgot-password #user-pass #edit-name-wrapper.form-text-passed:after {
  top: 12px;
}
.is-grandest.not-logged-in.page-forgot-password #user-pass #edit-submit {
  max-width: 338px;
  min-height: 52px;
  font-size: 14px;
  background-color: #007AFF;
}
.is-grandest.not-logged-in.page-forgot-password #user-pass .return-to-login a {
  color: #007AFF;
}

.page-create-new-password #page-content .container {
  min-height: calc(100vh - 70px) !important;
}
@media (max-width: 600px) {
  .page-create-new-password.onboarding-steps .main-navbar-lingua {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
.page-create-new-password.onboarding-steps .main-navbar-lingua div.main-navbar__logo {
  margin: 0 !important;
  padding-left: 20px !important;
}
@media (max-width: 600px) {
  .page-create-new-password.onboarding-steps .main-navbar-lingua div.main-navbar__logo {
    padding-left: 0 !important;
  }
}
.page-create-new-password.onboarding-steps .main-navbar-lingua div.main-navbar__logo .logo-header {
  margin: 0 !important;
}
.page-create-new-password.onboarding-steps .main-navbar-lingua div.main-navbar__logo .grandest-logo,
.page-create-new-password.onboarding-steps .main-navbar-lingua div.main-navbar__logo .logo-header {
  -webkit-transform: none !important;
          transform: none !important;
}
@media (max-width: 1160px) {
  .page-create-new-password.onboarding-steps .main-navbar-lingua div.main-navbar__logo .grandest-logo,
  .page-create-new-password.onboarding-steps .main-navbar-lingua div.main-navbar__logo .logo-header {
    height: 60px !important;
  }
}
@media (max-width: 600px) {
  .page-create-new-password.onboarding-steps .main-navbar-lingua div.main-navbar__logo .grandest-logo,
  .page-create-new-password.onboarding-steps .main-navbar-lingua div.main-navbar__logo .logo-header {
    max-width: 100px !important;
    width: 100% !important;
    min-width: 100px;
  }
}
@media (max-width: 380px) {
  .page-create-new-password.onboarding-steps .main-navbar-lingua div.main-navbar__logo .grandest-logo,
  .page-create-new-password.onboarding-steps .main-navbar-lingua div.main-navbar__logo .logo-header {
    min-width: 65px;
    height: 35px !important;
  }
}
@media (max-width: 520px) {
  .page-create-new-password.onboarding-steps .main-navbar-lingua div.main-navbar__logo .grandest-logo-vline {
    margin: 0 4%;
  }
}
@media (max-width: 380px) {
  .page-create-new-password .nav__wrapper {
    margin: 0;
    width: 23% !important;
  }
}
@media (max-width: 380px) {
  .page-create-new-password .nav__wrapper #block-locale-0 {
    top: 0 !important;
  }
}
@media (max-width: 380px) {
  .page-create-new-password .c-hamburger-menu .menuicon-label span.menuicon-bread {
    right: 5px;
  }
}

.c-create-new-password__form .c-webservice-form__top-section {
  padding: 32px 0;
}
.c-create-new-password__form .c-webservice-form__top-section h2 {
  margin: 0;
}
@media (max-width: 400px) {
  .c-create-new-password__form .c-webservice-form {
    margin: 25px 10px 0;
  }
}
.c-create-new-password__form .c-webservice-form .c-webservice-form__item-container {
  margin-bottom: 43px;
}
.c-create-new-password__form .c-webservice-form .c-webservice-form__item-container label {
  position: absolute;
  top: -22px;
  left: 0;
}

.is-qioz.is-qioz-fr.page-create-new-password .c-create-new-password__form .c-webservice-form__item-container,
.is-lingua.page-create-new-password .c-create-new-password__form .c-webservice-form__item-container {
  margin-bottom: 30px;
}
.is-qioz.is-qioz-fr.page-create-new-password .c-create-new-password__form .c-webservice-form__item-container input,
.is-lingua.page-create-new-password .c-create-new-password__form .c-webservice-form__item-container input {
  margin: 0;
  min-height: 40px;
  max-width: 240px;
}
@media (max-width: 400px) {
  .is-qioz.is-qioz-fr.page-create-new-password .c-create-new-password__form .c-webservice-form__item-container input,
  .is-lingua.page-create-new-password .c-create-new-password__form .c-webservice-form__item-container input {
    min-height: 45px;
    max-width: 100%;
  }
}
.is-qioz.is-qioz-fr.page-create-new-password .c-create-new-password__form .c-webservice-form__item-container input::-webkit-input-placeholder, .is-lingua.page-create-new-password .c-create-new-password__form .c-webservice-form__item-container input::-webkit-input-placeholder {
  opacity: 0;
}
.is-qioz.is-qioz-fr.page-create-new-password .c-create-new-password__form .c-webservice-form__item-container input::-moz-placeholder, .is-lingua.page-create-new-password .c-create-new-password__form .c-webservice-form__item-container input::-moz-placeholder {
  opacity: 0;
}
.is-qioz.is-qioz-fr.page-create-new-password .c-create-new-password__form .c-webservice-form__item-container input:-ms-input-placeholder, .is-lingua.page-create-new-password .c-create-new-password__form .c-webservice-form__item-container input:-ms-input-placeholder {
  opacity: 0;
}
.is-qioz.is-qioz-fr.page-create-new-password .c-create-new-password__form .c-webservice-form__item-container input::-ms-input-placeholder, .is-lingua.page-create-new-password .c-create-new-password__form .c-webservice-form__item-container input::-ms-input-placeholder {
  opacity: 0;
}
.is-qioz.is-qioz-fr.page-create-new-password .c-create-new-password__form .c-webservice-form__item-container input::placeholder,
.is-lingua.page-create-new-password .c-create-new-password__form .c-webservice-form__item-container input::placeholder {
  opacity: 0;
}
.is-qioz.is-qioz-fr.page-create-new-password .c-create-new-password__form .c-webservice-form__item-container input:focus ~ label, .is-qioz.is-qioz-fr.page-create-new-password .c-create-new-password__form .c-webservice-form__item-container input.focus-visible ~ label,
.is-lingua.page-create-new-password .c-create-new-password__form .c-webservice-form__item-container input:focus ~ label,
.is-lingua.page-create-new-password .c-create-new-password__form .c-webservice-form__item-container input.focus-visible ~ label {
  top: -20px;
  left: 0;
  font-size: 12px;
  color: #4A90E2;
}
.is-qioz.is-qioz-fr.page-create-new-password .c-create-new-password__form .c-webservice-form__item-container label,
.is-lingua.page-create-new-password .c-create-new-password__form .c-webservice-form__item-container label {
  top: 12px;
  left: 15px;
  color: #9B9B9B;
  font-weight: 300;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media (max-width: 400px) {
  .is-qioz.is-qioz-fr.page-create-new-password .c-create-new-password__form .c-webservice-form__item-container label,
  .is-lingua.page-create-new-password .c-create-new-password__form .c-webservice-form__item-container label {
    top: 14px;
  }
}
.is-qioz.is-qioz-fr.page-create-new-password .c-create-new-password__form .c-webservice-form__item-container label.filled,
.is-lingua.page-create-new-password .c-create-new-password__form .c-webservice-form__item-container label.filled {
  top: -20px;
  left: 0;
  font-size: 12px;
  color: #4A90E2;
}
.is-qioz.is-qioz-fr.page-create-new-password .c-webservice-form,
.is-lingua.page-create-new-password .c-webservice-form {
  max-width: 240px;
  margin: 50px auto 0;
}
@media (max-width: 400px) {
  .is-qioz.is-qioz-fr.page-create-new-password .c-webservice-form,
  .is-lingua.page-create-new-password .c-webservice-form {
    max-width: 100%;
    margin: 25px 5% 0;
  }
}
.is-qioz.is-qioz-fr.page-create-new-password .c-webservice-form .c-form-item-condition,
.is-lingua.page-create-new-password .c-webservice-form .c-form-item-condition {
  bottom: -16px;
}
.is-qioz.is-qioz-fr .c-webservice-form__btns-container,
.is-lingua .c-webservice-form__btns-container {
  max-width: 235px;
}
.is-qioz.is-qioz-fr .c-webservice-form__submit-btn,
.is-lingua .c-webservice-form__submit-btn {
  font-size: 15px;
  background-color: #4A90E2;
  max-width: 235px;
  min-height: 40px;
  font-weight: 400;
}
.is-qioz.is-qioz-fr .c-webservice-form__submit-btn:disabled,
.is-lingua .c-webservice-form__submit-btn:disabled {
  opacity: 0.7;
}
.is-qioz.is-qioz-fr .c-steps-container,
.is-lingua .c-steps-container {
  display: none;
}

@media (max-width: 991px) {
  .is-lingua.page-create-new-password .page-wrapper {
    padding-top: 60px !important;
  }
}
@media (max-width: 435px) {
  .is-lingua.page-create-new-password .page-wrapper .nav__wrapper {
    width: 20%;
    margin: 0;
  }
}
.is-lingua.page-create-new-password .page-wrapper .nav__wrapper #block-menu-menu-lingua-navigation {
  display: none;
}

/*CHANNEL*/
.channel__panel {
  border: 2px solid #F1F1F1;
  border-bottom: 10px solid #F1F1F1;
  background: #FAFAFA;
  position: relative;
  margin-right: 10px;
  margin-left: 10px;
}
.channel__panel .catalog-title__container .ea-icon {
  position: absolute;
  z-index: 100;
  top: 30px;
  left: 0px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.channel__panel .channel__item-button {
  background: #CCCCCC;
  position: absolute;
  bottom: 10px;
  margin: 0 auto;
  left: 0;
  right: 0;
  max-width: 150px;
  padding: 8px;
  font-size: 14px;
  border-radius: 5px;
}
.channel__panel--vb .channel__item-button {
  background: #5BB4C7;
}
.channel__panel--vb .catalog-title__container .ea-icon {
  -webkit-box-shadow: 3px 1px 1px #408898;
          box-shadow: 3px 1px 1px #408898;
}
.channel__panel--pv .channel__item-button {
  background: #FA9F70;
}
.channel__panel--pv .catalog-title,
.channel__panel--pv .catalog-title:after {
  background-color: #FA9F70;
}
.channel__panel--pv .catalog-title--icon .ea-icon {
  -webkit-box-shadow: 3px 1px 1px #E68B5C;
          box-shadow: 3px 1px 1px #E68B5C;
}
.channel__panel--pv .catalog-title__shadow,
.channel__panel--pv .catalog-title__shadow:after {
  background-color: #E68B5C;
}
.channel__panel--pv .catalog-title__container .ea-icon {
  -webkit-box-shadow: 3px 1px 1px #E68B5C;
          box-shadow: 3px 1px 1px #E68B5C;
}
.channel__item-section {
  padding: 0;
}
.channel__item-section:last-of-type {
  padding-left: 20px;
  background: #FFFFFF;
}
.channel__item-section .catalog-carousel__caption--vocab {
  background: #FFFFFF;
}
.channel__item-section--vb {
  min-height: 479px;
}
.channel__item-section--vb .catalog-carousel__image {
  max-width: 850px !important;
  width: 850px !important;
}
.channel__item-section--pv .thumbnail--photo {
  margin-top: 60px;
}
.channel__intro--content {
  padding-left: 20px;
  padding-right: 20px;
  background: #FFFFFF;
  min-height: 275px;
}
.channel__intro--content p {
  font-size: 14px;
}
.channel__intro--image {
  padding-left: 0;
  padding-right: 0;
}
.channel__section--title {
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px;
  background: #F1F1F1;
}

.panel.affiliate_block img {
  width: 180px;
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}
.panel.affiliate_block h3 {
  font-weight: 300;
}
.panel.affiliate_block .btn--blue {
  width: 145px;
  padding: 12px;
  font-size: 14px;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* School results - the first level of hell */
/* HELPERS */
.results div,
.results span,
.results h3,
.results h4 {
  font-weight: 400;
}
.results .fw-300 {
  font-weight: 300 !important;
}
.results-panel {
  font-weight: 400;
  position: relative;
  max-width: 850px;
  margin: auto auto 20px;
  color: #525252;
}
.results-panel .progress {
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 17px;
  display: inline-block;
  margin: 10px 10px 0 unset;
}
.results-panel .progress-bar {
  background-color: #5CB4C7;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.results-pane--border {
  border: 1px solid #D3D2D2;
  background-color: #FFFFFF;
  padding: 15px;
}
.results__header {
  font-size: 22px;
  line-height: 30px;
  color: #525252;
  margin-bottom: 0;
}
.results__header--spaced {
  margin-top: 25px;
  margin-bottom: 40px;
}
.results__sub-header {
  font-size: 16px;
  font-style: normal;
  line-height: 30px;
  color: #525252;
  margin-bottom: 0;
  margin-top: 0;
}
.results__text {
  font-size: 16px;
  font-style: normal;
  line-height: 30px;
  color: #B6B6B6;
  margin: 0;
}
.results__label {
  font-size: 16px;
  line-height: 30px;
  color: #E76B6B;
  margin: 0;
}
.results__label--blue {
  color: #5BB4C5;
}
.results__results-container h3 {
  font-size: 30px;
  line-height: 30px;
  display: inline-block;
  margin-top: 0;
}
.results__results-container {
  color: #525252;
  margin: 0;
}
.results__canvas-container {
  margin: 10px auto;
  width: 185px;
  height: 185px;
}
.results__grade {
  font-size: 16px;
  color: #6E6E6E;
}
.results__grade-max {
  font-size: 14px;
  color: #6E6E6E;
}
.results__students-count {
  font-size: 14px;
  color: #B6B6B6;
  line-height: 40px;
}
.results__navigation-container {
  max-width: 850px;
  margin: 20px auto;
}
.results__breadcrumbs-container {
  color: #000000;
  font-size: 16px;
  padding-left: 0;
}
.results__breadcrumbs-container a {
  color: #000000;
  opacity: 0.5;
}
.results__main-title-container {
  max-width: 850px;
  margin: 0 auto;
}
.results__main-title {
  padding: 0;
}
.results__main-title h3 {
  font-weight: 300;
}
.results__main-title hr {
  margin-bottom: 0;
}
.results__main-subtitle {
  font-weight: 300 !important;
}
.results__bar-chart .results__header {
  margin-top: 0;
}
.results__bar-chart .results__header--spaced {
  margin-top: 25px;
}
.results__bar-chart-class {
  font-size: 14px;
  color: #000000;
}
.results__bar-chart-scope-count {
  font-size: 12px;
  color: #D1D1D1;
}
.results__bar-chart-legend {
  font-size: 12px;
  display: block;
}
.results__bar-chart-legend--caption {
  font-size: 14px;
  color: #000000;
  display: block;
}
.results__bar-chart-legend--completed {
  color: #9DC49E;
}
.results__bar-chart-legend--started {
  color: #5CB4C7;
}
.results__bar-chart-legend--not-started {
  color: #EDECEC;
}
.results__bar-chart-legend--student {
  color: #5CB4C7;
}
.results__bar-chart-legend--class {
  color: #E76B6B;
}
.results__bar-chart-legend--average-grade {
  color: #E76B6B;
  position: relative;
}
.results__bar-chart-legend--average-grade:before {
  content: " ";
  width: 16px;
  height: 8px;
  left: -10px;
  z-index: 1;
  display: inline-block;
  position: relative;
  background-size: contain;
}
.results__filter-container, .results__class-filter-container, .results__student-filter-container {
  padding-right: 0;
}
.results__filter-container .dropdown-menu, .results__class-filter-container .dropdown-menu, .results__student-filter-container .dropdown-menu {
  padding: 0;
  border: 0;
  border-bottom: 1px solid #D1D1D1;
  margin-top: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.results__filter-container .dropdown-menu:before, .results__filter-container .dropdown-menu:after, .results__class-filter-container .dropdown-menu:before, .results__class-filter-container .dropdown-menu:after, .results__student-filter-container .dropdown-menu:before, .results__student-filter-container .dropdown-menu:after {
  content: none;
}
.results__filter, .results__class-filter, .results__student-filter {
  min-width: 165px;
  height: 45px;
  margin-top: -10px;
}
.results__filter a, .results__class-filter a, .results__student-filter a {
  border-radius: 0;
  background-color: #FFFFFF;
  border: 1px solid #D1D1D1;
  font-size: 16px;
  font-weight: 400;
  color: #6A6A6A;
  padding: 15px;
}
.results__filter a:hover, .results__filter a:focus, .results__class-filter a:hover, .results__class-filter a:focus, .results__student-filter a:hover, .results__student-filter a:focus {
  color: #6A6A6A;
}
.results__filter span:not(.caret), .results__class-filter span:not(.caret), .results__student-filter span:not(.caret) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.results__filter .caret, .results__class-filter .caret, .results__student-filter .caret {
  position: absolute;
  top: 23px;
  right: 15px;
  border-width: 3px;
}
.results__filter-item a, .results__class-filter-item a, .results__student-filter-item a {
  border-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.results__filter-item a:hover, .results__class-filter-item a:hover, .results__student-filter-item a:hover {
  background-color: #CFCFCF;
  color: #FFFFFF;
}
.results__filter-item.checked a, .results__class-filter-item.checked a, .results__student-filter-item.checked a {
  background-color: #CFCFCF;
  color: #FFFFFF;
}
.results__filter-item.checked .caret, .results__class-filter-item.checked .caret, .results__student-filter-item.checked .caret {
  width: 8px;
  height: 12px;
  top: 25px;
  border-width: 3px;
}
.results__scope-list .results__header {
  margin-bottom: 10px;
}
.results__scope-list a:hover {
  color: #5BB4C5;
}
.results__scope-list .results__scope-list--details {
  height: 42px;
  padding: 10px 60px 10px 15px;
  background-color: #FAFAFA;
  color: #525252;
  font-size: 16px;
  border-bottom: 5px solid #EDECEC;
  max-width: 100%;
  min-width: 200px;
  position: relative;
  width: auto;
  display: inline-block;
}
.results__scope-list .results__scope-list--details div {
  overflow: hidden;
}
.results__scope-list .results__scope-list--details div:after {
  position: absolute;
  top: 0;
  right: 45px;
  z-index: 10;
  height: 100%;
  width: 15%;
  content: " ";
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.2)), to(#FFFFFF));
  background: linear-gradient(to right, rgba(255, 255, 255, 0.2), #FFFFFF);
}
.results__scope-list .results__scope-list--details:after {
  content: " ";
  border-left: 1px solid #E7E7E7;
  height: 37px;
  position: absolute;
  right: 0;
  top: 0;
  background: url("../images/all-icons/stats.svg") no-repeat center center;
  width: 45px;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  z-index: 10;
}
@media screen and (min-width: 991px) {
  .results__scope-list .results__scope-list--details:hover {
    text-decoration: none;
  }
  .results__scope-list .results__scope-list--details:hover:before {
    content: " ";
    background-color: #5CB4C7;
    border-bottom: 5px solid #53A2B3;
    position: absolute;
    width: 7px;
    left: 0;
    top: 0;
    height: 42px;
  }
  .results__scope-list .results__scope-list--details:hover:after {
    content: " ";
    background: url("../images/all-icons/stats.svg") no-repeat center center;
    width: 45px;
    height: 37px;
    right: 0;
    -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
  }
}
.results__separator {
  background-color: #E8E8E8;
  border: solid 1px #D3D2D2;
  margin-bottom: 20px;
}
.results__separator h3 {
  font-size: 22px;
  line-height: 28px;
  text-align: center;
  color: #525252;
  margin-top: 0;
  margin-bottom: 0;
}

.results__bar-chart .scroll-bar {
  height: inherit;
  max-height: inherit;
}
.results__bar-chart .scroll-bar__content {
  overflow-y: inherit;
  overflow-x: auto;
}
.results__bar-chart::-webkit-scrollbar {
  width: 5px !important;
}

#results__header--learning-frequency {
  margin-bottom: 30px;
}

@media (max-width: 991px) {
  .results__main-title h3 {
    font-size: 16px;
    margin-top: 0;
  }
  .results__breadcrumbs-container {
    font-size: 11px;
  }
  .results__class-filter,
  .results__student-filter,
  .results__filter {
    float: left !important;
    margin: 15px unset 0 -10px;
  }
  .results__class-filter a,
  .results__student-filter a,
  .results__filter a {
    padding: 8px;
    font-size: 14px;
  }
  .results__class-filter .caret,
  .results__student-filter .caret,
  .results__filter .caret {
    position: absolute;
    top: 17px;
    right: 15px;
    border-width: 2px;
  }
  .results__class-filter .dropdown-menu,
  .results__student-filter .dropdown-menu,
  .results__filter .dropdown-menu {
    margin-top: -13px;
  }
  .results__class-filter-item a,
  .results__student-filter-item a,
  .results__filter-item a {
    font-size: 14px;
    line-height: 14px;
    padding: 9px;
  }
  .results__class-filter-item.checked .caret,
  .results__student-filter-item.checked .caret,
  .results__filter-item.checked .caret {
    top: 17px;
    border-width: 2px;
  }
  .results__filter {
    margin-left: 0;
    margin-top: 0;
  }
  .results__filter-container {
    margin-top: 0;
  }
  .results-panel .results__header,
  .results-panel .results__text,
  .results-panel .results__label,
  .results-panel .results__results-container {
    text-align: center;
  }
  .results-panel .results__header {
    font-size: 15px;
    line-height: 15px;
    font-weight: 600;
    margin-top: 20px;
  }
  .results-panel .results__text,
  .results-panel .results__label {
    font-size: 13px;
    line-height: 13px;
  }
  .results-panel .results__text {
    margin: 10px 0;
  }
  .results-panel .results__label {
    margin-bottom: 10px;
  }
  .results-panel .results__results-container {
    font-size: 13px;
  }
  .results-panel .results__results-container h3 {
    font-size: 24px;
  }
  .results-panel .results__header--normal {
    font-weight: 400;
    margin-bottom: 20px;
    margin-top: 10px;
  }
  .results-panel .results__header--spaced {
    margin: 0;
  }
  .results-panel .custom-table {
    font-size: 11px;
  }
  .results-panel .results__bar-chart-class,
  .results-panel .results__bar-chart-scope-count,
  .results-panel .results__bar-chart-legend {
    font-size: 10px;
  }
  .results-panel #results__header--learning-frequency {
    margin-top: 5px;
    margin-bottom: 15px;
    text-align: left;
  }
  .results-panel #results__header--activity-report {
    margin-top: 5px;
    margin-bottom: 15px;
    text-align: left;
  }
  .results-panel #results__header--played-exercises {
    margin-top: 5px;
    margin-bottom: 20px;
    text-align: left;
  }
  .results-panel #results__header--per-assignment {
    margin-bottom: 0;
  }
  .results__scope-list-header .results__header {
    font-size: 15px;
    font-weight: 400;
    line-height: 15px;
    text-align: right;
    margin: 0;
  }
  .results__scope-list-header div:first-child h3 {
    text-align: left;
  }
  .results__scope-list .results__scope-list--details {
    min-width: 0;
    max-width: 400px;
    width: 100%;
  }
  .results__scope-list .row {
    padding-bottom: 10px;
    border-bottom: 1px solid #E3E2E6;
  }
  .results__scope-list .row .results__grade {
    font-size: 14px;
  }
  .results__scope-list .row .results__grade-max {
    font-size: 12px;
  }
  .results__bar-chart .results__header {
    text-align: left;
  }
  .results__separator h3 {
    font-size: 16px;
    font-weight: 400;
  }
  .results-pane--border {
    padding: 15px 0;
  }
  .results-panel .progress {
    max-width: 400px;
    width: 83%;
  }
}
/* Assessments - the second level of hell */
/* HELPERS */
/* Assessment block homepage */
.assessment-test__header {
  display: table;
}
.assessment-test__header .assessment-test--title {
  display: table-cell;
  vertical-align: middle;
  width: 68%;
}
.assessment-test__header .assessment-test--title h3 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.assessments section > header {
  padding: 9px 10px;
  min-height: 45px;
  background: #F1F1F1;
  border: solid 1px #D3D2D2;
  margin-bottom: 10px;
}
.assessments section > header > div {
  margin-bottom: -15px;
  font-size: 14px;
}
.assessments section > header:nth-of-type(2) {
  padding: 5px 10px;
}
.assessments section > header:nth-of-type(2) > div {
  margin-bottom: 0;
}
.assessments section > header .caret {
  width: 7px;
  height: 7px;
  border-right: 1px solid;
  border-bottom: 1px solid;
}
section + .assessments__add {
  position: relative;
  z-index: 10;
  top: -45px;
  margin-bottom: -15px;
  right: 50px;
  float: right;
}
.assessments section > .row {
  min-height: 100vh;
}
.assessments__info--no-assessments {
  margin: auto;
  text-align: center;
  width: 300px;
  height: 300px;
  display: table;
  border-radius: 50%;
  background: url("/sites/all/themes/earesponsive/images/school/student.svg") #EDECEC no-repeat center center;
  background-size: 60%;
}
.assessments__class-filter, .assessments__test-filter {
  width: 100%;
  height: 39px;
  margin-top: -10px;
}
.assessments__class-filter a, .assessments__test-filter a {
  border-radius: 0;
  background-color: #FFFFFF;
  border: 1px solid #D1D1D1;
  font-size: 16px;
  font-weight: 400;
  color: #6A6A6A;
  padding: 10px;
}
.assessments__class-filter a:hover, .assessments__class-filter a:focus, .assessments__test-filter a:hover, .assessments__test-filter a:focus {
  color: #6A6A6A;
}
.assessments__class-filter > a, .assessments__test-filter > a {
  margin-top: 5px;
}
.assessments__class-filter span:not(.caret), .assessments__test-filter span:not(.caret) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.assessments__class-filter .caret, .assessments__test-filter .caret {
  position: absolute;
  top: 20px;
  right: 15px;
  border-width: 3px;
}
.assessments__class-filter-item a, .assessments__test-filter-item a {
  border-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.assessments__class-filter-item a:hover, .assessments__test-filter-item a:hover {
  background-color: #CFCFCF;
  color: #FFFFFF;
}
.assessments__class-filter-item.checked a, .assessments__test-filter-item.checked a {
  background-color: #CFCFCF;
  color: #FFFFFF;
}
.assessments__class-filter-item.checked .caret, .assessments__test-filter-item.checked .caret {
  width: 8px;
  height: 12px;
  top: 20px;
  border-width: 3px;
}

.assessment {
  padding: 10px;
  background: #fff;
  border-bottom: 10px solid #F1F1F1;
}
.assessment__class-select, .assessment__test-select {
  padding-right: 0;
}
.assessment__class-select .dropdown-menu, .assessment__test-select .dropdown-menu {
  padding: 0;
  border: 0;
  border-bottom: 1px solid #D1D1D1;
  margin-top: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.assessment__class-select .dropdown-menu:before, .assessment__class-select .dropdown-menu:after, .assessment__test-select .dropdown-menu:before, .assessment__test-select .dropdown-menu:after {
  content: none;
}
.assessment__error {
  color: #E76B6B;
  padding: 20px 0;
  display: none;
}
.assessment__header {
  margin-bottom: 5px;
  padding-bottom: 10px;
  border-bottom: 1px solid #CCCCCC;
  font-weight: 500;
  height: 45px;
}
.assessment__title {
  font-size: 18px;
  font-weight: 400;
  color: #6A6A6A;
}
.assessment__sub-title {
  font-size: 12px;
  font-weight: 300;
  color: #898989;
  display: block;
  margin-top: 0;
}
.assessment__item {
  margin-bottom: 5px;
}
.assessment__item-title {
  font-size: 14px;
  margin-top: 9px;
}
.assessment__item-title a {
  color: #262E31;
}
.assessment__item-icons {
  margin-top: 5px;
}
.assessment__item-icons .icon {
  cursor: pointer;
  margin-right: 7px;
}
.assessment__item-icons .icon-list-assessments {
  width: 23px;
  height: 23px;
}
.assessment__item-icons .icon-cancel {
  color: #E76B6B;
  font-size: 24px;
}
.assessment__icons {
  text-align: right;
}
.assessment__icons a {
  text-decoration: initial;
}
.assessment__icons .icon {
  margin-right: -2px;
  cursor: pointer;
}
.assessment__icons .icon-duplicate-assessments {
  width: 23px;
  height: 23px;
}
.assessment__icons .icon-cancel {
  color: #E76B6B;
  font-size: 28px;
}
.assessment__actions {
  font-size: 16px;
}
.assessment__actions .btn {
  padding: 10px;
  border-radius: 5px;
  width: 100%;
  font-size: 16px;
}
.assessment__actions .btn.disabled {
  background: #C6C6C6;
}
.assessment__actions .btn .icon-spin3 {
  position: absolute;
  left: 20px;
}
.assessment__class-select {
  color: #6A6A6A;
}
.assessment__date {
  font-size: 18px;
  font-weight: 400;
  color: #6A6A6A;
  text-align: center;
}
.assessment__students-list {
  font-size: 14px;
}
.assessment__students-list .scroll-bar {
  max-height: 295px;
  height: 200px;
  padding-right: 0;
}
.assessment__students-list .col-md-5:nth-of-type(odd),
.assessment__students-list .col-md-8:nth-of-type(odd) {
  overflow: hidden;
}
.assessment__students-list .col-md-5:nth-of-type(odd):after,
.assessment__students-list .col-md-8:nth-of-type(odd):after {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  height: 100%;
  width: 30%;
  content: " ";
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.2)), to(rgb(255, 255, 255)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0.2), rgb(255, 255, 255));
}
.assessment__students-list--minified {
  height: 100px;
  position: relative;
}
.assessment__students-list--minified .assessment__class-select {
  margin-top: 30px;
}
.assessment--0 .assessment__date-container {
  cursor: pointer;
}
.assessment__date-container {
  position: absolute;
  top: 0;
  right: 35px;
}
.assessment__items {
  border-right: 1px solid #CCCCCC;
}
@media screen and (min-width: 768px) {
  .assessment__exercises {
    min-height: 150px;
  }
}
.assessment__datepicker {
  z-index: 100;
}
.assessment__item-add {
  display: none;
  margin-top: 10px;
  position: absolute;
  z-index: 2;
}
.assessment__students-number {
  display: block;
  font-size: 10px;
  color: #848484;
}
.assessment__student-status--0 {
  color: #D1D1D1;
  font-style: italic;
  font-weight: 400;
}
.assessment__student-status--1 {
  color: #5BB4C7;
  font-style: italic;
  font-weight: 400;
}
.assessment__student-status--2 {
  color: #9DC49E;
  font-style: italic;
  font-weight: 400;
}
.assessment__notice {
  font-size: 14px;
}
.assessment__pie-container {
  width: 30px;
  height: 30px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.assessment .icon-exercise-title--pv,
.assessment .icon-exercise-title--vb {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: 50%;
}
.assessment .icon-exercise-title--add:before {
  content: "+";
  width: 39px;
  height: 39px;
  padding: 0;
  border: 2px dashed #CCCCCC;
  border-radius: 50%;
  margin-left: 1px;
  color: #CCCCCC;
  line-height: 34px;
  font-size: 20px;
  font-weight: bold;
}
.assessment a:hover .icon-exercise-title--add:before, .assessment a:active .icon-exercise-title--add:before {
  background: #8C8C8C;
  border: none;
  color: #FFFFFF;
  line-height: 38px;
}
.assessment a:hover .icon-exercise-title--vb,
.assessment a:hover .icon-exercise-title--pv, .assessment a:active .icon-exercise-title--vb,
.assessment a:active .icon-exercise-title--pv {
  width: 50px;
  height: 50px;
  margin-left: -5px;
}
.assessment__test-preview-button {
  position: relative;
  max-width: 400px;
  width: 100%;
  min-height: 63px;
  margin: 0 5px 10px 0;
}
.assessment__test-preview-button .icon-reply {
  border-radius: 50%;
  background: #FFFFFF;
  font-size: 35px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  width: 50px;
  height: 50px;
}
.assessment__test-preview-button .icon-reply:before {
  color: #E76B6B;
}
.assessment__menu-title {
  font-size: 25px;
  font-weight: 300;
  line-height: 80px;
  position: absolute;
  width: 100%;
  height: 80px;
  text-align: center;
  padding-left: 30px;
}

/* Assessment block home page */
.panel--assessment {
  padding: 14px 17px 30px;
  z-index: 1 !important;
}
.panel--assessment .assessment-test__header .assessment-test--icon {
  background-image: url("../images/all-icons/test-icon.svg");
  display: inline-block;
  height: 55px;
  width: 55px;
  float: left;
  margin-right: 15px;
}
.panel--assessment .assessment-test__header .assessment-test--title h3 {
  font-size: 18px;
  font-weight: 400;
}

/* Assessment page -> General styling */
.cefr-level {
  font-size: 30px;
  font-weight: 400px;
}

.logo-assessment,
.assessment-test--icon {
  background-image: url("../images/all-icons/test-icon.svg");
}

.node-type-assessment-test .panel {
  overflow: hidden;
}
.node-type-assessment-test #page-content > .container {
  padding-top: 45px;
  border: none;
  background: none;
}
.node-type-assessment-test .landing__header {
  margin-top: 0;
}
.node-type-assessment-test .landing__header h3 {
  margin-top: 0;
}
.node-type-assessment-test .exercise-component.active:hover,
.node-type-assessment-test .exercise-component.current:hover {
  cursor: auto;
}
.node-type-assessment-test .section-overlay {
  opacity: 0.6;
}
.node-type-assessment-test .video-exercise img {
  cursor: default;
}

/* Corner */
.header-corner--container {
  position: absolute;
  width: 58px;
  height: 58px;
  top: -1px;
  left: -1px;
}

.corner-triangle {
  position: absolute;
  border-top: 58px solid #5BB4C7;
  border-right: 58px solid transparent;
}

.node-number {
  position: absolute;
  top: -50%;
  left: -50%;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 20px;
  font-size: 22px;
  text-align: center;
  z-index: 10;
  color: #FFFFFF;
  font-weight: 400;
}

section [class*=assessment-nid-] .assessment-details__container .btn-green {
  padding: 7px 5px;
  line-height: 50px;
  cursor: default;
}
section [class*=assessment-nid-] .assessment-details__container .btn-green .checkmark-circle {
  width: 0px;
  height: 50px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  float: left;
  margin-left: 15px;
}
section [class*=assessment-nid-] .assessment-details__container .btn-green .checkmark-circle .background {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #FFFFFF;
  position: absolute;
}
section [class*=assessment-nid-] .assessment-details__container .btn-green .checkmark-circle .checkmark:after {
  opacity: 1;
  height: 17px;
  width: 30px;
  border-right: 7px solid #95BA96;
  border-top: 7px solid #95BA96;
  border-radius: 4px !important;
  content: "";
  left: 10px;
  top: 13px;
  position: absolute;
  -webkit-transform: rotate(125deg);
          transform: rotate(125deg);
}

/* Circle inside video */
.thumbnail--video-landing img {
  position: relative;
}
.thumbnail--video-landing .checkmark-circle {
  width: 100px;
  height: 100px;
  position: absolute;
  display: inline-block;
  vertical-align: top;
  float: left;
  margin-left: 15px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 9;
  cursor: default;
}
.thumbnail--video-landing .checkmark-circle .background {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #FFFFFF;
  position: absolute;
  opacity: 0.9;
}
.thumbnail--video-landing .checkmark-circle .checkmark:after {
  opacity: 1;
  height: 27px;
  width: 51px;
  border-right: 10px solid #95BA96;
  border-top: 10px solid #95BA96;
  border-radius: 4.5px !important;
  content: "";
  left: 25px;
  top: 32px;
  position: absolute;
  -webkit-transform: rotate(125deg);
          transform: rotate(125deg);
}

/* Print certificate page */
.print-certificate-wrapper {
  border: 1px solid #5CB4C7;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 60px;
  margin: auto;
  max-width: 306px;
  font-size: 18px;
  padding-left: 22px;
}
.print-certificate-wrapper .icon-print {
  font-size: 30px;
  margin-right: 40px;
}
.print-certificate-wrapper a {
  color: #5CB4C7;
  text-decoration: none;
}

@media screen and (min-width: 991px) {
  .node-type-assessment-test .panel--landing .thumbnail__details-container {
    min-height: 70px;
  }
  .node-type-assessment-test .panel--landing__header {
    border-bottom: 1px solid #E3E3E3;
    padding-bottom: 15px;
  }
  /* Assessment page -> Node Section styling */
  section [class*=assessment-nid-] .panel__header-title {
    position: absolute;
    top: 50px;
  }
  section [class*=assessment-nid-] .assessment-details__container {
    display: table;
  }
  section [class*=assessment-nid-] .assessment-details__container .assessment-details--status {
    display: table-cell;
    float: none;
    width: 50%;
    vertical-align: middle;
  }
  section [class*=assessment-nid-] .assessment-details__container .assessment-details--status [class^=hidden-] {
    margin-top: 240px;
  }
  section [class*=assessment-nid-] .assessment-details__container .video-exercise {
    display: table-cell;
    float: none;
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .assessment__test-preview-button {
    padding: 19px 10px;
  }
  .assessment__test-preview-button .icon-reply {
    font-size: 27px;
    width: 39px;
    height: 39px;
  }
}
/* Assessment pages -> Instructions block */
.panel--instructions {
  padding: 15px 20px 25px 20px;
}
.panel--instructions .assessment-test__header {
  padding-bottom: 5px;
  border-bottom: 1px solid #E3E3E3;
}
.panel--instructions .assessment-test__header .assessment-test--icon {
  background-image: url("../images/all-icons/coach-circle.svg");
  display: inline-block;
  height: 65px;
  width: 63px;
  float: left;
  margin-right: 15px;
}
.panel--instructions .assessment-test__header .assessment-test--title h3 {
  font-size: 18px;
  font-weight: 400;
}
.panel--instructions .assessment-test--information p {
  margin-bottom: 0;
}
.panel--instructions {
  /* Test Instructions block - homepage */
}
.panel--instructions .instruction__details {
  position: relative;
  font-size: 16px;
}
.panel--instructions .instruction__details:first-letter {
  padding-left: 35px;
}
.panel--instructions .description-icon {
  width: 27px;
  height: 30px;
  position: absolute;
  top: -6px;
  left: 0;
}
.panel--instructions .description-icon.icon-diploma {
  /* different height and width than other icons because the svg has a different dimension */
  height: 30px;
  width: 30px;
}

/* For making the "continue/Start" buttons stay in the same position even if the dimension of the div above is changing */
.intro-screen-assessment__container {
  height: 353px;
  position: relative;
  padding-bottom: 105px;
}

/* Assessment page -> Current level of english block */
.panel--cefr,
.assessment-cefr__level {
  padding: 14px 17px;
}
.panel--cefr .cefr-level__header,
.assessment-cefr__level .cefr-level__header {
  display: table;
}
.panel--cefr .cefr-level--icon,
.assessment-cefr__level .cefr-level--icon {
  display: inline-block;
  height: 95px;
  width: 95px;
  border-radius: 50%;
  float: left;
}
.panel--cefr .cefr-level--icon p,
.assessment-cefr__level .cefr-level--icon p {
  text-align: center;
  line-height: 95px;
  font-size: 22px;
  color: #FFFFFF;
  font-weight: 600;
}
.panel--cefr .cefr-level--icon.A1,
.assessment-cefr__level .cefr-level--icon.A1 {
  background: #9797EB;
  border-bottom: 5px solid #8787D1;
}
.panel--cefr .cefr-level--icon.A2,
.assessment-cefr__level .cefr-level--icon.A2 {
  background: #806AC7;
  border-bottom: 5px solid #6E5AAE;
}
.panel--cefr .cefr-level--icon.B1,
.assessment-cefr__level .cefr-level--icon.B1 {
  background: #FF98BB;
  border-bottom: 5px solid #ED90B0;
}
.panel--cefr .cefr-level--icon.B2,
.assessment-cefr__level .cefr-level--icon.B2 {
  background: #FC719A;
  border-bottom: 5px solid #E6698E;
}
.panel--cefr .cefr-level--icon.C1,
.assessment-cefr__level .cefr-level--icon.C1 {
  background: #85D5D5;
  border-bottom: 5px solid #79C1C1;
}
.panel--cefr .cefr-level--icon.C2,
.assessment-cefr__level .cefr-level--icon.C2 {
  background: #32BABA;
  border-bottom: 5px solid #2EA6A6;
}
.panel--cefr .current-level--details,
.assessment-cefr__level .current-level--details {
  color: #AFAFAF;
  font-style: italic;
  font-weight: 400;
  text-decoration: underline;
  float: right;
}

/* Assessment page */
.school-panel .school-page__title {
  margin-top: 5px !important;
  color: #262E31;
}
.school-panel .assessments {
  margin: 0 5px;
}
.school-panel .assessments.description .row {
  margin-left: 0;
  margin-right: 0;
}
.school-panel .assessments .assessment-cefr__level {
  padding: 14px 13px;
}

.cefr--description {
  background: #FFFFFF;
  border: 1px solid #E3E3E3;
  padding: 30px;
  margin: 25px 9px;
}
.cefr--description h3 {
  margin-top: 0;
}
.cefr--description p {
  margin-bottom: 0;
  font-size: 16px;
}

.assessment-cefr__level:last-of-type .cefr-level--icon:after {
  display: none;
}

.assessment-cefr__level .media {
  margin-bottom: 15px;
}
.assessment-cefr__level .media-left {
  padding-right: 25px;
}
.assessment-cefr__level .cefr-level--icon:after {
  content: " ";
  border-left: 4px solid #E3E3E3;
  border-radius: 15%;
  height: 30px;
  position: absolute;
  top: 118px;
  left: 62px;
}
.assessment-cefr__level .media-body {
  background: #FFFFFF;
  padding: 12px 15px;
  font-size: 16px;
  border-radius: 2px 2px 0 0;
}
.assessment-cefr__level .media-body .cefr-level--title p {
  margin-bottom: 5px;
}
.assessment-cefr__level .media-body:focus {
  outline: none !important;
}
.assessment-cefr__level--c2 .media-body {
  border-bottom: 3px solid #32BABA;
}
.assessment-cefr__level--c1 .media-body {
  border-bottom: 3px solid #85D5D5;
}
.assessment-cefr__level--b2 .media-body {
  border-bottom: 3px solid #FC719A;
}
.assessment-cefr__level--b1 .media-body {
  border-bottom: 3px solid #FF98BB;
}
.assessment-cefr__level--a2 .media-body {
  border-bottom: 3px solid #806AC7;
}
.assessment-cefr__level--a1 .media-body {
  border-bottom: 3px solid #9797EB;
}

/* Assessment tests page */
.assessment-tests__page .school-page__title {
  margin-top: 20px !important;
  padding-left: 5px;
}

.assessments_table {
  display: table;
  width: 100%;
  color: #838383;
  padding-bottom: 15px;
  border-bottom: 1px solid #E3E3E3;
}
.assessments_table:focus {
  outline: none !important;
}
.assessments_table .table__header,
.assessments_table .table__content {
  width: auto;
  clear: both;
}
.assessments_table .header--column,
.assessments_table .content-details {
  float: left;
  width: 33%;
}
.assessments_table .table__header {
  background: #F1F1F1;
  font-weight: 600;
  font-size: 16px;
}
.assessments_table .header--column {
  padding: 10px 20px;
}
.assessments_table .header--column.test--date {
  text-align: center;
}
.assessments_table .cefr-level--icon {
  height: 65px;
  width: 65px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.assessments_table .cefr-level--icon p {
  text-align: center;
  line-height: 65px;
  font-size: 16px;
  color: #FFFFFF;
  font-weight: 600;
}
.assessments_table .table__content {
  margin-bottom: 5px;
  background: #FFFFFF;
  border-bottom: 2px solid #E3E3E3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: unset;
      -ms-flex-pack: unset;
          justify-content: unset;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.assessments_table .table__content .icon-print {
  font-size: 24px;
  text-decoration: none;
  margin-right: 20px;
}
@media screen and (max-width: 680px) {
  .assessments_table .table__content .icon-print {
    margin-right: 0;
  }
}
.assessments_table .table__content.A1 {
  border-bottom: 2px solid #9797EB;
}
.assessments_table .table__content.A1 .icon-print {
  color: #9797EB;
}
.assessments_table .table__content.A2 {
  border-bottom: 2px solid #806AC7;
}
.assessments_table .table__content.A2 .icon-print {
  color: #806AC7;
}
.assessments_table .table__content.B1 {
  border-bottom: 2px solid #FF98BB;
}
.assessments_table .table__content.B1 .icon-print {
  color: #FF98BB;
}
.assessments_table .table__content.B2 {
  border-bottom: 2px solid #FC719A;
}
.assessments_table .table__content.B2 .icon-print {
  color: #FC719A;
}
.assessments_table .table__content.C1 {
  border-bottom: 2px solid #85D5D5;
}
.assessments_table .table__content.C1 .icon-print {
  color: #85D5D5;
}
.assessments_table .table__content.C2 {
  border-bottom: 2px solid #32BABA;
}
.assessments_table .table__content.C2 .icon-print {
  color: #32BABA;
}
.assessments_table .table__content .test--name {
  padding-left: 15px;
  font-weight: 600;
  font-size: 16px;
}
.assessments_table .table__content .test--date {
  text-align: center;
  font-weight: 400;
  font-size: 16px;
}
.assessments_table .table__content .english--level {
  padding: 15px 0;
}
.assessments_table .table__content .english--level.print-certificate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.assessments_table .table__content .cefr-level--icon {
  float: right;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* Assessment results page */
.assessment-results__page.teacher-panel--title hr {
  margin-top: 9px;
}

.all-results--nav {
  padding: 0 0 10px 15px;
}
.all-results--nav a,
.all-results--nav .next--sign {
  font-weight: 400;
  font-size: 16px;
  color: #000000;
  opacity: 0.5;
}
.all-results--nav .student-name {
  font-weight: 400;
}

.assessments-results__class-selector {
  padding: 0 !important;
  margin-bottom: 0 !important;
}
.assessments-results__class-selector .dropdown-toggle {
  line-height: 1.2;
  max-width: 203px;
  width: 100%;
  height: 32px;
  color: rgba(82, 82, 82, 0.8);
  border: 1px solid #D3D3D3;
  border-radius: 0;
  background-color: #FFFFFF;
  margin-bottom: 0;
  margin-top: 15px;
}
.assessments-results__class-selector .dropdown-toggle .caret {
  position: absolute;
  margin: 0;
  right: 10px;
  top: 9px;
  height: 8px;
  width: 8px;
}
.assessments-results__class-selector .btn--dropdown__menu {
  margin-top: 10px;
  max-width: 190px;
  width: 100%;
  margin-left: 6px;
  padding-top: 5px;
}
.assessments-results__class-selector:hover, .assessments-results__class-selector:active, .assessments-results__class-selector:focus {
  color: rgba(82, 82, 82, 0.8);
}

.export-csv {
  max-width: 97px !important;
  width: 100% !important;
  height: 37px;
  float: right;
  margin-top: 0 !important;
  padding: 12px !important;
  line-height: 14px;
  position: relative;
  text-align: right;
  padding-right: 22px !important;
  border-radius: 5px;
}
.export-csv img {
  height: 20px;
  width: 20px;
  position: absolute;
  left: 15px;
  top: 7px;
}

.student-search {
  float: right;
  margin-right: 10px;
}
.student-search input[type=text] {
  width: 225px;
  height: 35px;
  padding: 10px;
  border: none;
  font-size: 12px;
  background-color: #EDECEC;
  font-style: italic;
  float: right;
  margin-top: 10px;
}
.student-search .icon-search {
  padding-top: 10px;
}

.assessment-results__table {
  border-bottom: none;
}
.assessment-results__table .header--column,
.assessment-results__table .content-details {
  width: auto;
}
.assessment-results__table .table__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.assessment-results__table .header--column {
  padding: 8px 0;
  width: 16.6666666667%;
  font-weight: 400;
}
.assessment-results__table .header--column.header--column-sorted a {
  color: #000000;
}
.assessment-results__table .header--column.header--column-sorted .caret {
  opacity: 0.7;
}
.assessment-results__table .header--column img {
  height: 40px;
  width: 40px;
}
.assessment-results__table .header--column a {
  color: #343434;
  text-decoration: none;
  font-weight: 300;
}
.assessment-results__table .header--column:first-of-type {
  width: 100px;
}
.assessment-results__table .header--column:nth-of-type(2) {
  width: calc(16.6666666667% + 30px);
  padding-right: 10px;
}
.assessment-results__table .header--column:nth-of-type(3) {
  width: calc(16.6666666667% - 70px);
}
.assessment-results__table .header--column:nth-of-type(4) {
  width: calc(16.6666666667% + 120px);
  text-align: center;
}
.assessment-results__table .header--column:last-of-type {
  text-align: center;
}
.assessment-results__table .header--column .caret {
  opacity: 0.5;
  width: 8px;
  height: 8px;
  margin-top: -6px;
  color: #353535;
}
.assessment-results__table .header--column .caret--up {
  margin-top: 0;
  opacity: 1;
}
.assessment-results__table .table__content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: none;
  border-bottom: none;
}
.assessment-results__table .table__content .english--level {
  padding: 8px 0 8px 0;
}
.assessment-results__table .assessment-test-result__row {
  width: 100%;
  border-bottom: 2px solid #E3E3E3;
  margin-bottom: 5px;
  background: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 10px;
}
.assessment-results__table .assessment-test-result__row:hover {
  cursor: pointer;
  background: #F5F5F5;
}
.assessment-results__table.results__table--student .header--column {
  color: #343434;
  text-decoration: none;
  font-weight: 300;
}
.assessment-results__table.results__table--student .assessment-test-result__row:hover {
  cursor: default;
  background: #FFFFFF;
}
.assessment-results__table .content-details {
  width: 16.6666666667%;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.assessment-results__table .content-details img {
  border-radius: 50%;
  height: 45px;
  width: 45px;
}
.assessment-results__table .content-details .cefr-level--icon {
  height: 50px;
  width: 50px;
}
.assessment-results__table .content-details .cefr-level--icon p {
  line-height: 50px;
}
.assessment-results__table .content-details .cefr-level--icon.unknown {
  text-align: center;
}
.assessment-results__table .content-details .cefr-level--icon.unknown p {
  font-size: 24px !important;
  text-align: center;
  font-weight: normal !important;
  color: #A9A9A9 !important;
}
.assessment-results__table .content-details:first-of-type {
  width: 100px;
}
.assessment-results__table .content-details:nth-of-type(2) {
  width: calc(16.6666666667% + 30px);
}
.assessment-results__table .content-details:nth-of-type(3) {
  width: calc(16.6666666667% - 80px);
}
.assessment-results__table .content-details:nth-of-type(4) {
  width: calc(16.6666666667% + 120px);
  text-align: center;
}
.assessment-results__table .assessment-test-result__row.A1 {
  border-bottom: 3px solid #9797EB;
}
.assessment-results__table .assessment-test-result__row.A2 {
  border-bottom: 3px solid #806AC7;
}
.assessment-results__table .assessment-test-result__row.B1 {
  border-bottom: 3px solid #FF98BB;
}
.assessment-results__table .assessment-test-result__row.B2 {
  border-bottom: 3px solid #FC719A;
}
.assessment-results__table .assessment-test-result__row.C1 {
  border-bottom: 3px solid #85D5D5;
}
.assessment-results__table .assessment-test-result__row.C2 {
  border-bottom: 3px solid #32BABA;
}

.assessment__students-list .scroll-bar__content {
  overflow-y: auto;
}

/* START OF MEDIA QUERIES */
@media screen and (min-width: 767px) and (max-width: 991px) {
  .assessment-results__table .header--column:first-of-type,
  .assessment-results__table .content-details:first-of-type {
    width: 100px;
  }
  .assessment-results__table .header--column:nth-of-type(2),
  .assessment-results__table .content-details:nth-of-type(2) {
    width: calc(25% + 30px) !important;
    margin-right: 125px;
  }
  .assessment-results__table .header--column:nth-of-type(3),
  .assessment-results__table .content-details:nth-of-type(3) {
    width: calc(33.3333333333% - 25px) !important;
  }
  .assessment-results__table .header--column:nth-of-type(4),
  .assessment-results__table .content-details:nth-of-type(4) {
    width: calc(25% + 230px) !important;
    text-align: center;
    padding-left: 140px;
  }
  .step-progress--assessment {
    right: -300px;
  }
}
@media screen and (min-width: 911px) and (max-width: 1024px) {
  .assessment-results__table .header--column {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .assessments_table .table__content .cefr-level--icon {
    margin-right: 30px;
  }
}
@media (max-width: 991px) {
  /* Home page block */
  .panel--aside.panel--assessment {
    padding: 14px 17px 30px;
  }
  .assessments section > header {
    text-align: center;
    font-size: 16px;
  }
  .assessments .icon-gray-circle,
  .assessments .icon-red-circle {
    height: 35px;
    width: 35px;
    padding-top: 5px;
    margin-top: -5px;
    font-size: 20px;
    text-align: center;
  }
  .assessment__menu-title {
    font-size: 18px;
    line-height: 30px;
    height: 100%;
    margin-top: 10px;
    padding-left: 0;
  }
  .assessments-results__class-selector {
    width: 100%;
  }
  /* ASSESSMENT PAGES */
  .black-box--small {
    background-color: transparent;
    height: 61px;
    bottom: 10px;
  }
}
@media (max-width: 767px) {
  .intro-screen-assessment__container {
    height: auto;
    padding-bottom: 15px;
  }
  .assessment-results__table .content-details {
    width: 33.3333333333% !important;
    font-size: 14px;
  }
  .assessment-results__table .content-details:first-of-type {
    width: 60px !important;
    display: none;
  }
  .assessment-results__table .content-details:nth-of-type(2) {
    width: calc(33.3333333333% + 55px) !important;
  }
  .assessment-results__table .header--column {
    width: 33.3333333333% !important;
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .assessment-results__table .header--column:first-of-type {
    width: 60px !important;
    display: none;
  }
  .assessment-results__table .header--column:nth-of-type(2) {
    width: calc(33.3333333333% + 30px) !important;
  }
  .assessment-results__table .header--column:nth-of-type(3) {
    width: calc(33.3333333333% - 40px) !important;
  }
  .assessment-results__table .header--column:nth-of-type(4) {
    padding-left: 25px;
    width: calc(33.3333333333% + 3px) !important;
  }
  .assessment-results__table .content-details .cefr-level--icon {
    height: 31px;
    width: 31px;
  }
  .assessment-results__table .content-details .cefr-level--icon p {
    font-size: 12px;
    line-height: 31px;
  }
  .export-csv,
  .student-search {
    display: none;
  }
  .assessments-results__class-selector .dropdown-toggle {
    max-width: 400px;
    width: 100%;
    margin-top: 5px;
  }
  .school-page__title {
    border-bottom: 1px solid #E3E3E3;
    padding-bottom: 8px;
    margin-bottom: 0;
  }
  .assessment-results__table .table__content .english--level {
    padding-right: 35px;
  }
  .assessment-results__table .content-details .cefr-level--icon.unknown p {
    font-size: 14px !important;
  }
  .school-page__content {
    padding: 40px 15px 15px 15px;
  }
  .assessment {
    padding: 5px;
  }
  .assessment .icon.icon-cancel {
    font-size: 20px;
  }
  .assessment__items {
    border: none;
  }
  .assessment__header {
    padding-bottom: 0;
    height: 30px;
  }
  .assessment__title {
    font-size: 12px;
  }
  .assessment__title > div {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .assessment__sub-title {
    font-size: 9px;
    font-weight: 400;
    margin-top: 0px;
  }
  .assessment__students-number {
    font-size: 11px;
    font-weight: 300;
    color: #343434;
    margin-top: 5px;
  }
  .assessment__icons .icon-duplicate-assessments,
  .assessment__item-icons .icon-list-assessments {
    width: 17px;
    height: 17px;
    margin-top: 2px;
  }
  .assessment__date-container {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    -webkit-transform-origin: 100% 0;
            transform-origin: 100% 0;
    right: 20px;
  }
  .assessment__item-title {
    font-size: 11px;
    font-weight: 400;
    overflow: hidden;
    height: 15px;
    padding-left: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .assessment__item-title:before {
    content: none;
  }
  .assessment__item-test-icon {
    margin-right: -15px;
  }
  .assessment__item-test-icon span {
    display: inline-block;
    background-image: url("../images/all-icons/test-icon.svg");
    border-radius: 50%;
    height: 24px;
    width: 24px;
    margin-top: 5px;
  }
  .assessment__notice {
    font-size: 11px;
  }
  .assessment__actions .btn {
    font-size: 11px;
  }
  .assessment .icon-exercise-title--pv,
  .assessment .icon-exercise-title--vb {
    width: 30px;
    height: 30px;
  }
  .assessment .icon-exercise-title--add:before {
    width: 29px;
    height: 29px;
    line-height: 25px;
    font-size: 20px;
    font-weight: 400;
  }
  .assessment a:active .icon-exercise-title--add:before,
  .assessment a:hover .icon-exercise-title--add:before {
    line-height: 29px;
  }
  .assessments__class-filter a {
    padding: 8px;
    font-size: 14px;
  }
  .assessments__class-filter .caret {
    position: absolute;
    top: 17px;
    right: 15px;
    border-width: 2px;
  }
  .assessment__class-select .dropdown-menu {
    margin-top: -6px;
  }
  .assessments__class-filter-item a {
    font-size: 14px;
    line-height: 14px;
    padding: 9px;
  }
  .assessments__class-filter-item.checked .caret {
    top: 17px;
    border-width: 2px;
  }
  .assessment__students-list--minified .assessment__class-select {
    margin-top: 20px;
  }
  .assessment__students-list--minified {
    height: 70px;
  }
  .icon-red-circle {
    height: 35px;
    width: 35px;
    padding-top: 5px;
    margin-top: -5px;
    font-size: 20px;
  }
  /* General styling for assessment pages */
  .node-type-assessment-test #page-content > .container {
    padding-top: 0;
  }
  /* Header for Assessment page 2 */
  section [class*=assessment-nid-] .assessment-details--status {
    padding-top: 10px;
  }
  section [class*=assessment-nid-] .panel-title__text .panel-title {
    font-size: 24px;
    padding-top: 20px;
  }
  section [class*=assessment-nid-] .corner-triangle {
    border-top: 40px solid #5BB4C7;
    border-right: 40px solid transparent;
  }
  section [class*=assessment-nid-] .node-number {
    top: -60%;
    left: -60%;
    height: 22px;
    font-size: 20px;
  }
  /* Assessment test page */
  .assessment-tests__page .school-page__title {
    margin-top: 0 !important;
  }
  .assessments_table .table__content .cefr-level--icon {
    margin-right: 0;
  }
  .assessments_table .table__content .test--date {
    padding-left: 5px;
  }
}
/* finish Assessment results */
.finish-assessment-result {
  border-radius: 13px;
}

.cefr-details {
  color: #BCBCBC;
  cursor: pointer;
}
.cefr-details:hover {
  text-decoration: none;
}
.cefr-details:hover.A1 {
  color: #9797EB;
}
.cefr-details:hover.A2 {
  color: #806AC7;
}
.cefr-details:hover.B1 {
  color: #FF98BB;
}
.cefr-details:hover.B2 {
  color: #FC719A;
}
.cefr-details:hover.C1 {
  color: #85D5D5;
}
.cefr-details:hover.C2 {
  color: #32BABA;
}

.cefr-level-details {
  line-height: 1.5 !important;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .step-progress--assessment {
    margin-bottom: 0;
    text-align: right;
    bottom: -20px;
    right: 10px;
  }
}
.node-type-assessment-test .panel.panel--exercise .panel__close,
.node-type-video .panel.panel--exercise .panel__close {
  z-index: 1001;
}

.node-type-assessment-test .panel--landing__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.node-type-assessment-test .panel--landing__body .exercise-component {
  width: 75px;
  height: 75px;
  margin-bottom: 5px;
  margin-top: 10px;
}
.node-type-assessment-test .panel--landing__body .exercise-component:first-child {
  margin-left: 0;
}
.node-type-assessment-test .panel--landing__body .exercise-component:last-child {
  margin-right: 0;
}
.node-type-assessment-test .panel--landing__body .exercise-component .exercise__icon {
  width: 75px;
  height: 75px;
  top: 0;
  right: 0;
}
.node-type-assessment-test .panel--landing__body .exercise-component .exercise__icon:before {
  width: 8px;
  height: 15px;
  right: 5px;
  bottom: 7px;
}
.node-type-assessment-test .panel--landing__body .exercise-component .exercise__icon:after {
  width: 30px;
  height: 30px;
  right: -3px;
  bottom: -2px;
}
.node-type-assessment-test .panel--landing__body .exercise-component .exercise-component__name {
  display: none;
}

@media screen and (max-width: 480px) {
  .node-type-assessment-test .panel--landing__header {
    border-bottom: 1px solid #D3D2D2;
    padding-bottom: 15px;
    margin-bottom: 0;
  }
  .node-type-assessment-test .panel--landing__header .visible-sm {
    padding: 0 10px;
  }
  .node-type-assessment-test .panel--landing__body .exercise-component {
    width: 30px;
    height: 30px;
    margin-top: 10px;
    margin-bottom: 15px;
  }
  .node-type-assessment-test .panel--landing__body .exercise-component:first-child {
    margin-left: 10px;
  }
  .node-type-assessment-test .panel--landing__body .exercise-component:last-child {
    margin-right: 10px;
  }
  .node-type-assessment-test .panel--landing__body .exercise-component .exercise__icon {
    width: 30px;
    height: 30px;
  }
  .node-type-assessment-test .panel--landing__body .exercise-component .exercise__icon:before {
    width: 5px;
    height: 9px;
    right: 0;
    bottom: 2px;
  }
  .node-type-assessment-test .panel--landing__body .exercise-component .exercise__icon:after {
    width: 15px;
    height: 15px;
  }
  .node-type-assessment-test .panel--landing__body .exercise-component .exercise__icon.icon-video:before, .node-type-assessment-test .panel--landing__body .exercise-component .exercise__icon.icon-listening_lab:before {
    right: -1px;
    bottom: 1px;
  }
}
@media screen and (min-width: 480px) and (max-width: 991px) {
  .node-type-assessment-test .panel--landing__body .exercise-component {
    width: 55px;
    height: 55px;
  }
  .node-type-assessment-test .panel--landing__body .exercise-component:first-child {
    margin-left: 10px;
  }
  .node-type-assessment-test .panel--landing__body .exercise-component:last-child {
    margin-right: 10px;
  }
  .node-type-assessment-test .panel--landing__body .exercise-component .exercise__icon {
    width: 55px;
    height: 55px;
  }
  .node-type-assessment-test .panel--landing__body .exercise-component .exercise__icon:before {
    width: 7px;
    height: 12px;
    right: 3px;
    bottom: 5px;
  }
  .node-type-assessment-test .panel--landing__body .exercise-component .exercise__icon:after {
    width: 24px;
    height: 24px;
  }
}
.node-type-video .panel--exercise .panel__footer.non-clickable-components {
  min-height: 130px;
  padding-top: 0;
  padding-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.node-type-video .panel--exercise .panel__footer.non-clickable-components .exercise-component {
  margin-top: 20px;
}
.node-type-video .panel--exercise .panel__footer.non-clickable-components .exercise-component.vb-step {
  width: 100px;
  height: 100px;
}
.node-type-video .panel--exercise .panel__footer.non-clickable-components .exercise-component.vb-step .exercise__icon {
  width: 100px;
  height: 100px;
  top: 0;
}
.node-type-video .panel--exercise .panel__footer.non-clickable-components .exercise-component.vb-step .exercise__icon:before {
  width: 8px;
  height: 15px;
  right: 5px;
  bottom: 7px;
}
.node-type-video .panel--exercise .panel__footer.non-clickable-components .exercise-component.vb-step .exercise__icon:after {
  width: 30px;
  height: 30px;
  right: -3px;
  bottom: -2px;
}
.node-type-video .panel--exercise .panel__footer.non-clickable-components .exercise-component.vb-step.current {
  font-size: inherit;
}
.node-type-video .panel--exercise .panel__footer.non-clickable-components .exercise-component.vb-step.current:before {
  display: none;
}
.node-type-video .panel--exercise .panel__footer.non-clickable-components .exercise-component.vb-step .exercise-component__name {
  display: none;
}

.c-tests-levels-block {
  margin-bottom: 15px;
  grid-template-areas: "tests-title" "tests-table" "levels-title" "levels-container";
}
@media (min-width: 801px) {
  .c-tests-levels-block {
    display: grid;
    gap: 5px 15px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "tests-title levels-title" "tests-table levels-container";
  }
}
.c-tests-levels-block .dashboard-tooltip-container,
.c-tests-levels-block .c-levels-block {
  padding: 0 15px;
}
.c-tests-levels-block .c-tests-container {
  grid-area: tests-title;
  margin-bottom: 5px;
}
@media (min-width: 801px) {
  .c-tests-levels-block .c-tests-container {
    margin-bottom: 0;
  }
}
.c-tests-levels-block .c-levels-block {
  grid-area: levels-title;
  margin-bottom: 5px;
}
@media (min-width: 801px) {
  .c-tests-levels-block .c-levels-block {
    margin-bottom: 0;
  }
}
.c-tests-levels-block .c-levels-block .school-page__title {
  margin-bottom: 0 !important;
}
.c-tests-levels-block .c-tests-table {
  grid-area: tests-table;
  border-radius: 20px;
  background: #FFF;
  max-height: 235px;
  overflow-y: auto;
  margin-bottom: 15px;
}
@media (min-width: 801px) {
  .c-tests-levels-block .c-tests-table {
    margin-bottom: 0;
  }
}
.c-tests-levels-block .c-no-test-message {
  padding: 20px 20px;
  font-size: 14px;
  font-weight: 400;
  color: #2F3136;
  text-align: center;
}
.c-tests-levels-block .c-levels-container {
  grid-area: levels-container;
  border-radius: 20px;
  background: #FFF;
  padding: 20px 30px;
}
.c-tests-levels-block .c-levels-container__text {
  font-size: 14px;
  font-weight: 400;
}

.c-assessment-tests-table.assessments_table {
  border-bottom: none;
}
.c-assessment-tests-table.assessments_table tbody {
  border-top: none;
  border-bottom: 1px solid #ccc;
}
.c-assessment-tests-table.assessments_table tbody:last-of-type {
  border-bottom: none;
}
.c-assessment-tests-table.assessments_table .english--level {
  padding: 5px 0;
}
.c-assessment-tests-table.assessments_table .header--column,
.c-assessment-tests-table.assessments_table .content-details {
  width: 50%;
  padding: 10px 20px;
}
.c-assessment-tests-table.assessments_table .table__header {
  background-color: #FFFFFF;
  color: #000000;
  font-size: 14px;
}
.c-assessment-tests-table.assessments_table .table__content {
  margin-bottom: 0;
}
.c-assessment-tests-table.assessments_table .table__content .test--date {
  color: #000000;
  font-size: 14px;
}
.c-assessment-tests-table.assessments_table .cefr-level--icon {
  height: 38px;
  width: 38px;
  font-size: 14px;
  font-weight: 400;
  margin: 0 25px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.c-assessment-tests-table.assessments_table .c-assessment-status {
  padding: 0 10px;
  color: #000000;
  font-size: 14px;
}
.c-assessment-tests-table.assessments_table .c-icon-print_container {
  width: 106px;
  text-align: center;
}
.c-assessment-tests-table.assessments_table .c-icon-print_container .icon-print {
  margin: 0;
}
@media (max-width: 767px) {
  .c-assessment-tests-table.assessments_table .c-icon-print_container .icon-print {
    position: initial;
  }
}
.c-assessment-tests-table.assessments_table .c-resume-blue-button {
  background-color: #4A90E2;
  color: #ffffff;
  padding: 8px 20px;
  border-radius: 20px;
  font-size: 16px;
  font-weight: 600;
}

@media screen and (min-width: 696px) and (max-width: 768px) and (max-height: 1024px) {
  .node-type-video .panel--exercise .panel__footer.non-clickable-components .exercise-component.vb-step {
    margin-top: 0;
    width: 70px;
    height: 70px;
  }
  .node-type-video .panel--exercise .panel__footer.non-clickable-components .exercise-component.vb-step .exercise__icon {
    width: 70px;
    height: 70px;
  }
  .node-type-video .panel--exercise .panel__footer.non-clickable-components .exercise-component.vb-step.current .exercise__icon {
    -webkit-transform: none;
            transform: none;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .node-type-video .panel--exercise .panel__footer.non-clickable-components .exercise-component.vb-step.current .exercise__icon {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@media screen and (min-width: 480px) and (max-width: 696px) {
  .node-type-video .panel--exercise .panel__footer.non-clickable-components .exercise-component.vb-step {
    margin-top: 0;
    width: 55px;
    height: 55px;
  }
  .node-type-video .panel--exercise .panel__footer.non-clickable-components .exercise-component.vb-step .exercise__icon {
    width: 55px;
    height: 55px;
  }
  .node-type-video .panel--exercise .panel__footer.non-clickable-components .exercise-component.vb-step.current .exercise__icon {
    -webkit-transform: none;
            transform: none;
  }
}
@media screen and (max-width: 480px) {
  .node-type-video .panel--exercise .panel__footer.non-clickable-components {
    min-height: 60px;
    padding-bottom: 0;
  }
  .node-type-video .panel--exercise .panel__footer.non-clickable-components .exercise-component.vb-step {
    margin-top: 0;
    width: 30px;
    height: 30px;
  }
  .node-type-video .panel--exercise .panel__footer.non-clickable-components .exercise-component.vb-step .exercise__icon {
    width: 30px;
    height: 30px;
  }
  .node-type-video .panel--exercise .panel__footer.non-clickable-components .exercise-component.vb-step .exercise__icon:before {
    width: 5px;
    height: 9px;
    right: 0;
    bottom: 2px;
  }
  .node-type-video .panel--exercise .panel__footer.non-clickable-components .exercise-component.vb-step .exercise__icon:after {
    width: 15px;
    height: 15px;
    right: -3px;
    bottom: -2px;
  }
  .node-type-video .panel--exercise .panel__footer.non-clickable-components .exercise-component.vb-step.current .exercise__icon {
    -webkit-transform: none;
            transform: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .node-type-assessment-test .assessment-details--status .panel-title__icon {
    margin-top: 45px;
  }
  .node-type-assessment-test .assessment-details--status .panel-title {
    margin-top: 24px;
  }
}
/* HELPERS */
.add-assessments__header {
  margin-left: -50px;
  margin-right: -50px;
  border-bottom: 1px solid #D3D3D3;
}
.add-assessments__header-steps {
  padding: 0 10px;
  list-style: none;
  text-align: center;
  margin-top: -20px;
  position: absolute;
  top: -40px;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 200px;
}
.add-assessments__header-steps li {
  display: inline-block;
  margin-left: 4px;
  font-size: 14px;
  color: #DADADA;
  cursor: pointer;
}
.add-assessments__header-steps li:before {
  content: " ";
  display: inline-block;
  position: relative;
  top: -4px;
  width: 30px;
  height: 0px;
  border-top: 1px solid #DADADA;
}
.add-assessments__header-steps li:after {
  content: " ";
  display: block;
  position: absolute;
  width: 25px;
  height: 25px;
  margin-left: 21px;
  margin-top: -23px;
  background: #DADADA;
  border-radius: 50%;
  z-index: -1;
}
.add-assessments__header-steps li:first-of-type:before {
  content: none;
}
.add-assessments__header-steps li:first-of-type:after {
  margin-left: -8px;
}
.add-assessments__header-steps li.active {
  color: #FFFFFF;
}
.add-assessments__header-steps li.active:before {
  border-color: #E76B6B;
}
.add-assessments__header-steps li.active:after {
  background-color: #E76B6B;
}
.add-assessments__step .scroll-bar {
  padding-right: 0;
}
.add-assessments__step-title {
  font-style: initial;
  font-weight: 400;
  color: #5E5E5E;
  text-align: center;
  margin-bottom: 0;
  max-height: 22px;
  margin-top: 20px;
}
.add-assessments__step-title-index {
  display: inline-block;
  text-align: center;
  width: 30px;
  height: 30px;
  padding: 4px;
  margin-right: 10px;
  border: 2px solid #5E5E5E;
  border-radius: 50%;
}
.add-assessments__step-subtitle {
  font-size: 10px;
  font-style: italic;
}
.add-assessments__step:not(.active) {
  display: none;
}
.add-assessments__item-title {
  margin-bottom: 0;
  font-style: initial;
  font-weight: 400;
  color: #5E5E5E;
  max-height: 22px;
  text-align: center;
  padding-top: 10px;
}
.add-assessments__item-title span {
  font-size: 10px;
  font-style: italic;
}
.add-assessments__item-trigger {
  min-height: 60px;
  background: #FFFFFF;
  border-bottom: 3px solid #F1F1F1;
  margin-bottom: 10px;
  font-size: 14px;
  color: #848484;
  cursor: pointer;
}
.add-assessments__item-trigger--big {
  min-height: 100px;
}
.add-assessments__item-trigger--big .add-assessments__item-title {
  padding-top: 25px;
}
.add-assessments__item-trigger.active {
  border-color: #E76B6B;
}
.add-assessments .btn-red {
  padding: 10px;
  font-size: 16px;
  width: 100%;
}

@media screen and (max-width: 991px) {
  .add-assessments__item .icon-view-test {
    float: right;
  }
  .add-assessments__items-container .scroll-bar__content {
    overflow-y: auto;
  }
  .add-assessments__items-container .add-assessments__calendar .ui-datepicker-prev {
    left: -45%;
  }
  .add-assessments__items-container .add-assessments__calendar .ui-datepicker-next {
    right: -45%;
  }
  .page-school.touch-device .ui-datepicker {
    left: 15px !important;
    margin: 0 auto;
    min-width: 90%;
  }
  .page-school.touch-device #popups {
    top: 35px !important;
  }
}
@media (max-width: 480px) {
  .page-school.touch-device .ui-datepicker {
    left: 15px !important;
    margin: 0 auto;
    min-width: 90%;
  }
  .page-school.touch-device #popups {
    top: 35px !important;
  }
}
/* HELL ON EARTH */
/* HELPERS */
.step-progress--responsive {
  display: none;
}

/* Top button from the listening lab html has to be removed */
.top-button.hidden-xs {
  display: none;
}

@media only screen and (max-width: 991px) {
  /* video booster popup link color fix for touch devices */
  .touch-device .exercise-vocab__item {
    color: inherit !important;
  }
  .touch-device .exercise-vocab__item.active {
    color: #5CB4C7 !important;
  }
  .score-title {
    font-size: 12px;
    margin-bottom: 0;
  }
  .btn-responsive {
    line-height: 48px;
    height: 50px;
    padding: 0;
  }
  .panel--exercise-description {
    margin-bottom: 10px;
    font-size: 16px;
  }
  .video-booster__step-desc {
    font-size: 16px !important;
    margin-top: 10px;
  }
  .step-progress--div {
    display: none;
  }
  .comprehension .step-progress--responsive,
  .listening-lab .step-progress--responsive,
  .advanced-comprehension .step-progress--responsive,
  .vocab-academy-step .step-progress--responsive,
  .grammar-step .step-progress--responsive {
    display: inline;
  }
  .question_title,
  .question_text {
    font-size: 16px;
    text-align: left;
  }
  .panel-landing__promo-code {
    position: absolute;
    right: 0;
  }
  .panel-landing__promo-code:before {
    right: 0;
    bottom: 12vh;
    margin-right: 30px;
  }
  .video-exercise {
    margin-top: 20px;
  }
  /* -------------------------------------------------------------------------
  // GENERAL STYES
  // -------------------------------------------------------------------------*/
  .container {
    padding: 0 15px;
  }
  /* -------------------------------------------------------------------------
  // LANDING PAGE
  // -------------------------------------------------------------------------*/
  .photo-vocab-div {
    margin: 30px 0 0 0;
    text-align: center;
  }
  .panel--landing .panel-vb,
  .panel--landing .panel-pv {
    margin: 0 -15px;
    text-align: center;
  }
  /* -------------------------------------------------------------------------
  // LANDING PAGE CURRENT ITEM
  // The one that slides from right
  // -------------------------------------------------------------------------*/
  .my-current-item .media-body,
  .my-current-item .media-left,
  .my-current-item .media-right {
    display: block;
  }
  .my-current-item .media-body {
    width: 100%;
  }
  .my-current-item .media--tip .media-body .tip-popover__container {
    display: block;
  }
  .my-current-item .media--tip .media-body img {
    width: 100%;
    max-width: 450px;
  }
  .my-current-item .tip-hide {
    margin-top: 20px;
    margin-bottom: 30px;
  }
  .panel--tip-container.panel--tip-pv .panel,
  .panel--tip-container.panel--tip-vb .panel {
    padding: 5px 10px;
  }
  .my-current-item.overlay {
    max-width: 100%;
  }
  .my-current-item .icon-triangle-right {
    display: none;
  }
  .my-current-item__container .panel-title__icon {
    position: static;
    margin-bottom: 15px;
  }
  .my-current-item__container .panel--exercise__thumbnail-video,
  .my-current-item__container .video-booster__thumbnail-video {
    margin-top: 15px;
  }
  .my-current-item__padding {
    padding-left: 0;
  }
  .my-current-item__title {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .my-current-item__content {
    padding: 25px 15px;
  }
  .my-current-item .is-cell {
    display: block;
    width: 100% !important;
    margin-bottom: 15px;
  }
  /* For vertical align of the title "Video Booster" */
  .video-booster--text,
  .photo-vocab--text {
    font-size: 18px;
    height: 100%;
    width: 100%;
    padding-left: 70px !important;
    padding-right: 60px !important;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .video-booster--text h1,
  .photo-vocab--text h1 {
    font-size: 25px;
    font-weight: 300;
    line-height: 1.5;
  }
  .photo-vocab--text {
    display: block;
    padding: 0 !important;
  }
  /* Text from title VB/PV */
  .video-booster__header--title,
  .photo-vocab__header--title {
    margin: 0;
    line-height: 1.1;
    font-size: 25px;
    font-weight: 300;
  }
  /* -------------------------------------------------------------------------
  // VIDEO BOOSTER PAGE
  // ------------------------------------------------------------------------- */
  .exercise-vocab__list-item {
    font-size: 16px;
  }
  .panel--exercise__body .exercise-vocab__list-item {
    float: left;
    width: 50%;
  }
  /* display the vocab list on one single column */
  .video-booster__tab-content .exercise-vocab__list-item {
    float: none;
    width: 100%;
  }
  .vocab-quickview__step .exercise-vocab .popover {
    left: 0 !important;
  }
  .progress-tracking__played-exercises thead tr:first-child th {
    font-size: 12px;
    padding: 10px 0;
  }
  .progress-tracking__played-exercises tbody td:first-child {
    text-align: left;
  }
  .progress-tracking__played-exercises tbody td {
    font-size: 12px;
    padding-right: 5px;
    padding-left: 5px;
  }
  .custom-form--profile #edit-field-birthday-0-value-day,
  .custom-form--profile #edit-field-birthday-0-value-month,
  .custom-form--profile #edit-field-birthday-0-value-year {
    width: 85px;
  }
  /* Reduce space between elements */
  .custom-form--profile .form-item {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 991px) and (max-width: 991px) {
  .is-qioz.page-vb-list:not(.page-vb-list-search) .catalog-search-form,
  .is-lingua.page-vb-list:not(.page-vb-list-search) .catalog-search-form {
    right: 0 !important;
    top: 0;
    position: relative !important;
  }
  .is-qioz.page-vb-list:not(.page-vb-list-search) .catalog-search-form .form__input,
  .is-lingua.page-vb-list:not(.page-vb-list-search) .catalog-search-form .form__input {
    max-width: 210px !important;
    height: 40px !important;
    padding: 0 0 0 5px !important;
    color: #BFBFBF !important;
    font-size: 16px !important;
    font-weight: 600;
    letter-spacing: -0.17px;
    line-height: 22px;
    margin-left: 30px !important;
    background: transparent !important;
    opacity: 1 !important;
    border-radius: 0% !important;
  }
  .is-qioz.page-vb-list:not(.page-vb-list-search) .catalog-search-form .form__submit,
  .is-lingua.page-vb-list:not(.page-vb-list-search) .catalog-search-form .form__submit {
    position: relative !important;
  }
  .is-qioz.page-vb-list:not(.page-vb-list-search) .catalog-search-form .form__submit,
  .is-lingua.page-vb-list:not(.page-vb-list-search) .catalog-search-form .form__submit {
    color: #5BB4C7 !important;
    font-size: 25px !important;
  }
}
@media only screen and (max-width: 991px) and (max-width: 700px) {
  /* search header adjustments after adding info tooltip */
  .is-qioz.page-vb-list:not(.page-vb-list-search) .catalog-search-form .form__input,
  .is-lingua.page-vb-list:not(.page-vb-list-search) .catalog-search-form .form__input {
    opacity: 0 !important;
  }
  .is-qioz.page-vb-list:not(.page-vb-list-search) .catalog-search-form.is-expanded,
  .is-lingua.page-vb-list:not(.page-vb-list-search) .catalog-search-form.is-expanded {
    height: 50px;
  }
  .is-qioz.page-vb-list:not(.page-vb-list-search) .catalog-search-form.is-expanded .form__input,
  .is-lingua.page-vb-list:not(.page-vb-list-search) .catalog-search-form.is-expanded .form__input {
    opacity: 1 !important;
  }
  .is-qioz.page-vb-list:not(.page-vb-list-search) .catalog-search-form .form__submit,
  .is-lingua.page-vb-list:not(.page-vb-list-search) .catalog-search-form .form__submit {
    position: absolute !important;
  }
  .is-qioz.page-vb-list:not(.page-vb-list-search) .catalog-search-form .form__submit:before,
  .is-lingua.page-vb-list:not(.page-vb-list-search) .catalog-search-form .form__submit:before {
    color: #C2C2C2;
    font-size: 25px;
  }
  .is-qioz.page-vb-list:not(.page-vb-list-search) .catalog-search-form.is-expanded .icon-search:before,
  .is-lingua.page-vb-list:not(.page-vb-list-search) .catalog-search-form.is-expanded .icon-search:before {
    color: #5BB4C7 !important;
  }
  .is-qioz.page-pv-list:not(.page-pv-list-search) .catalog-search-form.is-expanded .icon-search:before,
  .is-lingua.page-pv-list:not(.page-pv-list-search) .catalog-search-form.is-expanded .icon-search:before {
    color: #FCA072 !important;
  }
}
@media only screen and (max-width: 991px) {
  /* End mobile search form */
  /* Search in advanced search pages */
  .page-vb-list-search .catalog-search-form .form__input,
  .page-pv-list-search .catalog-search-form .form__input {
    height: 35px;
  }
  .page-vb-list-search .catalog-search-form .form__submit,
  .page-pv-list-search .catalog-search-form .form__submit {
    line-height: 45px;
    width: 45px;
    height: 45px;
  }
  .page-vb-list-search .catalog-search-form .form__submit:before,
  .page-pv-list-search .catalog-search-form .form__submit:before {
    font-size: 19px;
    padding-top: 5px;
  }
  .page-vb-list-search .catalog-panel--search .catalog-filter__option,
  .page-pv-list-search .catalog-panel--search .catalog-filter__option {
    width: 94%;
    height: 65px;
    margin-left: 3%;
  }
  .page-vb-list-search .catalog-panel--search .catalog-filter__option:before,
  .page-pv-list-search .catalog-panel--search .catalog-filter__option:before {
    top: 50%;
    right: 0;
    bottom: 50%;
    left: 0;
    width: 100%;
    height: 1px;
  }
  .page-vb-list-search .catalog-panel--search .catalog-filter__option .text,
  .page-pv-list-search .catalog-panel--search .catalog-filter__option .text {
    width: 60px;
  }
  .panel__body__listeninglab .vb__step-score .video-booster__tabs {
    display: none;
  }
  /* Remove the overflow for the score details table -  Video Booster */
  .table-responsive {
    overflow: initial;
  }
}
/*  END MEDIA MAX-WIDTH: $ea-md-width */
@media screen and (min-width: 767px) and (max-width: 991px) {
  /* Video Karaoke - All exercises page */
  .video-karaoke__page {
    left: 0;
    padding-left: 47px;
    height: 30px;
    line-height: 10px;
  }
  .video-karaoke__page .catalog-page-title__icon {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
  .video-karaoke__page .video-karaoke__icon {
    top: -18px;
  }
}
@media screen and (max-width: 767px) {
  /* Video Karaoke - All exercises page */
  .video-karaoke__page {
    padding-left: 45px;
    height: 27px;
    line-height: 7px;
  }
  .video-karaoke__page .video-karaoke__icon {
    left: -15px;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  .video-karaoke__page .video-karaoke__icon img {
    margin-top: 0;
    height: 35px;
    width: 35px;
    position: relative;
    top: 7px;
  }
}
/* Speed pix photo vocab */
.pv-game-content .media-left {
  padding: 0;
}

/* START NEW DESIGN [ UTILITIES ] */
.u-font-tiny {
  font-size: 14px;
}

.u-font-small {
  font-size: 16px;
}

.u-font-medium {
  font-size: 18px;
}

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

.u-font-huge {
  font-size: 30px;
}

/* temporary */
.u-font-20 {
  font-size: 20px;
}

/* GrandEst NEW DESIGN */
/* header styles */
.image-styles, .is-grandest.not-logged-in .c-annonimous-section4, .is-grandest.not-logged-in .c-annonimous-section3, .is-grandest.not-logged-in .c-annonimous-section .circle-backdrop {
  background-repeat: no-repeat;
  background-size: cover;
}

.grandest-logo-styles, .is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-logo, .is-grandest.logged-in header .main-navbar__logo, body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo, body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo, .grandest-header .main-navbar__region-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media (max-width: 520px) {
  .grandest-logo-styles a, .is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-logo a, .is-grandest.logged-in header .main-navbar__logo a, body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo a, body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo a, .grandest-header .main-navbar__region-logo a {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
  }
}
.grandest-logo-styles img.flag-header, .is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-logo img.flag-header, .is-grandest.logged-in header .main-navbar__logo img.flag-header, body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.flag-header, body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.flag-header, .grandest-header .main-navbar__region-logo img.flag-header {
  max-width: 38px;
  margin-left: 15px;
}
@media (min-width: 921px) and (max-width: 1150px) {
  .grandest-logo-styles img.flag-header, .is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-logo img.flag-header, .is-grandest.logged-in header .main-navbar__logo img.flag-header, body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.flag-header, body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.flag-header, .grandest-header .main-navbar__region-logo img.flag-header {
    margin-left: 2px;
  }
}
@media (max-width: 520px) {
  .grandest-logo-styles img.flag-header, .is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-logo img.flag-header, .is-grandest.logged-in header .main-navbar__logo img.flag-header, body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.flag-header, body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.flag-header, .grandest-header .main-navbar__region-logo img.flag-header {
    margin-left: 1px;
  }
}
.grandest-logo-styles img.logo-header, .is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-logo img.logo-header, .is-grandest.logged-in header .main-navbar__logo img.logo-header, body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.logo-header, body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.logo-header, .grandest-header .main-navbar__region-logo img.logo-header {
  min-width: 90px;
  max-width: 117px;
}
.grandest-logo-styles .grandest-logo-vline, .is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-logo .grandest-logo-vline, .is-grandest.logged-in header .main-navbar__logo .grandest-logo-vline, body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo .grandest-logo-vline, body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo .grandest-logo-vline, .grandest-header .main-navbar__region-logo .grandest-logo-vline {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 11px;
  border-right: 2px solid #2F3136;
  margin: 0 15px;
}
@media (min-width: 921px) and (max-width: 1150px) {
  .grandest-logo-styles .grandest-logo-vline, .is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-logo .grandest-logo-vline, .is-grandest.logged-in header .main-navbar__logo .grandest-logo-vline, body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo .grandest-logo-vline, body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo .grandest-logo-vline, .grandest-header .main-navbar__region-logo .grandest-logo-vline {
    margin: 0 7px;
  }
}
@media (max-width: 520px) {
  .grandest-logo-styles .grandest-logo-vline, .is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-logo .grandest-logo-vline, .is-grandest.logged-in header .main-navbar__logo .grandest-logo-vline, body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo .grandest-logo-vline, body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo .grandest-logo-vline, .grandest-header .main-navbar__region-logo .grandest-logo-vline {
    margin: 0 1px;
  }
}
.grandest-logo-styles .grandest-logo, .is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-logo .grandest-logo, .is-grandest.logged-in header .main-navbar__logo .grandest-logo, body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo .grandest-logo, body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo .grandest-logo, .grandest-header .main-navbar__region-logo .grandest-logo {
  min-width: 60px;
  width: 100% !important;
  height: auto;
}
@media (max-width: 920px) {
  .grandest-logo-styles .grandest-logo, .is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-logo .grandest-logo, .is-grandest.logged-in header .main-navbar__logo .grandest-logo, body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo .grandest-logo, body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo .grandest-logo, .grandest-header .main-navbar__region-logo .grandest-logo {
    min-width: 85px;
  }
}
.grandest-logo-styles img.logo-header, .is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-logo img.logo-header, .is-grandest.logged-in header .main-navbar__logo img.logo-header, body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.logo-header, body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.logo-header, .grandest-header .main-navbar__region-logo img.logo-header,
.grandest-logo-styles .grandest-logo,
.is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-logo .grandest-logo,
.is-grandest.logged-in header .main-navbar__logo .grandest-logo,
body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo .grandest-logo,
body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo .grandest-logo,
.grandest-header .main-navbar__region-logo .grandest-logo,
.grandest-logo-styles img.flag-header,
.is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-logo img.flag-header,
.is-grandest.logged-in header .main-navbar__logo img.flag-header,
body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.flag-header,
body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.flag-header,
.grandest-header .main-navbar__region-logo img.flag-header {
  -webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
@media (max-width: 1300px) {
  .grandest-logo-styles img.logo-header, .is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-logo img.logo-header, .is-grandest.logged-in header .main-navbar__logo img.logo-header, body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.logo-header, body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.logo-header, .grandest-header .main-navbar__region-logo img.logo-header,
  .grandest-logo-styles .grandest-logo,
  .is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-logo .grandest-logo,
  .is-grandest.logged-in header .main-navbar__logo .grandest-logo,
  body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo .grandest-logo,
  body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo .grandest-logo,
  .grandest-header .main-navbar__region-logo .grandest-logo,
  .grandest-logo-styles img.flag-header,
  .is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-logo img.flag-header,
  .is-grandest.logged-in header .main-navbar__logo img.flag-header,
  body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.flag-header,
  body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.flag-header,
  .grandest-header .main-navbar__region-logo img.flag-header {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
}
@media (max-width: 1190px) {
  .grandest-logo-styles img.logo-header, .is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-logo img.logo-header, .is-grandest.logged-in header .main-navbar__logo img.logo-header, body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.logo-header, body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.logo-header, .grandest-header .main-navbar__region-logo img.logo-header,
  .grandest-logo-styles .grandest-logo,
  .is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-logo .grandest-logo,
  .is-grandest.logged-in header .main-navbar__logo .grandest-logo,
  body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo .grandest-logo,
  body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo .grandest-logo,
  .grandest-header .main-navbar__region-logo .grandest-logo,
  .grandest-logo-styles img.flag-header,
  .is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-logo img.flag-header,
  .is-grandest.logged-in header .main-navbar__logo img.flag-header,
  body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.flag-header,
  body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.flag-header,
  .grandest-header .main-navbar__region-logo img.flag-header {
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
  }
}
@media (max-width: 1050px) {
  .grandest-logo-styles img.logo-header, .is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-logo img.logo-header, .is-grandest.logged-in header .main-navbar__logo img.logo-header, body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.logo-header, body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.logo-header, .grandest-header .main-navbar__region-logo img.logo-header,
  .grandest-logo-styles .grandest-logo,
  .is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-logo .grandest-logo,
  .is-grandest.logged-in header .main-navbar__logo .grandest-logo,
  body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo .grandest-logo,
  body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo .grandest-logo,
  .grandest-header .main-navbar__region-logo .grandest-logo,
  .grandest-logo-styles img.flag-header,
  .is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-logo img.flag-header,
  .is-grandest.logged-in header .main-navbar__logo img.flag-header,
  body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.flag-header,
  body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.flag-header,
  .grandest-header .main-navbar__region-logo img.flag-header {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
}
@media (max-width: 920px) {
  .grandest-logo-styles img.logo-header, .is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-logo img.logo-header, .is-grandest.logged-in header .main-navbar__logo img.logo-header, body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.logo-header, body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.logo-header, .grandest-header .main-navbar__region-logo img.logo-header,
  .grandest-logo-styles .grandest-logo,
  .is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-logo .grandest-logo,
  .is-grandest.logged-in header .main-navbar__logo .grandest-logo,
  body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo .grandest-logo,
  body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo .grandest-logo,
  .grandest-header .main-navbar__region-logo .grandest-logo,
  .grandest-logo-styles img.flag-header,
  .is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-logo img.flag-header,
  .is-grandest.logged-in header .main-navbar__logo img.flag-header,
  body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.flag-header,
  body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.flag-header,
  .grandest-header .main-navbar__region-logo img.flag-header {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@media (max-width: 520px) {
  .grandest-logo-styles img.logo-header, .is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-logo img.logo-header, .is-grandest.logged-in header .main-navbar__logo img.logo-header, body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.logo-header, body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.logo-header, .grandest-header .main-navbar__region-logo img.logo-header,
  .grandest-logo-styles .grandest-logo,
  .is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-logo .grandest-logo,
  .is-grandest.logged-in header .main-navbar__logo .grandest-logo,
  body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo .grandest-logo,
  body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo .grandest-logo,
  .grandest-header .main-navbar__region-logo .grandest-logo,
  .grandest-logo-styles img.flag-header,
  .is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-logo img.flag-header,
  .is-grandest.logged-in header .main-navbar__logo img.flag-header,
  body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.flag-header,
  body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.flag-header,
  .grandest-header .main-navbar__region-logo img.flag-header {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@media (max-width: 380px) {
  .grandest-logo-styles img.logo-header, .is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-logo img.logo-header, .is-grandest.logged-in header .main-navbar__logo img.logo-header, body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.logo-header, body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.logo-header, .grandest-header .main-navbar__region-logo img.logo-header,
  .grandest-logo-styles .grandest-logo,
  .is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-logo .grandest-logo,
  .is-grandest.logged-in header .main-navbar__logo .grandest-logo,
  body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo .grandest-logo,
  body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo .grandest-logo,
  .grandest-header .main-navbar__region-logo .grandest-logo,
  .grandest-logo-styles img.flag-header,
  .is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-logo img.flag-header,
  .is-grandest.logged-in header .main-navbar__logo img.flag-header,
  body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.flag-header,
  body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.flag-header,
  .grandest-header .main-navbar__region-logo img.flag-header {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
}

/* homepage styles */
.grandest-header.not-logged-in .main-navbar {
  display: grid;
  grid-template-columns: minmax(200px, 0.3fr) 0 minmax(500px, 0.7fr);
}
@media (max-width: 920px) {
  .grandest-header.not-logged-in .main-navbar {
    grid-template-columns: minmax(200px, 0.5fr) minmax(200px, 0.5fr) 0;
  }
}
@media (max-width: 520px) {
  .grandest-header.not-logged-in .main-navbar {
    grid-template-columns: 0.65fr 0.35fr 0;
  }
}
.grandest-header.not-logged-in .main-navbar .nav__wrapper nav.main-navbar__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.c-grandest-header .main-navbar__region-logo {
  width: 33.33%;
}
.c-grandest-header .main-navbar__title {
  margin-left: 0;
}
.c-grandest-header #user-profile-dropdown {
  right: -14px;
  -webkit-transform: none;
          transform: none;
  left: auto !important;
}

/* footer styles */
.grandest-footer {
  padding: 26px 42px;
  background-color: #2A2C30;
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: clamp(11px, 1.1vw, 12px);
  font-weight: 600;
  letter-spacing: -0.17px;
  line-height: 18px;
  max-width: 1440px !important;
  width: 100%;
}
@media (max-width: 991px) {
  .grandest-footer {
    padding: 16px 12px;
  }
}
.grandest-footer .nav-pills {
  margin-right: 0;
}
.grandest-footer ul.nav-pills {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.grandest-footer ul.nav-pills li {
  margin-right: 10px;
}
.grandest-footer ul.nav-pills li a {
  color: #FFFFFF;
}
.grandest-footer ul.nav-pills .position-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.grandest-footer ul.nav-pills .position-right .grandest-footer__logos {
  width: 5vw;
  min-width: 93px;
  height: auto;
  padding: 3px;
  margin-right: 15px;
}
.grandest-footer ul.nav-pills .position-right .grandest-footer__logos:first-of-type {
  margin-right: 15px;
}
.grandest-footer ul.nav-pills .position-right .grandest-footer__logos img {
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
  margin-right: 0;
}
@media (max-width: 1180px) {
  .grandest-footer ul.nav-pills .position-right .grandest-footer__logos {
    width: 7vw;
    margin-right: 10px;
  }
  .grandest-footer ul.nav-pills .position-right .grandest-footer__logos:first-of-type {
    margin-right: 10px;
  }
}
.grandest-footer ul.nav-pills .position-right .grandest-footer-logos {
  width: 100%;
}
.grandest-footer ul.nav-pills .position-right .grandest-footer-logos .c-logos-image {
  width: 100%;
}
@media (min-width: 400px) {
  .grandest-footer ul.nav-pills .position-right .grandest-footer-logos {
    width: 300px;
  }
}

/* annonimous page styles  */
.is-grandest.front.not-logged-in .grandest-anonymous-footer {
  margin-bottom: -1px;
}

.is-grandest.not-logged-in .c-gr-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 991px) {
  .is-grandest.not-logged-in .c-gr-footer {
    padding: 10px 30px;
  }
}
.is-grandest.not-logged-in .c-gr-footer a {
  padding: 10px 5px;
  margin-right: 10px;
}
.is-grandest.not-logged-in .c-gr-footer .c-logos-image {
  width: 100%;
}
@media (min-width: 400px) {
  .is-grandest.not-logged-in .c-gr-footer .c-logos-image {
    width: 300px;
  }
}

.is-grandest header.c-annonimous-nav {
  /* disable links for annonimous page logos */
}
.is-grandest header.c-annonimous-nav .c-annonimous-logo a {
  pointer-events: none;
}
.is-grandest header.c-annonimous-nav .grandest-logo {
  min-width: 150px;
}
.is-grandest header.c-annonimous-nav .logo-header {
  min-width: 150px;
}
@media (max-width: 920px) {
  .is-grandest header.c-annonimous-nav img.logo-header,
  .is-grandest header.c-annonimous-nav .grandest-logo,
  .is-grandest header.c-annonimous-nav img.flag-header {
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
  .is-grandest header.c-annonimous-nav .grandest-logo-vline {
    margin: 0;
  }
}
@media (max-width: 520px) {
  .is-grandest header.c-annonimous-nav .main-navbar__region-logo {
    margin-left: -25px;
  }
  .is-grandest header.c-annonimous-nav img.logo-header,
  .is-grandest header.c-annonimous-nav .grandest-logo,
  .is-grandest header.c-annonimous-nav img.flag-header {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
  .is-grandest header.c-annonimous-nav .grandest-logo-vline {
    margin: 0 -20px;
  }
}
.is-grandest header.c-annonimous-nav .c-annonimous-ls-button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/* login, register styles */
@media only screen and (max-width: 380px) {
  body.is-grandest.not-logged-in.page-user-login-register header .container, body.is-grandest.not-logged-in._lingua-page-user-login-register header .container {
    padding: 0;
  }
}
body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo .grandest-logo,
body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo .logo-header, body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo .grandest-logo,
body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo .logo-header {
  min-width: 90px;
  max-width: 117px !important;
}
@media (min-width: 521px) and (max-width: 1300px) {
  body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.logo-header,
  body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo .grandest-logo,
  body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.flag-header, body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.logo-header,
  body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo .grandest-logo,
  body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.flag-header {
    -webkit-transform: scale(1) !important;
            transform: scale(1) !important;
  }
}
@media (max-width: 520px) {
  body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.logo-header,
  body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo .grandest-logo,
  body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.flag-header, body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.logo-header,
  body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo .grandest-logo,
  body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.flag-header {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@media (max-width: 380px) {
  body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.logo-header,
  body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo .grandest-logo,
  body.is-grandest.not-logged-in.page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.flag-header, body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.logo-header,
  body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo .grandest-logo,
  body.is-grandest.not-logged-in._lingua-page-user-login-register header .main-navbar.main-navbar-lingua .main-navbar__logo img.flag-header {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
}
@media (max-width: 820px) {
  body.is-grandest.not-logged-in #block-locale-0 {
    min-width: 67px;
  }
}

/* grandest styles logged in with navigation tabs in menu */
.is-grandest.logged-in #header .main-navbar {
  display: grid;
  grid-template-columns: minmax(200px, 0.25fr) 0 minmax(500px, 0.75fr);
}
@media (max-width: 920px) {
  .is-grandest.logged-in #header .main-navbar {
    grid-template-columns: minmax(200px, 0.5fr) minmax(200px, 0.5fr) 0;
  }
}
@media (max-width: 520px) {
  .is-grandest.logged-in #header .main-navbar {
    grid-template-columns: 0.5fr 0.5fr 0;
  }
}
.is-grandest.logged-in #header .main-navbar .nav__wrapper nav.main-navbar__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 921px) and (max-width: 1190px) {
  .is-grandest.logged-in #header > .container {
    padding: 0 2px 0 0;
  }
  .is-grandest.logged-in #header > .container .main-navbar img.logo-header {
    margin-left: -8px;
  }
  .is-grandest.logged-in #header > .container .main-navbar .nav__wrapper:not(.of-canvas-menu) #block-menu-menu-lingua-navigation ul.menu > li:first-child > a {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}
@media (min-width: 921px) and (max-width: 1050px) {
  .is-grandest.logged-in #header > .container .main-navbar img.logo-header {
    margin-left: -16px;
  }
  .is-grandest.logged-in #header > .container .main-navbar img.flag-header {
    margin-left: -13px;
  }
}
@media (max-width: 380px) {
  .is-grandest.logged-in #header #block-locale-0 #language-native {
    min-width: 39px;
  }
  .is-grandest.logged-in #header > .container {
    padding: 0 2px 0 0;
  }
  .is-grandest.logged-in #header > .container .main-navbar img.logo-header {
    margin-left: -16px;
  }
  .is-grandest.logged-in #header > .container .main-navbar img.flag-header {
    margin-left: -13px;
  }
}
.is-grandest.logged-in {
  /* flag fix for my profile page */
}
.is-grandest.logged-in.page-user-settings .flag-header {
  min-width: 29px !important;
}
@media (max-width: 920px) {
  .is-grandest.logged-in.page-user-settings .flag-header {
    max-width: 38px !important;
  }
}
.is-grandest.logged-in.page-user-settings .grandest-logo,
.is-grandest.logged-in.page-user-settings .logo-header {
  min-width: 90px;
  max-width: 117px !important;
}
.is-grandest.logged-in.node-type-starter-lab .main-navbar__region-logo .grandest-logo, .is-grandest.logged-in.node-type-skill-booster .main-navbar__region-logo .grandest-logo {
  min-width: 117px;
}
.is-doyouspeakgrandest.logged-in.page-live .grandest-logo, .is-doyouspeakgrandest.logged-in.page-custominit-denied .grandest-logo, .is-doyouspeakgrandest.logged-in.page-custominit-not-found .grandest-logo {
  max-width: 250px;
}
.is-doyouspeakgrandest.logged-in.page-user-settings .grandest-logo,
.is-doyouspeakgrandest.logged-in.page-user-settings .logo-header {
  max-width: 250px !important;
}
.is-doyouspeakgrandest.logged-in.node-type-video header .main-navbar__region-logo {
  max-width: 252px;
}

.is-doyouspeakgrandest.page-globalexam header .main-navbar__title {
  width: 100%;
}
.is-doyouspeakgrandest.node-type-photovocab header .main-navbar__menu {
  width: 100% !important;
}
.is-doyouspeakgrandest.node-type-video header .main-navbar__menu {
  width: 100% !important;
}

.is-grandest .main-navbar-lingua .main-navbar__logo .c-dysje-logo {
  margin-left: 0px !important;
  width: 100% !important;
  height: auto !important;
}
@media (max-width: 400px) {
  .is-grandest .main-navbar-lingua .main-navbar__logo .c-dysje-logo {
    max-width: 100px !important;
  }
}
.is-grandest .main-navbar-lingua .main-navbar__logo .grandest-logo {
  height: auto !important;
}
@media (max-width: 400px) {
  .is-grandest .main-navbar-lingua .main-navbar__logo .grandest-logo {
    max-width: 100px !important;
  }
}

.is-andjoys .main-navbar-lingua .main-navbar__logo .grandest-logo {
  max-height: 65px;
}
.is-andjoys .c-header-container-logo {
  min-width: 132px;
  max-width: 165px;
}

/* grandest styles logged in WITHOUT navigation tabs in menu */
body.is-grandest.logged-in.node-type-skill-booster #header .main-navbar, body.is-grandest.logged-in.node-type-photovocab #header .main-navbar, body.is-grandest.logged-in.node-type-starter-lab #header .main-navbar, body.is-grandest.logged-in.node-type-video #header .main-navbar, body.is-grandest.logged-in.page-languages #header .main-navbar, body.is-grandest.logged-in.page-globalexam #header .main-navbar, body.is-grandest.logged-in.page-lingua-profile-setup #header .main-navbar, body.is-grandest.logged-in._lingua-page-user-login-register #header .main-navbar, body.is-grandest.logged-in.page-starting-to-learn-chinese #header .main-navbar, body.is-grandest.logged-in.page-intro-to-hanzi #header .main-navbar, body.is-grandest.logged-in.node-type-hanzi-quartet #header .main-navbar, body.is-grandest.logged-in.page-use-mobile-app #header .main-navbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 600px) and (max-width: 920px) {
  body.is-grandest.logged-in.node-type-skill-booster #header > .container, body.is-grandest.logged-in.node-type-photovocab #header > .container, body.is-grandest.logged-in.node-type-starter-lab #header > .container, body.is-grandest.logged-in.node-type-video #header > .container, body.is-grandest.logged-in.page-languages #header > .container, body.is-grandest.logged-in.page-globalexam #header > .container, body.is-grandest.logged-in.page-lingua-profile-setup #header > .container, body.is-grandest.logged-in._lingua-page-user-login-register #header > .container, body.is-grandest.logged-in.page-starting-to-learn-chinese #header > .container, body.is-grandest.logged-in.page-intro-to-hanzi #header > .container, body.is-grandest.logged-in.node-type-hanzi-quartet #header > .container, body.is-grandest.logged-in.page-use-mobile-app #header > .container {
    padding: 0 2px 0 0;
  }
  body.is-grandest.logged-in.node-type-skill-booster #header > .container .main-navbar img.logo-header, body.is-grandest.logged-in.node-type-photovocab #header > .container .main-navbar img.logo-header, body.is-grandest.logged-in.node-type-starter-lab #header > .container .main-navbar img.logo-header, body.is-grandest.logged-in.node-type-video #header > .container .main-navbar img.logo-header, body.is-grandest.logged-in.page-languages #header > .container .main-navbar img.logo-header, body.is-grandest.logged-in.page-globalexam #header > .container .main-navbar img.logo-header, body.is-grandest.logged-in.page-lingua-profile-setup #header > .container .main-navbar img.logo-header, body.is-grandest.logged-in._lingua-page-user-login-register #header > .container .main-navbar img.logo-header, body.is-grandest.logged-in.page-starting-to-learn-chinese #header > .container .main-navbar img.logo-header, body.is-grandest.logged-in.page-intro-to-hanzi #header > .container .main-navbar img.logo-header, body.is-grandest.logged-in.node-type-hanzi-quartet #header > .container .main-navbar img.logo-header, body.is-grandest.logged-in.page-use-mobile-app #header > .container .main-navbar img.logo-header {
    margin-left: -16px;
  }
  body.is-grandest.logged-in.node-type-skill-booster #header > .container .main-navbar img.flag-header, body.is-grandest.logged-in.node-type-photovocab #header > .container .main-navbar img.flag-header, body.is-grandest.logged-in.node-type-starter-lab #header > .container .main-navbar img.flag-header, body.is-grandest.logged-in.node-type-video #header > .container .main-navbar img.flag-header, body.is-grandest.logged-in.page-languages #header > .container .main-navbar img.flag-header, body.is-grandest.logged-in.page-globalexam #header > .container .main-navbar img.flag-header, body.is-grandest.logged-in.page-lingua-profile-setup #header > .container .main-navbar img.flag-header, body.is-grandest.logged-in._lingua-page-user-login-register #header > .container .main-navbar img.flag-header, body.is-grandest.logged-in.page-starting-to-learn-chinese #header > .container .main-navbar img.flag-header, body.is-grandest.logged-in.page-intro-to-hanzi #header > .container .main-navbar img.flag-header, body.is-grandest.logged-in.node-type-hanzi-quartet #header > .container .main-navbar img.flag-header, body.is-grandest.logged-in.page-use-mobile-app #header > .container .main-navbar img.flag-header {
    margin-left: -8px;
  }
  body.is-grandest.logged-in.node-type-skill-booster #header img.logo-header,
  body.is-grandest.logged-in.node-type-skill-booster #header .grandest-logo,
  body.is-grandest.logged-in.node-type-skill-booster #header img.flag-header, body.is-grandest.logged-in.node-type-photovocab #header img.logo-header,
  body.is-grandest.logged-in.node-type-photovocab #header .grandest-logo,
  body.is-grandest.logged-in.node-type-photovocab #header img.flag-header, body.is-grandest.logged-in.node-type-starter-lab #header img.logo-header,
  body.is-grandest.logged-in.node-type-starter-lab #header .grandest-logo,
  body.is-grandest.logged-in.node-type-starter-lab #header img.flag-header, body.is-grandest.logged-in.node-type-video #header img.logo-header,
  body.is-grandest.logged-in.node-type-video #header .grandest-logo,
  body.is-grandest.logged-in.node-type-video #header img.flag-header, body.is-grandest.logged-in.page-languages #header img.logo-header,
  body.is-grandest.logged-in.page-languages #header .grandest-logo,
  body.is-grandest.logged-in.page-languages #header img.flag-header, body.is-grandest.logged-in.page-globalexam #header img.logo-header,
  body.is-grandest.logged-in.page-globalexam #header .grandest-logo,
  body.is-grandest.logged-in.page-globalexam #header img.flag-header, body.is-grandest.logged-in.page-lingua-profile-setup #header img.logo-header,
  body.is-grandest.logged-in.page-lingua-profile-setup #header .grandest-logo,
  body.is-grandest.logged-in.page-lingua-profile-setup #header img.flag-header, body.is-grandest.logged-in._lingua-page-user-login-register #header img.logo-header,
  body.is-grandest.logged-in._lingua-page-user-login-register #header .grandest-logo,
  body.is-grandest.logged-in._lingua-page-user-login-register #header img.flag-header, body.is-grandest.logged-in.page-starting-to-learn-chinese #header img.logo-header,
  body.is-grandest.logged-in.page-starting-to-learn-chinese #header .grandest-logo,
  body.is-grandest.logged-in.page-starting-to-learn-chinese #header img.flag-header, body.is-grandest.logged-in.page-intro-to-hanzi #header img.logo-header,
  body.is-grandest.logged-in.page-intro-to-hanzi #header .grandest-logo,
  body.is-grandest.logged-in.page-intro-to-hanzi #header img.flag-header, body.is-grandest.logged-in.node-type-hanzi-quartet #header img.logo-header,
  body.is-grandest.logged-in.node-type-hanzi-quartet #header .grandest-logo,
  body.is-grandest.logged-in.node-type-hanzi-quartet #header img.flag-header, body.is-grandest.logged-in.page-use-mobile-app #header img.logo-header,
  body.is-grandest.logged-in.page-use-mobile-app #header .grandest-logo,
  body.is-grandest.logged-in.page-use-mobile-app #header img.flag-header {
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
  body.is-grandest.logged-in.node-type-skill-booster #header .grandest-logo-vline, body.is-grandest.logged-in.node-type-photovocab #header .grandest-logo-vline, body.is-grandest.logged-in.node-type-starter-lab #header .grandest-logo-vline, body.is-grandest.logged-in.node-type-video #header .grandest-logo-vline, body.is-grandest.logged-in.page-languages #header .grandest-logo-vline, body.is-grandest.logged-in.page-globalexam #header .grandest-logo-vline, body.is-grandest.logged-in.page-lingua-profile-setup #header .grandest-logo-vline, body.is-grandest.logged-in._lingua-page-user-login-register #header .grandest-logo-vline, body.is-grandest.logged-in.page-starting-to-learn-chinese #header .grandest-logo-vline, body.is-grandest.logged-in.page-intro-to-hanzi #header .grandest-logo-vline, body.is-grandest.logged-in.node-type-hanzi-quartet #header .grandest-logo-vline, body.is-grandest.logged-in.page-use-mobile-app #header .grandest-logo-vline {
    margin: 0 7px;
  }
}

/* annonimous page styles grandest */
.is-grandest.not-logged-in header.c-annonimous-nav {
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);
  height: 75px;
}
.is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-ls-button #block-menu-menu-lingua-navigation {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0;
}
.is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-ls-button #block-menu-menu-lingua-navigation li.leaf:hover {
  background-color: transparent;
}
.is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-ls-button #block-menu-menu-lingua-navigation li.leaf button.dropdown-toggle {
  color: #36393F;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.17px;
}
.is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-ls-button #language-container {
  margin-left: 20px;
}
.is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-ls-button #language-container .ls-language-selector:before {
  font-size: 19px;
}
.is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-ls-button #language-container .ls-language-selector:after {
  font-size: 14px !important;
  top: 0px;
  left: -3px;
}
.is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-ls-button .ls-button {
  margin: 0 10px;
}
.is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-ls-button .ls-button__sign-in, .is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-ls-button .ls-button__sign-up {
  font-size: 1em;
  height: 48px;
  padding: 0.5em 3vw;
}
.is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-ls-button .ls-button__sign-in {
  color: #00ADE3;
  border-color: #00ADE3;
}
.is-grandest.not-logged-in header.c-annonimous-nav .c-annonimous-ls-button .ls-button__sign-up {
  background-color: #00ADE3;
  border: 2px solid #00ADE3;
}
@media (max-width: 920px) {
  .is-grandest.not-logged-in header.c-annonimous-nav button.dropdown-toggle.js-accessibility-link:after {
    display: none;
  }
  .is-grandest.not-logged-in header.c-annonimous-nav #block-menu-menu-lingua-navigation {
    display: none;
  }
}
.is-grandest.not-logged-in header.c-annonimous-nav .nav__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.is-grandest.not-logged-in header.c-annonimous-nav .nav__wrapper nav.main-navbar__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.is-grandest.not-logged-in .c-annonimous-hero {
  background-image: url("/sites/all/themes/lingua/assets/annonimous/hero-grandest-overlay.webp");
  background-size: cover;
  background-position: center;
}
@media (min-width: 660px) and (max-width: 1000px) {
  .is-grandest.not-logged-in .c-annonimous-hero {
    background-position: 47% 0;
  }
}
@media (max-width: 700px) {
  .is-grandest.not-logged-in .c-annonimous-hero {
    min-height: 62vh;
  }
}
.is-grandest.not-logged-in .c-annonimous-hero__title {
  font-family: "Open Sans";
  font-size: 60px;
  font-weight: 600;
  letter-spacing: -0.29px;
  line-height: 82px;
  text-align: center;
  text-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.4);
}
.is-grandest.not-logged-in .c-annonimous-hero__subtitle {
  font-family: "Open Sans";
  font-size: 36px;
  font-weight: 600;
  letter-spacing: -0.18px;
  line-height: 49px;
  text-align: center;
  text-shadow: 0 0 12px 0 #000000;
}
.is-grandest.not-logged-in .c-annonimous-hero__btn {
  background-color: #00ADE3;
  -webkit-box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.19);
          box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.19);
}
.is-grandest.not-logged-in .c-annonimous-hero__btn:hover, .is-grandest.not-logged-in .c-annonimous-hero__btn:active {
  background-color: #fff;
  color: #00ADE3;
  border-color: #00ADE3;
}
@media (max-width: 991px) and (min-width: 601px) {
  .is-grandest.not-logged-in .c-annonimous-section .img-responsive {
    width: 70%;
    margin: 0 auto;
  }
  .is-grandest.not-logged-in .c-annonimous-section .c-annonimous-language__image {
    width: 90%;
  }
}
.is-grandest.not-logged-in .c-annonimous-section .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 991px) {
  .is-grandest.not-logged-in .c-annonimous-section .row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.is-grandest.not-logged-in .c-annonimous-section__btn {
  border: 1px solid #00ade3;
  color: #00ade3;
  display: inline-block;
  overflow: hidden;
  text-decoration: none;
  background-position: -240px 0;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background-image: -webkit-gradient(linear, left top, right top, from(#4BACDE), to(#6CD7EF));
  background-image: linear-gradient(90deg, #4BACDE 0%, #6CD7EF 100%);
}
.is-grandest.not-logged-in .c-annonimous-section__btn:hover {
  background-position: 100% 50%;
  background-color: transparent;
  color: #fff !important;
  border: none;
}
.is-grandest.not-logged-in .c-annonimous-section__title {
  font-size: 32px;
  letter-spacing: -0.16px;
  line-height: 44px;
}
@media (max-width: 991px) {
  .is-grandest.not-logged-in .c-annonimous-section__title {
    padding-top: 30px;
  }
}
.is-grandest.not-logged-in .c-annonimous-section__desc {
  font-size: 20px;
  letter-spacing: -0.1px;
  line-height: 30px;
  padding-bottom: 35px;
}
.is-grandest.not-logged-in .c-annonimous-section #carousel-image-language-switcher {
  display: none;
}
.is-grandest.not-logged-in .c-annonimous-section .circle-backdrop {
  background-image: url("/sites/all/themes/lingua/assets/annonimous/white-circle.svg");
  width: 32vw;
  height: 32vw;
  grid-area: 1/1/4/2;
}
.is-grandest.not-logged-in .c-annonimous-section1 {
  background-color: #Fff;
  background-image: none;
  height: auto;
}
@media (max-width: 991px) {
  .is-grandest.not-logged-in .c-annonimous-section1 {
    padding-bottom: 10%;
  }
  .is-grandest.not-logged-in .c-annonimous-section1 .row > div {
    padding: 0;
    margin-bottom: 30px;
  }
}
.is-grandest.not-logged-in .c-annonimous-section1 .c-perspective {
  background-color: #D8D8D8;
  height: 500px;
  width: 500px;
  border-radius: 50%;
  margin-left: 10vw;
  margin-top: 16vh;
}
.is-grandest.not-logged-in .c-annonimous-section1 #carousel-image-language-switcher {
  display: none;
}
@media (min-width: 991px) {
  .is-grandest.not-logged-in .c-annonimous-section1 .c-annonimous-section_wrapper {
    padding: 100px 100px 0 100px;
  }
  .is-grandest.not-logged-in .c-annonimous-section1 .c-annonimous-section_wrapper div:first-child {
    padding-right: 80px;
  }
}
@media (min-width: 1px) and (max-width: 991px) {
  .is-grandest.not-logged-in .c-annonimous-section1 .c-annonimous-section_wrapper {
    padding: 50px 40px 0 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.is-grandest.not-logged-in .c-annonimous-section1 .c-annonimous-section_wrapper .c-annonimous-language__switcher li {
  margin: 0 3px;
}
.is-grandest.not-logged-in .c-annonimous-section1 .c-annonimous-section_wrapper .c-annonimous-language__switcher li.c-flags-image {
  width: 100%;
}
.is-grandest.not-logged-in .c-annonimous-section1 .c-annonimous-section_wrapper .c-annonimous-language__switcher li.c-flags-image img {
  width: 100%;
}
@media (min-width: 1281px) {
  .is-grandest.not-logged-in .c-annonimous-section1 .c-annonimous__info-container {
    min-height: 650px;
  }
}
.is-grandest.not-logged-in .c-annonimous-section3 {
  background-image: url("/sites/all/themes/lingua/assets/annonimous/blue-background-annonimous.svg");
  background-color: #fff;
  min-height: 1076px;
}
@media (max-width: 991px) {
  .is-grandest.not-logged-in .c-annonimous-section3 .c-annoymous-bottom-speace {
    margin-bottom: 0;
  }
}
.is-grandest.not-logged-in .c-annonimous-section3 .row {
  margin: 0 80px;
}
@media (min-width: 991px) {
  .is-grandest.not-logged-in .c-annonimous-section3 .row > div:nth-child(2) {
    padding-left: 80px;
  }
}
@media (max-width: 991px) {
  .is-grandest.not-logged-in .c-annonimous-section3 .row > div:nth-child(2) {
    padding: 10px 20px 30px 20px;
  }
}
@media (min-width: 991px) {
  .is-grandest.not-logged-in .c-annonimous-section3__image {
    max-height: 660px;
    height: 500px;
  }
}
.is-grandest.not-logged-in .c-annonimous-section3__image:after {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.is-grandest.not-logged-in .c-annonimous-section3__image .vjs-poster {
  background-color: #e0f8ff;
  background-size: contain;
}
.is-grandest.not-logged-in .c-annonimous-section3 .video-js {
  background-color: transparent !important;
  height: 100%;
}
.is-grandest.not-logged-in .c-annonimous-section3 .vjs-has-started.video-js {
  height: auto;
}
.is-grandest.not-logged-in .c-annonimous-section4 {
  background-image: url("/sites/all/themes/lingua/assets/annonimous/grandest-blue-line-background.svg");
  background-color: #fff;
  background-position: bottom;
  min-height: 900px;
  padding-bottom: 80px;
  padding-top: 0;
}
@media (min-width: 991px) {
  .is-grandest.not-logged-in .c-annonimous-section4 .c-annonimous-section_wrapper {
    padding: 0 67px 0 100px;
  }
}
.is-grandest.not-logged-in .c-annonimous-section4 .c-annonimous-section_wrapper .cel-text {
  padding-left: 0;
}
@media (max-width: 991px) {
  .is-grandest.not-logged-in .c-annonimous-section4 .c-annonimous-section_wrapper .cel-text {
    padding-left: 20px !important;
    padding: 0 20px 20px 20px;
  }
}
@media (min-width: 992px) {
  .is-grandest.not-logged-in .c-annonimous-section4 .c-annonimous-section_wrapper .cel-text--spacing {
    padding-left: 4%;
  }
}
@media (max-width: 991px) {
  .is-grandest.not-logged-in .c-annonimous-section4 .c-annonimous-section_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .is-grandest.not-logged-in .c-annonimous-section4 .c-annonimous-section_wrapper img {
    padding-top: 0;
    margin-bottom: 20px;
  }
}
.is-grandest.not-logged-in .c-annonimous-section5.last-section {
  background-image: none;
  background-color: #fff;
  padding-top: 11%;
}
@media (max-width: 991px) {
  .is-grandest.not-logged-in .c-annonimous-section5.last-section {
    padding-top: 0;
  }
}
@media (min-width: 991px) {
  .is-grandest.not-logged-in .c-annonimous-section5.last-section .row {
    padding: 0 0 0 5.5%;
  }
}
@media (min-width: 700px) {
  .is-grandest.not-logged-in .c-annonimous-section5.last-section .row .cel-text {
    margin: 0;
    padding: 0 5.5% 0 0;
  }
}
@media (max-width: 991px) {
  .is-grandest.not-logged-in .c-annonimous-section5.last-section .row .cel-text {
    padding: 0px 8%;
  }
}
@media (max-width: 991px) {
  .is-grandest.not-logged-in .c-annonimous-section5 .c-annonimous-section_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.is-grandest.not-logged-in .c-annonimous-section5 .c-store-btn__container {
  margin: 0;
}
.is-grandest.not-logged-in .c-annonimous-section5 .c-annonimous-section__desc {
  text-align: justify;
}
.is-grandest.not-logged-in .c-annonimous-section5 #mobile-circle-image {
  position: relative;
  width: 94%;
  margin: auto;
}
@media (max-width: 1199px) {
  .is-grandest.not-logged-in .c-annonimous-section5 #mobile-circle-image {
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .is-grandest.not-logged-in .c-annonimous-section5 #mobile-circle-image {
    max-width: 700px;
  }
}
@media (max-width: 700px) {
  .is-grandest.not-logged-in h1 {
    font-size: 24px !important;
    line-height: normal !important;
  }
  .is-grandest.not-logged-in h2 {
    font-size: 20px !important;
    line-height: normal !important;
  }
}

.is-boosteen .grandest-header .main-navbar__region-logo .grandest-logo {
  min-width: 108px;
  max-width: 117px;
}

/* User mobile App */
.is-lingua .c-user-mobile-app__button {
  background-color: #DC5B6B;
  -webkit-box-shadow: 0 1px 10px 0 rgba(186, 95, 97, 0.5), 0 0 13px 0 rgba(186, 95, 97, 0.3), 0 2px 9px 0 rgba(186, 95, 97, 0.1);
          box-shadow: 0 1px 10px 0 rgba(186, 95, 97, 0.5), 0 0 13px 0 rgba(186, 95, 97, 0.3), 0 2px 9px 0 rgba(186, 95, 97, 0.1);
  font-weight: 400;
}

.is-qioz-fr .c-user-mobile-app__button {
  background-color: #FF3333;
  font-weight: 400;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.is-qioz-fr .c-user-mobile-app__button:hover, .is-qioz-fr .c-user-mobile-app__button:active, .is-qioz-fr .c-user-mobile-app__button:focus {
  background-color: #FFFFFF;
  border: 1px solid #FF3333;
  color: #FF3333;
}

.c-user-mobile-app {
  padding: 4%;
  min-height: calc(100vh - 70px);
}
@media (max-width: 1160px) {
  .c-user-mobile-app {
    min-height: calc(100vh - 60px);
  }
}
@media (max-height: 895px) {
  .c-user-mobile-app {
    padding: 3%;
  }
}
@media (max-height: 870px) {
  .c-user-mobile-app {
    padding: 2%;
  }
}
@media (max-height: 845px) {
  .c-user-mobile-app {
    padding: 1%;
  }
}
@media (max-width: 600px) {
  .c-user-mobile-app {
    padding: 5%;
  }
}
.c-user-mobile-app__title {
  margin: 0;
  font-weight: 600;
  color: #43454A;
  font-size: 25px;
  text-align: center;
}
@media (max-width: 600px) {
  .c-user-mobile-app__title {
    font-size: 21px;
  }
}
.c-user-mobile-app__description {
  font-size: 17px;
  font-weight: 400;
  color: #43454A;
  text-align: center;
  max-width: 600px;
  margin: 20px auto 0;
}
@media (max-width: 600px) {
  .c-user-mobile-app__description {
    font-size: 14px;
  }
}
@media (max-width: 335px), (max-height: 650px) {
  .c-user-mobile-app__description {
    margin: 10px auto 0;
  }
}
.c-user-mobile-app__button {
  max-width: 265px;
  min-height: 53px;
  width: 100%;
  height: auto;
  border-radius: 30px;
  border: none;
  background-color: #009FE3;
  color: #FFFFFF;
  font-size: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-user-mobile-app__button:hover, .c-user-mobile-app__button:focus {
  color: #FFFFFF;
}
.c-user-mobile-app__link {
  font-size: 14px;
  color: #43454A;
  font-weight: 400;
  margin-top: 35px;
}
.c-user-mobile-app__link:hover {
  color: #43454A;
}
@media (max-height: 745px) {
  .c-user-mobile-app__link {
    margin-top: 15px;
  }
}
.c-user-mobile-app__btns-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 30px;
}
@media (max-height: 670px) {
  .c-user-mobile-app__btns-container {
    margin-top: 10px;
  }
}
.c-user-mobile-app img {
  max-width: 430px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin: 25px auto;
}
@media (max-height: 815px), (max-width: 530px) {
  .c-user-mobile-app img {
    max-width: 380px;
  }
}
@media (max-height: 780px), (max-width: 450px) {
  .c-user-mobile-app img {
    max-width: 300px;
  }
}
@media (max-height: 710px) {
  .c-user-mobile-app img {
    max-width: 250px;
  }
}
@media (max-width: 365px) {
  .c-user-mobile-app img {
    max-width: 220px;
  }
}
@media (max-width: 335px) {
  .c-user-mobile-app img {
    margin: 20px auto;
    max-width: 210px;
  }
}

.page-use-mobile-app #block-menu-menu-lingua-navigation,
.page-use-mobile-app #tooltips-menu-toggle,
.page-use-mobile-app #block-menu-menu-lingua-toolbox {
  display: none !important;
}
@media (min-width: 921px) and (max-width: 1190px) {
  .page-use-mobile-app.is-grandest.logged-in #header > .container .main-navbar img.logo-header {
    margin-left: 0 !important;
  }
}
@media (min-width: 600px) and (max-width: 920px) {
  .page-use-mobile-app.is-grandest.logged-in #header > .container .main-navbar img.logo-header {
    margin-left: 0 !important;
  }
}
@media (max-width: 380px) {
  .page-use-mobile-app.is-grandest.logged-in #header > .container .main-navbar img.logo-header {
    margin-left: 0 !important;
  }
}
@media (max-width: 991px) {
  .page-use-mobile-app .container.c-container-login-register {
    padding-top: 10px !important;
  }
}
@media (max-width: 600px) {
  .page-use-mobile-app .container.c-container-login-register {
    padding-top: 15px !important;
  }
}
@media (max-width: 600px) {
  .page-use-mobile-app .main-navbar-lingua {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .page-use-mobile-app .main-navbar-lingua .main-navbar__logo {
    margin: 0 !important;
  }
  .page-use-mobile-app .main-navbar-lingua .main-navbar__logo img {
    width: 100% !important;
    max-width: 120px !important;
  }
  .page-use-mobile-app.is-qioz-fr .main-navbar-lingua .main-navbar__logo img {
    max-width: 200px !important;
  }
}
@media (max-width: 400px) {
  .page-use-mobile-app.is-lingua .main-navbar-lingua .main-navbar__logo {
    margin: 0 2% !important;
  }
}

/* Lingua Phone Connect */
.is-linguaphone.not-logged-in header.c-annonimous-nav .c-annonimous-ls-button .ls-button__sign-in {
  background-color: #E10600;
  color: #FFFFFF;
  border-color: #E10600;
}
.is-linguaphone.not-logged-in .c-annonimous-hero {
  background-image: url("/sites/all/themes/lingua/assets/annonimous/hero-linguaphone-overlay.png");
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  padding: 0 15px 0 80px;
}
.is-linguaphone.not-logged-in .c-annonimous-hero__wrapper {
  margin: 0;
  max-width: 650px;
  text-align: left;
}
@media (max-width: 1366px) {
  .is-linguaphone.not-logged-in .c-annonimous-hero__wrapper {
    max-width: 400px;
  }
}
@media (max-width: 901px) {
  .is-linguaphone.not-logged-in .c-annonimous-hero__wrapper {
    max-width: 350px;
  }
}
@media (max-width: 730px) {
  .is-linguaphone.not-logged-in .c-annonimous-hero__wrapper {
    background-color: rgba(0, 0, 0, 0.2);
    padding: 0 10px;
  }
}
@media (max-width: 500px) {
  .is-linguaphone.not-logged-in .c-annonimous-hero__wrapper {
    margin: 0 auto;
  }
}
.is-linguaphone.not-logged-in .c-annonimous-hero__title {
  color: #E10600;
  font-family: "Open Sans";
  font-size: 46px;
  font-weight: 600;
  letter-spacing: -0.22px;
  line-height: 50px;
  text-align: left;
  text-shadow: 0 5px 4px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 1024px) {
  .is-linguaphone.not-logged-in .c-annonimous-hero__title {
    font-size: 36px;
    line-height: 40px;
  }
}
@media (max-width: 901px) {
  .is-linguaphone.not-logged-in .c-annonimous-hero__title {
    font-size: 26px;
    line-height: 32px;
    padding-bottom: 20px;
  }
}
.is-linguaphone.not-logged-in .c-annonimous-hero__subtitle {
  color: #43454A;
  font-family: "Open Sans";
  font-size: 25px;
  font-weight: 400;
  letter-spacing: -0.12px;
  line-height: 34px;
  text-align: left;
  margin: 0;
  max-width: 540px;
}
@media (max-width: 1024px) {
  .is-linguaphone.not-logged-in .c-annonimous-hero__subtitle {
    font-size: 20px;
  }
}
@media (max-width: 901px) {
  .is-linguaphone.not-logged-in .c-annonimous-hero__subtitle {
    font-size: 17px;
  }
}
@media (max-width: 730px) {
  .is-linguaphone.not-logged-in .c-annonimous-hero__subtitle {
    color: #FFFFFF;
  }
}
.is-linguaphone.not-logged-in .c-annonimous-hero__btn {
  background-color: #E10600;
  margin: 0 0 20px 0;
}
.is-linguaphone.not-logged-in .c-annonimous-hero__btn:hover {
  background-color: #E10600;
  color: #FFFFFF;
  border-color: #E10600;
}
@media (max-width: 1024px) {
  .is-linguaphone.not-logged-in .c-annonimous-hero {
    padding: 0 15px 0 40px;
    min-height: 600px;
  }
}
@media (max-width: 901px) {
  .is-linguaphone.not-logged-in .c-annonimous-hero {
    padding: 0 20px;
  }
}
@media (max-width: 730px) {
  .is-linguaphone.not-logged-in .c-annonimous-hero {
    background-position: 73% 0;
  }
}
.is-linguaphone.not-logged-in .c-annonimous-sections__title {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 46px;
  font-weight: 600;
  letter-spacing: -0.22px;
  margin-bottom: 85px;
  padding: 0 15px;
}
@media (max-width: 1024px) {
  .is-linguaphone.not-logged-in .c-annonimous-sections__title {
    font-size: 36px;
  }
}
@media (max-width: 901px) {
  .is-linguaphone.not-logged-in .c-annonimous-sections__title {
    font-size: 26px;
    margin-bottom: 40px;
  }
}
.is-linguaphone.not-logged-in .c-annonimous-section1 {
  background-image: url("/sites/all/themes/lingua/assets/annonimous/white-background-annonimous-top.svg");
  background-color: #F5F9FF;
  min-height: 1000px;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 991px) {
  .is-linguaphone.not-logged-in .c-annonimous-section1 .c-annonimous-section_wrapper {
    padding-bottom: 70px;
  }
}
.is-linguaphone.not-logged-in .c-annonimous-section3 {
  background-image: none;
  background-color: #F5F9FF;
  padding: 3% 0;
  min-height: auto;
}
.is-linguaphone.not-logged-in .c-annonimous-section4 {
  background-image: url("/sites/all/themes/lingua/assets/annonimous/white-background-annonimous.svg");
  background-color: #F5F9FF;
  min-height: 1000px;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 992px) {
  .is-linguaphone.not-logged-in .c-annonimous-section4 .c-annonimous-section_wrapper .cel-text {
    margin-left: 80px;
  }
}
@media (max-width: 991px) {
  .is-linguaphone.not-logged-in .c-annonimous-section4 {
    padding-top: 15%;
  }
}
@media (max-width: 660px) {
  .is-linguaphone.not-logged-in .c-annonimous-section4 {
    padding-top: 30%;
  }
}
.is-linguaphone.not-logged-in .c-annonimous-section6 {
  background-color: #F5F9FF;
}
.is-linguaphone.not-logged-in .c-annonimous-section__title {
  padding-bottom: 10px;
}
.is-linguaphone.not-logged-in .c-annonimous-section__btn {
  border: 1px solid #E10600;
  color: #E10600;
  background-image: none;
}
.is-linguaphone.not-logged-in .c-annonimous-section__btn:hover {
  background-color: #E10600;
  border: 1px solid #E10600;
}
.is-linguaphone.not-logged-in .la-header-logo {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 2.3;
      -ms-flex: 2.3;
          flex: 2.3;
}
.is-linguaphone.not-logged-in .la-header-langauge-select {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 10px;
}
@media (max-width: 400px) {
  .is-linguaphone.not-logged-in .la-header-langauge-select #language-container {
    width: auto;
  }
}
@media (max-width: 820px) {
  .is-linguaphone.not-logged-in .la-header-langauge-select .ls-language-select-list::before, .is-linguaphone.not-logged-in .la-header-langauge-select .ls-language-select-list::after {
    left: 90%;
  }
}
@media (max-width: 820px) {
  .is-linguaphone.not-logged-in .la-header-langauge-select .ls-language-select-list {
    right: 0;
    left: auto;
  }
}

@media (max-width: 991px) {
  .is-linguaphone #mobile-circle-image {
    margin-top: 45px;
  }
}
.is-linguaphone .c-sb-lingua-header-game__title {
  color: #BEBEBE;
  font-weight: 400;
}

.c-section-title-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  margin-bottom: 25px;
}
.c-section-title-container__icon {
  width: 76px;
  height: 76px;
  margin-right: 30px;
}

.c-footer-links-and-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.c-footer-links-and-logo .nav-pills li:first-of-type {
  margin-left: 2px;
}
@media (max-width: 991px) {
  .c-footer-links-and-logo .nav-pills {
    text-align: left;
  }
}
.c-footer-links-and-logo .c-footer-logo {
  margin-bottom: 15px;
}
.c-footer-links-and-logo .c-footer-logo img {
  width: 87px;
}
@media (max-width: 991px) {
  .c-footer-links-and-logo .c-footer-logo {
    margin-left: 37px;
  }
}

@media (max-width: 800px) {
  .is-linguaphone .c-footer-links-and-logo .nav-pills li {
    display: block;
  }
}
@media (max-width: 800px) {
  .is-linguaphone .c-footer-links-and-logo .nav-pills {
    display: block;
  }
}
@media (max-width: 800px) {
  .is-linguaphone .c-footer-links-and-logo .c-footer-logo {
    margin-top: 15px;
    margin-bottom: 30px;
  }
}
@media (max-width: 800px) {
  .is-linguaphone .c-footer-links-and-logo {
    display: block;
  }
}

.c-footer-social-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-footer-social-icons .c-icon {
  margin: 0 10px;
}
@media (max-width: 991px) {
  .c-footer-social-icons {
    margin: 0 30px;
  }
}

.c-logout-block {
  text-align: center;
}

.c-icon-link {
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  padding: 0 10px;
}
.c-icon-link:before {
  background: url("/sites/all/themes/lingua/images/icons/logout-icon-black.svg");
  height: 15px;
  width: 15px;
  display: inline-block;
  position: relative;
  content: "";
  left: -8px;
  top: 2px;
}
.c-icon-link:hover {
  color: #000000;
}

/* LSF */
.custom-btn, .c-lsf-intro-footer__prev-btn, .c-lsf-intro-footer__continue-btn, .c-lsf-intro-footer__restart-btn {
  min-height: 50px;
  min-width: 235px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 25px;
  font-size: 15px;
  font-weight: 400;
}

.c-lsf-introduction .c-header-introduction {
  background-color: #FFFFFF;
  padding: 0 37px;
  min-height: 70px;
  border-radius: 20px;
}
@media (max-width: 600px) {
  .c-lsf-introduction .c-header-introduction {
    padding: 0 20px;
  }
}
.c-lsf-introduction .c-header-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-lsf-introduction .c-header-container__title {
  color: #4B4B4B;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.15px;
  line-height: 19px;
  padding-left: 18px;
}
@media (min-width: 600px) {
  .c-lsf-introduction .c-header-container__title {
    font-size: 20px;
    letter-spacing: -0.21px;
    line-height: 27px;
  }
}
.c-lsf-introduction .c-body-introduction {
  background-color: #F7F7F8;
  padding-top: 15px;
}
.c-lsf-introduction .c-body-introduction .c-body-introduction-block {
  max-width: 709px;
  border-radius: 20px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);
}
@media (max-width: 992px) {
  .c-lsf-introduction .c-body-introduction .c-body-introduction-block {
    max-width: 100%;
  }
}
@media (min-width: 993px) {
  .c-lsf-introduction .c-body-introduction .c-body-introduction-block {
    min-height: 291px;
  }
}
@media (max-width: 992px) {
  .c-lsf-introduction .c-body-introduction .c-body-introduction-block:not(.c-intro-letters-numbers) {
    margin-bottom: 15px;
  }
}
.c-lsf-introduction .c-body-introduction .c-body-introduction-block .c-left-side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
}
.c-lsf-introduction .c-body-introduction .c-body-introduction-block .c-left-side__image img {
  max-width: 277px;
  width: 100%;
  min-width: 177px;
  border-radius: 20px;
}
@media (max-width: 600px) {
  .c-lsf-introduction .c-body-introduction .c-body-introduction-block .c-left-side__image {
    text-align: center;
  }
}
@media (max-width: 600px) {
  .c-lsf-introduction .c-body-introduction .c-body-introduction-block .c-left-side {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.c-lsf-introduction .c-body-introduction .c-body-introduction-block .c-left-side-content {
  padding-left: 43px;
  max-width: 382px;
}
.c-lsf-introduction .c-body-introduction .c-body-introduction-block .c-left-side-content__title {
  border-bottom: 1px solid #EFEFEF;
  padding-bottom: 10px;
  padding-right: 15px;
  color: #4B4B4B;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 24px;
}
.c-lsf-introduction .c-body-introduction .c-body-introduction-block .c-left-side-content__description {
  padding-top: 15px;
  padding-right: 15px;
  font-size: 14px;
  letter-spacing: -0.17px;
  line-height: 21px;
  color: #000000;
}
.c-lsf-introduction .c-body-introduction .c-body-introduction-block .c-left-side-content__btn-container {
  margin-top: 10px;
  margin-right: 15px;
  text-align: right;
}
@media (max-width: 992px) {
  .c-lsf-introduction .c-body-introduction .c-body-introduction-block .c-left-side-content {
    max-width: 626px;
  }
}
@media (max-width: 600px) {
  .c-lsf-introduction .c-body-introduction .c-body-introduction-block .c-left-side-content {
    padding-left: 8px;
    padding-top: 20px;
  }
}
.c-lsf-introduction .c-body-introduction .c-body-introduction-block__title {
  padding: 20px 30px;
  color: #4B4B4B;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 22px;
  border-bottom: 1px solid #EFEFEF;
}
.c-lsf-introduction .c-body-introduction .c-body-introduction-block .c-right-side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 22px 15px 15px;
}
.c-lsf-introduction .c-body-introduction .c-body-introduction-block .c-right-side__image {
  margin-right: 20px;
}
.c-lsf-introduction .c-body-introduction .c-body-introduction-block .c-right-side__image img {
  width: 156px;
}
@media (max-width: 600px) {
  .c-lsf-introduction .c-body-introduction .c-body-introduction-block .c-right-side__image {
    text-align: center;
  }
}
@media (max-width: 600px) {
  .c-lsf-introduction .c-body-introduction .c-body-introduction-block .c-right-side {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.c-lsf-introduction .c-body-introduction .c-body-introduction-block .c-right-side-content__text {
  color: #000000;
  font-size: 14px;
  letter-spacing: -0.17px;
  line-height: 21px;
  padding-top: 12px;
}
.c-lsf-introduction .c-body-introduction .c-body-introduction-block .c-right-side-content__btn-block {
  margin-top: 13px;
  text-align: right;
}
.c-lsf-introduction .c-action-button {
  border-radius: 20px;
  background-color: #4A90E2;
  padding: 10px 15px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.13px;
  line-height: 17px;
  text-align: center;
  color: #FFFFFF;
  border: none;
}

.c-lsf-header-title {
  color: #4B4B4B;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: -0.26px;
  line-height: 26px;
  text-align: center;
  margin: 0 7px 0 0;
}
@media (max-width: 991px) {
  .c-lsf-header-title {
    font-size: 20px;
  }
}
@media (max-width: 850px) {
  .c-lsf-header-title {
    font-size: 18px;
  }
}

.is-lingua .c-lsf-header-title {
  color: #FFFFFF;
}

.introduction-to-lsf-pages #page-content .container {
  margin-top: 8.5px;
}
@media (max-width: 920px) {
  .introduction-to-lsf-pages .of-canvas-navigation {
    visibility: visible !important;
  }
}
@media (max-width: 600px) {
  .introduction-to-lsf-pages .c-close-icon_div {
    display: block;
  }
}
@media (max-width: 600px) {
  .introduction-to-lsf-pages .c-close-icon-header-games {
    display: block;
  }
}
.introduction-to-lsf-pages.is-doyouspeakgrandest.logged-in #header .main-navbar {
  grid-template-columns: minmax(200px, 0.25fr) minmax(400px, 0.5fr) minmax(200px, 0.25fr);
}
@media (max-width: 920px) {
  .introduction-to-lsf-pages.is-doyouspeakgrandest.logged-in #header .main-navbar {
    grid-template-columns: minmax(200px, 0.3fr) minmax(200px, 0.4fr) minmax(200px, 0.3fr);
  }
}
@media (max-width: 600px) {
  .introduction-to-lsf-pages.is-doyouspeakgrandest.logged-in #header .main-navbar {
    grid-template-columns: 0.65fr 0.35fr 0;
  }
}
.introduction-to-lsf-pages.is-doyouspeakgrandest.logged-in .main-navbar-lingua .main-navbar__title {
  width: 100%;
}
.introduction-to-lsf-pages.is-lingua.logged-in .main-navbar-lingua .main-navbar__logo {
  width: 15%;
  margin-left: 0 !important;
}
.introduction-to-lsf-pages.is-lingua.logged-in .main-navbar-lingua .main-navbar__title {
  width: 69%;
}

.c-lsf-body {
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  min-height: calc(100vh - 168px);
}
@media (max-width: 1160px) {
  .c-lsf-body {
    min-height: calc(100vh - 146px);
  }
}
@media (max-height: 1280px) {
  .c-lsf-body {
    padding-bottom: 98px;
  }
}
@media (min-height: 1290px) {
  .c-lsf-body {
    min-height: 560px;
  }
}

.c-lsf-intro-body {
  max-width: 680px;
  margin: 0 auto;
  padding: 40px 15px;
}
.c-lsf-intro-body__title {
  color: #4B4B4B;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.26px;
  line-height: 26px;
  padding-bottom: 15px;
}
.c-lsf-intro-body .c-paragraph {
  padding: 20px 0;
  color: #404040;
  font-size: 18px;
  letter-spacing: -0.18px;
  line-height: 30px;
  font-weight: 400;
}
.c-lsf-intro-body .c-video-block {
  max-height: 370px;
  width: 100%;
  margin: 25px 0;
  display: inline-block;
}
.c-lsf-intro-body .c-video-block:last-of-type {
  margin: 25px 0 0 0;
}
.c-lsf-intro-body .c-video-block video {
  width: 100%;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.25);
}
.c-lsf-intro-body .c-intro-summary {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.c-lsf-intro-body .c-intro-summary .summary-item {
  min-height: 76px;
  width: 330px;
  border-radius: 6px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 25px;
  margin-bottom: 14px;
}
.c-lsf-intro-body .c-intro-summary .summary-item__title {
  color: #4B4B4B;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.13px;
  line-height: 20px;
  max-width: 206px;
}
.c-lsf-intro-body .c-intro-summary .summary-item__icon-block {
  min-width: 74px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
@media (max-width: 365px) {
  .c-lsf-intro-body .c-intro-summary .summary-item {
    width: 100%;
  }
}
.c-lsf-intro-body .c-summary-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-lsf-intro-body .c-summary-section__icon-block {
  height: 80px;
  width: 80px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 2px 6px 0 rgba(201, 201, 201, 0.5);
          box-shadow: 0 2px 6px 0 rgba(201, 201, 201, 0.5);
  border-radius: 50%;
  margin-right: 38.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
@media (max-width: 500px) {
  .c-lsf-intro-body .c-summary-section__icon-block {
    height: 60px;
    width: 60px;
  }
}
.c-lsf-intro-body .c-summary-section__items-block {
  padding-top: 30px;
}
.c-lsf-intro-body .c-summary-section__items-block .c-lsf-intro-body__title {
  padding-bottom: 26.5px;
}
@media (max-width: 500px) {
  .c-lsf-intro-body .c-summary-section {
    display: block;
  }
}

.c-lsf-intro-footer {
  min-height: 98px;
  max-width: 1440px;
  width: 100%;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 3%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-height: 1280px) {
  .c-lsf-intro-footer {
    position: fixed;
    bottom: 0;
  }
}
@media (max-width: 768px) {
  .c-lsf-intro-footer {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.c-lsf-intro-footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
}
.c-lsf-intro-footer ul li {
  height: 25px;
  width: 25px;
  background-color: #E2E2E2;
  border-radius: 50%;
  list-style: none;
  margin: 0 5px;
}
@media (max-width: 900px) {
  .c-lsf-intro-footer ul li {
    height: 22px;
    width: 22px;
  }
}
@media (max-width: 768px) {
  .c-lsf-intro-footer ul li {
    height: 22px;
    width: 22px;
    margin: 0 2px;
  }
}
@media (max-width: 500px) {
  .c-lsf-intro-footer ul li {
    height: 18px;
    width: 18px;
    margin: 0 4px;
  }
}
.c-lsf-intro-footer ul li.active {
  background-color: #4A90E2;
}
.c-lsf-intro-footer__continue-btn, .c-lsf-intro-footer__restart-btn {
  background-color: #4A90E2;
  color: #FFFFFF;
  border: none;
}
.c-lsf-intro-footer__continue-btn:hover, .c-lsf-intro-footer__restart-btn:hover {
  color: #FFFFFF;
}
@media (hover: none) {
  .c-lsf-intro-footer__continue-btn:hover, .c-lsf-intro-footer__restart-btn:hover {
    color: #4A90E2;
  }
}
.c-lsf-intro-footer__prev-btn {
  background-color: #FFFFFF;
  color: #4A90E2;
  border: 1px solid #4A90E2;
  font-weight: 600;
}
.c-lsf-intro-footer__prev-btn:hover {
  color: #4A90E2;
}
.c-lsf-intro-footer__continue-btn, .c-lsf-intro-footer__prev-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-lsf-intro-footer__continue-btn:focus, .c-lsf-intro-footer__prev-btn:focus {
  color: #fff;
  text-decoration: none;
}
@media (max-width: 900px) {
  .c-lsf-intro-footer__continue-btn, .c-lsf-intro-footer__prev-btn {
    min-width: 200px;
  }
}
@media (max-width: 500px) {
  .c-lsf-intro-footer__continue-btn, .c-lsf-intro-footer__prev-btn {
    border: none;
    background-color: transparent;
    color: #4A90E2;
    font-weight: 600;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
}
.c-lsf-intro-footer__restart-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-lsf-intro-footer__restart-btn:focus {
  color: #fff;
  text-decoration: none;
}
@media (max-width: 900px) {
  .c-lsf-intro-footer__restart-btn {
    min-width: 200px;
  }
}

@media (max-width: 768px) {
  .c-footer-single-line {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.c-right-arrow-icon {
  background-color: transparent;
  border: 1px solid #4B91E2;
  border-width: 2px 2px 0 0;
  cursor: pointer;
  height: 11px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 11px;
}

/* Daily Pop Quiz */
.c-dpq-intro {
  margin-bottom: 15px;
  margin-top: 55px;
}
.c-dpq-intro__title {
  color: #2F2F2F;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.19px;
  line-height: 26px;
  margin-bottom: 10px;
  margin-top: 0;
}
.c-dpq-intro__subtitle {
  color: #2F2F2F;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: -0.19px;
  line-height: 22px;
}

.c-dpq-exercise {
  display: grid;
  grid-template-columns: 235px auto;
  grid-template-rows: auto auto;
  padding: 25px;
  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 18px;
  margin-bottom: 15px;
}
.c-dpq-exercise__term {
  grid-row: 1/span 2;
  width: 210px;
  margin-right: 25px;
}
.c-dpq-exercise__term .c-image-block {
  margin-bottom: 15px;
}
.c-dpq-exercise__term .c-image-block img {
  width: 100%;
  border-radius: 10px;
  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
}
.c-dpq-exercise__term .c-image-details {
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
  color: #A8A8A8;
}
.c-dpq-exercise__term .c-image-details__album {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  color: #567BFF;
}
.c-dpq-exercise__question {
  min-height: 66px;
}
.c-dpq-exercise__question .c-question-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 20px;
}
.c-dpq-exercise__question .c-question-container__text {
  font-weight: 400;
  font-size: 16px;
  color: #2F2F2F;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (max-width: 600px) {
  .c-dpq-exercise__question .c-question-container__text {
    text-align: center;
  }
}
.c-dpq-exercise__question .c-question-container .c-progress-container {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.c-dpq-exercise__question .c-question-container__progress {
  list-style: none;
  margin: 0px 0px 0px 112px;
  padding: 0px;
  width: 79px;
  float: right;
}
.c-dpq-exercise__question .c-question-container__progress .c-step {
  display: inline-block;
  overflow: hidden;
  width: 15px;
  height: 15px;
  margin: 0 4px;
  border-radius: 100%;
  background-color: #D3D2D2;
}
.c-dpq-exercise__question .c-question-container__progress .c-step--current {
  background-color: #B2B2B2;
}
.c-dpq-exercise__question .c-question-container__progress .c-step--correct {
  background-color: #80E0C9;
}
.c-dpq-exercise__question .c-question-container__progress .c-step--incorrect {
  background-color: #EF7C8E;
}
@media (max-width: 600px) {
  .c-dpq-exercise__question .c-question-container__progress {
    margin: 10px auto 0 auto;
  }
}
@media (max-width: 600px) {
  .c-dpq-exercise__question .c-question-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.c-dpq-exercise__answer .c-answer-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #F4F4F4;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  padding: 10px 32px;
}
@media (max-width: 600px) {
  .c-dpq-exercise__answer .c-answer-list {
    display: block;
  }
}
.c-dpq-exercise__answer .c-btn-container {
  text-align: right;
  min-height: 40px;
}
.c-dpq-exercise__answer .c-btn-container .c-button {
  background-color: #5A90DC;
  color: #ffffff;
  font-weight: 400;
  font-size: 15px;
  border-radius: 5px;
  border: none;
  padding: 9px 18px;
  min-width: 114px;
}
.c-dpq-exercise__final-message .c-dpq-title {
  font-size: 18px;
  font-weight: 700;
  color: #2F2F2F;
}
.c-dpq-exercise__final-message .c-dpq-paragraph {
  font-size: 18px;
  font-weight: 400;
  color: #2F2F2F;
  margin-top: 20px;
}
.c-dpq-exercise__final-message .c-dpq-paragraph .c-text-link {
  color: #5A90DC;
  font-weight: 700;
}
.c-dpq-exercise__final-message .c-btn-container {
  margin-top: 40px;
}
.c-dpq-exercise__final-message .c-btn-container .c-button {
  background-color: #5A90DC;
  color: #ffffff;
  font-weight: 400;
  font-size: 15px;
  border-radius: 5px;
  border: none;
  padding: 9px 18px;
  min-width: 213px;
}

.c-dpq-exercise.c-final-message {
  grid-template-rows: auto;
}

.c-dpq-popup-actions {
  margin-bottom: 10px;
  min-height: 30px;
  text-align: right;
}
.c-dpq-popup-actions__link {
  font-size: 12px;
  font-weight: 600;
  color: #5A90DC;
  text-decoration: underline;
}
.c-dpq-popup-actions__link:hover {
  color: #5A90DC;
  text-decoration: underline;
}

.c-dpq-instructions {
  padding-bottom: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #2F2F2F;
}

.c-dpq-progress {
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.c-dpq-progress__day .c-dpq-badge {
  width: 46px;
  height: 46px;
  background-color: #F6F6F6;
  border-radius: 50%;
  margin: 10px auto;
  background-image: url("/sites/all/themes/lingua/assets/daily-pop-quiz/small-flame-0.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}
.c-dpq-progress__day .c-dpq-day__text {
  color: #ADAAAA;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
}
.c-dpq-progress__day.completed .c-dpq-badge {
  background-image: url("/sites/all/themes/lingua/assets/daily-pop-quiz/small-flame-1.svg");
}
.c-dpq-progress__day.completed .c-dpq-badge__status {
  height: 16px;
  width: 16px;
  background-image: url("/sites/all/themes/lingua/assets/starterlab-icons/check-green.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  bottom: -8px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.c-dpq-progress__day.completed .c-dpq-day__text {
  color: #2F2F2F;
}
.c-dpq-progress__day.current .c-dpq-badge {
  border: 1px solid #5A90DC;
}
.c-dpq-progress__day.current .c-dpq-day__text {
  color: #2F2F2F;
}
.c-dpq-progress__right-arrow {
  height: 46px;
  width: 19px;
  margin: 10px;
  background-image: url("/sites/all/themes/lingua/assets/daily-pop-quiz/right-arrow-icon.png");
  background-repeat: no-repeat;
  background-position: center;
}
.c-dpq-progress__equal {
  height: 46px;
  width: 19px;
  margin: 10px;
  background-image: url("/sites/all/themes/lingua/assets/daily-pop-quiz/equal-icon.png");
  background-repeat: no-repeat;
  background-position: center;
}

.c-dpq-hr {
  border: 1px solid #E9E9E9;
  height: 2px;
  margin: 0 -30px 30px -30px;
}
@media (max-width: 600px) {
  .c-dpq-hr {
    margin: 0 -10px 30px -10px;
  }
}

.c-dpq-score__text {
  font-size: 16px;
  font-weight: 700;
  color: #2F2F2F;
  margin-bottom: 10px;
}
.c-dpq-score__badges {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.c-dpq-score__badges .c-dpq-progress__final-badge {
  margin-right: 20px;
}
.c-dpq-score__badges .c-dpq-progress__final-badge:last-of-type {
  margin-right: 0;
}

.c-answer-list__form-item {
  padding: 20px 20px 20px 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50%;
}
.c-answer-list__form-item .c-answer-list__form-text {
  color: #393838;
  font-size: 13px;
  font-weight: 400;
  padding: 10px;
  word-break: break-word;
  cursor: pointer;
}
.c-answer-list__form-item .c-custom-label__radio {
  margin: 0 10px 0 0;
  padding: 0;
  width: auto !important;
}
.c-answer-list__form-item .c-checkmark {
  top: -3px;
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 33px;
  width: 33px;
  border: 2px solid #567BFF;
}
.c-answer-list__form-item .c-checkmark:after {
  content: "";
  position: absolute;
  background: #4A90E2;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  left: 9px;
  top: 9px;
}
.c-answer-list__form-item .c-checkmark:hover {
  background-color: #FFFFFF;
  border: 1px solid #4A90E2;
}
.c-answer-list__form-item .c-checkmark:hover:after {
  content: "";
  position: absolute;
  background: #4A90E2;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  left: 9px;
  top: 9px;
  display: block;
}
.c-answer-list__form-item .c-checkmark.nohover {
  border: 1px solid #CDCECF;
  cursor: not-allowed;
}
.c-answer-list__form-item .c-checkmark.nohover:after {
  display: none;
}
.c-answer-list__form-item.c-correct-answer .c-checkmark.nohover {
  border: none;
}
.c-answer-list__form-item.c-correct-answer .c-checkmark.nohover:after {
  height: 33px;
  width: 33px;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  left: 0;
  top: 0;
  background-color: transparent;
  border: none;
  background-image: url("/sites/all/themes/lingua/assets/starterlab-icons/check-green.svg");
}
.c-answer-list__form-item.c-correct-answer .c-answer-list__form-text {
  color: #FFFFFF;
  background-color: #80E0C9;
  border-radius: 5px;
}
.c-answer-list__form-item.c-incorrect-answer .c-checkmark.nohover {
  border: none;
}
.c-answer-list__form-item.c-incorrect-answer .c-checkmark.nohover:after {
  height: 33px;
  width: 33px;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  left: 0;
  top: 0;
  background-color: transparent;
  border: none;
  background-image: url("/sites/all/themes/lingua/assets/starterlab-icons/failed.svg");
}
.c-answer-list__form-item.c-incorrect-answer .c-answer-list__form-text {
  color: #FFFFFF;
  background-color: #EF7C8E;
  border-radius: 5px;
}
@media (max-width: 600px) {
  .c-answer-list__form-item {
    width: 100%;
  }
}

.c-dpq-popup-container {
  padding: 30px 20px;
}
.c-dpq-popup-container .close {
  opacity: 1;
}
.c-dpq-popup-container .close .c-close-icon {
  padding: 0;
  position: absolute;
  top: 10px;
  right: 20px;
  color: #393838;
}
.c-dpq-popup-container .c-dpq-popup-title {
  font-size: 18px;
  font-weight: 700;
  color: #2F2F2F;
  text-align: center;
  margin-bottom: 5px;
}
.c-dpq-popup-container .c-dpq-popup-subtitle {
  font-size: 16px;
  font-weight: 400;
  color: #2F2F2F;
  text-align: center;
  margin-bottom: 15px;
}
.c-dpq-popup-container .c-dpq-popup-subtitle--small {
  text-align: left;
  padding: 0 75px;
}
@media (max-width: 570px) {
  .c-dpq-popup-container .c-dpq-popup-subtitle--small {
    padding: 0;
  }
}
.c-dpq-popup-container .c-dpq-popup-progress {
  text-align: center;
  margin-bottom: 15px;
}
.c-dpq-popup-container .c-steps-list {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.c-dpq-popup-container .c-steps-list .c-step {
  display: inline-block;
  overflow: hidden;
  width: 15px;
  height: 15px;
  margin: 0 4px;
  border-radius: 100%;
  background-color: #D3D2D2;
}
.c-dpq-popup-container .c-steps-list .c-step--current {
  background-color: #B2B2B2;
}
.c-dpq-popup-container .c-steps-list .c-step--correct {
  background-color: #80E0C9;
}
.c-dpq-popup-container .c-steps-list .c-step--incorrect {
  background-color: #EF7C8E;
}
.c-dpq-popup-container .c-dpq-popup-image-block {
  text-align: center;
  margin-bottom: 15px;
}
.c-dpq-popup-container .c-dpq-popup-image-block img {
  width: 100%;
  max-width: 210px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
}
.c-dpq-popup-container .c-dpq-popup-image-details {
  text-align: center;
  margin-bottom: 15px;
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
  color: #A8A8A8;
}
.c-dpq-popup-container .c-dpq-popup-image-details__album {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  color: #567BFF;
}
.c-dpq-popup-container .c-dpq-popup-answer-container {
  margin-bottom: 15px;
}
.c-dpq-popup-container .c-dpq-popup-answer-container .c-answer-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #F4F4F4;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  padding: 10px 32px;
}
.c-dpq-popup-container .c-dpq-popup-answer-container .c-answer-list .c-answer-list__form-item {
  padding: 10px 10px 10px 0;
}
@media (max-width: 600px) {
  .c-dpq-popup-container .c-dpq-popup-answer-container .c-answer-list {
    display: inline-block;
  }
}
.c-dpq-popup-container .c-dpq-popup-answer-container .c-btn-container {
  height: 40px;
  text-align: center;
}
.c-dpq-popup-container .c-dpq-popup-answer-container .c-btn-container .c-button {
  background-color: #5A90DC;
  color: #ffffff;
  font-weight: 400;
  font-size: 15px;
  border-radius: 5px;
  border: none;
  padding: 9px 18px;
  min-width: 114px;
}
.c-dpq-popup-container .c-dpq-popup-instructions {
  padding-bottom: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #2F2F2F;
  text-align: center;
  width: 70%;
  margin: 0 auto;
}
@media (max-width: 500px) {
  .c-dpq-popup-container .c-dpq-popup-instructions {
    width: 100%;
  }
}
@media (min-width: 501px) {
  .c-dpq-popup-container .c-dpq-popup-final-section .c-dpq-progress {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.c-dpq-popup-container .c-dpq-popup-buttons {
  text-align: center;
}
.c-dpq-popup-container .c-dpq-popup-buttons .c-button {
  background-color: #5A90DC;
  color: #ffffff;
  font-weight: 400;
  font-size: 15px;
  border-radius: 5px;
  border: none;
  padding: 9px 18px;
  min-width: 114px;
}
.c-dpq-popup-container .c-dpq-popup-buttons .c-button--empty {
  background-color: transparent;
  color: #5A90DC;
  font-weight: 600;
}
.c-dpq-popup-container .c-dpq-popup-buttons .c-button--with-border {
  background-color: transparent;
  color: #5A90DC;
  border: 1px solid #5A90DC;
  border-radius: 5px;
  font-weight: 400;
}
@media (min-width: 501px) {
  .c-dpq-popup-container .c-dpq-popup-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media screen and (max-width: 768px) {
  .c-dpq-exercise {
    grid-template-columns: auto !important;
    grid-template-rows: none !important;
  }
  .c-dpq-exercise__term {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
    grid-row: none !important;
    margin: 0 auto 20px auto;
  }
  .c-dpq-exercise__question {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
  .c-dpq-exercise__answer {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
  .c-dpq-exercise__final-message {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
    text-align: center;
  }
  .c-dpq-exercise__final-message .c-btn-container {
    margin-bottom: 30px;
  }
}
.c-block-page.popups-processed,
.c-block-page.touch-device {
  overflow: hidden !important;
}

/* Subscriptions */
.subscriptions-landing-page {
  background-color: #FFFFFF;
}

body.is-lingua.not-logged-in.subscriptions-landing-page {
  background-color: #FFFFFF;
}

.c-iframe-landing-page {
  max-width: 900px;
  margin: 0 auto;
  padding-bottom: 1px;
}
.c-iframe-landing-page__hero-section {
  background-color: #131434;
  padding: 40px 10px 25px 10px;
  margin-bottom: 55px;
}
.c-iframe-landing-page__steps-section {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-iframe-landing-page__card {
  border-radius: 20px;
  padding: 25px 27px 35px 47px;
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 760px) {
  .c-iframe-landing-page__card {
    display: block;
    padding-left: 27px;
  }
}
@media (max-width: 910px) {
  .c-iframe-landing-page__card {
    margin-left: 10px;
    margin-right: 10px;
  }
}
.c-iframe-landing-page__apps {
  border-radius: 18px;
  background-color: #EEEFF4;
  margin-bottom: 100px;
  min-height: 214px;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 910px) {
  .c-iframe-landing-page__apps {
    margin-left: 10px;
    margin-right: 10px;
  }
}

.c-hero-section-logo-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 25px;
}
.c-hero-section-logo-container .c-hero-logo {
  width: 100%;
}
.c-hero-section-logo-container .c-hero-logo__logo {
  max-width: 321px;
  margin: 0 auto;
}
.c-hero-section-logo-container .c-hero-logo__logo img {
  width: 100%;
}
.c-hero-section-logo-container .c-hero-logo__text {
  text-align: center;
  color: #FFF;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
  font-size: 14px;
  font-weight: 600;
  margin-top: -5px;
}
.c-hero-section-logo-container .c-hero-languages {
  position: relative;
}
.c-hero-section-logo-container .c-hero-languages .ls-language-selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto !important;
}
.c-hero-section-logo-container .c-hero-languages .ls-language-selector::before {
  color: #FFFFFF;
  font-size: 27px;
}
.c-hero-section-logo-container .c-hero-languages .ls-language-selector::after {
  color: #FFFFFF;
  font-size: 22px;
}
.c-hero-section-logo-container .c-hero-languages .ls-language-select-list {
  right: 0;
  top: 40px;
  left: unset;
}
.c-hero-section-logo-container .c-hero-languages .btn--dropdown__menu::before,
.c-hero-section-logo-container .c-hero-languages .btn--dropdown__menu::after {
  right: 5%;
  left: unset;
}

.c-empty-block {
  width: 81px;
}
@media (max-width: 600px) {
  .c-empty-block {
    width: 50px;
  }
}

.c-hero-section-description {
  max-width: 650px;
  margin: 0 auto 40px auto;
  color: #FFF;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
}

.c-hero-section-description1 {
  max-width: 650px;
  margin: 0 auto 6px auto;
  color: #E06894;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
  text-align: center;
  font-size: 26px;
  font-weight: 600;
}

.c-hero-section-description2 {
  max-width: 650px;
  margin: 0 auto 40px auto;
  color: #FFF;
  text-align: center;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
  font-size: 20px;
  font-weight: 400;
}

.c-hero-section-form {
  max-width: 300px;
  margin: 0 auto;
}
.c-hero-section-form__email {
  margin-bottom: 1px;
}
.c-hero-section-form__error {
  min-height: 35px;
  margin-bottom: 5px;
}
.c-hero-section-form__terms {
  margin-bottom: 20px;
}
.c-hero-section-form__button {
  margin-bottom: 20px;
  border-radius: 32px;
  border: 1px solid #A53B62;
  background-color: #E46888;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(228, 104, 136, 0.5);
          box-shadow: 0px 4px 10px 0px rgba(228, 104, 136, 0.5);
  padding: 12px 28px;
  cursor: pointer;
  color: #FFF;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  width: 100%;
}
.c-hero-section-form__notification {
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-hero-section-form-email__input {
  width: 100%;
  border-radius: 4px;
  border: 1px solid #E06894;
  color: #5B5B5B;
  font-size: 16px;
  font-weight: 600;
  padding: 9px 20px;
}
.c-hero-section-form-email__input.error {
  background-color: #ffc0cb;
}

.is-lingua.not-logged-in:not(.page-user-login-register) input[type=text].c-hero-section-form-email__input {
  width: 100%;
  max-width: 100%;
}

.c-hero-section-form-error__message {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
  border-radius: 4px;
  padding: 0 5px;
  font-size: 12px;
}

.c-hero-section-form-terms__label {
  color: #FFF;
  text-align: justify;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
  font-size: 12px;
  font-weight: 600;
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Custom checkbox */
.c-hero-section-form-terms-label {
  /* Hide the browser's default checkbox */
}
.c-hero-section-form-terms-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.c-hero-section-form-terms-label {
  /* Create a custom checkbox */
}
.c-hero-section-form-terms-label .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 27px;
  width: 27px;
  background-color: #fff;
  border-radius: 3px;
}
.c-hero-section-form-terms-label .checkmark.error {
  background-color: #ffc0cb;
}
.c-hero-section-form-terms-label {
  /* Create the checkmark/indicator (hidden when not checked) */
}
.c-hero-section-form-terms-label .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.c-hero-section-form-terms-label {
  /* When the checkbox is checked, add a pink background */
}
.c-hero-section-form-terms-label input:checked ~ .checkmark {
  background-color: #E46888;
}
.c-hero-section-form-terms-label {
  /* Show the checkmark when checked */
}
.c-hero-section-form-terms-label input:checked ~ .checkmark:after {
  display: block;
}
.c-hero-section-form-terms-label {
  /* Style the checkmark/indicator */
}
.c-hero-section-form-terms-label .checkmark:after {
  left: 8px;
  top: 5px;
  width: 9px;
  height: 15px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
}

.c-step-card {
  width: 278px;
  border-radius: 10px;
  border: 2px solid #E46888;
  background-color: #131434;
  -webkit-box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.2);
  min-height: 92px;
  position: relative;
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 32px;
  margin-right: 7px;
  margin-left: 7px;
}
.c-step-card__number {
  width: 30px;
  height: 30px;
  background-color: #FFFFFF;
  border-radius: 50%;
  border: 2px solid #E46888;
  position: absolute;
  top: -15px;
  left: calc(50% - 15px);
  color: #E46888;
  font-size: 14px;
  font-weight: 800;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-step-card__text {
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
}

.c-iframe-landing-page-card--blue {
  background-color: #EFF9FF;
}

.c-iframe-landing-page-card--orange {
  background-color: #FFF5EF;
}

.c-iframe-landing-page-card--yellow {
  background-color: #FFFBF3;
}

.c-iframe-landing-page-card--purple {
  background-color: #F0F5FF;
}

.c-iframe-landing-page-card--pink {
  background-color: #FFEFF6;
}

.c-card-details {
  margin-right: 20px;
  width: 50%;
}
.c-card-details__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: -20px;
}
.c-card-details__body {
  color: #575962;
  font-size: 15px;
  font-weight: 400;
}
.c-card-details__body p {
  margin-bottom: 35px;
}
.c-card-details__body p:last-of-type {
  margin-bottom: 0;
}
@media (max-width: 760px) {
  .c-card-details {
    margin-right: 0;
    width: 100%;
    margin-bottom: 20px;
  }
}

.c-card-details-header__icon {
  width: 85px;
  height: 85px;
}
.c-card-details-header__icon img {
  width: 100%;
}
.c-card-details-header__title {
  color: #4B4B4B;
  font-size: 26px;
  font-weight: 800;
}

.c-card-image {
  text-align: center;
}
.c-card-image img {
  max-width: 100%;
}

.c-web-apps-container__text {
  color: #2F2F2F;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
}
.c-web-apps-container__images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.c-web-apps-container__images .c-web-apps-logo {
  margin-right: 45px;
  margin-top: 20px;
}
.c-web-apps-container__images .c-web-apps-logo:last-of-type {
  margin-right: 0;
}
@media (max-width: 480px) {
  .c-web-apps-container__images .c-web-apps-logo {
    margin-right: 0;
  }
}
.c-web-apps-container__images img {
  height: 34px;
}
@media (max-width: 480px) {
  .c-web-apps-container__images {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.c-ft-popup-container {
  padding-top: 45px;
  padding-bottom: 20px;
}
.c-ft-popup-container .close {
  opacity: 1;
}
.c-ft-popup-container .close .c-close-icon {
  padding: 0;
  position: absolute;
  top: 10px;
  right: 10px;
  color: #393838;
  background-color: #E7E7E7;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 34px;
  font-weight: 400;
}
.c-ft-popup-container .c-ft-popup-text {
  max-width: 420px;
  margin: 0 auto 10px auto;
  padding: 0 10px;
}
.c-ft-popup-container .c-ft-popup-text__title {
  color: #2F2F2F;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
.c-ft-popup-container .c-ft-popup-text__info {
  color: #2F2F2F;
  text-align: center;
  font-size: 13px;
  font-weight: 400;
}
.c-ft-popup-container .c-ft-popup-offer-container {
  width: 100%;
  background-color: #F5F6F9;
  border-top: 1px solid #DFDFDF;
  border-bottom: 1px solid #DFDFDF;
  padding-top: 17px;
  margin-bottom: 20px;
}
.c-ft-popup-container .c-ft-popup-offers {
  padding: 0 10px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-ft-popup-container .c-ft-popup-offers__card {
  margin: 0 12px 20px 12px;
  border-radius: 6px;
  background: #FFF;
  -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
  width: 175px;
  min-height: 158px;
  position: relative;
  overflow-x: hidden;
}
.c-ft-popup-container .c-ft-popup-offers-card__image {
  position: absolute;
  right: -10px;
  top: 0;
}
.c-ft-popup-container .c-ft-popup-offers-card__period {
  padding: 7px;
  text-align: center;
  color: #2F2F2F;
  font-size: 14px;
  font-weight: 800;
  border-bottom: 1px solid #E5E3E3;
  position: relative;
  min-height: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-ft-popup-container .c-ft-popup-offers-card__body {
  padding: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: calc(100% - 55px);
}
.c-ft-popup-container .c-offer-card-pink .c-ft-popup-offers-card__image {
  right: unset;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  left: 0px;
  top: -1px;
}
.c-ft-popup-container .c-offer-card-pink .c-offer__button {
  border: 0.5px solid #DC6AA2;
  background: -webkit-gradient(linear, right top, left top, color-stop(1.5%, #DC6BA4), to(#E66984));
  background: linear-gradient(270deg, #DC6BA4 1.5%, #E66984 100%);
  -webkit-box-shadow: 0px 3px 6px 0px rgba(221, 107, 163, 0.4);
          box-shadow: 0px 3px 6px 0px rgba(221, 107, 163, 0.4);
}
.c-ft-popup-container .c-offer-card-blue .c-offer__button {
  border: 0.5px solid #3DC6DF;
  background: -webkit-gradient(linear, right top, left top, color-stop(1.5%, #5594E4), to(#3DC6DF));
  background: linear-gradient(270deg, #5594E4 1.5%, #3DC6DF 100%);
  -webkit-box-shadow: 0px 3px 6px 0px rgba(64, 192, 223, 0.4);
          box-shadow: 0px 3px 6px 0px rgba(64, 192, 223, 0.4);
}
.c-ft-popup-container .c-offer-card-orange .c-ft-popup-offers-card__image {
  right: unset;
  left: 0px;
}
.c-ft-popup-container .c-offer-card-orange .c-ft-popup-offers-card__image img {
  height: 51px;
}
.c-ft-popup-container .c-offer-card-orange .c-offer__button {
  border: 0.5px solid #FFB999;
  background: -webkit-gradient(linear, right top, left top, color-stop(-11.29%, #FFECD2), color-stop(52.09%, #FCB69F));
  background: linear-gradient(270deg, #FFECD2 -11.29%, #FCB69F 52.09%);
  -webkit-box-shadow: 0px 3px 6px 0px rgba(255, 185, 153, 0.45);
          box-shadow: 0px 3px 6px 0px rgba(255, 185, 153, 0.45);
}
.c-ft-popup-container .c-offer-card-green .c-ft-popup-offers-card__image {
  right: 0;
}
.c-ft-popup-container .c-offer-card-green .c-ft-popup-offers-card__image img {
  height: 51px;
}
.c-ft-popup-container .c-offer-card-green .c-offer__button {
  border: 0.5px solid #89D4D1;
  background: -webkit-gradient(linear, right top, left top, color-stop(-17.98%, #FED6E3), to(#8CD8D4));
  background: linear-gradient(270deg, #FED6E3 -17.98%, #8CD8D4 100%);
  -webkit-box-shadow: 0px 3px 6px 0px rgba(147, 215, 213, 0.5);
          box-shadow: 0px 3px 6px 0px rgba(147, 215, 213, 0.5);
}
.c-ft-popup-container .c-offer__value {
  color: #2F2F2F;
  text-align: center;
  font-size: 26px;
  font-weight: 700;
}
.c-ft-popup-container .c-offer__details {
  color: #7C7F8B;
  text-align: center;
  font-size: 10px;
  font-weight: 400;
  margin-bottom: 10px;
}
.c-ft-popup-container .c-offer__details1 {
  color: #4CA5E2;
  text-align: center;
  font-size: 10px;
  font-weight: 400;
}
.c-ft-popup-container .c-offer__button {
  background-color: #5A90DC;
  color: #FFF;
  text-align: center;
  font-size: 10px;
  font-weight: 400;
  border-radius: 4px;
  padding: 4px 10px;
  max-width: 80px;
  min-height: 25px;
  margin: 0 auto;
}
.c-ft-popup-container .c-ft-popup-details {
  max-width: 420px;
  padding: 0 10px;
  margin: 0 auto 20px auto;
}
.c-ft-popup-container .c-ft-popup-details-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.c-ft-popup-container .c-ft-popup-details-item__image {
  margin-right: 7px;
  width: 8px;
  height: 8px;
}
.c-ft-popup-container .c-ft-popup-details-item__text {
  color: #2F2F2F;
  font-size: 11px;
  font-weight: 400;
}
.c-ft-popup-container .c-ft-popup-button-container {
  max-width: 420px;
  padding: 0 10px;
  margin: 0 auto;
}
.c-ft-popup-container .c-ft-popup-button-container__btn {
  max-width: 221px;
  min-height: 36px;
  margin: 0 auto;
  border-radius: 6px;
  background: #5A90DC;
  padding: 10px 8px;
  color: #FFF;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  cursor: pointer;
}

.c-ft-popup-notification .c-ft-popup-button-container__btn {
  max-width: 120px;
  font-size: 14px;
}

@media (min-width: 768px) {
  #free-trial-popup .modal-dialog {
    width: 630px;
  }
}

.is-tutlogo.logged-in.page-subscriptions #header .main-navbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 600px) {
  .is-tutlogo.logged-in.page-subscriptions #header .main-navbar-lingua {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.c-offers-section-text {
  padding: 15px;
  max-width: 520px;
  margin: 0 auto;
}
.c-offers-section-text__title {
  color: #2F2F2F;
  text-align: center;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 30px;
}
.c-offers-section-text__description {
  color: #2F2F2F;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 45px;
}
.c-offers-section-text__description1 {
  color: #000000;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 7px;
}

.c-offers-container {
  margin: 0 auto 35px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-offers-card {
  margin: 0 20px 20px 20px;
  border-radius: 10px;
  background: #FFF;
  -webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.2);
  width: 234px;
  min-height: 312px;
  position: relative;
  overflow-x: hidden;
}
.c-offers-card__image {
  position: absolute;
  right: -10px;
  top: 0;
  height: 60px;
}
.c-offers-card__image img {
  height: 100%;
}
.c-offers-card__period {
  padding: 7px;
  text-align: center;
  color: #2F2F2F;
  font-size: 18px;
  font-weight: 800;
  border-bottom: 1px solid #E5E3E3;
  position: relative;
  min-height: 85px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-offers-card__body {
  padding: 26px 12px 33px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: calc(100% - 85px);
}

.c-offers-card-pink .c-offers-card__image {
  right: unset;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  left: 0px;
  top: -1px;
}
.c-offers-card-pink .c-card-offer__button {
  border: 0.5px solid #DC6AA2;
  background: -webkit-gradient(linear, right top, left top, color-stop(1.5%, #DC6BA4), to(#E66984));
  background: linear-gradient(270deg, #DC6BA4 1.5%, #E66984 100%);
  -webkit-box-shadow: 0px 3px 6px 0px rgba(221, 107, 163, 0.4);
          box-shadow: 0px 3px 6px 0px rgba(221, 107, 163, 0.4);
}

.c-offers-card-blue .c-card-offer__button {
  border: 0.5px solid #3DC6DF;
  background: -webkit-gradient(linear, right top, left top, color-stop(1.5%, #5594E4), to(#3DC6DF));
  background: linear-gradient(270deg, #5594E4 1.5%, #3DC6DF 100%);
  -webkit-box-shadow: 0px 3px 6px 0px rgba(64, 192, 223, 0.4);
          box-shadow: 0px 3px 6px 0px rgba(64, 192, 223, 0.4);
}

.c-offers-card-orange .c-offers-card__image {
  right: unset;
  left: 0px;
  top: -1px;
}
.c-offers-card-orange .c-card-offer__button {
  border: 0.5px solid #FFB999;
  background: -webkit-gradient(linear, right top, left top, color-stop(-11.29%, #FFECD2), color-stop(52.09%, #FCB69F));
  background: linear-gradient(270deg, #FFECD2 -11.29%, #FCB69F 52.09%);
  -webkit-box-shadow: 0px 3px 6px 0px rgba(255, 185, 153, 0.45);
          box-shadow: 0px 3px 6px 0px rgba(255, 185, 153, 0.45);
}

.c-offers-card-green .c-offers-card__image {
  right: 0;
}
.c-offers-card-green .c-card-offer__button {
  border: 0.5px solid #89D4D1;
  background: -webkit-gradient(linear, right top, left top, color-stop(-17.98%, #FED6E3), to(#8CD8D4));
  background: linear-gradient(270deg, #FED6E3 -17.98%, #8CD8D4 100%);
  -webkit-box-shadow: 0px 3px 6px 0px rgba(147, 215, 213, 0.5);
          box-shadow: 0px 3px 6px 0px rgba(147, 215, 213, 0.5);
}

.c-card-offer__value {
  color: #2F2F2F;
  text-align: center;
  font-size: 34px;
  font-weight: 700;
}
.c-card-offer__details {
  color: #7C7F8B;
  text-align: center;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 10px;
}
.c-card-offer__details1 {
  color: #4CA5E2;
  text-align: center;
  font-size: 15px;
  font-weight: 400;
}
.c-card-offer__details2 {
  color: #7C7F8B;
  text-align: center;
  font-size: 11px;
  font-weight: 400;
  margin-bottom: 10px;
}
.c-card-offer__form {
  text-align: center;
}
.c-card-offer__button {
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  border-radius: 4px;
  padding: 8px 20px;
  min-height: 36px;
  margin: 0 auto;
  background-color: #4891e0;
}

.c-h-line {
  height: 1px;
  border-bottom: 1px solid #F3F5F7;
  margin-bottom: 15px;
}

.c-features-container {
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 40px;
}

.c-features-card {
  margin: 12px 20px;
  width: 270px;
  min-height: 140px;
  border-radius: 18px;
  background: #F3F5F7;
  padding: 16px 24px 12px 24px;
}
.c-features-card__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.c-features-card__body {
  color: #464B50;
  font-size: 12px;
  font-weight: 400;
}

.c-features-card--blue {
  border: 1px solid #5BB4C7;
}

.c-features-card--purple {
  border: 1px solid #D294E0;
}

.c-features-card--red {
  border: 1px solid #FE96B1;
}

.c-features-card--light-blue {
  border: 1px solid #8FD0DE;
}

.c-features-card--orange {
  border: 1px solid #FCA072;
}

.c-features-card--yellow {
  border: 1px solid #FCD372;
}

.c-features-card-header__image {
  margin-right: 10px;
}
.c-features-card-header__title {
  color: #464B50;
  font-size: 13px;
  font-weight: 700;
}

/* Olympic Games Paris 2024 */
.ogp-login-register__title {
  padding: 40px 35px 0px 35px;
  margin-bottom: 40px;
  margin-top: 0px;
  text-align: center;
  color: #4B4B4B;
  font-size: 20px;
  font-weight: 600;
}
@media (min-width: 769px) {
  .ogp-login-register__title {
    font-size: 30px;
    padding: 70px 35px 0px 35px;
    margin-bottom: 70px;
  }
}
.ogp-login-register__options {
  padding: 0px 35px;
  margin: 0 auto 40px auto;
}
@media (min-width: 960px) {
  .ogp-login-register__options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 960px;
    margin-bottom: 150px;
  }
}
.ogp-login-register .c-option-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 14px;
  border: 1px solid #4A90E2;
  -webkit-box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1);
  padding: 20px 40px;
  max-width: 306px;
  min-height: 140px;
  margin: 0 auto 30px auto;
}
@media (min-width: 960px) {
  .ogp-login-register .c-option-box {
    margin: 0;
  }
}
@media (min-width: 769px) {
  .ogp-login-register .c-option-box {
    max-width: 426px;
    min-height: 305px;
    padding: 40px 80px;
  }
}
.ogp-login-register .c-option-box__text {
  color: #4B4B4B;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}
@media (min-width: 769px) {
  .ogp-login-register .c-option-box__text {
    font-size: 27px;
  }
}

@media (min-width: 960px) {
  .is-qioz .c-lingua-attack__form:not(.c-lingua-attack__form--login).c-ogp-register-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1200px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-left: 35px;
    padding-right: 35px;
  }
}

.c-ogp-register-logo {
  display: none;
}
@media (min-width: 960px) {
  .c-ogp-register-logo {
    display: block;
    margin-top: 170px;
  }
}
.c-ogp-register-logo img {
  max-width: 278px;
  max-height: 278px;
}

.c-ogp-register-mobile-logo {
  text-align: center;
  padding-top: 30px;
  margin-bottom: 15px;
}
@media (min-width: 960px) {
  .c-ogp-register-mobile-logo {
    display: none;
  }
}
.c-ogp-register-mobile-logo img {
  max-width: 260px;
}

.c-ogp-official-lang {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.c-ogp-official-lang-container {
  max-width: 526px;
  margin: 0 auto;
  border: 1px solid #D5C37B;
  padding: 22px;
  border-radius: 10px;
  cursor: pointer;
}

.c-ogp-official-lang-title {
  color: #4B4B4B;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 15px;
}

.c-ogp-lang-logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.c-ogp-lang-logos button.c-button-language-selector {
  position: relative;
}
.c-ogp-lang-logos .c-ogp-logo {
  max-width: 250px;
}

.registration-step-2-container .c-language-selection-container .c-language-row.c-ogp-official-lang-mobile {
  display: block;
  border: 0;
  margin-bottom: 30px;
  padding: 12px;
}
.registration-step-2-container .c-language-selection-container .c-language-row.c-ogp-official-lang-mobile .c-language-block .c-logo-lang {
  width: 49px;
  height: 34px;
}
@media (max-width: 400px) {
  .registration-step-2-container .c-language-selection-container .c-language-row.c-ogp-official-lang-mobile .c-language-block .c-logo-lang {
    margin-left: 0;
  }
}
.registration-step-2-container .c-language-selection-container .c-language-row.c-ogp-official-lang-mobile .c-language-block .c-text {
  margin-right: 20px;
}
.registration-step-2-container .c-language-selection-container .c-language-row.c-ogp-official-lang-mobile .c-language-block .c-logo-official-lang {
  max-width: 270px;
}
.registration-step-2-container .c-language-selection-container .c-language-row.c-ogp-official-lang-mobile .c-language-block .c-logo-official-lang img {
  height: auto;
  width: 100%;
  margin-left: 0;
}
@media (max-width: 400px) {
  .registration-step-2-container .c-language-selection-container .c-language-row.c-ogp-official-lang-mobile .c-language-block {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.c-ogp-official-lang-mobile-title {
  color: #4B4B4B;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 15px;
}

.c-ogp-official-lang-mobile-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #D5C37B;
  padding: 10px 10px 10px 22px;
  border-radius: 10px;
}
.c-ogp-official-lang-mobile-container .c-checked-icon-container {
  width: 29px;
  height: 24px;
}

.registration-step-2-container ul > li.c-ogp-official-lang .c-ogp-official-lang-container:hover:not(.selected) img:not(.c-ogp-logo) {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
}
.registration-step-2-container .c-button-language-selector.c-ogp-official-lang {
  cursor: default;
}
.registration-step-2-container #step-2-1 .c-ogp-lang-logos .c-chcked-icon {
  bottom: 14%;
}

/* Notifications */
.block-menu-notifications {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  right: 93px;
  height: 100%;
  margin: 0 10px 0 0;
}
@media (min-width: 601px) {
  .block-menu-notifications {
    right: 115px;
  }
}
@media (min-width: 921px) {
  .block-menu-notifications {
    position: relative;
    right: unset;
  }
}

.block-menu-notifications-container {
  width: 23px;
  height: 30px;
  position: relative;
  background-image: url("/sites/all/themes/lingua/assets/menu/notifications-black-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}

.c-notifications-counter {
  position: absolute;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 0;
  right: 0;
  background-color: #EF7C8E;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  color: #ffffff;
  font-size: 10px;
  font-weight: 600;
}
.c-notifications-counter.visible-counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-notifications-block {
  display: none;
  position: absolute;
  top: 43px;
  width: 265px;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.5);
  -webkit-transform: translateX(35%);
          transform: translateX(35%);
  right: 0;
  z-index: 9999;
  background-color: #ffffff;
  cursor: default;
}
.c-notifications-block__title {
  padding: 10px;
  border-bottom: 1px solid #EAEAEA;
  font-size: 14px;
  color: #4B4B4B;
  font-weight: 600;
  text-align: center;
}
.c-notifications-block__body {
  max-height: 470px;
  overflow-y: auto;
  margin-bottom: 0;
  padding: 0;
}
.c-notifications-block__body::-webkit-scrollbar {
  width: 5px;
  background: transparent;
}
.c-notifications-block__body::-webkit-scrollbar-track {
  border-radius: 3px;
  background-color: transparent;
}
.c-notifications-block__body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #36393F;
}
.c-notifications-block__footer {
  padding: 10px;
  border-top: 1px solid #EAEAEA;
  -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.5);
  text-align: center;
}
.c-notifications-block.visible-list {
  display: block;
}
@media (min-width: 601px) {
  .c-notifications-block {
    -webkit-transform: translateX(40%);
            transform: translateX(40%);
  }
}
@media (min-width: 992px) {
  .c-notifications-block {
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    right: 50%;
  }
}
@media (min-width: 1161px) {
  .c-notifications-block {
    top: 48px;
  }
}

.c-notif-blue-link {
  font-size: 14px;
  color: #969696;
  font-weight: 600;
  cursor: default;
}
.c-notif-blue-link.available-link {
  color: #4A90E2;
  cursor: pointer;
}

.c-notif-blue-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #4A90E2;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: none;
}

.c-notifications-item {
  padding: 10px 20px;
  border-bottom: 1px solid #EAEAEA;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  opacity: 0.6;
}
.c-notifications-item.unread {
  opacity: 1;
  cursor: pointer;
}
.c-notifications-item.unread .c-notif-blue-dot {
  display: block;
}

.c-no-notifications {
  margin: 30px 0;
}

.c-no-notif-message {
  font-size: 14px;
  color: #4B4B4B;
  font-weight: 600;
  text-align: center;
}

.c-notif-block {
  margin-right: 10px;
  text-align: left;
}
.c-notif-block__header {
  margin-bottom: 2px;
  color: #969696;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
}
.c-notif-block__message {
  color: #dc3545;
  font-weight: 400;
  font-size: 12px;
}

.c-notification-description {
  color: #6B6B6B;
  font-weight: 400;
  font-size: 12px;
  text-align: left;
  margin-bottom: 0;
}

.c-notification-link {
  color: #4A90E2;
  font-weight: 400;
  font-size: 12px;
}
.c-notification-link:hover {
  color: #4A90E2;
}

.is-lingua .block-menu-notifications-container {
  background-image: url("/sites/all/themes/lingua/assets/menu/notifications-white-icon.svg");
}
.is-lingua .c-notifications-block {
  background-color: #36393F;
  border: 1px solid #FFFFFF;
}
.is-lingua .c-notifications-block__title {
  color: #FFFFFF;
  border-bottom: 1px solid #4A4A4A;
}
.is-lingua .c-notifications-block__body::-webkit-scrollbar-thumb {
  background: #c1c1c1;
}
.is-lingua .c-notifications-block__footer {
  border-top: 1px solid #4A4A4A;
  -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.5);
}
.is-lingua .c-notifications-item {
  border-bottom: 1px solid #4A4A4A;
}
.is-lingua .c-notif-block__header {
  color: #D8D8D8;
}
.is-lingua .c-notification-description {
  color: #D8D8D8;
}
.is-lingua .c-no-notif-message {
  color: #FFFFFF;
}

/* Coming soon */
body.coming-soon {
  color: #444;
  text-align: center;
  background-color: #FFFFFF !important;
}
body.coming-soon img {
  margin: 100px 0 20px 0;
}

/* Announcement Popup */
.c-announcement-content {
  text-align: center;
}
.c-announcement-content .fa-info-circle {
  color: #2091eb;
  margin-bottom: 20px;
}

.c-idf-popup .c-announcement-content .c-text {
  font-size: 20px;
}
.c-idf-popup .c-announcement-content .c-idf-popup-container-btn {
  margin-top: 50px;
}

/* Force reset password */
#force-reset-password-modal {
  z-index: 9999;
  text-align: center;
}
#force-reset-password-modal .c-firstname-lastname-title {
  font-size: 20px;
  margin-bottom: 6%;
}
#force-reset-password-modal .c-firstname-lastname-subtitle {
  color: #4B4B4B;
  font-weight: 600;
  font-style: normal;
  font-size: 15px;
}
#force-reset-password-modal .c-firstname-lastname-form {
  max-width: 255px;
  padding: 0 10px;
  margin: 30px auto 0 auto;
  text-align: left;
}
#force-reset-password-modal .c-firstname-lastname-form__item {
  margin-bottom: 20px;
}
#force-reset-password-modal .c-firstname-lastname-form label {
  color: #4B4B4B;
  font-size: 13px;
}
#force-reset-password-modal .c-firstname-lastname-form input {
  margin: 0px;
  font-weight: 400;
}
#force-reset-password-modal .c-firstname-lastname-form .input-error {
  color: #EF7C8E;
  font-size: 0.6666em;
  text-align: left;
  max-width: 235px;
  font-weight: 400;
}
#force-reset-password-modal .btn-confirm {
  margin: 10px 0 60px;
  border-radius: 25px;
  background-color: #4A90E2;
}
#force-reset-password-modal .success-message {
  color: #4B4B4B;
  font-family: "Open Sans";
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.29px;
  line-height: 40px;
  text-align: center;
  padding-top: 60px;
}