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

html[lang="zh-hans"] .menu-item--zh-hans-hidden {
  display: none !important;
}

html[lang="en"] .menu-item--en-hidden {
  display: none !important;
}

html[lang="vi"] .menu-item--vi-hidden {
  display: none !important;
}
html[lang="th"] .menu-item--th-hidden {
  display: none !important;
}

.profile-page legend {
  display: none;
}

.profile-page .form-item-field-gender {
  width: 30%;
  float: left;
  margin: 0px;
}

.profile-page .form-type-textfield label,
.profile-page .field--type-datetime label,
.profile-page .form-type-password label {
  display: none;
}

.profile-field input.form-text {
  line-height: 25px;
  border-radius: 3px;
  border: 1px solid #284664;
  padding: 0px 10px;
  font-size: 12px;
  color: #284664;
  max-width: 172px;
  width: 100%;
}

.path-user .customer-information .customer-billing .field__label {
  display: none;
}

.path-user .customer-information .field--name-mail .field--label {
  margin: 0px 0px 10px 0px;
  font-size: 24px;
  color: #536b83;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}

.path-user .customer-billing .include-name {
  margin: 20px 0px 10px 0px;
}

.path-user .order-information .field--name-completed .field--label {
  margin: 20px 0px 10px 0px;
  font-size: 24px;
  color: #536b83;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}

.path-user .order-information .field--name-placed .field--label {
  margin: 20px 0px 10px 0px;
  font-size: 24px;
  color: #536b83;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}

.path-user .order-information .field--name-order-items .field--label {
  margin: 20px 0px 10px 0px;
  font-size: 24px;
  color: #536b83;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}

.profile-field span.label {
  width: 125px;
  float: left;
  margin: 0px 0px 0px -125px;
  line-height: 25px;
  font-size: 13px;
  font-weight: 800;
  color: #7e90a2;
}

.ads {
  margin-top: 30px;
  text-align: center;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 730px;
    margin: 0px auto;
  }

  /* .playforward {
       display: block;
       left: 60px;
   }*/
  /*    .playback {
          display: block;
          left: 0px;
      }*/
  /*    .mejs__controls {
          left: 50px;
      }*/

}

.account .error-message {
  font-size: 13px;
  color: #ea0000;
  margin-left: 5px;
  padding-top: 5px;
}

/*.modal-header {*/
/*  display: none !important;*/
/*}*/

.inline.list-inline .statistics-counter {
  display: none;
}

.profile-page .btn-login {
  display: block;
  width: 100%;
  background-color: #284664;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  line-height: 40px;
  border: none;
  border-radius: 5px;
  text-align: center;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}

.uploadImage {
  margin-top: 10px;
}

.tab-section-reading .section-image {
  text-align: center;
}

.tab-section-reading .section-image img {
  /*max-width: 500px;*/
}

.nicescroll-cursors {
  cursor: pointer;
}

.reading-header .rh-top .brand-reading {
  width: 200px !important;
}

.list-answer li em.true {
  background: url(../images/icon_true.png) no-repeat center center !important;
  height: 10px !important;
  width: 14px !important;
  display: inline-block !important;
  margin: 0px 0px 0px 5px !important;
}

.list-answer li em.false {
  background: url(../images/icon_false.png) no-repeat center center !important;
  height: 10px !important;
  width: 14px !important;
  display: inline-block !important;
  margin: 0px 0px 0px 5px !important;
}

/*.table-responsive .table tbody tr td:last-child {*/
/*  min-width: 120px;*/
/*}*/

/*.explaination.listen-from-here {
    position: absolute;
    left: 18%;
    margin-top: -40px !important;
    width: 150px;
}*/

/*.split-left .sl-item {
    margin: 0px 0px 20px 0px !important;
}*/

.share-test {
  line-height: 16px;
  left: 23%;
  position: absolute;
  top: 45px;
  display: none;
}

.rh-menu {
  position: relative;
}

.split-left .listen-from-here .sl-control {
  position: relative;
  top: -41px;
}

.preload:not(.path-ielts-writing-ielts-gpt-evaluation) {
  position: relative;
  top: -50px;
  left: 239px;
  display: none;
}

#modal-contact .modal-profile {
  height: 100px;
  overflow: hidden;
}

#modal-contact .login-box {
  min-height: 100px;
}

/*
.player.player-fixed {
    !*left: inherit;*!
    !*right: inherit;*!
    !*width: 100%;*!
    top: 0;
    padding: 0px;
    !*background: none;*!
    height: 50px;
}*/

/**
* CSS for checkout page
*/
/*Payment mathod*/

.form-item-payment-information-payment-method label input {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.view-commerce-checkout-order-summary .field--type-commerce-price,
.view-commerce-checkout-order-summary .field--name-field-task-name .field--label {
  display: none;
}

label.credit-card-label {
  background-image: url(../images/CreditCardIcn.png);
  background-repeat: no-repeat;
  height: 99px;
  cursor: pointer;
  display: flex !important;
  padding: 0px 10px;
  align-items: center;
  justify-content: center;
  border: 1px solid #898989;
  border-radius: 3px;
  text-align: center;
  width: 100%;
  background-position: 50% 7%;
  background-size: 28%;
  content: 'Debit/ Credit Card';
  font-size: 15px !important;
  color: #536b83 !important;
  padding-top: 55px;
  font-family: "Nunito" !important;
  font-weight: bolder !important;
  margin: 30px 0px 30px 0px !important;
  text-indent: -9999px;
}

label.credit-card-label:after {
  content: 'Debit/ Credit Card';
  font-size: 14px;
  color: #536b83;
  font-family: "Nunito";
  font-weight: bold;
  min-width: 200px;
  margin-right: 40px;
  text-indent: 0px;
  -moz-margin-end: unset;
}

#wot_file_area .sl-caption span {
  margin: 0px 0px 20px 0px;
  font-size: 28px;
  font-weight: 700;
  color: #284664;
  text-transform: capitalize !important;
}

#wot_file_area .sl-caption {
  margin-bottom: 30px;
}

#wot_file_area .h5 {
  display: block;
  font-size: 14px;
  margin: 0px 0px 5px 0px;
  color: #888;
  font-weight: 300;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 10px;
}

#wot_file_area .small a {
  font-weight: 700;
  text-decoration: underline;
  color: #284664;
  font-size: 16px;
}

#wot_file_area .small {
  color: #888;
  font-weight: 700;
  font-size: 16px;
}

#wot_file_area .small.status {
  color: #f9a95a;
}

label.credit-card-label.active {
  background-color: #f5f5f5;
}

fieldset[data-drupal-selector="edit-payment-information-payment-method"] input[value="new--credit_card--authoriz_js"] {
  display: none;
}

fieldset[data-drupal-selector="edit-payment-information-payment-method"] input[value="new--credit_card--authoriz_js"]:after {
  content: 'Debit/ Credit Card';
  font-size: 15px;
  color: #536b83;
  padding-top: 55px;
  font-family: "Nunito";
  font-weight: bolder;
}

fieldset[data-drupal-selector="edit-payment-information-payment-method"] input[value="paypal"]:after {
  content: 'PayPal';
  font-size: 15px;
  color: #536b83;
  padding-top: 55px;
  font-family: "Nunito";
  font-weight: bolder;
}

fieldset[data-drupal-selector="edit-payment-information-payment-method"] input.payment-method--new:checked {
  background-color: #f5f5f5;
}

fieldset[data-drupal-selector="edit-payment-information-payment-method"] input[value="paypal"] {
  display: none;
}

label.paypal-label {
  background-image: url(../images/PayPalIcn.png);
  background-repeat: no-repeat;
  background-position: center center;
  height: 99px;
  cursor: pointer;
  display: flex !important;
  padding: 0px 10px;
  align-items: center;
  justify-content: center;
  border: 1px solid #898989;
  border-radius: 3px;
  text-align: center;
  width: 100%;
  left: 50px;
  background-position: 50% 13%;
  background-size: 24%;
  font-size: 14px !important;
  color: #536b83 !important;
  padding-top: 55px;
  font-family: "Nunito" !important;
  font-weight: bolder !important;
  margin: 30px 0px 30px 0px !important;
}

label.paypal-label.active {
  background-color: #f5f5f5;
}

fieldset[data-drupal-selector="edit-payment-information-payment-method"] input.payment-method--new:checked {
  background-color: #f5f5f5;
}

fieldset[data-drupal-selector="edit-payment-information-payment-method"] .form-item-payment-information-payment-method {
  float: left;
  padding: 0px 10px;
  margin: 0px 0px 20px 0px;
  width: 225px;
  height: 128px;
}

fieldset[data-drupal-selector="edit-payment-information-payment-method"] .form-item-payment-information-payment-method label {
  /*font-size: 0px;*/
}

fieldset[data-drupal-selector="edit-payment-information-payment-method"] {
  height: 160px;
}

fieldset[data-drupal-selector="edit-payment-information-payment-method"] legend {
  margin: 0;
}

.mastercard {
  background-image: url(http://i.imgur.com/SJbRQF7.png);
}

.cc-selector input:active + .drinkcard-cc {
  opacity: .9;
}

.cc-selector input:checked + .drinkcard-cc {
  -webkit-filter: none;
  -moz-filter: none;
  filter: none;
}

.drinkcard-cc {
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 100px;
  height: 70px;
  -webkit-transition: all 100ms ease-in;
  -moz-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
  -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
  -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
  filter: brightness(1.8) grayscale(1) opacity(.7);
}

.drinkcard-cc:hover {
  -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
  -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
  filter: brightness(1.2) grayscale(.5) opacity(.9);
}

div[data-drupal-selector="edit-payment-information-add-payment-method"] .authorize-net-accept-js-form {
  width: 48%;
  float: left;
  margin-right: 30px;
}

div[data-drupal-selector="edit-payment-information-add-payment-method"] div[data-drupal-selector="edit-payment-information-add-payment-method-billing-information"] {
  width: 48%;
  float: left;
}

.address-line2 {
  display: none;
}

div[data-drupal-selector="edit-payment-information-add-payment-method-billing-information-address-0-address-country-code"] {
  position: absolute;
  bottom: 0px;
}

div[data-drupal-selector="edit-payment-information-billing-information-address-0-address-country-code"] {
  position: absolute;
  bottom: 0px;
}

div[data-drupal-selector="edit-payment-information-add-payment-method-billing-information"],
div[data-drupal-selector="edit-payment-information-billing-information"] {
  position: relative;
  padding-bottom: 120px;
}

.commerce-checkout-flow-multistep-default input[type="text"] {
  display: block;
  width: 100%;
  padding: 0px 10px;
  line-height: 50px;
  border: 1px solid #d4dae0;
  border-radius: 3px;
  height: 50px;
}

.commerce-checkout-flow-multistep-default select {
  display: block;
  width: 100%;
  padding: 0px 10px;
  line-height: 50px;
  border: 1px solid #d4dae0;
  border-radius: 3px;
  height: 50px;
}

.commerce-checkout-flow-multistep-default label {
  display: block;
  margin: 30px 0px 15px 0px;
  color: #a0a0a0;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}

.commerce-checkout-flow-multistep-default .table-responsive .table tbody tr td:last-child {
  min-width: 120px;
  text-align: right;
  padding-right: 10px;
  width: 5%;
  font-size: 20px;
}

td.views-field-purchased-entity, .views-field-purchased-entity a {
  font-size: 24px;
  color: #888;
  font-weight: 600;
  margin: 0px 0px 20px 0px;
}

.commerce-checkout-flow-multistep-default .table-responsive .table tbody tr td {
  font-size: 16px;
  color: #888;
  font-weight: 600;
  margin: 0px 0px 20px 0px;
  width: 50%;
  padding-left: 0px;
  border: 0px;
}

.order-total-line__subtotal {
  display: none;
}

.commerce-checkout-flow-multistep-default .order-total-line-label {
  display: inline-block;
  width: 50%;
  float: left;
  text-align: left;
  font-size: 24px;
  font-weight: 700;
  color: #284664;
  margin: 0px;
  padding: 0px 0px;
  font-family: "Montserrat", sans-serif;
}

.commerce-checkout-flow-multistep-default .order-total-line-value {
  display: inline-block;
  width: 50%;
  text-align: right;
  float: right;
  color: #888;
  font-weight: 700;
  font-size: 20px;
}

#payment-errors {
  margin-top: 30px;
  color: #a94442;
}

#payment-information-wrapper .panel-heading .panel-title {
  font-size: 40px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
}

#payment-information-wrapper .panel-body {
  padding: 0 15px 15px 15px;
}

.commerce-checkout-flow-multistep-default .table-responsive {
  border: 0px;
}

.commerce-checkout-flow-multistep-default table {
  margin-bottom: 10px;
}

.commerce-checkout-flow-multistep-default .view-commerce-checkout-order-summary table {
  border-bottom: 2px solid #d4dae0;
}

.commerce-checkout-flow-multistep-default .panel {
  border: 0 !important;
  margin-bottom: 20px;
  background-color: inherit;
  border: 0px solid transparent;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.commerce-checkout-flow-multistep-default .panel-default > .panel-heading {
  color: #333;
  background-color: transparent;
  border-color: transparent;
}

.commerce-checkout-flow-multistep-default .panel-title {
  font-weight: 700;
  color: #284664;
  font-size: 40px;
  margin: 0px 0px 15px 0px;
}

span.fieldset-legend {
  margin: 0px 0px 30px 0px;
  font-size: 24px;
  color: #536b83;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}

div.address-container-inline .form-item {

}

.form-item-payment-information-add-payment-method-billing-information-address-0-address-given-name {
  margin-right: 0px !important;
  width: 49%;
}

.form-item-payment-information-add-payment-method-billing-information-address-0-address-family-name {
  width: 49%;
  margin-left: 0em;
  margin-right: 0px !important;
}

.form-item-payment-information-add-payment-method-payment-details-expiration-divider {
  display: none !important;
}

.form-item-payment-information-add-payment-method-payment-details-expiration-month {
  width: 49%;
  margin-right: 1em;
}

.form-item-payment-information-add-payment-method-payment-details-expiration-year {
  width: 49%;
  margin-right: 0px !important;
}

.view-commerce-checkout-order-summary .view-footer .field--type-commerce-price {
  display: block !important;
}

.view-commerce-checkout-order-summary .table thead {
  background-color: transparent;

}

.view-commerce-checkout-order-summary .table thead th:first-child {
  width: 95%;
}

.view-commerce-checkout-order-summary .table thead th:last-child {
  width: 5%;
  text-align: right;
  padding-right: 10px;
}

.view-commerce-checkout-order-summary .view-footer {
  margin-left: -8px;
}

.view-commerce-checkout-order-summary .table tbody tr:nth-child(odd) {
  background-color: transparent;
}

.view-commerce-checkout-order-summary .table thead th {
  font-size: 24px;
  font-weight: 700;
  color: #284664;
  padding: 10px 0px;
  font-family: "Montserrat", sans-serif;
  border: 0px;
}

.view-commerce-checkout-order-summary .table thead .views-field-total-price__number {
  text-align: right;
}

/*.form-item-payment-information-add-payment-method-billing-information-address-0-address-administrative-area{*/
/*width: 48%;*/
/*margin-right: 0px!important;*/
/*}*/
/*.form-item-payment-information-add-payment-method-billing-information-address-0-address-locality{*/
/*width: 48%;*/
/*float: left;*/
/*}*/
/*.form-item-payment-information-add-payment-method-billing-information-address-0-address-postal-code{*/
/*width: 48%;*/
/*float: left;*/
/*margin-left: 1em;*/
/*}*/
div.address-container-inline .form-item:last-child {
  margin-right: 0px;
}

div[data-drupal-selector="edit-payment-information-add-payment-method-payment-details"]:before {

}

h2.include-name {
  margin: 30px 0px 0px 0px;
  font-size: 24px;
  color: #536b83;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  display: none;

}

h2.include-name:first-child {
  display: block !important;
}

span.fieldset-legend:before {

  margin: 0px 0px 30px 0px;
  font-size: 24px;
  color: #536b83;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}

h2.payment-caption {
  margin: 0px 0px 10px 0px;
  font-size: 24px;
  color: #536b83;
  font-weight: 700 !important;
  font-family: "Montserrat", sans-serif;
}

.commerce-checkout-flow-multistep-default legend {
  border-bottom: 0;
}

#edit-actions-next {
  background-color: #284664;
  display: inline-block;
  padding: 0px 40px;
  text-align: center;
  line-height: 60px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  transition: all ease 0.3s;
  border-radius: 4px;
  height: 60px;
  width: 360px;
  font-family: "Montserrat", sans-serif;
  text-transform: capitalize;

}

.commerce-checkout-flow-multistep-default .form-actions {
  margin-left: 30%;
  margin-right: 30%;
  margin-bottom: 30px;
  margin-top: 70px;
  text-align: center;
}

.payment-box h1 {
  font-weight: 700;
  color: #284664;
  font-size: 40px;
  margin: 0px 0px 20px 0px;
}

.payment-box .payment-caption {
  margin: 0px 0px 30px 0px;
  font-size: 24px;
  color: #536b83;
  font-weight: 700;
}

.payment-control p.infor-p {
  margin: 0px 0px 50px 0px;
  text-align: left;
}

.input-group-addon {
  display: none;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
  width: 100%;
}

div[data-drupal-selector="edit-payment-information-add-payment-method-billing-information-address-0-address-country-code"] {
  width: 100%;
}

.payment-control .btn-checkout {
  background-color: #284664;
  display: inline-block;
  padding: 0px 40px;
  text-align: center;
  line-height: 60px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
  transition: all ease 0.3s;
  border-radius: 4px;
  font-family: 'Montserrat';
  width: 300px;
  height: 60px;
}

#payment-information-wrapper .panel-heading .panel-title,
.checkout-pane-payment-information span.fieldset-legend {
  display: none;
}

.checkout-pane-payment-information .panel-body {
  padding: 0px;
}

#payment-information-wrapper fieldset[data-drupal-selector="edit-payment-information-payment-method"] .fieldset-legend {
  display: none;
}

h2.order-information-title {
  font-size: 40px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  color: #284664;
  margin: 30px 0px 30px 15px;
}

h2.payment-caption {
  margin: 0px 0px 30px 15px;
  font-size: 24px;
  color: #536b83;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}

.view-header h2.payment-caption {
  margin: 0px 0px 30px 0px;
  font-size: 24px;
  color: #536b83;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}

.checkout-pane-payment-information .panel-heading {
  display: none;
}

.payment-box .payment-control p {
  margin: 0px 0px 10px 0px;
  text-align: left;
}

.payment-box .payment-control p.infor-p {
  margin: 0px 0px 50px 0px;
}

.action-home {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}

.tt-park .tt-park-item ul {
  min-height: 280px;
}

@media (min-width: 768px) and (max-width: 1024px) {
  div[data-drupal-selector="edit-payment-information-add-payment-method"] .authorize-net-accept-js-form {
    width: 47%;
    float: left;
    margin-right: 30px;
  }

  div[data-drupal-selector="edit-payment-information-add-payment-method"] div[data-drupal-selector="edit-payment-information-add-payment-method-billing-information"] {
    width: 47%;
    float: left;
  }

  fieldset[data-drupal-selector="edit-payment-information-payment-method"] .form-item-payment-information-payment-method:last-child input {

  }

  fieldset[data-drupal-selector="edit-payment-information-payment-method"] .form-item-payment-information-payment-method:first-child input {

  }

  .commerce-checkout-flow-multistep-default .form-actions {
    margin-left: 22%;
    margin-right: 22%;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 767px) {
  fieldset[data-drupal-selector="edit-payment-information-payment-method"] .form-item-payment-information-payment-method {
    float: left;
    width: 45%;
    padding: 0px 10px;
    margin: 0px 0px 20px 0px;
  }

  div[data-drupal-selector="edit-payment-information-add-payment-method"] .authorize-net-accept-js-form {
    width: 100%;
    float: left;
    margin-right: 30px;
  }

  div[data-drupal-selector="edit-payment-information-add-payment-method"] div[data-drupal-selector="edit-payment-information-add-payment-method-billing-information"] {
    width: 100%;
    float: left;
  }

  #edit-actions-next {
    background-color: #284664;
    display: inline-block;
    padding: 0px 10px;
    text-align: center;
    line-height: 60px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    transition: all ease 0.3s;
    border-radius: 4px;
  }

  .commerce-checkout-flow-multistep-default .form-actions {
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 30px;
    margin-top: 70px;
  }

  .commerce-checkout-flow-multistep-default .table-responsive .table tbody tr td {
    font-size: 12px;
    white-space: normal;
  }

  .commerce-checkout-flow-multistep-default .table-responsive .table tbody tr td:last-child {
    font-size: 16px;
  }

  fieldset[data-drupal-selector="edit-payment-information-payment-method"] input[value="new--credit_card--authoriz_js"]:after {
    font-size: 13px;
  }

  fieldset[data-drupal-selector="edit-payment-information-payment-method"] input[value="paypal"]:after {
    font-size: 13px;
  }

  fieldset[data-drupal-selector="edit-payment-information-payment-method"] .form-item-payment-information-payment-method:first-child input {
    background-size: 65px;
  }

  fieldset[data-drupal-selector="edit-payment-information-payment-method"] .form-item-payment-information-payment-method:last-child input {
    background-size: 55px;
  }

  label.credit-card-label {
    background-size: 45%;
  }

  label.paypal-label {
    background-size: 37%;
  }

  label.credit-card-label:after {
    font-size: 15px;
    text-indent: -42px;
  }

  fieldset[data-drupal-selector="edit-payment-information-payment-method"] .form-item-payment-information-payment-method {
    float: left;
    padding: 0px 5px;
    margin: 0px 0px;
    width: 157px;
    height: 128px;
  }

  #edit-actions-next {
    width: 348px;
  }

  .writing-essay-page .evaluation .dropdown-toggle {
    color: #ccc !important;
  }

  .writing-essay-page.evaluation-report .evaluation .dropdown-toggle {
    background-color: #294563 !important;
    color: #fff !important;
  }

  .writing-essay-page .panel-default.overall-score .panel-heading a {
    display: flex;
  }
}

/*
@media (min-width: 768px) {
    .player-solution .mejs__controls, .player-result .mejs__controls {
        padding-right: 80px;
    }
}*/

/*.mejs__currenttime, .mejs__duration {
    font-weight: 700;
    font-size: 10px;
    font-family: "Montserrat", sans-serif;
    color: #84d1dd;
    text-align: left;
    width: 28px;
    display: inline-block;
}*/

.change-source {
  position: absolute;
  bottom: 0px;
  right: 0px;
  color: #84d1dd;
  font-size: 13px;
  font-style: normal;
  cursor: pointer;
  z-index: 99;
}

.player .change-source .cs-dropdown {
  position: absolute;
  top: 15px;
  right: initial;
  width: 130px;
  padding: 5px 0px;
  background-color: #d6f0f4;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  visibility: visible;
  opacity: 0;
  margin-top: 10px;
  z-index: 100;
}

.split-item.split-item-no-relative {
  position: static;
}

.mejs-inner {
  max-width: 100% !important;
  top: 0 !important;
}

.mejs-time-rail, .mejs-time-total {
  width: calc(100% - 234px) !important;
}

.comment-item .links li {
  font-size: 12px;
  color: #284664;
  display: inline-block;
  margin: 0px 0px 0px 20px;
}

/*@media screen and (max-width: 768px) {
    .player-loading {
        margin-left: -128px;
    }
}*/

.player .change-source {
  position: absolute;
  bottom: 0px;
  right: 7px;
  color: #84d1dd;
  font-size: 13px;
  font-style: normal;
  cursor: pointer;
}

.player .change-source i {
  font-size: 13px;
}

@media screen and (max-width: 767px) {
  .player .change-source {
    right: 25px;
  }

  fieldset[data-drupal-selector="edit-payment-information-payment-method"] .form-item-payment-information-payment-method {
    float: left;
  }

  #payment-information-wrapper .panel-heading .panel-title {
    font-size: 33px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
  }
}

.player .change-source .cs-dropdown {
  position: absolute;
  top: 100%;
  right: 0px;
  width: 130px;
  padding: 5px 0px;
  background-color: #d6f0f4;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  visibility: hidden;
  opacity: 0;
  margin-top: 10px;
}

.player .change-source .cs-dropdown p {
  display: block;
  line-height: 20px;
  margin: 0px;
  font-size: 13px;
  padding: 3px 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #36b1c5;
}

.player .change-source .cs-dropdown p:hover {
  color: #84d1dd;
}

.player .change-source .cs-dropdown p i {
  font-size: 10px;
  opacity: 0;
  margin: 0px 2px 0px 0px;
}

.player .change-source .cs-dropdown p.active i {
  opacity: 1;
}

.player .change-source:hover .cs-dropdown {
  opacity: 1;
  visibility: visible;
  margin-top: 0px;
}

/*.listening-page .player-fixed {
    !*margin-left: 30px;*!
    position: fixed;
}*/

.test-vote a {
  color: #f9a95a;
  margin: 0px 2px;
}

.test-vote.small a {
  color: #f9a95a;
  margin: 0px 0px;
  font-size: 12px;
}

.review-explanation table {
  width: 100% !important;
}

.split-left .nodepad.in {
  display: block;
}

#views-exposed-form-search-tips-page-1 {
  display: none;
}

#search-tips {
  padding: 20px 20px 0 0;
}

@media screen and (max-width: 991px) {
  .date-analytics {
    position: relative !important;
    top: unset !important;
    left: unset !important;
    float: left !important;
    width: 100% !important;
  }

  .listening-page .player-fixed {
    margin: 0;
  }

  .progression-skin .mejs-controls .mejs-unmute, .progression-skin .mejs-controls .mejs-mute {
    display: block !important;
  }

  .question {
    position: relative;
  }

  /*   .explaination.listen-from-here {
         right: 0px;
         top: 30px;
         left: auto;
     }*/
  .listening-page .player-fixed {
    position: fixed;
    left: 0;
  }

  .progression-skin .mejs-controls .mejs-horizontal-volume-slider {
    display: none !important;
  }

  .flex .question-title, .flex .number {
    display: inline-block;
  }

  .flex .question-title {
    width: calc(100% - 30px);
  }


  .show-review-explanation .review-explanation {
    display: block !important;
  }

  .table-scroll {
    overflow: auto;
    max-width: 100%;
  }

  .st3-item .st4-radio .str-item {
    width: 50% !important;
  }
}

.profile-field span.glyphicon {
  width: 12px;
  margin: 0;
}

.tab-test {
  min-height: 700px;
}

.no-padding-top {
  padding-top: 1px;
}

.text-big .split-right {
  font-size: 20px;
}

a.hover-fa-star-o:before {
  content: "\f006" !important;
}

#contact-form-page i.close-modal {
  position: absolute;
  right: 15px;
  top: 8px;
  cursor: pointer;
}

.player-listening .mejs-playpause-button button {
  width: 50px;
  height: 50px;
}

#modal-subscribe .login-box {
  min-height: 100px;
  height: 100px;
}

.standfirst {
  font-weight: bold;
  margin-bottom: 15px;
}

.st2-item input.name, .st2-item input.email {
  width: 100%;
}

.st2-item .area-wrong {
  float: left;
  width: 100%;
  margin: 10px 0 20px 0;
  min-height: 120px;
}

.mistake i {
  font-size: 24px;
  margin-right: 7px;
}

.bp-control button {
  display: inline-block;
  cursor: pointer;
  line-height: 50px;
  padding: 0px 40px;
  border-radius: 5px;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #fff;
  background-color: #284664;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}

.bp-control button:hover {
  background-color: #2f5376;
}

i.required {
  color: red;
}

#modal-report .login-box {
  min-height: 100px;
}

li.share {
  position: relative;
}

li.share div.ss-share a {
  width: 26px;
  height: 26px;
  float: left;
  padding: 9px !important;
  font-size: 11px !important;
}

.us-user img {
  border-radius: 50px;
  width: 65px;
  height: 65px;
}

@media screen and (max-width: 767px) {
  .test-hero .test-hero-icon {
    position: relative !important;
    width: 100% !important;
    right: 0;
    top: 15px;
  }

  .reading-footer .rf-time span {
    font-size: 30px !important;
  }

  .chart-l, .chart-r {
    width: 100% !important;
    float: left !important;
    margin-top: 0px !important;
  }

  .description-home {
    min-height: 180px;
  }

  .st3-item .st4-radio .str-item {
    width: 100% !important;
  }

  .listening-page .question .sl-caption {
    position: absolute;
    right: 60px;
    top: auto;
  }

  /*.listening-page .question .listen-from-here {
      position: absolute;
      top: auto;
      right: 0px;
      width: 40px;
  }*/
  /*.listening-page .question .listen-from-here a {
      width: 40px;
      height: 28px;
      overflow: hidden;
      margin-top: -1px;
  }*/
  .listening-page .btn-show-note {
    width: 40px;
    overflow: hidden;
    height: 28px;
    padding: 0px 13px !important;
  }

  .listening-page .split-left .listen-from-here .sl-control {
    display: inherit;
    top: -38px;
  }

  .reading-box .split-left .sl-caption .sl-caption-right {
    float: right;
  }
}


.starbox-item a {
  cursor: pointer;
}

a.hover-fa-star-o:before {
  content: "\f006";
}

.starbox-item a.hover:before {
  content: "\f005";
}

.starbox-item a.click:before {
  content: "\f005";
}

.comments img {
  border-radius: 50px;
}

.indented .comment-item .avatar img {
  width: 25px;
  height: 25px;
  display: inline-block;
  border-radius: 25px;
}

.indented .comment-item p.c-name {
  font-size: 13px;
  font-weight: 800;
  color: #284664;
  float: left;
  margin-right: 20px;
}

.indented .comment-item .avatar {
  float: left;
  width: 25px;
  height: 25px;
  margin: -3px 0px 0px -38px;
}

.indented .comment-item .avatar {
  float: left;
  width: 25px;
  height: 25px;
  margin: -3px 0px 0px -38px;
}

.indented .links.list-inline {
  display: none;
}

.indented .c-info {
  display: none;
}

.indented .comment-item {
  margin: 0px 0px 15px 0px;
  padding: 0px 0px 0px 60px;
}

.indented {
  margin-left: 40px;
}

.st3-item .st4-radio .str-item {
  float: left;
  width: 30%;
  text-align: left;
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
  cursor: pointer;
}

.pb-footer {
  min-height: 90px;
}

.error-message3, .error-message2 {
  color: red;
}

.step2-action.next.click {
  display: none;
}

#report-mistake .bp-control {
  margin-top: 20px !important;
}

#report-mistake img {
  width: 160px;
}

.yourname {
  width: 100%;
}

.filter-history {
  height: 30px;
  line-height: 27px;
  border-radius: 3px;
  width: 90px;
  display: inline;
  background-color: #284664;
  font-size: 13px;
  color: #fff;
  font-weight: 700;
  border: none;
  padding: 0;
}

.answer .b-r {
  font-weight: bold;
  color: red;
}

.split-left.cyan .sl-caption span.txt-notepad {
  color: inherit;
  text-transform: none;
}

.solution-page .sitemap a:last-child {
  display: none;
}

.flex .question-title {
  display: inline-block;
  width: calc(100% - 40px);
}

.question-title-group {
  width: 100%;
  display: -webkit-inline-box;
}

.question-title-group .number {
  width: 4%;
}

.question-title-group .question-title {
  width: 95%;
}

.volunteer-explain .tabledrag-toggle-weight,
.volunteer-explain .filter-wrapper.form-inline,
.volunteer-explain .messages--warning,
.volunteer-explain .form-type-vertical-tabs {
  display: none;
}

/*.header {
    z-index: 10 !important;
}*/

.menu .menu-main li.li-language {
  float: right;
}

.menu .menu-main li.li-language ul li {
  float: right;
}

#modal-draft .login-box {
  min-height: 100px;
}

/*.reading-header .rh-menu .menu-reading ul li a {
    padding: 0px 10px !important;
}*/

.modal {
  z-index: 1050 !important;
}

.cols .colleft {
  min-height: 1500px;
}

#player2-container .mejs__time-buffering,
#player2-container .mejs__time-current,
#player2-container .mejs__time-handle,
#player2-container .mejs__time-loaded,
#player2-container .mejs__time-marker,
#player2-container .mejs__time-total,
#player2-container .mejs__time-hovered {
  height: 2px;
}

#player2-container .mejs__time-total {
  margin-top: 9px;
}

#player2-container .mejs__time-handle {
  left: -5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff;
  top: -5px;
  cursor: pointer;
  display: block;
  position: absolute;
  z-index: 2;
  border: none;
}

#player2-container .mejs__time-handle-content {
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
}

.player-loading {
  display: none;
}

/*
.box-caption {
    margin-bottom: 5px !important;
}
*/

#modal-error h2.modal-caption {
  font-size: 24px;
  margin: 20px 0px 22px 0px;
}

#modal-error .modal-error-control a {
  display: inline-block;
  line-height: 45px;
  border-radius: 5px;
  padding: 0px 30px;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #284664;
  background-color: #d4dae0;
  margin-top: 0px;
}

.modal-error-control {
  text-align: center;
}

.error-message.newsletter-error {
  margin-top: 10px;
  color: #fff;
}

.modal-content {
  max-height: 100% !important;
}

.path-account .modal-auto .close-modal, .path-user .modal-auto .close-modal {
  display: none;
}

.path-account.modal-open .modal-auto .close-modal,
.path-user.modal-open .modal-auto .close-modal {
  display: block;
}

.chart-l, .chart-r {
  width: 50%;
  float: left;
  margin-top: 35px;
}

.not-active-print {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: black;
}

.profile_err {
  color: #a94442;
}

.profile_no_err {
  color: #3c763d;
}

/*.form-group {
  margin-bottom: 0px;
}*/

.pager {
  margin: 20px 0 0 0;
}

.cv-related-tips {
  padding-right: 20px;
}

@media screen and (max-width: 991px) {
  .cv-related-tips {
    padding-right: 0px;
  }
}

.tip-article-detail .thumb-tip-detail {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.colleft {
  padding-bottom: 15px;
}

.profile-page, .analytics {
  padding-bottom: 30px;
}

.hidden-btn {
  display: none;
}

.cv-coll-header {
  margin-bottom: 90px;
}

.reading-box .subtitle {
  text-align: center;
}

.badge-notify {
  background: #f9a95a;
  position: relative;
  top: -10px;
  left: 0px;
  font-weight: bold !important;
  border-radius: 2px;
  color: #284664 !important;
  padding: 0.2em 0.3em 0.1em 0.3em;
  font-size: 60% !important;
}

.upload-title {
  letter-spacing: normal !important;
}

.hashover-deleted {
  display: none !important;
}

.pdfobject-container {
  max-width: 800px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 600px;
}

/*=====ACCORDION CSS START HERE=====*/
.accordion {
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
  margin: auto;
  padding-right: 25px;
}

.accordion .item .heading {
  height: auto;
  padding: 15px;
  line-height: 22px;
  font-size: 18px;
  font-weight: 900;
  cursor: pointer;
  color: #30305e;
  /*background: url('../images/icon_arrow_down.png') no-repeat;*/
  background-position: right 10px top 22px;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
}

.accordion .item.open .heading {
  /*background: url('../images/icon_arrow_up.png') no-repeat;*/
  background-position: right 10px top 22px;
  color: #f9a95a;
}

.accordion .item .content {
  display: none;
  padding: 15px;
  font-size: 15px;
  line-height: 26px;
  border-bottom: 1px solid #ccc;
}

.acoordion-right {
  line-height: 50px;
  float: right;
  font-size: 14px;
  line-height: 50px;
  margin-right: 64px;
  font-weight: 400;
}

@media only screen and (max-width: 767px) {
  .accordion .item .heading {
    padding: 10px 30px 10px 0;
    font-size: 14px;
    line-height: 20px;
  }

  .accordion .item .content {
    padding: 10px 0;
  }

  .accordion {
    padding-right: 0px;
  }
}

/*=====ACCORDION CSS END HERE=====*/
.img-writing-task {
  max-width: 500px;
  max-height: 300px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 20px;
}

.input-required {
  border: 1px solid red !important;
}

.sale-notification.is-active {
  display: none;
}

.prep-purchase-wrapper {
  display: flex;
  align-items: center;
}

.user-just-purchase img.sale-notification__flag {
  width: 16px;
  height: 16px;
}

.om-item.orange .orange-dark {
  background-color: #bb7f44;
}

.customer-mail {
  color: #337ab7;
  font-weight: bold;
}

.line-height-3 {
  line-height: 3;
}

#report-mistake .preload {
  width: 50px !important;
  top: 0px !important;
  left: -50px !important;
}

/*.commerce-checkout-flow .form-actions img{*/
/*display: none;*/
/*}*/
/*.commerce-checkout-flow .form-actions img:first-child{*/
/*display: block!important;*/
/*}*/
.preload-1 {
  position: relative;
  left: -52px;
  display: none;
}

.span-red {
  color: red;
  float: right;
}

.h2-head-forgot-pass {
  font-size: 24px;
  margin: 25px 0px 5px 0px;
}

.spinner-submit-test {
  font-size: 20px;
}

.disable-submit-test {
  background-color: #aeafaf !important;
  cursor: default !important;
}

.link-in-faq {
  color: #284664;
  text-decoration: underline;
}

.link-in-faq:hover {
  text-decoration: underline !important;

}

.pager li.is-active a {
  color: #284664;
  border-color: #284664;
}

.tab-section-question-reading select.iot-question:focus {
  border-color: #e4a849;
}

/* Coupon */
.checkout-pane-order-summary .view-footer .order-total-line {
  overflow: hidden;
  width: 100%;
}

.checkout-pane-order-summary .view-footer .order-total-line.order-total-line__adjustment .order-total-line-label {
  font-size: inherit;
}

.checkout-pane-coupon-redemption {
  text-align: right;
  margin-top: 20px;
}

.checkout-pane-coupon-redemption .form-item label {
  margin: 0 0 30px 0;
  font-size: 24px;
  color: #536b83;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  display: none;
}

.checkout-pane-coupon-redemption .form-wrapper {
  overflow: hidden;
  display: inline-block;
  width: 50%;
}

.checkout-pane-coupon-redemption .form-wrapper .coupon-redemption-form__coupons {
  overflow: hidden;
}

.checkout-pane-coupon-redemption .form-wrapper .coupon-redemption-form__coupons table {
  width: auto;
  float: right;
  color: #888;
  font-weight: 700;
  font-size: 20px;
}

.checkout-pane-coupon-redemption .form-wrapper .coupon-redemption-form__coupons table .form-submit {
  line-height: 1;
  padding: 10px;
  font-size: 0;
}

.checkout-pane-coupon-redemption .form-wrapper .coupon-redemption-form__coupons table .form-submit .icon {
  font-size: 14px;
}

.checkout-pane-coupon-redemption .form-wrapper .coupon-redemption-form__coupons > h3 {
  font-size: 24px;
  font-weight: 700;
  color: #284664;
  font-family: "Montserrat", sans-serif;
  margin-top: 0;
}

.checkout-pane-coupon-redemption .form-wrapper .form-item-coupon-redemption-form-code {
  display: inline-table;
  vertical-align: bottom;
  width: calc(100% - 124px);
  text-align: left;
}

.checkout-pane-coupon-redemption .form-wrapper .form-item-coupon-redemption-form-code + .form-submit {
  display: inline-table;
  vertical-align: bottom;
  width: 118px;
}

@media (max-width: 640) {
  .checkout-pane-coupon-redemption .form-wrapper {
    overflow: hidden;
    display: block;
    width: 100%;
  }
}

/* End Coupon */
@media screen and (max-width: 480px) {
  .checkout-pane-coupon-redemption .form-wrapper .form-item-coupon-redemption-form-code {
    width: 58%;
  }

  .commerce-checkout-flow-multistep-default input[type="text"] {
    width: 96%;
  }

  h2.order-information-title {
    font-size: 32px;
    margin: 30px 0px 30px;
    text-align: center;
  }

  h2.payment-caption {
    font-size: 22px;
    margin: 0px 0px 30px 0;
    text-align: center;
  }

  .checkout-pane-coupon-redemption .form-wrapper {
    width: 100%;
  }

  label.credit-card-label:after {
    text-indent: 0;
    font-size: 12px;
  }

  div.address-container-inline .form-item {
    padding-right: 10px;
  }

  fieldset[data-drupal-selector="edit-payment-information-payment-method"] .form-item-payment-information-payment-method {
    width: 50%;
  }

  #edit-actions-next {
    width: 100%;
  }
}

.captcha-area .text-feild {
  height: auto;
}

.menu-res-inner ul.sub-menu > li.has-child > a span:after {
  top: 6px;
}

/* for iot message */
.menu li.user-messages img,
.table-chat-content .partner-mess-name img {
  width: 30px;
  height: 30px;
}

.schollmate-avatar img {
  overflow: hidden;
  display: inline-block;
  width: 60px;
  height: auto;
  max-height: 100%;
}

#message-srcoll-wrapper {
  height: 438px;
  position: relative;
  top: 50px;
  overflow-y: auto;
  opacity: 0;
}

.messages-page .table-chat-content .mess-content {
  top: auto;
  height: auto;
}

.mess-container-detail .fa-spin,
#message-srcoll-wrapper .fa-spin {
  display: table;
  margin: 0 auto;
  font-size: 20px;
  padding: 0;
  position: relative;
  top: 10px;
}

.menu li.user-messages .user-messages-wrap ul.unread-messages {
  position: relative;
  max-height: 344px;
  overflow: auto;
}

.menu li.user-messages .user-messages-wrap ul.unread-messages li:last-child {
  text-align: left;
}

.messages-popup-wp #messages-tabs {
  overflow: auto;
  max-height: calc(100vh - 100px);
}

.icon-notification-mb .number:empty,
.icon-notification .number:empty,
.user-messengers .number:empty,
.header-mobile .private-message-notification-wrapper .number:empty {
  display: none;
}

.header-mobile .private-message-notification-wrapper.unread-message .number,
.private-message-notification-wrapper.unread-message .number {
  display: block;
}

.messages-page .table-chat-content .partner-mess > img {
  width: 30px;
  height: auto;
}

/* end message */
.table-history {
  overflow: initial;
  margin-bottom: 15px;
}

/*.path-account .table-history .table thead tr th {*/
/*  padding-left: 20px;*/
/*}*/
/* .panel-body {
  overflow: hidden;
} */
.ifm-essay-sample {
  margin-top: -35px;
  margin-bottom: -6px
}

.show-filter-tag {
  display: block !important;
}

.dropdown.currency- {
  /*opacity: 0;*/
  /*visibility: hidden;*/
}

#fix-odt-file-load:not(.loaded) {
  position: fixed;
  z-index: -999;
  top: 0;
  visibility: hidden;
}

.menu li.user-palette.usr-logged .user-info-wrap {
  height: auto;
}

/* Start solution page writing page css */

.test-hero .test-hero-icon.orange span {
  background: url("../images/icon_writing.png") no-repeat center center;
}

.test-hero .test-hero-icon.orange p,
.test-hero .test-hero-icon.orange strong {
  color: #f9a95a;
}

.tt-sample-essay .panel-body {
  padding: 0px !important;
}

#colorbox.step2,
#colorbox.step2 #cboxWrapper,
#colorbox.step2 #cboxLoadedContent,
#colorbox.step2 #cboxContent {
  height: auto !important;
}

#colorbox.step2 #cboxWrapper {
  position: relative;
}

.spb-popup-main-wrapper {
  border: none;
  box-shadow: 0px 0px 20px -6px #a0a0a0;
}

.spb-controls > span {
  border: none;
  font-size: 20px;
  line-height: 20px;
  padding: 0;
  width: 20px;
  height: 20px;
  text-align: center;
}

.spb-popup-main-wrapper .field--name-body p:last-child,
.spb-popup-main-wrapper .field–name-body p:last-child {
  margin-bottom: 0;
}

/* End solution page writing page css */


/* Start show original pictures in WOT css */
.img-writing-task {
  max-width: 100% !important;
  max-height: 100% !important;
}

/* End show original pictures in WOT css */
.messages-page .users-column .nav-tabs > li.empty {
  text-align: center;
}

.menu li.user-notification .user-notification-wrap ul + ul {
  padding: 0;
}

.messages-page .table-chat-content .write-message textarea {
  resize: none;
}


.path-taxonomy .product-variation .item-service-wp .price {
  text-decoration: line-through;
}

/* Popup block */
.spb_center {
  margin-left: 0;
  margin-top: 0;
  max-width: calc(100% - 60px);
  height: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  border: none !important;
}

.spb_center img {
  height: auto;
}

.spb-controls {
  top: -28px;
  right: -28px;
}

.spb-controls > span {
  margin: 0;
  background: transparent;
  color: #fff;
  font-weight: bold;
  font-size: 28px;
  border: none !important;
  width: 28px;
  height: 28px;
  padding: 0;
  text-align: center;
  line-height: 28px;
}

/* End Popup block */

/**custom css for wallet history*/
.wallet-usage .table-responsive {
  border: 0px;
}

.wallet-usage .order-panel .form-group {
  margin-bottom: 15px;
}

.checkout-page .checkout-complete {
  margin-bottom: 40px;
}

.checkout-page .checkout-complete.wallet-checkout-complete .thumbs-up,
.path-iot .checkout-page .checkout-success img.hand-shake {
  width: 134px;
  height: 134px;
  margin: 40px auto;
}

.ellipsis-text {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  max-width: 104px;
}

.checkout-page .checkout-success .back-home {
  margin-bottom: 60px;
}

/* Hide convert currency */
.checkout-page .total-cost {
  margin-bottom: 30px;
}

/*.exc-value {*/
/*display: none;*/
/*}*/

@media (max-width: 767px) {
  .wallet-usage .orders-table tbody tr td {
    white-space: initial;
  }
}

.home-hero {
  /* position: relative;
  overflow: hidden;
  padding: 15vh 0px 20vh; */
}

.home-hero video {
  position: absolute;
  top: 0;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(0);
  -moz-transform: translateX(-50%) translateY(0);
  -webkit-transform: translateX(-50%) translateY(0);
  transform: translateX(-50%) translateY(0);
}

.home-hero .region-hero {
  position: relative;
  z-index: 2;
}

.sl-item.explaination li {
  white-space: initial !important;
  border-collapse: separate;
  display: list-item;
}

.class-item .real-price {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: #9d9d9d;
  text-decoration: line-through;
  margin-right: 19px;
  margin-top: 2px;
  margin-bottom: 13px;
}

.wbn-recommend .class-item .price-wp {
  margin-bottom: 16px;
}

.wbn-recommend .class-item .price-wp > div {
  float: none;
  margin-right: 0;
  margin-bottom: 3px;
  text-align: left;
}

.class-item .percent-off {
  color: #c86478;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0.2px;
  margin-right: 0;
}

.wbn-recommend .owl-dots button.owl-dot {
  margin: 0;
  padding: 0;
}

/*.my-webinar-filter .dropdown-toggle .caret {*/
/*  top: 6px !important;*/
/*}*/

.checkout-page #discount {
  display: block;
}

.checkout-page .pro-code .rm-promo {
  background-color: rgb(210, 131, 147);
  display: none;
}

.product-detail .commerce-product-other > section:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

a.base-link {
  color: #337ab7;
  text-decoration: underline;
  cursor: pointer;
}

.wbn-detail .region-footer section {
  max-width: 100%;
}

.link-my-webinar {
  color: #32b4c8;
}

.owl-theme .owl-dots .owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.wbn-detail section.class-info .action .addeventatc {
  z-index: 1;
}

.td-classses .registered-ds.bt-reg {
  max-width: unset;
  background: #ccc;
}

.wbn-detail .who-join .std-name a {
  cursor: default;
}

.my-webinar-filter .filter-option-inner-inner {
  color: #284664;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
}

.wbn-count-down em,
.my-webinar .list-class .cl-nav a em {
  font-style: normal;
}

.my-webinar .list-class .awaiting.wbn-count-down,
#modal-insu-credit a.buymore {
  max-width: unset;
}

.my-webinar .registered.wbn-count-down {
  position: relative;
  max-width: unset;
  width: auto;
  padding-left: 0;
  padding-right: 0;
}

.my-webinar .registered.bt-reg.wbn-count-down {
  padding-left: 25px;
  padding-right: 25px;
}

.class-item .registered.wbn-count-down {
  width: 100%;
}

.aw-rewatch.wbn-btn-disabled > span,
.registered.wbn-count-down span {
  position: absolute;
  padding: 8px 9px 10px;
  font-size: 9px;
  line-height: 1.33;
  letter-spacing: 0.1px;
  text-align: center;
  width: calc(100% + 50px);
  left: 0;
  bottom: calc(100% + 8px);
  background: #284664;
  border-radius: 4px;
  color: #fff;
  max-width: 100%;
}

.aw-rewatch.wbn-btn-disabled > span,
.td-classses .registered-ds.bt-reg > span {
  max-width: 100%;
}

.aw-rewatch.wbn-btn-disabled > span::after,
.registered.wbn-count-down span::after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #284664;
  bottom: -5px;
  left: 38%;
}

.wbn-count-down.join > span {
  display: none !important;
}

.wbn-listing .uc-class .ucc-nav a.registered em {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
}

.aw-rewatch.wbn-btn-disabled {
  background-color: #ccc;
  color: #fff;
  position: relative;
}

.classes-wrap .aw-rewatch.wbn-btn-disabled,
.owl-carousel .aw-rewatch.wbn-btn-disabled {
  max-width: unset;
}

.my-webinar .list-class .registered-ds.bt-reg {
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .my-webinar .list-class .registered-ds.bt-reg {
    max-width: unset;
  }

  .bt-reg.registered-ds span {
    max-width: 100%;
    margin-left: 0;
  }

  .my-webinar .list-class .cl-time {
    height: 65px;
  }
}

.pdf-report {
  height: 370px;
}

form#reset-password-form .btn-cxpass {
  display: none;
}

.footer .footer-bar .follow-box .fa,
.footer .footer-bar .follow-box span {
  line-height: 25px;
}

.footer .footer-bar .follow-box a:nth-child(2) {
  position: static;
  top: 0;
  padding-top: 0;
}

.contact-field select {
  border: 1px solid #284664;
  width: 100%;
  padding: 0 0 0 10px;
  height: 30px;
  font-size: 12px;
  border-radius: 3px;
}

.player-listening iframe {
  opacity: 0;
}

/* Hide webinar add to calendar btn */
.wbn-detail section.class-info .action button:last-child {
  float: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* End Hide webinar add to calendar btn */

.player-listening .mejs__button.mejs__playpause-button .press-hint {
  display: none;
}

/* VIP package */
.sot-commerce .top-selling .reading-service h2 a {
  color: #327846;
}

.sot-commerce .top-selling .reading-service .bt-buynow {
  background-color: #327846;
}

.sot-commerce .top-selling .reading-service:hover {
  box-shadow: 0 2px 8px 0 rgba(50, 120, 70, 0.63);
}

.sot-commerce .top-selling .reading-service:hover .item-wrapper {
  box-shadow: 0 0 0 2px #327846;
}

/* End Hide webinar add to calendar btn */

/* Require login before take test */
.require-login {
  position: fixed;
  top: 28%;
  left: 36%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.7);
  padding: 20px;
  border-radius: 0;
  z-index: 1002;
  box-shadow: none;
  font-size: 14px;
  line-height: 1.25;
  letter-spacing: 0.2px;
}

.require-login a {
  color: #84d1dd;
  font-weight: bold;
}

/* End Require login before take test */

/* Login */
.send-smscode {
  position: relative;
  overflow: hidden;
}

.send-smscode .disable-click {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
}

.login-box .login-box__login-field .form-group .form-item-verification-code {
  display: inline;
  width: auto;
}

.login-box .login-box__login-field .form-group .send-smscode {
  position: relative;
  overflow: hidden;
}

.login-box .login-box__login-field.form-group .send-smscode .disable-click {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
}
.reg-login-form .js-form-item-verification-code .help-block {
  margin-top: 11px;
}
#modal-mobile-verify .js-form-item-verification-code .help-block {
  margin-top: 0;
}
.js-form-item-verification-code .help-block {
  font-size: 10px;
  margin-bottom: 0;
  white-space: nowrap;
  color: #284664;
}

.js-form-item-verification-code.has-error .help-block {
  color: #c0392b;
  display: block !important;
}

.reset-password-form,
.user-pass {
  max-width: 380px;
  margin: 0 auto 60px;
  font-size: 14px;
}

.reset-password-form label,
.user-pass label {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #284664;
  margin-bottom: 7px;
}

.reset-password-form p,
.user-pass p {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: 0.2px;
  color: #7a7a7a;
  margin-top: 20px;
}

.reset-password-form input,
.user-pass input {
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0px 13px 0 15px;
  width: 100%;
  height: 40px;
  line-height: 40px;
  outline: none;
  border-radius: 4px;
  box-shadow: none;
}

.reset-password-form > .form-group,
.user-pass > .form-group {
  margin-bottom: 22px;
}

.reset-password-form .form-submit,
.user-pass .form-submit {
  display: block;
  width: 100%;
  background-color: #284664;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  padding-bottom: 0;
  padding-top: 0;
  height: 40px;
  line-height: 40px;
  letter-spacing: 0.4px;
  border: none;
  border-radius: 4px;
  text-align: center;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  margin-bottom: 9px;
  margin-top: 25px;
}

.reset-password-form a,
.user-pass a {
  font-weight: 800;
  color: #284664;
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.changed-pass-success {
  text-align: center;
}

.changed-pass-success .success-icon img {
  width: 160px;
}

/*End login*/

.book-img-wrap-one .video-icon-one, .book-img-wrap-two .video-icon-two {
  position: absolute;
  right: 8px;
  bottom: 8px;
  width: 22px;
  height: 22px;
  z-index: 9;
  border: none;
  border-radius: initial;
}

.processing-share::after {
  content: "";
  position: fixed;
  z-index: 9998;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}

.webinar-share-spinner {
  position: fixed;
  top: 50%;
  left: 50%;
  bottom: auto;
  right: auto;
  z-index: 9999;
  margin-top: -24px;
  margin-left: -31px;
  color: #1c3145;
}

#modal-register-mobile .modal-dialog {
  display: block;
  margin: 50px auto;
}

#modal-register-mobile .form-message {
  margin-bottom: 15px;
}

#modal-register-mobile .ion-android-close {
  display: block;
}

a.draft-disabled {
  pointer-events: none;
  cursor: default;
}

.view-corporate-partner-manage .view-content table .table-responsive {
  margin-top: 0;
}

.view-corporate-partner-manage .view-content table .table-responsive .table thead tr th {
  color: inherit;
}

.view-corporate-partner-manage .view-content table .table-responsive table,
.view-corporate-partner-manage .view-content table .table-responsive table thead,
.view-corporate-partner-manage .view-content table .table-responsive table tr {
  background-color: transparent;
}

.view-corporate-partner-manage {
  margin-bottom: 60px;
}

.view-corporate-partner-manage .btn-table {
  width: auto;
}

.view-corporate-partner-manage .form-submit {
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  background-color: #284664;
  margin-left: 15px;
  color: #fff;
}

.view-corporate-partner-manage .form-submit:hover {
  background-color: #dadfe4;
}

.view-corporate-partner-manage .view-content .table {
  margin-bottom: 0;
}

.analytics-page .no-detail-box .get-start.disabled {
  background-color: gray !important;
}

#block-ads300x600 img {
  display: block;
  margin: 0 auto;
}
.tip-article-detail video,
.tip-article-detail audio {
  max-width: 100%;
  height: auto;
}

@media (min-width: 768px) {
  [lang="zh-CN"] .footer-content .box-about {
    color: #fff;
  }

  [lang="zh-CN"] .footer-content .col-right {
    margin-bottom: 100px;
  }

  [lang="vi"] .footer-content .col-right {
    margin-bottom: 30px;
  }
}

html[lang=vi] .affiliate-page .social-box__btn {
  padding-left: 38px;
}

html[lang=vi] .affiliate-page .social-box__btn:before {
  left: 12px;
}

html[lang=vi] .affiliate-page .social-box__btn {
  padding-left: 38px;
}

html[lang=vi] .affiliate-page .social-box__btn:before {
  left: 12px;
}

/*Page: '/referral/invoice' */
.invoice__header-item.-desc {
  display: none !important;
}

.applied-box .iot-ra-cbx .checkmark {
  top: 60% !important;
}

.ta-content ol {
  list-style-type: decimal;
  padding-inline-start: 30px;
}

.ta-content ul {
  list-style-type: disc;
  padding-inline-start: 30px;
}

/* Page: Manage Collections */
.view-id-user_collection.view-display-id-page_1 .view-header a {
  padding: 6px 25px;
  margin-left: 36px;
}

.view-id-user_collection.view-display-id-page_1 .view-filters {
  margin-top: 20px;
}

.view-id-user_collection.view-display-id-page_1 .table thead tr th {
  vertical-align: middle;
}

.view-id-user_collection.view-display-id-page_1 .view-content .table th.views-field-nothing {
  text-align: center;
}

.view-id-user_collection.view-display-id-page_1 .view-content .table .views-field-nothing a {
  display: inline-block;
  float: left;
  margin: 5px;
  padding: 3px;
  width: calc(50% - 10px);
}

/* Page: Form Collection Edit */
form.node-form button {
  padding: 5px 10px;
}

form#node-collection-edit-form .form-wrapper, form.node-form .form-wrapper {
  margin-bottom: 10px;
}

form#node-collection-edit-form .form-wrapper input[type='text'], form.node-form .form-wrapper input[type='text'],
form#node-collection-edit-form .form-wrapper select,
form#node-collection-edit-form .form-wrapper input[type='file'], form.node-form .form-wrapper input[type='file'] {
  height: 40px;
}

form#node-collection-edit-form legend, form.node-form legend {
  border-bottom: 0;
  margin-bottom: 0;
}

form#node-collection-edit-form .fieldset-legend, form.node-form .fieldset-legend {
  font-size: 16px;
  font-family: "Nunito", sans-serif;
}

form#node-collection-edit-form .fieldset-wrapper, form.node-form .fieldset-wrapper {
  border: 1px solid #ddd;
  padding: 0 15px;
  border-radius: 3px;
}

form#node-collection-edit-form .form-number, form.node-form .form-number {
  display: block;
  width: 100%;
}

form#node-collection-edit-form .form-type-vertical-tabs .vertical-tabs, form.node-form .form-type-vertical-tabs .vertical-tabs {
  display: flex;
  border: 1px solid #ddd;
  margin: 15px 0;
}

form#node-collection-edit-form .form-type-vertical-tabs .vertical-tabs-list, form.node-form .form-type-vertical-tabs .vertical-tabs-list {
  width: 35%;
  border-bottom: 0;
}

form#node-collection-edit-form .form-type-vertical-tabs .vertical-tabs-panes, form.node-form .form-type-vertical-tabs .vertical-tabs-panes {
  width: 75%;
  min-height: auto !important;
}

form#node-collection-edit-form .form-type-vertical-tabs .vertical-tabs-list li, form.node-form .form-type-vertical-tabs .vertical-tabs-list li {
  display: block;
  width: 100%;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

form#node-collection-edit-form .form-type-vertical-tabs .vertical-tabs-list li a, form.node-form .form-type-vertical-tabs .vertical-tabs-list li a {
  width: 100%;
  border-radius: 0;
  margin: 0;
  min-height: 40px;
  display: flex;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
}

form#node-collection-edit-form .form-type-vertical-tabs .vertical-tabs-list li:last-child, form.node-form .form-type-vertical-tabs .vertical-tabs-list li:last-child {
  border-bottom: 0;
}

form#node-collection-edit-form .form-type-vertical-tabs .vertical-tabs-list li:first-child, form.node-form .form-type-vertical-tabs .vertical-tabs-list li:first-child {
  border-top: 0;
}

form#node-collection-edit-form .form-type-vertical-tabs .vertical-tabs-list li.active, form.node-form .form-type-vertical-tabs .vertical-tabs-list li.active {
  border-right: 0;
}

form#node-collection-edit-form .form-type-vertical-tabs .vertical-tabs-list li.active a, form.node-form .form-type-vertical-tabs .vertical-tabs-list li.active a {
  background: #eee;
  border-radius: 0;
  border: 0;
  font-weight: 700;
  margin-right: 0;
}

form#node-collection-edit-form .form-actions, form.node-form .form-actions {
  margin-bottom: 20px;
}

form#node-collection-edit-form .form-actions .btn, form#node-collection-edit-form .form-actions .button, form.node-form .form-actions .btn, form.node-form .form-actions .button {
  padding: 6px 15px;
  margin-right: 15px;
  min-width: 100px;
  display: inline-block;
  text-align: center;
}

form#node-collection-edit-form .form-actions .button--danger, form.node-form .form-actions .button--danger {
  border-radius: 4px;
  background-color: #d9534f;
  border-color: #d43f3a;
  color: #fff;
}

/* Page: Study Broad Questions */

.study-broad-questions-form .form-group-social, .study-broad-questions-form .form-group-budget {
  display: flex;
}

.study-broad-questions-form .form-group-social .form-type-select, .study-broad-questions-form .form-group-budget .form-type-select {
  min-width: 155px;
  margin-right: 15px;
}

.study-broad-questions-form .form-group-social .form-type-select .bootstrap-select, .study-broad-questions-form .form-group-budget .form-type-select .bootstrap-select {
  width: 100%;
}

.study-broad-questions-form .form-group-social .select-wrapper:before, .study-broad-questions-form .form-group-social .select-wrapper:after,
.study-broad-questions-form .form-group-budget .select-wrapper:before, .study-broad-questions-form .form-group-budget .select-wrapper:after {
  content: '';
  display: table;
  clear: both;
}

.study-broad-questions-form .fhidden, .my-interest-form .fhidden {
  position: relative;
  opacity: 0;
  height: 0;
  top: 25px;
}

.study-broad-questions-form .fhidden .form-group, .my-interest-form .fhidden .form-group {
  margin-bottom: 0;
  min-height: auto;
  max-width: 300px;
}

.study-broad-questions-form .fhidden textarea.form-control, .my-interest-form .fhidden textarea.form-control {
  height: 0 !important;
  opacity: 0;
  min-height: auto;
  resize: none;
}

.study-broad-questions-form .intending-box .intend-body .form-item-annual-budget {
  width: 100%;
  margin-right: 0;
}

.form-caption.form-instruction {
  color: #d0021b;
  margin-bottom: 25px;
  text-align: left;
}

.study-broad-questions-form .intending-box div#edit-destination {
  padding: 0 30px;
}

.intending-box .form-group .form-item {
  width: 100%;
}

.user-profile-page .form-group.budget .bootstrap-select.disabled .dropdown-toggle {
  cursor: default;
}

.user-profile-page .form-group.budget .bootstrap-select.disabled .bs-caret {
  display: none;
}

.my-profile-page .form-group.budget .bootstrap-select.disabled .dropdown-toggle .bs-caret {
  display: none;
}
.my-profile-page .user-info__email-wrap .form-group {
  margin-bottom: 0;
}

.user-profile-page .form-group[class*="col-"] > .form-item {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
}

.user-profile-page .form-group[class*="col-"] > .form-item .select-wrapper {
  width: 100%;
}

.user-profile-page .form-group {
  min-height: 76px;
}

.user-profile-page .form-group label.error, .my-interest-form .form-group label.error, label.radios-error {
  position: absolute;
  top: 100%;
  color: #d0021b !important;
  font-size: 14px !important;
  font-style: italic;
  font-weight: normal !important;
  margin-top: 5px;
  line-height: 1;
  min-height: auto;
}

div#edit-destination:before, div#edit-destination:after {
  display: table;
  content: '';
  clear: both;
}

.user-profile-page label.radios-error, .my-interest-form label.radios-error {
  position: static;
  display: block;
  width: 100%;
  float: left;
  margin-bottom: 20px;
}

.bootstrap-select .error + label + button.dropdown-toggle {
  border: 1px solid #d0021b !important;
}

.form-group input.error, .form-group select.error, .form-group input.error, .form-group textarea.error{
  border: 1px solid #d0021b !important;
}

.study-broad-questions-form .form-group-cate, .my-interest-form .form-group-cate {
  opacity: 1;
  top: 0;
  height: auto;
}

.study-broad-questions-form .form-group-cate textarea, .my-interest-form .form-group-cate textarea {
  padding: 0;
}

.form-group-cate label.error {
  color: #d0021b !important;
  font-size: 14px !important;
  font-style: italic;
  font-weight: normal !important;
  margin-top: 5px;
  line-height: 1;
  top: -25px;
  margin-bottom: 20px;
}

.reason-practice__options label.radios-error {
  margin-top: -20px;
}

/*webinar-teaser*/
.webinar-teaser .wbn-bt {
  width: 100%;
  max-width: none;
}

/*Form Target Score - Page Analytic Dashboard*/
.modal-target-score .form-group {
  margin-bottom: 15px;
}

.modal-target-score .form-control {
  height: auto;
}

.modal-target-score .form-overall {
  display: none;
}

.analytics-page .modal-target-score .iot-opselect.form-control {
  z-index: unset;
}

.analytics-page .test-performance__option-item {
  display: inline-block;
  text-align: center;
}

.analytics-page .modal-target-score button.button-item {
  line-height: 1;
}

.analytics-page .modal-target-score button.button-item span {
  display: none;
}

.analytics-page .recent-test__time {
  line-height: 28px;
}

/*Menu Account*/
.referral-dashboard .badge-notify {
  top: -3px;
}

.analytics-page .recent-test table tbody tr td:last-child {
  width: 15%;
}

.btn-table {
  margin-left: 3px;
}

/* Page: refferal/payment */
.payment-bank-transfer-info .form-required + .form-group, .payment-box .form-group.form-wrapper {
  margin-bottom: 15px;
}

.payment-bank-transfer-info .form-required + .form-group em.help-block {
  position: absolute;
  bottom: -5px;
}

.affiliate-content.affiliate-no-choose {
  padding-bottom: 60px;
  padding-top: 60px;
}

/* Page: /account/live-lessons */
.my-webinar .list-class .cl-nav a.join {
  max-width: 100%;
}

/* Page: /live-lessons/listing */
.class-item a.wbn-bt.wbn-count-down.join {
  width: 100%;
  max-width: none;
}

.sot-tutor-evaluation-form input.readonly {
  background-color: transparent;
  border: none;
  box-shadow: none;
  font: inherit;
  color: inherit;
  width: auto;
  height: auto;
  padding: 0;
  display: block;
  text-align: right;
}

/*.simple-captcha-image {*/
/*  height: 49px;*/
/*  width: auto;*/
/*  display: block;*/
/*  margin: 0 auto;*/
/*}*/

.speaking-review-page .evaluation .bootstrap-select {
  height: auto;
}

.solution-page .panel-title > a.recording__collapse {
  padding: 15px 27px 15px 20px;
  background: initial;
  height: initial;
  line-height: initial;
  text-transform: initial;
}

#modal-wt-vote div.modal-wt-vote__band.form-control,
#modal-voting div.modal-voting__band.form-control {
  height: auto;
}

#modal-wt-vote .modal-wt-vote__capcha-text,
#modal-voting .modal-voting__capcha-text {
  vertical-align: middle;
}

#modal-wt-vote .modal-wt-vote__capcha-refresh,
#modal-voting .modal-voting__capcha-refresh {
  text-indent: -999999999px;
  overflow: hidden;
  display: inline-block;
  height: 21px;
  vertical-align: middle;
  padding: 0;
}

#modal-wt-vote .modal-wt-vote__capcha-refresh::before,
#modal-voting .modal-voting__capcha-refresh::before {
  content: '';
  text-indent: 0;
  display: block;
  background: url(../images/refresh.svg) no-repeat center;
  height: 100%;
}

#modal-wt-vote span.error,
#modal-voting span.error {
  font-size: 12px;
  color: red;
  letter-spacing: normal;
  display: block;
  text-align: left;
  line-height: 16px;
}

.band_score-msg,
#band_score-msg {
  margin-top: -14px;
  margin-bottom: 14px;
}

.iot-tutor-evaluation-tabs {
  overflow: hidden;
}

.iot-tutor-evaluation-tabs li {
  float: left;
  border: 1px solid #ccc;
  padding: 20px 56px;
  background-color: #f5f5f5;
  color: #888;
  font-weight: bold;
  margin-left: -1px;
  cursor: pointer;
}

.iot-tutor-evaluation-tabs li.active {
  background-color: #fff;
  border-bottom-color: #fff;
  color: #284664;
}

.iot-tutor-evaluation-tabs li:first-child {
  margin-left: 0;
  border-radius: 10px 0 0 0;
}

.iot-tutor-evaluation-tabs li:last-child {
  border-radius: 0 10px 0 0;
}

.iot-tutor-evaluation-tabs + .views-exposed-form {
  display: none;
}

.iot-tutor-evaluation-tabs + .views-exposed-form {
  display: none;
}

.iot-tutor-evaluation-job-list .view-content .table-responsive {
  margin-top: -1px;
  padding-top: 20px;
  border: 1px solid #ccc;
}

.iot-tutor-evaluation-job-list {
  margin-bottom: 60px;
}

.table-history .iot-tutor-evaluation-tabs li label {
  cursor: pointer;
}

.table-history {
  margin-top: 30px;
}

.table-history .filter-type {
  margin-top: 30px;
}

.table-history .filter-type input {
  display: none;
}

.table-history form {
  margin-bottom: 0;
}

.table-history .evaluation-result {
  color: #888;
  font-weight: bold;
}

.table-history .evaluation-result span {
  color: #282828;
  font-weight: normal;
}

.table-history .evaluation-result a {
  color: #32b4c8;
}

.evaluation .panel-body {
  overflow: visible;
}

/* Start SOT */
.evaluation-footer__note strong {
  color: #c86478;
  text-transform: uppercase;
}

.speaking-review-page .community-vote.no-vote-data .community-vote__btn {
  margin-top: 5px;
}

#modal-upload-error .modal-header {
  display: block !important;
}

.iot-tutor-evaluation-job-list .form-group {
  margin-bottom: 0;
}

.recordings-panel > .recordings-panel {
  border: none;
  border-radius: 0;
  margin: 0;
}

.speaking-test .mic-box__icon-wrap.clickable {
  pointer-events: inherit;
}

.speaking-test .iot-bt.mic-box__image {
  height: 100%;
  width: 100%;
  border-radius: 100%;
  background: transparent;
  color: #c86478;
  text-align: center;
  font-size: 26px;
}

.speaking-test #js-record.iot-bt.mic-box__image .fa {
  margin-left: 0;
}

.speaking-test #js-record.iot-bt.mic-box__image .fa.fa-play {
  position: relative;
  right: -4px;
}

.modal__button-wrap .fa,
.test-mic-actions .fa {
  margin-left: 5px;
}

.speaking-test .iot-bt,
.speaking-test .iot-btgr,
.speaking-test .iot-btor,
.speaking-test .iot-btc,
.speaking-test .test-bt,
.speaking-test .explain-bt {
  transition: all .3s;
}

.mic-box__audio-note strong {
  color: #c86478;
}

.mic-box__audio-note .fa {
  color: #c86478;
  margin-left: 5px;
  margin-right: 5px;
}

.recording-indicator {
  position: absolute;
  right: 20px;
  line-height: 60px;
  height: 60px;
  text-align: center;
  vertical-align: middle;
}

.recording-indicator::before {
  margin-right: 5px;
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #c86478;
  animation: fading 1s infinite;
  /* transition: all .3s; */
}

.speaking-test .part-caption__note#time-to-think-note {
  margin-bottom: 15px;
}

#js-record .fa {
  margin-left: 6px;
}

.mic-box__result-part .part-caption__content {
  margin-top: 50px;
}

#waveform.thinking {
  opacity: 0 !important;
}

@keyframes fading {
  0% {
    opacity: 1;
  }
  25% {
    opacity: .5;
  }
  50% {
    opacity: .2;
  }
  75% {
    opacity: .5;
  }
  100% {
    opacity: 1;
  }
}

.table-history .optgroup-1.dropdown-header {
  font-weight: bold;
  text-transform: uppercase;
  color: #888;
}

.table-history .filter-option-inner-inner,
.table-history .optgroup-1 {
  text-transform: capitalize;
}

.speaking-review-page .evaluation-footer__btn.-pink.-custom-submit {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 15px;
  width: 100%;
  display: block;
  max-width: 350px;
}

.tutor-sot-evaluation-form textarea {
  resize: none;
}

.speaking-review-page .user-info {
  margin-bottom: 60px;
}

.speaking-review-page .final-score__comment[disabled="disabled"] {
  resize: none;
}

.speaking-test .mic-box__test-suggest p:last-child,
.speaking-test .mic-box__question-title p:last-child {
  margin-bottom: 0;
}

.publish-test-form .checkbox.form-item-published {
  margin: 0;
}

.score-card__btn .tooltip-inner {
  font-size: 11px;
  background-color: #2f5376;
}

.score-card__btn .tooltip .tooltip-arrow {
  border-top-color: #2f5376;
}

.taking-test-page {
  -webkit-transform: none;
  transform: none;
}

/* End SOT */
.no-icon .icon {
  display: none;
}

#notify-body img {
  max-width: unset;
}

.examiner-evaluation-form #modal-reset-record .iot-bt {
  margin-right: 0;
}

.examiner-evaluation-form #modal-reset-record .iot-bt:first-child {
  margin-bottom: 15px;
  margin-top: 15px;
}

.speaking-review-page.node-type-writing .recordings-panel__title,
.speaking-review-page.node-type-writing .test-button {
  background-color: #faaa5a;
}

.speaking-review-page.node-type-writing .recording .panel-heading:hover {
  background-color: rgba(250, 170, 90, 0.38);
}

.speaking-review-page.node-type-writing .speak-sample__ex-score {
  color: #faaa5a;
}

.speaking-review-page.node-type-writing #arcodion1-item1 .panel-body {
  max-height: 300px;
  overflow: hidden;
  transition: all .6s;
  position: relative;
}

.speaking-review-page.node-type-writing #arcodion1-item1 .panel-body .speak-sample__show-more {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  margin: 0;
  color: #faaa59;
  padding: 5px 0;
}

.wot-btn-style-wrapper {
  text-align: center;
}

.wot-btn-style {
  background-color: #faaa5a;
}

.writing-essay-page .answer__answer-box {
  position: relative;
}

.writing-essay-page .answer__col-right {
  position: static;
}

.writing-essay-page .match-line {
  pointer-events: none;
}

.writing-essay-page .answer__col-right + .-close-btn {
  display: none;
}

.writing-essay-page.ielts-gpt-evaluation .answer ins,
.writing-essay-page.ielts-gpt-evaluation .answer del,
.writing-essay-page.ielts-gpt-evaluation .answer changed,
.writing-essay-page.ielts-gpt-evaluation .answer deleted,
.writing-essay-page.ielts-gpt-evaluation .answer added {
  position: relative;
  text-decoration: none;
}

.writing-essay-page.ielts-gpt-evaluation .answer ins::after,
.writing-essay-page.ielts-gpt-evaluation .answer del::after,
.writing-essay-page.ielts-gpt-evaluation .answer changed::after,
.writing-essay-page.ielts-gpt-evaluation .answer deleted::after,
.writing-essay-page.ielts-gpt-evaluation .answer added::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  bottom: -1px;
  border-bottom: 2px solid;
}

.writing-essay-page.ielts-gpt-evaluation .answer del::after,
.writing-essay-page.ielts-gpt-evaluation .answer changed::after,
.writing-essay-page.ielts-gpt-evaluation .answer deleted::after {
  border-color: #faaa5a;
}

.writing-essay-page.ielts-gpt-evaluation .answer ins::after,
.writing-essay-page.ielts-gpt-evaluation .answer added::after {
  border-color: #5bc2d2;
}

.writing-essay-page.ielts-gpt-evaluation .answer ins,
.writing-essay-page.ielts-gpt-evaluation .answer added {
  color: #5bc2d2;
}

.writing-essay-page.ielts-gpt-evaluation .answer del,
.writing-essay-page.ielts-gpt-evaluation .answer deleted {
  text-decoration: line-through;
}
.writing-essay-page.ielts-gpt-evaluation .answer__col-right > div:last-child {
  margin-bottom: 0;
}

.custom-rows-order > div {
  order: 0;
}

.custom-rows-order > div.-order--3 {
  order: -3;
}

.custom-rows-order > div.-order--2 {
  order: -2;
}

.custom-rows-order > div.-order--1 {
  order: -1;
}
.custom-rows-order > div.-order-0 {
  order: 0;
}
.custom-rows-order > div.-order-1 {
  order: 1;
}
.custom-rows-order > div.-order-2 {
  order: 2;
}
.custom-rows-order > div.-order-3 {
  order: 3;
}

@media screen and (max-width: 767px) {
  .match-line {
    display: none;
  }
  .writing-essay-page.ielts-gpt-evaluation .answer del.focus,
  .writing-essay-page.ielts-gpt-evaluation .answer ins.focus,
  .writing-essay-page.ielts-gpt-evaluation .answer changed.focus,
  .writing-essay-page.ielts-gpt-evaluation .answer deleted.focus,
  .writing-essay-page.ielts-gpt-evaluation .answer added.focus {
    background-color: rgb(255 255 0);
  }
  .writing-essay-page .answer__status-box.focus {
    box-shadow: 0px 0px 10px 4px rgb(255 255 0);
  }
  .writing-essay-page .answer__col-right {
    position: fixed;
    left: 0;
    right: 0;
    height: 45vh;
    bottom: -45vh;
    transition: all 0.4s;
    background: #fff;
    box-shadow: 0 -3px 30px -10px #000;
    z-index: 19;
    border: 4px solid #fff;
    border-top: 40px solid #fff;
    padding: 12px;
    border-radius: 20px 20px 0 0;
    visibility: hidden;
    opacity: 0;
  }
  .writing-essay-page .answer__col-right.parent-focus {
    bottom: 0;
    visibility: visible;
    opacity: 1;
  }
  .writing-essay-page .answer__col-right + .-close-btn {
    display: flex;
    visibility: hidden;
    pointer-events: none;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 32px;
    background-color: rgba(221, 221, 221, 0.65);
    cursor: pointer;
    color: #000;
    position: fixed;
    bottom: 40vh;
    right: 6px;
    transform: translateY(6px);
    opacity: 0;
    z-index: 20;
  }

  .writing-essay-page .answer__col-right.parent-focus + .-close-btn {
    visibility: visible;
    pointer-events: unset;
    transition: all 0.12s;
    transition-delay: .6s;
    opacity: 1;
  }

  .speaking-review-page .evaluation__item-comment[disabled="disabled"] {
    overflow: auto;
  }

  .table-history .iot-tutor-evaluation-tabs {
    display: flex;
  }

  .table-history .iot-tutor-evaluation-tabs li label,
  .iot-tutor-evaluation-tabs li {
    padding: 10px 15px;
  }

  .table-history .filter-bar > div {
    margin-bottom: 15px;
  }

  .table-history .filter-bar label {
    width: 90px;
  }

  .table-history .filter-history {
    margin-left: 109px;
    width: 220px;
  }

  .solution-page .panel-title > a.recording__collapse {
    padding: 10px 15px 25px 10px;
  }
}

.wbn-bt.join-now.join {
  background-color: #faaa5a;
}

.checkout-page .rm-balance.rm-total-cost:empty {
  border: 0;
  margin: 0;
  padding: 0;
}

.wbn-bt.join-now.join {
  background-color: #faaa5a;
}

.checkout-page .rm-balance.rm-total-cost:empty {
  border: 0;
  margin: 0;
  padding: 0;
}

.question table {
  /*table-layout: fixed;*/
}

.path-node dt {
  border-top: 1px solid #ccc;
  padding-top: 10px;
}

.path-node dd {
  padding-bottom: 10px;
  font-size: 14px;
  padding-left: 17px;
}

.path-node dt:before {
  content: '▷';
  padding-right: 5px;
  font-size: 13px;
}

.country_code {
  color: transparent;
}

.country_code.show {
  color: #fff;
}

button.time-filter__btn-fake.time-filter__btn.iot-bt:not(.hidden) + button {
  display: none;
}

@media (min-width: 768px) {
  .modal-add-credit .credit-wrap {
    display: flex;
  }
}

#iot-profile-register-corporate-form .register-corporate .login-center {
  max-width: 310px;
  margin: 0 auto;
  float: none;
}

#iot-profile-register-corporate-form .register-corporate .js-form-item-verification-code:not(.has-error):not(.has-ajax) {
  margin-bottom: 0;
}

#iot-profile-register-corporate-form .register-corporate .login-field.sms-field + .login-field {
  margin-top: 22px;
}

#iot-profile-register-corporate-form .register-corporate .form-group.tel em#phone-number-error {
  color: #c0392b;
  font-size: 10px;
  margin-top: 3px;
  margin-bottom: 0;
}

#iot-profile-register-corporate-form .register-corporate .login-center {
  max-width: 100%;
  width: 70%;
}

#iot-profile-register-corporate-form .register-corporate .login-center .fields-group {
  width: 400px;
  margin: 0 auto;
}

#iot-profile-register-corporate-form .login-box .login-field .form-group {
  max-width: 100%;
}

#iot-profile-register-corporate-form .login-box .login-field .form-group input.phone-number {
  width: 100%;
  max-width: calc(100% - 81px);
}

#iot-profile-register-corporate-form .login-box .login-field .form-group .form-item-verification-code {
  max-width: calc(100% - 140px);
  width: 100%;
}

#iot-profile-register-corporate-form .login-box .login-left .btn-submit {
  width: 100%;
  max-width: 100%;
  margin-top: 50px;
  text-transform: capitalize;
}

.page-signup-student .login-page-wrap .container > h1 {
  display: none;
}

#iot-profile-register-corporate-form .login-box .login-field .form-group input.sms-code {
  max-width: 100%;
}

#iot-profile-register-corporate-form .form-item-edu-level.has-error .iot-opselect.form-select.required.form-control {
  height: 100%;
}

.page-signup-student-organisation .dialog-off-canvas-main-canvas, .page-signup-student {
  height: 100%;
}

.login-page-wrap {
  background: #f7f7f7;
}

.page-signup-student .desc-group {
  text-align: center;
  margin-bottom: 50px;
}

.page-signup-student .desc-group .desc-header {
  font-size: 24px;
  margin: 18px 0;
  color: #8c8c8c;
}

.page-signup-student .desc-group ul {
  text-align: left;
  list-style: disc;
  margin: 0 auto 0;
  display: inline-block;
}

.page-signup-student .desc-group ul li {
  padding: 0 0 5px 20px;
}

.page-signup-student.login-page h1 {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .page-signup-student.login-page .iot-logo {
    margin: 18px auto 18px;
  }

  .page-signup-student.login-page h1 {
    font-size: 26px;
  }

  .page-signup-student .desc-group .desc-header {
    font-size: 20px;
  }

  .page-signup-student .desc-group ul {
    padding-left: 30px;
  }

  .page-signup-student .desc-group {
    margin-bottom: 40px;
  }

  #iot-profile-register-corporate-form .register-corporate .login-center {
    width: 100%;
  }

  #iot-profile-register-corporate-form .register-corporate .login-center .fields-group {
    width: auto;
  }
}

.icp a {
  color: #fff;
  font-size: 10px;
}

/*span.btn-section.actions-section {*/
/*  cursor: pointer;*/
/*}*/

/*.test-history-page .evaluation__voting-type {*/
/*  white-space: nowrap;*/
/*}*/
/*.test-history-page .test-history__empty-box {*/
/*  background: #f6f6f7;*/
/*  border-radius: 4px;*/
/*  padding: 12% 0;*/
/*  text-align: center;*/
/*  margin-bottom: 32px;*/
/*}*/

/*.lesson-recommend .row{*/
/*  width: 100%;*/
/*}*/
.my-livelesson-page a.lesson-item__btn.play-zoom-video {
  pointer-events: all;
  background-color: #284664;
  border: none;
  color: #fff;
}

/*.lesson-upcoming a.lesson-item__btn.wbn-count-down.join {*/
/*  text-align: center;*/
/*  color: #fff;*/
/*  pointer-events: all;*/
/*  width: auto;*/
/*  line-height: inherit;*/
/*  border-color: transparent;*/
/*}*/

/*.lesson-upcoming a.lesson-item__btn.join.wbn-bt {*/
/*  width: auto;*/
/*  color: #fff;*/
/*  line-height: initial;*/
/*  border-color: transparent;*/
/*  pointer-events: all;*/
/*}*/

/*.lesson-upcoming a.lesson-item__btn.join.wain-bt em{*/
/*  font-style: inherit;*/
/*}*/

/*.test-history-page .evaluation__voting-type{*/
/*  white-space: nowrap;*/
/*}*/

/*.dashboard-page .copy-status {*/
/*  position: absolute;*/
/*  font-size: 12px;*/
/*  bottom: calc(100% + 2px);*/
/*  left: 0;*/
/*  text-align: center;*/
/*  right: 93px;*/
/*  margin: 0 auto;*/
/*  color: #32b4c8;*/
/*}*/
/*.my-purchase__empty-box {*/
/*  background: #F6F6F7;*/
/*  border-radius: 4px;*/
/*  padding: 12% 0;*/
/*  text-align: center;*/
/*  margin-bottom: 20px;*/
/*}*/

/*.my-purchase__empty-box  h5.my-purchase__empty-title {*/
/*  font-weight: bold;*/
/*  font-size: 16px;*/
/*  color: #284664;*/
/*  margin-bottom: 10px;*/
/*}*/

/*.my-purchase__empty-box  p.my-purchase__empty-caption {*/
/*  font-size: 12px;*/
/*  margin-bottom: 16px;*/
/*  color: #284664;*/
/*}*/
/*.purchase-table a.purchase-table__btn-view.disabled  span {*/
/*  position: absolute;*/
/*  padding: 8px 9px 10px;*/
/*  font-size: 9px;*/
/*  line-height: 1.33;*/
/*  letter-spacing: 0.1px;*/
/*  text-align: center;*/
/*  width: 100%;*/
/*  left: 0;*/
/*  right: 0;*/
/*  margin: 0 auto;*/
/*  bottom: calc(100% + 8px);*/
/*  background: #284664;*/
/*  border-radius: 4px;*/
/*  color: #fff;*/
/*  white-space: wrap;*/
/*}*/
/*.purchase-table a.purchase-table__btn-view.disabled span:after {*/
/*  position: absolute;*/
/*  content: '';*/
/*  width: 0;*/
/*  height: 0;*/
/*  border-left: 4px solid transparent;*/
/*  border-right: 4px solid transparent;*/
/*  border-top: 5px solid #284664;*/
/*  bottom: -5px;*/
/*  left: 38%;*/
/*}*/
/*.purchase-table a.purchase-table__btn-view.disabled{*/
/*  position: relative;*/
/*  color: #333;*/
/*  text-decoration: none;*/
/*}*/

.purchase-table td.purchase-table__test-name {
  max-width: 300px;
}

.my-livelesson-page li.recommended-item__info-item.recommended-item__hidden {
  opacity: 0;
}

/*.my-dashboard-page .upcoming-lesson__items-wrap {*/
/*  justify-content: flex-start;*/
/*  margin: 0 -5px;*/
/*}*/
/*.my-dashboard-page .lesson-item {*/
/*  margin: 0 5px;*/
/*}*/

/*.my-purchase-page .purchase-table__btn-view {*/
/*  cursor: pointer;*/
/*}*/
.intending-box .intend-study > .form-group, .intending-box .other-dest > .form-group, .intending-box .social-media > .form-group, .intending-box .budget > .form-group {
  margin-bottom: 0;
}

/*.user-info__change-pass-wrap .form-error-mess {*/
/*  position: absolute;*/
/*}*/
.div#drupal-modal--dialog {
  width: auto;
}

.path-my-profile div#drupal-modal--dialog {
  width: auto;
}

.path-my-profile div#drupal-modal--header {
  display: none;
}

.writing-essay-page .evaluation button.btn.dropdown-toggle.disabled span.bs-caret {
  display: none;
}

.writing-essay-page .evaluation button.btn.dropdown-toggle.disabled .filter-option-inner-inner {
  text-align: center;
}

.writing-essay-page .evaluation button.btn.dropdown-toggle.disabled {
  opacity: 1;
  text-align: center;
  padding-left: 0;
}

.form-error-mess:empty {
  display: none;
}

section#block-disclaimer ul.contextual-links.links li.block-configure,
section#block-disclaimer ul.contextual-links.links li.config-translationcontextual-linksentityblockconfig-translation-overview {
  display: none;
}

section#block-footeraboutus ul.contextual-links.links li.block-configure,
section#block-footeraboutus ul.contextual-links.links li.config-translationcontextual-linksentityblockconfig-translation-overview {
  display: none;
}

#block-footermenu ul.contextual-links.links li.block-configure,
#block-footermenu ul.contextual-links.links li.config-translationcontextual-linksentityblockconfig-translation-overview {
  display: none;
}

.history-table__btn-publish {
  margin-top: 10px;
}

.history-table__action-mess + .history-table__btn-publish {
  margin-top: 0;
}

a.use-ajax.history-table__btn-publish {
  position: relative;
  margin-left: 10px;
  flex: 0 0 100%;
}

@media (min-width: 768px ) {
  a.use-ajax.history-table__btn-publish {
    text-align: right;
  }
}

a.use-ajax.history-table__btn-publish .ajax-throbber {
  position: absolute;
  right: -15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 10px;
}

a.use-ajax .ajax-throbber {
  font-size: inherit;
  padding-left: 3px;
}

.listening-page .end-the-test .report span.ajax-throbber {
  background-image: none;
}

.split-left .sl-item .sl-control a.locate-explain.use-ajax .ajax-throbber {
  top: 3px;
}

.modal-rpmistake .modal-body {
  padding: 0;
}

.modal-rpmistake#drupal-modal .modal-body {
  overflow: unset !important;
  pointer-events: auto;
}


.user-info__left .user-info__edit-avatar {
  display: inline-block;
}

.user-info__edit-avatar a.use-ajax.load-photo-upload-form:focus {

  color: inherit;
}

.user-info__edit-avatar a.use-ajax.load-photo-upload-form span.ajax-throbber {
  font-size: 11px;
  padding-left: 5px;
  display: none;
}

.my-livelesson-page .lesson-recommend .row {
  width: 100%;
}

.notifi-popup-mobile table {
  table-layout: fixed;
}

.notifi-popup-mobile table a {
  word-break: break-word;
}

.notifi-popup-mobile img {
  margin: 0 !important;
}

.hashover .hashover-select-wrapper select {
  padding-right: 0 !important;
}

.modal-iot .modal-detail {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 150px;
  flex-direction: column;
}

.modal-iot .modal-detail img {
  width: 40px;
}

.modal-iot .modal-detail h3.modal-caption {
  text-align: center;
  margin: 20px 0px 30px 0px;
  color: #284664;
  line-height: 30px;
}

img.icon-vnpay {
  height: 30px;
}

a.btn-wechat-login .ajax-throbber {
  font-size: 12px;
  top: 0;
}

@media (min-width: 768px) {
  .modal-wechat-qr-code .modal-dialog {
    width: 600px;
  }
}

div#wechat-qr-code .title {
  text-align: center;
  font-size: 20px;
}

div#wechat-qr-code img {
  max-width: 300px;
  width: 280px;
  margin-top: 15px;
  margin-bottom: 15px;
  border: 1px solid #e2e2e2;
}

div#wechat-qr-code .info {
  width: 280px;
  margin: 0 auto;
}

div#wechat-qr-code .status_browser {
  text-align: center;
  padding: 7px 14px;
}

div#wechat-qr-code .info .status_succ {
  padding: 7px 14px 7px 20px;
  text-align: left;
}

div#wechat-qr-code .status_succ .status_icon {
  background: url(../images/icon_popupwechat.png) 0 -46px no-repeat;
  display: inline-block;
  width: 38px;
  height: 38px;
  vertical-align: middle;
}

div#wechat-qr-code .status_succ .status_txt {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}

div#wechat-qr-code .status_succ h4 {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
}

div#wechat-qr-code .status_succ p {
  font-size: 14px;
  margin-bottom: 0;
}

.my-dashboard-page .history-table__btn-view {
  white-space: nowrap;
}

.ielts-courses .region-breadcrumb {
  display: none;
}

@media screen and (max-width: 767px) {
  .ielts-courses__contents > .container {
    padding: 0;
  }
}


.banktransfer-title {
  font-size: 18px;
  display: block;
}

@media screen and (max-width: 767px) {
  .banktransfer-title {
    font-size: 16px;
  }
}
.banktransfer-content {
  margin-left: 59px;
  padding: 15px;
  border: 1px solid #ccc;
  margin-right: 20px;
  border-radius: 10px;
  background: #fbfbfb;
  box-shadow: 0px 6px 10px 0px #dcdcdc;
}

.sms-field .form-group {
  margin-bottom: 0;
}

.not-login {
  position: relative;
}

.not-login:before {
  content: '';
  background: transparent;
  position: absolute;
  top: -50px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: calc(100% + 50px);
  z-index: 1100;
}

.test-header.introjs-fixParent {
  -webkit-transform: translate3d(0, -123px, 0) !important;
  transform: translate3d(0, -123px, 0) !important;
  z-index: 1001 !important;
}

.introjs-helperNumberLayer {
  top: -5px;
  left: -20px;
}

.test-collection-page .close-app.active {
  position: relative;
  top: -50px;
  z-index: 1111;
}

.form-item-verification-code.form-group.error .help-block.error {
  color: #c0392b
}
.webform-submission-form li::marker {
  color: transparent;
}

.block-url-referral-product-admin-block {
  background: #f6f6f7;
}

.notifications-detail-page .notifi-cont-wrap .col-left .orders-column {
  text-align: center;
}

.notifications-detail-page .orders-column .nav-tabs {
  text-align: left;
}

.dashboard-page .referral .share-box__btn {
  width: auto;
  min-width: 93px;
}

.menu li.user-notification .icon-notification.plus .number {
  padding-left: 3px;
  width: 21px;
}

.menu li.user-notification .icon-notification.plus .number:after {
  top: 3px;
  right: -3px;
}

.hashover textarea:hover, .hashover input:hover, .hashover .hashover-submit:hover {
  color: #222;
}

.block-iot-ads {
  text-align: center;
}

.block-iot-ads.-top {
  margin-bottom: 20px;
}

.block-iot-ads.-bottom {
  margin-top: 20px;
}

/* Block Zalo */
.zalo-qrcode {
  position: relative;
  z-index: 9;
}

.zalo-qrcode a.iot-zalo {
  background: #1890ff;
  border-radius: 9999px;
  width: 60px;
  height: 60px;
  padding: 8px 5px;
  text-align: center;
  display: flex;
  margin-top: 5px;
  position: fixed;
  bottom: 24px;
  right: 105px;
  justify-content: center;
  align-items: center;
  z-index: 1;
  box-shadow: 0 4px 12px 0 rgb(0 0 0 / 15%);
}

.zalo-qrcode .iot-zalo img {
  width: 40px;
  height: 40px;
}

.zalo-qrcode .qrcode {
  display: none;
  position: fixed;
  width: 320px;
  height: 300px;
  bottom: 90px;
  right: 105px;
  z-index: 1;
  padding: 10px;
  text-align: center;
  background-color: #fff;
  border-radius: 18px;
  box-shadow: 0 4px 12px 0 rgb(0 0 0 / 15%);
  animation-duration: 200ms;
  animation-name: fb_bounce_out_v2;
  transition-timing-function: ease-in;
}

.zalo-qrcode .qrcode.active {
  display: block;
  animation-duration: 600ms;
  animation-name: fb_bounce_in_v2;
}

.zalo-qrcode .qrcode img {
  width: 200px;
  margin: 0 auto;
}

.copy-right .field--name-body a.active {
  color: #fff;
}

.path-official-ielts-test select {
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

@keyframes fb_bounce_in_v2 {
  0% {
    opacity: 0;
    transform: scale(0, 0);
    transform-origin: bottom right;
  }

  50% {
    transform: scale(1.03, 1.03);
    transform-origin: bottom right;
  }

  100% {
    opacity: 1;
    transform: scale(1, 1);
    transform-origin: bottom right;
  }
}

@keyframes fb_bounce_out_v2 {
  0% {
    opacity: 1;
    transform: scale(1, 1);
    transform-origin: bottom right;
  }

  100% {
    opacity: 0;
    transform: scale(0, 0);
    transform-origin: bottom right;
  }
}

/* End block zalo */

/*Footer VN*/
.footer-vn.footer-content {
  background: #fff;
}

.footer-vn .footer-menu-vn li a {
  font-weight: 800;
  color: #282828;
  padding: 0;

}

.footer-vn .footer-menu-vn {
  background: transparent;
}

.footer-vn .footer-menu-vn li a:hover {
  background: transparent;
  color: #284664;
  text-decoration: underline;
}

/*End Footer VN*/
.reg-login-form .glyphicon-log-in {
  display: none;
}

.adminimal-admin-toolbar a.unmasquerade {
  display: none;
}

.checkout-page .payment-method .pay-method-cont > img.icon-instamojo,
.checkout-page .payment-method .pay-method-cont > img.icon-phonepe {
  width: 150px;
}

@media (max-width: 767px) {
  .checkout-page .payment-method .pay-method-cont > img.icon-instamojo {
    width: 100px;
  }
}

.path-download-pdf .payment-box {
  margin-top: 50px;
}

.class-item.webinar-teaser .registered.wbn-count-down {
  position: relative;
}

#menu-mobile-area .main-menu__arrow {
  display: none !important;
}

.login-field.recaptcha-field {
  position: relative;
}

.login-field.recaptcha-field .help-block.error {
  color: #c0392b;
  font-size: 10px;
  margin-top: 3px;
  margin-bottom: 0;
}

@media screen and (max-width: 991px) {
  .header {
    height: auto;
  }
}

.js-form-item-verification-code.has-success .help-block {
  display: block !important;
}

.testimonial-page .feedback-item .select-wrapper {
  width: 100%;
  max-width: 404px;
  height: 42px;
}

.testimonial-page .feedback-item .iot-opselect {
  height: auto;
}

.testimonial-page .feedback__bt {
  width: 100%;
}

.testimonial-page .feedback-item .upload-box__input-file.active {
  position: static;
  opacity: 1;

}

.testimonial-page .upload-box__input-file.active .form-managed-file {
  display: flex;
  align-items: center;
}

.testimonial-page .upload-box__input-file.active .form-type-managed-file, .testimonial-page .upload-box__input-file.active .form-group {
  margin-bottom: 0;
}

.testimonial-page .upload-box__input-file.active input[type="hidden"] + .file {
  font-size: 14px;
  width: 100%;
  line-height: 1;
}

.testimonial-page .form-item-avatar .upload-box__input-file.active input[type="hidden"] + .file {
  width: calc(100% - 40px);
  display: flex;
  flex-wrap: nowrap;
  margin-right: 10px;
  align-items: center;
}

.testimonial-page .form-item-avatar .upload-box__input-file.active input[type="hidden"] + .file span.file-link {
  overflow-wrap: break-word;
  width: 75%;
}

.testimonial-page .upload-box__input-file.active input[type="hidden"] + .file .file-icon {
  margin-right: 5px;
}

.testimonial-page .upload-box__input-file.active button.form-submit.btn-danger {
  font-size: 0;
  padding: 5px;
}

.testimonial-page .upload-box__input-file.active button.form-submit.btn-danger .icon {
  font-size: 13px;
}

.testimonial-page .upload-box__input-file.active button.form-submit.btn-danger .icon + span {
  margin-left: 5px;
}

.testimonial-page .feedback-item__exp-content .form-type-textarea {
  margin-bottom: 0;
}

.testimonial-page .feedback-item__exp-content .form-type-textarea textarea {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: unset;
  border: 0;
  min-height: 132px;
}

.testimonial-page span.upload-box__file-error {
  overflow-wrap: break-word;
  font-size: 13px;
  color: #b40000;
  width: 100%;
}

.testimonial-page span.upload-box__file-error em {
  font-weight: bold;
}

.testimonial-page .label-required:after {
  content: '*';
  display: inline-block;
  color: #b40000;
}

.testimonial-page .feedback-item__custom-file .upload-box__input-file.active {
  padding: 6.5px 5px;
  background: #fff;
  border: 1px solid #979797;
  border-radius: 4px;
}

.testimonial-page .feedback-item__custom-file .upload-box__file-error:not(:empty) {
  line-height: initial;
  padding: 6.5px 5px;
  background: #fff;
  width: 100%;
  display: inherit;
  border: 1px solid #979797;
  margin-top: 6px;
}

.testimonial-page .js-form-item-allow-video {
  position: static;
  margin: 0;
}

.testimonial-page .upload-box .fa-upload.active:before {
  display: none;
}

.checkout-page .payment-method .form-group .form-item {
  margin-bottom: 0;
}

.checkout-page label[for="promo-code"] {
  min-width: 100px;
  display: block;
}

.path-media .field--label-inline > div {
  display: inline-block;
  margin-right: 10px;
}

.path-media .field--label-inline > .field--label {
  font-weight: bold;
  min-width: 150px;
}

.path-media .field--label-inline > .field--label:after {
  content: ':';
}

.section.workpartners {
  padding-top: 0;
}

.workpartners__info {
  padding-right: 60px;
}

.workpartners__image {
  display: inline-block;
  width: 100%;
  margin-top: 40px;
}

.workpartners__image .workpartners__image--image {
  width: 33.33%;
  float: left;
  height: 125px;
}

.workpartners__image .workpartners__image--image img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.webinar-teaser li.date.current--time.today {
  position: relative;
}

.webinar-teaser li.date.current--time.today:after {
  content: "";
  width: 13px;
  height: 13px;
  display: inline-block;
  position: absolute;
  background: #f00;
  border-radius: 50%;
  top: 4px;
  left: 135px;
  animation: text-flicker 1s linear infinite;
  transition: all 1s;
}

.path-live-lessons .live-lesson a.join.wbn-bt.wbn-count-down.no-free,
.path-live-lessons .live-lesson a.aw-rewatch.bt-reg.wbn-btn-disabled {
  margin-top: 26px;
  margin-bottom: 20px;
}

section#block-disclaimer a.active,
section#block-disclaimer a:hover,
section#block-disclaimer a:focus {
  color: #7e90a2;
  transition: 0.2s;
}

#modal-submit-essay .iot-bt.center {
  float: none;
  margin: 0 auto;
  display: block;
}

#modal-submit-essay .modal-submit-essay_btn-wrap {
  text-align: center;
  display: flex;
  justify-content: space-between;
}

button.iot-bt.iot-bt-white {
  background: #fff;
  color: #284664;
  border: 1px solid #284664;
}

button.iot-bt.iot-bt-white:hover {
  background-color: #d4dae0;
}

#modal-submit-essay .modal-submit-essay_btn-wrap button.iot-bt.iot-bt-white {
  width: 35%;
}

.introjs-tooltip.introjs-bottom-left-aligned {
  pointer-events: auto;
}

section#block-offcertificate {
  padding-top: 5rem;
}

.box-caption-margin {
  display: flex;
  justify-content: space-between;
}

p.refresh {
  font-size: 12px;
  color: #c76378;
  cursor: pointer;
  display: flex;
  align-items: center;
}

p.refresh:hover {
  color: #d28393;
  transition: 0.3s;
}

p.refresh i {
  padding-right: 5px;
  font-size: 16px;
}

p.refresh.active i {
  transform: rotate(360deg);
  transition: 1s;
}

.view-id-recent_tips .views-exposed-form.bef-exposed-form {
  display: none;
}

.view-recent-tips form.views-exposed-form {
  display: none;
}

.box-caption-margin {
  display: flex;
  justify-content: space-between;
}

p.refresh {
  font-size: 12px;
  color: #c76378;
  cursor: pointer;
  display: flex;
  align-items: center;
}

p.refresh:hover {
  color: #d28393;
  transition: 0.3s;
}

p.refresh i {
  padding-right: 5px;
  font-size: 16px;
}

p.refresh.active i {
  transform: rotate(360deg);
  transition: 1s;
}

.view-id-recent_tips .views-exposed-form.bef-exposed-form {
  display: none;
}

.page-node-type-tips .col-md-4.col-sm-12.col-xs-12.cl-right,
.path-ielts-tips .col-md-4.col-sm-12.col-xs-12.cl-right {
  background-color: #f5f5f5;
  padding: 30px;
}

.popup-left-bottom {
  position: fixed;
  z-index: 99;
  bottom: 0;
}

.popup-left-bottom .close-popup-left-botton {
  top: 6px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  opacity: 1;
  border-radius: 50%;
  position: absolute;
  right: 5px;
  color: #000;
  z-index: 100;
  width: 20px;
  height: 20px;
  cursor: pointer;
  font-size: 14px;
}

.popup-left-bottom img {
  width: 335px;
}

#block-views-block-recent-tips-block-1 .box-caption p,
#block-views-block-recent-tips-block-3 .box-caption p {
  line-height: 1.6;
}

#block-views-block-recent-tips-block-3 .box-caption-margin,
#block-views-block-recent-tips-block-3 .view-filters.form-group {
  margin-top: 0;
}

#modal-do-not-work-lr .modal-dialog {
  width: 520px;
  padding: 40px 45px 30px;
}

section.test-history td.history-table__time-spent {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

section.test-history td.history-table__time-spent span.time-listening {
  padding-right: 10px;
}

section.test-history table.history-table thead tr th:last-child {
  text-align: center;
}

section.prev-class.prev-class-page-list a.registered.wbn-bt.wbn-count-down {
  position: relative;
}

nav#block-footermenuvn > ul.menu {
  margin-bottom: 20px;
  height: auto;
}

.modal-rpmistake#drupal-modal i.ion-android-close.close-modal {
  pointer-events: auto;
}

/*.modal-exit-test {*/
/*  width: 520px !important;*/
/*  padding: 40px;*/
/*}*/

/*.modal-exit-test h2.modal-caption {*/
/*  margin-bottom: 0;*/
/*}*/

/*.modal-exit-test .modal-body {*/
/*  width: 390px;*/
/*  text-align: center;*/
/*  margin: 0 auto;*/
/*}*/

/*.modal-exit-test .modal-footer {*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  text-align: center;*/
/*  width: 86%;*/
/*  margin: 0 auto;*/
/*}*/

/*.modal-exit-test .modal-footer a {*/
/*  padding: 13px 0;*/
/*  border-radius: 5px;*/
/*  font-weight: bold;*/
/*  cursor: pointer;*/
/*}*/

/*.modal-exit-test .modal-footer a.modal--no {*/
/*  background: #FAA859;*/
/*  color: #fff;*/
/*  margin-bottom: 20px;*/
/*}*/

/*.modal-exit-test .modal-footer a.modal--yes {*/
/*  background: #D4DAE0;*/
/*  color: #08304F;*/
/*}*/

/*.modal-exit-test .modal-footer a.modal--no:hover {*/
/*  background: #FABA7B;*/
/*  transition: 0.3s;*/
/*}*/

/*.modal-exit-test .modal-footer a.modal--yes:hover {*/
/*  background: #08304F;*/
/*  color: #fff;*/
/*  transition: 0.3s;*/
/*}*/

/*.test-header__bottom-right nav.mega-menu__menu-nav ul li a {*/
/*  cursor: pointer;*/
/*}*/

/*div#modal-exit-test-speaking .modal-footer a.modal--no {*/
/*  background: #C76378;*/
/*}*/

/*div#modal-exit-test-speaking .modal-footer a.modal--no:hover {*/
/*  background: #954B5A;*/
/*}*/

/*div#modal-exit-test-speaking .modal-footer a.modal--yes:hover {*/
/*  background: #FAA859;*/
/*}*/

.ielts-tips__item-vote.stars-vote .back-stars a {
  font-size: 16px;
}

#block-partners {
  margin: 50px 0;
}

.home-page-cn #block-partners {
  margin: 0 !important;
}

.prev-class .live-lesson__other-info a.join-now {
  margin: 26px 0 20px 0;
}

.redirectlanguage-none {
  display: none;
}

section.review-explanation .test-notice {
  margin-left: 0;
  z-index: 21;
}

section.review-explanation.display {
  position: relative;
}

section.review-explanation.display:before {
  background: #000;
  opacity: 0.5;
  position: absolute;
  width: calc(100vw - 48px);
  height: 100%;
  content: "";
  top: 0;
  left: 0;
  z-index: 20;
  border-radius: 20px;
}

form#referral-payment-form .payment-box > .row > .form-group > div label.control-label {
  display: none;
}

.backto-top__qrcode-wrap img {
  max-width: none;
}

section#block-qrcodecheckout {
  text-align: center;
  margin-top: 30px;
}

section#block-studybroadform {
  background-color: #fff;
}

section.consulting-team tbody tr td p {
  display: flex;
  justify-content: center;
}

section.consulting-team tbody tr td p img {
  margin: 20px 10px;
}

.test-collection-page .writing-volume {
  display: inline-block;
  width: 100%;
}

.test-collection .collection-nav {
  align-items: flex-start;
}

.page.test-collection .dropdown.bootstrap-select.iot-opselect {
  max-width: 140px;
  margin-left: auto;
  margin-top: 10px;
}

.page.test-collection .dropdown.bootstrap-select.iot-opselect button {
  height: 32px;
  line-height: 32px;
}


.page.test-collection .col-md-4 {
  background-color: #f7f7f7;
  padding-top: 50px;
}

.test-collection .collection-nav__item {
  font-size: 16px;
}

.notifications-detail-page .table-order-content .order-title {
  padding-right: 115px;
}

.hashover .hashover-header > .hashover-thread-link {
  color: #fff;
}

.hashover-comment .hashover-comment.hashover-reply .hashover-header > .hashover-thread-link {
  color: #00c;
}
.study-abroad-detail .overview-items {
  margin-top: 30px;
}

.hero.-australia {
  background-image: url(../../images/pages/study-abroad/hero-detail-australia-bg.jpg);
}
.hero.-us {
  background-image: url(../../images/pages/study-abroad/hero-detail-us-bg.jpg);
}
.hero.-ca {
  background-image: url(../../images/pages/study-abroad/hero-detail-canada-bg.jpg);
}

.ielts-self-study .study-program {
  margin-bottom: 10px;
}

section.package-intro {
  margin-bottom: 50px;
}

.note-re {
  display: inline-block;
  width: 100%;
  font-size: 16px;
}

.note-re p.color-default {
  color: #284664;
}

.note-re p span {
  font-weight: 600;
}

.ielts-self-study .card-buy__demo-link {
  cursor: pointer;
}

.ielts-self-study .card-buy__discount-wrap.-no-currency {
  justify-content: left;
}

.successfully-really-english {
  margin: 30px 0 50px 0;
}

.successfully-really-english a {
  margin: 0 20px;
  text-transform: uppercase;
}

a.button-successfully-first {
  color: #284664;
  border: 1px solid #284664;
  background-color: transparent;
}

.re-package .card-buy__demo-link {
  cursor: pointer;
}

.card-buy__promo-text strong,
.re-package .price-card__period strong {
  text-transform: uppercase;
}

.ielts-self-study .course-item {
  height: 100%;
}

.block-study-abroad form.views-exposed-form {
  display: none;
}

form#views-exposed-form-study-abroad-page-1 .iot-opselect .form-control {
  box-shadow: none;
}

form#views-exposed-form-study-abroad-page-1 .schools-search__btn span.icon.glyphicon.glyphicon-search {
  display: none;
}

form#views-exposed-form-study-abroad-page-1 .iot-opselect > .dropdown-menu {
  margin-top: 10px !important;
}

.result-details-mbti {
  margin: 50px 0;
}

.schools-search__select-city ul.dropdown-menu.inner {
  max-height: 250px;
}

form#views-exposed-form-study-abroad-page-1 .schools-search__select-city input {
  border: 1px solid #dfe3e8 !important;
  border-radius: 30px;
  height: 44px;
  color: #284664;
  font-weight: 600;
}

form#views-exposed-form-study-abroad-page-1 .schools-search__select-city input::placeholder {
  color: #284664;
}

.ui-autocomplete {
  max-height: 250px;
  overflow-y: scroll;
}

.custom-autocomplete-ul {
  width: 273px;
  background: #fff;
  z-index: 9999;
  border: 1px solid #dfe3e8 !important;
}

.custom-autocomplete-ul li a {
  width: 100%;
  height: 30px;
  font-size: 13px;
  font-weight: bold;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  color: #284664;
  padding: 6px 15px;
  display: inline-block;
}

.custom-autocomplete-ul li a:hover {
  background-color: #ececec;
  color: #284664;
  border: 0;
  font-weight: bold;
}

form#views-exposed-form-study-abroad-page-1 .form-item-field-citys-value {
  position: relative;
}

form#views-exposed-form-study-abroad-page-1 .form-item-field-citys-value:before {
  content: "\ea29";
  font-family: 'iot-fonts' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: rotate(90deg);
  position: absolute;
  right: 20px;
  top: 10px;
}

li.-circle-dollar > span {
  padding-right: 5px;
}

.schools-list-page .schools-search__input {
  max-width: 100%;
}

div#exampleModalStudyAbroad .ion-android-close.modal-sa-consultant__close-modal {
  position: absolute;
  right: 25px;
  top: 25px;
}

div#exampleModalStudyAbroad label.register-card__caption.control-label,
.study-abroad-detail label.register-card__caption.control-label {
  display: none;
}

strong#js-user-name {
  text-transform: capitalize;
}

.schools-search__wrapper .schools-search__btn button,
.consultant-card .field--name-field-advertise {
  width: 100%;
}

form#views-exposed-form-study-abroad-page-1 .schools-search__select-city-fake > .dropdown-menu {
  margin-top: -15px !important;
}

.schools-search__select-city-fake {
  width: 250px !important;
  max-width: 250px !important;
}

.consultant-card .field--name-field-advertise p {
  text-align: center;
}

.brush-line {
  background: url(/themes/iot/images/pages/study-abroad/brush-line.svg) bottom center no-repeat;
  background-size: contain; }

@keyframes text-flicker {
  0% {
    opacity: 0.0;
    background: #f00;
  }
  25% {
    opacity: 0.2;
    background: #f00;
  }
  50% {
    opacity: 0.5;
    background: #f00;
  }
  75% {
    opacity: 0.7;
    background: #f00;
  }
  100% {
    opacity: 0.9;
    background: #f00;
  }
}

.exam-library .lesson-nav li a {
  font-weight: 600;
}

.ielts-self-study .ielts-package__desc {
  min-height: 91px;
}

.checkout-success-error {
  margin-bottom: 100px;
}

.free-demo-error {
  color: #c76378;
  font-size: 12px;
}

.event-table__note__re {
  font-size: 14px;
  font-style: italic;
}

.service-item__note__re {
  font-size: 12px;
}

.service-item__note__re span.event-table__asterisk {
  color: #c76378;
}

.schools-search__wrapper .schools-search__btn button,
.schools-search__wrapper .schools-search__btn button:hover {
  background-color: transparent;
  border-color: transparent;
  color: #fff;
  font-weight: 600;
}

.schools-search__select-city-fake ul.dropdown-menu.inner {
  max-height: 300px;
}

.schools-search__select-city-fake div.dropdown-menu .inner.open::-webkit-scrollbar {
  width: 3px;
}

.schools-search__select-city-fake div.dropdown-menu .inner.open::-webkit-scrollbar-thumb {
  background: #888;
}

.vocational-guidance .selection-box__radio-label::first-letter {
  text-transform: capitalize;
}

.writing-essay-page .score-card__num span.score-task-1,
.writing-essay-page .score-card__num span.score-task-2 {
  float: none;
}

.not-have-permission {
  padding: 50px 0;
}

.writing-essay-page__wrapper {
  display: flex;
  flex-wrap: wrap;
}

.checkout-wot_sample__purchases a.iot-bt {
  margin: 0 15px;
}

.writing-essay-page .score-card__num,
.writing-essay-page .score-card__overall {
  position: relative;
}

.writing-essay-page .score-card__overall .wot-sample-checking,
.writing-essay-page .score-card__num .wot-sample-checking {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.writing-essay-page .score-card__num .wot-sample-checking {
  right: 20px;
}

.writing-essay-page .score-card__overall .wot-sample-checking {
  top: 40%;
}

.wot-sample-checking:after {
  position: relative;
  content: "\f110";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
  font-size: 16px;
}

.checkout-page .btn-checkout-continue-re {
  height: 48px;
  line-height: 48px;
  width: 100%;
  border-radius: 4px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.4px;
  text-align: center;
  color: #fff;
  background: #284664;
  padding: 0;
  margin-top: 10px;
}

.adminimal-admin-toolbar .lesson-speaker .tutor-overview {
  display: inline;
}

.lesson-speaker .tutor-card {
  display: flex;
  flex-direction: column;
}

.lesson-speaker .tutor-card .tutor-card__body {
  flex: 1;
}

.lesson-speaker .tutor-card__tutor-level:after {
  top: -20px;
}

div#modalBookLessonSpeaker .modal-dialog {
  max-width: 478px;
  background: transparent;
  padding: 0;
}

div#modalBookLessonSpeaker .ion-android-close {
  top: 5px;
  right: 5px;
}

.user-just-purchase {
  margin-bottom: 5px !important;
}

.lesson-speaker .tutor-card__btn a {
  color: #fff;
  display: inline-block;
  width: 100%;
}

.view-id-webinar_list.view-display-id-block_1 .view-filters {
  display: none;
}

.lesson-speaker .hero__icon-wrap.-green {
  transform: translateX(385px);
}

.my-purchase-page .service-item__item-img {
  height: 100%;
  object-fit: contain;
}

.product-purchase-image {
  width: 271px;
  height: 170px;
  text-align: center;
  border: 1px solid rgba(40, 70, 100, 0.15);
  border-radius: 10px;
  overflow: hidden;
}

div#modal-study-abroad-detail .ion-android-close {
  top: 10px;
  right: 10px;
}

.custom-show-error {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
  padding: 10px 20px;
  margin-bottom: 3rem;
}

.modal-user-suggest__check-bg.show-error {
  border-color: #d0021b;
}

.modal-user-suggest__btn button.btn-primary {
  background: transparent;
  border-color: transparent;
}

.modal-look-sky,
.modal-user-suggest {
  z-index: -1 !important;
}

.modal-look-sky.in,
.modal-user-suggest.in {
  z-index: 1050 !important;
}

#block-blockqruserfeedbacksot .field--name-body > p,
#block-blockqruserfeedbackwot .field--name-body > p {
  text-align: center;
}

.modal-show-error {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.modal-user-suggest__item-title span {
  color: #a94442;
}

form#iot-profile-forgot-password-sms-form .error.help-block {
  color: #c0392b;
  font-size: 10px;
  margin-bottom: 0;
}

.ntf-ical {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .notify-live-lesson-confirmation .email-title, .notify-live-lesson-confirmation .class-name {
    font-size: 24px !important;
  }
  .notify-live-lesson-confirmation .class-time {
    font-size: 18px !important;
  }
  .notify-live-lesson-confirmation .how-to-content {
    font-size: 14px !important;
  }
  .notify-live-lesson-confirmation .how-to-tr {
    display: flex;
    flex-direction: column;
  }
  .notify-live-lesson-confirmation .how-to-td {
    display: flex;
    align-items: center;
    background: url('/themes/iot/images/table-border-bottom.png') bottom center no-repeat !important;
    padding: 6px 0;
  }
  .notify-live-lesson-confirmation .how-to-td:last-child {
    background: none !important;
  }
  .notify-live-lesson-confirmation .how-to-td p {
    text-align: left;
    background: none !important;
    padding: 0 0 0 10px !important;
    margin: 10px 0;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .uc-class .live-lesson__time-box, .prev-class .live-lesson__time-box {
    width: 23.79%;
  }
}

.service-box__wot_samples ul li {
  position: relative;
  display: flex;
  align-items: flex-start;
  text-align: left;
  padding-left: 15px;
}

.service-box__wot_samples ul li:before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #284664;
  position: relative;
  top: 8px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: 8px;
}

.service-box__wot_samples .service-box__price {
  margin: 20px 0;
}

#select-wot-samples ul.dropdown-menu.inner {
  max-height: 365px;
}

#select-wot-samples .dropdown-menu > .inner::-webkit-scrollbar {
  background-color: #fff;
  width: 5px;
}

#select-wot-samples .dropdown-menu > .inner::-webkit-scrollbar-thumb {
  background-color: #d4dae0;
  border-radius: 55px;
}

.speaking-review-page .final-score__comment-box {
  width: 100%;
}

.verification-has-success {
  color: #00a65a !important;
}

.checkout-page .checkout-item .pay-item__btns-group {
  margin-bottom: 0;
}

.study-abroad-detail .school-item__list li.-tuition:before {
  content: "\e978";
}

.re-package .card-buy__btn.btn.disabled {
  pointer-events: auto;
}

.rebanner__contents .rebanner__title > div {
  display: flex;
}

.rebanner__contents .rebanner__title > span.rebanner__blod,
.rebanner__contents .rebanner__title > span.rebanner__blod > span {
  font-weight: bold;
  font-size: 20px;
  font-style: initial;
  padding: 0px 4px;
}

span.rebanner_price.-top {
  padding: 0 4px;
}

@media screen and (max-width: 1025px) {
  .re-package .rebanner__coupon-val,
  .re-package .rebanner__title,
  .re-package .rebanner__title > span.rebanner__blod,
  .re-package .rebanner__title > span.rebanner__blod > span {
    font-size: 17px;
  }

  .workpartners__image .workpartners__image--image {
    height: 100px;
  }

  .workpartners__info {
    padding-right: 20px;
  }

  .lesson-speaker .tutor-card__tutor-level:after {
    top: -12px;
    right: -15px;
  }

  .product-purchase-image {
    width: 234px;
    height: 147px;
  }

  .home-page .work-partners__col-left {
    width: 40%;
  }

  .home-page .work-partners__col-right {
    width: 60%;
  }

  a.notification-wbn-btn {
    max-width: 33% !important;
  }
}

@media screen and (max-width: 821px) {
  .writing-essay-page .final-score__user-feedback {
    font-size: 20px;
  }

  .product-purchase-image {
    width: 100%;
    height: 168px;
    text-align: center;
    border: none;
  }

  .my-purchase-page .service-item__item-img {
    width: 100%;
    max-height: 168px;
    height: 100%;
    object-fit: cover;
  }

  section.section.section-tip .ielts-tips__item-vote.stars-vote .back-stars a {
    font-size: 12px;
    margin: 0;
  }
}

@media screen and (max-width: 769px) {
  .study-abroad-detail .consultant-card__mess span {
    font-size: 18px;
  }

  .study-abroad-detail .hero__wrap-line {
    display: inline-block;
  }

  .test-collection .collection-nav__item {
    margin-right: 2rem;
  }

  .workpartners__info {
    padding-right: 0;
  }

  div#modal-abroad-gift .modal-dialog {
    margin-top: 30%;
  }
}

@media screen and (max-width: 480px) {
  .home-page .work-partners__col-left,
  .home-page .work-partners__col-right {
    width: 100%;
  }

  .ielts-self-study .rebanner__title > span.rebanner__blod,
  .ielts-self-study .rebanner__title > span.rebanner__blod > span {
    font-size: 18px;
  }

  .notify-live-lesson-confirmation {
    padding: 0 20px;
  }

  .my-purchase-page .service-item__item-img {
    width: auto;
  }

  .my-purchase-page .service-item__name {
    max-width: 300px;
  }

  div#modalBookLessonSpeaker .modal-dialog {
    max-width: 96%;
  }

  .lesson-speaker .tutor-card__tutor-level:after {
    top: -17px;
    right: -10px;
  }
  .modal-submit-essay_btn-wrap.clearfix {
    flex-direction: column;
  }

  #modal-submit-essay .modal-submit-essay_btn-wrap button.iot-bt.iot-bt-white {
    width: 100%;
  }

  .vocational-guidance section#block-studyabroadv2guidancewebform .register-form__title {
    font-size: 32px;
  }

  .checkout-success-error {
    margin-bottom: 50px;
  }

  .successfully-really-english a {
    width: 250px;
    margin-bottom: 15px;
  }

  .re-package .program-item__body {
    margin-bottom: 55px;
  }

  .test-collection .collection-nav__item {
    font-size: 14px;
  }

  .page.test-collection .dropdown.bootstrap-select.iot-opselect {
    position: absolute;
    top: 0;
    right: 15px;
  }

  section.consulting-team tbody tr td p {
    flex-direction: column;
    align-items: center;
  }

  .workpartners__image .workpartners__image--image {
    width: 50%;;
  }

  .workpartners__image {
    margin-top: 20px;
  }

  .popup-left-bottom {
    width: 50%;
  }

  .popup-left-bottom img {
    width: auto;
  }

  .modal-exit-test .modal-body,
  .modal-exit-test .modal-footer {
    width: 100%;
    padding: 0;
  }

  .modal-exit-test .modal-body {
    padding: 20px 0;
  }

  .modal-exit-test {
    width: 100%;
    padding: 30px 20px;
  }

  .modal-exit-test h2.modal-caption {
    font-size: 22px;
  }

  .modal-exit-test .modal-footer a {
    padding: 10px 0;
  }

  .modal-exit-test .modal-footer a.modal--no {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 376px) {
  .workpartners__image .workpartners__image--image {
    height: 90px;
  }

  .vocational-guidance section#block-studyabroadv2guidancewebform .register-form__title {
    font-size: 28px;
  }

  .rebanner__contents .rebanner__coupon-val,
  .rebanner__contents .rebanner__title,
  .rebanner__contents .rebanner__title > span.rebanner__blod,
  .rebanner__contents .rebanner__title > span.rebanner__blod > span {
    font-size: 16px;
  }
}

@media screen and (max-width: 321px) {
  .workpartners__image .workpartners__image--image {
    width: 100%;
    height: 100px;
  }
}

body.path-webinar-calendar .page .container {
  width: 80%;
}

.fc-event-main-frame > div {
  font-size: 12px !important;
}

.fc-header-toolbar.fc-toolbar.fc-toolbar-ltr,
div#fullcalendar table {
  margin-bottom: 0;;
}

.view-id-webinar_calender.view-display-id-page_calendar form#views-exposed-form-webinar-calender-page-calendar,
.view-id-webinar_calender.view-display-id-page_calendar nav.pager {
  display: none;
}

div#fullcalendar .fc-header-toolbar.fc-toolbar.fc-toolbar-ltr {
  margin: 20px 0;
}

.iot-cbx input[type="checkbox"][disabled] + span, .iot-cbx input[type="checkbox"][disabled] + span + span {
  cursor: not-allowed;
}

.user-create-profile .basic-info-box .form-item,
.user-create-profile .form-group[class*="col-"] .form-item {
  width: 100%;
  max-width: 380px;
}

.user-create-profile .reason-box-wrap .score-tabs.active .-dont-have-score {
  margin-bottom: 0;
}

.user-create-profile .reason-box-wrap .score-tabs.active .-dont-have-score.active ~ div {
  margin-bottom: 0;
}

.user-create-profile .reason-box-wrap .score-tabs.dont-have-score .-dont-have-score {
  margin-bottom: 33px;
}
@media (max-width: 767px) {
  .user-create-profile .reason-box-wrap .score-tabs.dont-have-score .-dont-have-score {
    margin-bottom: 20px;
  }
}

.user-create-profile .error.help-block {
  position: absolute;
  bottom: -18px;
}

.login-box__login-field .error.help-block {
  position: absolute;
  top: 100%;
}

.step-footer__btn.active:hover, .step-footer__btn.active:focus {
  color: #fff;
}
.uc-class .live-lesson__other-info a.registered, .prev-class .live-lesson__other-info a.registered {
  position: relative;
}

.user-create-profile .reason-box-wrap .score-tabs.active .-dont-have-score.active ~ div {
  margin-bottom: 0;
}
.simplenews-subscriber-account-form {
  margin: 50px 0;
}


.ielts-master .webform-submission-form .btn.btn-primary:hover {
  border-color: none;
  background-color: #c86478;
}
.ielts-master .webform-submission-form .btn {
  height: 48px;
}
.ielts-master .webform-submission-form .form-select {
  border: none;
}

.top-selling .item-wrapper.chinese .item-content .item-price {
  font-size: 14px; }
.top-selling .item-wrapper.chinese .item-content .buy-now a {
  width: 110px; }

.service-box__credits_evaluation {
  font-size: 13px;
}
.service-box__credits_evaluation .note {
  color: red;
  margin-right: 5px;
  font-size: 16px;
}
.service-box__credits_evaluation .-pink {
  color: #c86478;
  font-weight: bold;
  font-style: initial;
}
.service-box__credits_evaluation .-yellow {
  color: #f8a85b;
  font-weight: bold;
  font-style: initial;
}
.checkout-page .promo-code button {
  background-color: #284664;
}
.checkout-page .promo-code button:disabled {
  background-color: #7d90a0;
}
#modal-no-support .modal-no-support_btn-wrap .iot-bt {
  position: relative;
}
.mic-box__btn-group-action {
  width: 100%;
}

.register-form__globe-wrap.not-vn:after {
  display: none;
}

div#hashover-comments-section a[rel="noopener noreferrer"] {
  pointer-events: none;
  color: #222;
}

.modal-icon-wrap {
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  border-radius: 50%;
  background-color: #f3f3f3;
  display: block;
  margin: 0 auto 20px;
}

#modal-not-taketest p.modal-des {
  margin-top: 0;
}

ul.header-nav__main-menu.main-menu .menu-same {
  display: none !important;
}


.video-lessons-package .btn-buynow.is-purchased::after {
  display: none;
}

.video-lessons-package .btn-buynow.is-purchased span {
  margin-left: 2rem;
  font-size: 26px;
  transition: all 0.35s ease-out;
}

.video-lessons-package .btn-buynow.is-purchased:hover span {
  transform: translateX(5px);
}

.video-lessons-package .btn-buynow.is-purchased {
  width: 245px;
}

.bootstrap-select .dropdown-menu li.disabled {
  background: #f7f7f7;
}

.my-interest-form .form-item-expecting-std-abroad ul.dropdown-menu.inner li.disabled {
  display: none;
}

.btn-process.disabled {
  background: #284664 !important;
  background-color: #284664 !important;
  color: white !important;
  pointer-events: none;
}

.block-banneradsserver {
  display: none;
}

.history-table__btn-view.disabled:hover, .history-table__btn-view.disabled {
  color: #ccc;
  border: 1px solid #ccc;
  background-color: #fff !important;
}
.recording__question-content ul {
  margin-left: 20px;
}

.view-id-manage_tips.view-display-id-page_1 .form-inline .form-group {
  margin: 0 5px 10px;
}

.view-id-manage_tips.view-display-id-page_1 .form-inline .form-group label.control-label {
  display: block;
}

.view-id-manage_tips.view-display-id-page_1 .views-exposed-form {
  margin-top: 15px;
}

.view-id-manage_tips.view-display-id-page_1 .table tbody tr td {
  font-size: 13px;
}

.contact-form-china .contact-field {
  margin: 0px !important;
}
.exam-detail .circular-progress.-finished.-persent [class^="circular-progress-percent"] {
  display: block;
}
.take-test table.iot-table-info.table {
  margin-bottom: 0;
}
.take-test .test-panel__answers-wrap .table-responsive {
  margin-bottom: 20px;
  margin-top: 0;
}
.page.take-test .region.region-content {
  width: 100%;
}
.page.take-test .ckeditor-wrapper .table-responsive table {
  margin: 0;
}
.take-test .test-panel__answer, .take-test .test-panel__answers-wrap {
  width: 100%;
}
.realtest-header__btn-save {
  transition: opacity 0.5s linear, max-height 0s linear 0s;
  opacity: 1;
  max-height: 100%;
}

.realtest-header__btn-save.save_hidden {
  opacity: 0;
  transition: opacity 1s linear, max-height 0s linear 2s;
  max-height: 0;
  overflow: hidden;
}
.test-guidance .iot-grbt.-disabled, .test-guidance .-disabled.iot-gribt {
  pointer-events: inherit;
  box-shadow: none;
}

.exam-library .mocktest-card__pack .mocktest-card__pack-title {
  text-align: left;
}

.writing-test .test-panel__nav a {
  cursor: pointer;
}
.btn.btn-coppy-url {
  display: inline-flex;
  align-items: center;
}
.btn.btn-coppy-url span {
  margin-top: 0;
}
.share-box__copy-wrap {
  position: relative;
}

.share-box__copy-wrap .share-box__copy-status {
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  color: #32b4c8;
  text-align: center;
  height: 0;
  font-size: 12px;
}

.fontsize-menu__font-link.active {
  background-color: #f3f3f3;
  color: #294563;
}
.realtest-header.time-up.no-limit {
  background: #fff;
  border: none;
  box-shadow: 0px 4px 50px 0px rgba(41, 69, 99, 0.08);
}
.plyr--video .plyr__controls {
  color: #000;
}
.listening-test.-test-mode .plyr--audio {
  min-width: initial;
}
.listening-test.-test-mode .plyr--audio.plyr--full-ui input[type=range] {
  min-width: 90px;
}
.listening-test.-test-mode .plyr--audio .plyr__controls__item:first-child {
  margin-right: 18px;
}
.reading-test .test-panel__header {
  display: none;
}
@media (max-width: 991px) {
  .take-test .test-panel__header {
    margin-right: -15px;
  }
}
.test-panel__item.removed-drag .iot-drag-drop_dropdown-question {
  display: inline-block;
}
.test-panel__item:not(.removed-drag) .iot-drag-drop_dropdown-question {
  display: none;
}
body.uploading .uploading-overlay {
  display: flex !important; }

.modal-review-test .result-table__col span {
  white-space: nowrap;
}
.take-test b.iot-question-number {
  width: 24px;
  display: inline-block;
  text-align: center;
}
.take-test .iot-option {
  margin: 5px 0;
}
.take-test .test-panel__input-answer {
  margin-bottom: 5px;
  margin-top: 5px;
}
body.listening-test.-test-mode .listen-from-here {
  display: none;
}

#modal-full-test-notice {
  background-color: rgba(255, 255, 255, 0.26);
  z-index: 1111;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  pointer-events: auto !important;
}
body.disabled-controls #modal-full-test-notice * {
  pointer-events: auto !important;
}

.speaking-test-page .iot-cbx input:checked ~ .checkmark {
  border: 1px solid #294563 !important;
  background-color: #294563 !important;
}
.speaking-test-page .iot-cbx input:checked ~ .checkmark:after {
  display: block;
  background: #294563 url(../images/iot-cb-icon.svg) center no-repeat !important;
  background-size: contain;
}
.speaking-test-page .publish-test-form .checkbox label {
  padding-left: 36px !important;
  min-height: 48px !important;
  margin: 2px 0px !important;
}
.speaking-test-page .publish-test-form .checkbox label .cb-label {
  font-weight: normal !important;
  font-size: 14px !important;
  letter-spacing: 0px !important;
}
.speaking-test-page .congratulation-page .share-box__note {
  font-size: 13px !important;
}

.modal-refusal.full-test-ios .modal-refusal__icon {
  background: url('../../iot/images/icons/information-listening-icon.svg') center no-repeat;
}

.modal-refusal.full-test-ios .modal-refusal__btn.iot-grbt {
  background: var(--main-color);
}
.take-test__player-container {
  width: 100%;
  display: flex;
}

.anonymous-user.take-test-page *, .anonymous-user.speaking-test-page *, .anonymous-user.writing-test * {
  pointer-events: none !important;
}
.realtest-header__time-val:has(em) + span {
  display: none;
}
.test-notice.modal-test-notice {
  margin-left: 0;
  z-index: 9999;
}
.test-notice.modal-test-notice, .test-notice.modal-test-notice * {
  pointer-events: auto !important;
}
#first-tour-screen, #first-tour-screen * {
  pointer-events: auto !important;
}
.introjs-button.introjs-nextbutton,
.introjs-button.introjs-prevbutton,
.introjs-button.introjs-skipbutton,
.introjs-tooltip .introjs-bullets,
.introjs-tooltip .introjs-bullets * {
  pointer-events: auto !important;
}

.congratulation-page.-writing form#wot-publish-test-form {
  margin-top: 0px !important;
}
.-test-mode.guide_tour .take-test__click-play {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.record-empty .plyr__controls {
  filter: grayscale(100%);
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
.speaking-review-page .panel-default.recording {
  position: relative;
}
.speaking-test .take-test section {
  border: none !important;
}
.congratulation-box__test-name.origin-title {
  text-transform: none !important;
}

.ieltsexamlib-search-form .form-group {
  margin-bottom: 0;
}
.modal-rpmistake .iot-opselect {
  max-width: 165px;
}

@media (max-width: 1024px) {
  .exam-library .mocktest-card .book, .exam-library .mocktest-item .book {
    transform-style: unset;
  }
}

.listening-test.-practice-mode .plyr--audio .plyr__control.plyr__tab-focus, .listening-test.-practice-mode .plyr--audio .plyr__control:hover, .listening-test.-practice-mode .plyr--audio .plyr__control[aria-expanded=true] {
  color: #fff;
}
.listening-test.-practice-mode .modal-rpmistake__question .iot-opselect.-rounded button.dropdown-toggle {
  height: 40px;
  line-height: 40px;
}
.modal-rpmistake .iot-opselect .dropdown-toggle .caret {
  top: 10px;
}
#modal-exit-test-speaking .modal-exit-test {
  width: 520px !important;
  padding: 40px;
}
#modal-exit-test-speaking .modal-exit-test h2 {
  margin-bottom: 0;
}
#modal-exit-test-speaking .modal-exit-test .modal-body {
  width: 390px;
  text-align: center;
  margin: 0 auto;
}
#modal-exit-test-speaking .modal-exit-test .modal-footer {
  display: flex;
  flex-direction: column;
  text-align: center;
  width: 86%;
  margin: 0 auto;
}
#modal-exit-test-speaking .modal-exit-test a.modal--no {
  padding: 13px 0;
  border-radius: 5px;
  font-weight: bold;
  cursor: pointer;
  background: #c76378;
  color: #fff;
  margin-bottom: 20px;
}
#modal-exit-test-speaking .modal-exit-test .modal--yes {
  background: #d4dae0;
  color: #08304f;
  padding: 13px 0;
  border-radius: 5px;
  font-weight: bold;
  cursor: pointer;
}
button.full-test__btn.-disabled {
  cursor: not-allowed;
  opacity: 0.65;
}
.exam-detail .full-test .tooltip-inner {
  background: linear-gradient(180deg, #172636 0%, #294563 100%);
  padding: 5px 10px; }
.exam-detail .full-test .tooltip.bottom .tooltip-arrow {
  border-top-color: #172636; }
.modal-choose-mode .tooltip-inner {
  background: linear-gradient(180deg, #172636 0%, #294563 100%);
  padding: 5px 10px; }
.modal-choose-mode .tooltip.bottom .tooltip-arrow {
  border-top-color: #172636; }
.modal-choose-mode.listening input#part-quiz-full + label {
  opacity: 1;
}
@media (min-width: 768px) and (max-width: 991px) {
  .exam-library__col-right .region-sidebar-right {
    width: 100%;
    display: flex;
    gap: 2rem;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .exam-library__col-left, .exam-library__col-right {
    width: 100%;
  }
  .exam-library__grid {
    flex-wrap: wrap;
    padding: 0;
  }
}
#modal-upload-error .iot-bt {
  position: unset !important;
  min-width: auto !important;
  height: 48px !important;
  font-size: 16px !important;
  transform: none !important;
}
.popular-tips .tip-item__img-link img {
  width: 100%;
  max-width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
  object-fit: cover;
}
.modal-speaking-practice-mode .modal__desc {
  text-align: center;
  margin: auto !important;
  padding-bottom: 20px;
}
.top-notice__contents .top-notice__btn.iot-bt.-grey {
  display: block !important;
}
.top-notice__contents .top-notice__btn.iot-bt {
  top: auto !important;
  position: unset !important;
  min-width: auto !important;
  margin-bottom: unset !important;
  transform: none !important;
}

span.mega-menu__menu-icon.ioticon-download-cloud {
  font-size: 21px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.close-rx {
  display: none;
}
.show-review-explanation .close-rx {
  display: block;
}

@media (max-width: 767px) {
  .listening-test .take-test__questions-wrap {
    overflow-y: scroll;
  }
  .listening-test .take-test__board {
    position: fixed;
  }
}

.parent {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
.test-logo-cn {
  height: 48px;
}

.wbn-listing h1 {
  margin: 50px 0;
  font-size: 32px;
  line-height: 1.41;
  letter-spacing: 0.5px;
  color: #284664;
  font-weight: bold;
}
@media (max-width: 767px) {
  .wbn-listing h1 {
    font-size: 20px;
    line-height: 2.25;
    letter-spacing: 0.3px;
    margin: 0 0 36px;
  }
}
.hero__students-use strong {
  margin-left: 3px;
}
.test-history-page a.test-history__view-more {
  color: #282828 !important;
  text-decoration: none !important;
}
.test-history__bottom ul li {
  margin: 0px 2px;
  display: inline-block;
}
.card-successful__new-tag {
  position: absolute;
  text-transform: uppercase;
  top: -7px;
  left: 28px;
  display: flex;
  padding: 8px 16px;
  color: #fff;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 0px 0px 16px 16px;
  background: var(--gradient-speaking, linear-gradient(180deg, #c86478 0%, #954b5a 100%));
}
.card-successful__box.ai-evaluation {
  position: relative;
}
.congratulation-page.-speaking .service-price-box {
  background-image: url(/themes/iot/images/bg-buy.svg) !important;
}
.congratulation-page .service-price-box {
  background: url(/themes/iot/images/bg-buy-writing.svg) center no-repeat !important;
  background-size: cover !important;
  border: none;
  padding: 24px;
}
.share-box__refer-link-update.share-link {
  border-radius: 30px;
  background: #f5f5f5;
  font-size: 13px;
  font-weight: 600;
  color: #787878;
  padding: 0 15px;
  height: 40px;
  box-shadow: none;
  border: none;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  max-width: 207px;
}
ul.share-box__social-list li {
  display: inline-block;
  margin-right: 8px;
}
body.uploading #modal-overdue {
  visibility: hidden;
}
.test-landing .ready-box.-custom-ready {
  position: relative;
  top: 52px;
}
.-custom-ready.ready-box .ready-box__title {
  margin-top: -3.65rem;
  text-transform: uppercase;
  background: linear-gradient(180deg, #294563 0%, #172636 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media (max-width: 767px) {
  .writing-essay-page .user-feedback {
    width: 100%;
    padding: 0 15px;
    margin: 0;
    overflow: hidden;
  }
  .writing-essay-page .user-feedback .vote-view .form-group,
  .writing-essay-page .user-feedback .vote-view .feedback-box {
    margin: 0;
    padding-top: 15px;
  }
  .writing-essay-page .user-feedback .vote-view .feedback-box .feedback-box__head {
    flex-direction: column;
  }
  .writing-essay-page .user-feedback .vote-view .feedback-box .feedback-box__head .feedback-box__title {
    margin-top: 0;
  }
  .writing-essay-page .user-feedback .view-id-feedback.view-display-id-block_1 .view-filters {
    width: 100%;
  }
  .writing-essay-page .user-feedback .vote-view .feedback-box .feedback-box__items .views-row:first-child {
    margin-top: 4rem;
  }
}
.choose-box__warning {
  margin: 10px 0px;
  font-size: 12px;
  color: #c76378;
}
#js-time-duration-hide {
  display: none;
}
.test-header__time-duration-hide {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  color: #536b82;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  width: 90px;
  text-align: left;
}
.test-header__time-duration-hide.-pink {
  color: #c86478;
}
.anonymous-user.speaking-test-page .test-notice .iot-bt {
  position: unset !important;
  top: auto !important;
  transform: none !important;
  min-width: auto !important;
  font-size: 16px !important;
}

.cn-stabroad .college-item__img {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.study-abroad-detail .main-info__sticky-wrap section#block-blockukstudyabroad {
  margin-bottom: 0;
}
.study-abroad-detail .main-info__sticky-wrap.sticky .countries-nav {
  display: flex;
}
.study-abroad-detail .main-info__sticky-wrap.sticky section#block-blockukstudyabroad + .countries-nav {
  display: none;
}
@media screen and (max-width: 767px) {
  div#modal-iot-cn-uk.modal-iot .modal-dialog {
    width: 100%;
  }
}


.course-filter__input.-select-date {
  padding: 0 20px;
  max-width: 150px;
  text-align: center;
}
.ielts-course-schedule .course-filter__filter-wrap .form-group {
  margin-bottom: 0;
}
.ielts-course-schedule .course-filter .bootstrap-select.-select-course {
  padding-left: 0;
  min-width: unset;
  width: 100% !important;
}
.ielts-course-schedule .form-item-field-course-target-id {
  width: 220px;
}
.ielts-course-schedule .course-filter__input-wrap {
  max-width: 52%;
}
.ielts-course-schedule .form-item-field-start-value {
  display: none;
}
@media (max-width: 991px) {
  .ielts-course-schedule .course-filter__input-wrap {
    max-width: initial;
  }
  .ielts-course-schedule .form-item-field-course-target-id, .ielts-course-schedule .form-item-date-fake {
    width: 48%;
  }

  .ielts-course-schedule .form-item-date-fake .course-filter__input.-select-date {
    width: 100%;
    max-width: 100%;
  }
  .ielts-course-schedule .course-filter__btn-reset {
    margin-right: auto;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .ielts-course-schedule .course-filter__input-wrap {
    max-width: initial;
  }
  .ielts-course-schedule .form-item-field-course-target-id, .ielts-course-schedule .form-item-date-fake {
    width: 42%;
  }
  .ielts-course-schedule .form-item-date-fake .course-filter__input.-select-date {
    width: 100%;
    max-width: 100%;
  }
}

.ielts-course-schedule .course-schedule .table-responsive table th.views-field {
  font-family: "Nunito", "Helvetica Neue", "Roboto", Helvetica, Arial, sans-serif;
  padding: 16px;
  font-size: 16px;
  font-weight: 700;
  color: #294563;
  border: 1px solid #eaecef;
  border-top: none;
  margin-left: -1px;
  border-top: 1px solid #eaecef;
}

.ielts-course-schedule .course-schedule table thead {
  background: #f5f5f5;
}

.ielts-course-schedule .course-schedule .table-responsive table th.views-field:last-child {
  border-right-color: transparent !important;
}

.ielts-course-schedule .course-schedule .table-responsive table th.views-field:first-child {
  border-left-color: transparent;
}
.ielts-course-schedule .form-item-date-fake {
  position: relative;
}

.menu-res-inner ul > li.has-child > a span.ioticon-chevrons-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 55px;
  height: 30px;
  text-align: center;
  z-index: 99;
  justify-content: center;
}
.menu-res-inner ul > li.has-child > a .ioticon-chevrons-right:before {
  content: "\e935";
}
.menu-res-inner ul > li.has-child > a span.ioticon-chevrons-right:after {
  display: none;
}
.menu-res-inner ul > li a span.ioticon-chevrons-right {
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
.menu-res-inner ul > li.has-child.open-submenu > a span.ioticon-chevrons-right {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media (min-width: 767px) {
  .ielts-master .disable-desktop.-active path.wheel-path {
    opacity: 0;
  }
  .ielts-master .disable-desktop.-active:hover path.wheel-path {
    opacity: 1;
  }
  .ielts-master .wheel-group.-active .wheel-text .st13 {
    fill: #546a82;
  }
  .ielts-master .disable-desktop.-active:hover .wheel-text .st13 {
    fill: #fff;
  }
}

.reg-login-form .login-box__login-field.captcha-account {
  position: relative;
}

.reg-login-form .login-box__login-field.captcha-account em#captcha-error {
  line-height: 1;
  color: #c0392b;
  font-size: 10px;
  margin-bottom: 0;
}

/*--Page webinar direct join--*/
.webinar-redirection {
  margin-bottom: 35px;
}
.webinar-direct-join .iot-logo {
  display: block;
  max-width: 161px;
  margin: 35px auto 35px;
}
@media (max-width: 767px) {
  .webinar-direct-join .iot-logo {
    max-width: 120px;
    margin: 20px auto 20px;
  }
}
.webinar-infor {
  max-width: 720px;
  padding: 20px 40px;
  background: #fff;
  border-radius: 16px;
  border: 1px solid #ededf4;
  margin: 0 auto 20px;
}

.webinar-infor__title {
  font-size: 24px;
  margin: 0 0 10px;
}

.webinar-infor__row {
  display: flex;
  margin-bottom: 10px;
}

.webinar-infor__label {
  font-weight: bold;
  margin-right: 10px;
}

.webinar-infor__content {
  flex: 1;
}

.webinar-redirection {
  margin-top: 20px;
  text-align: center;
}

.webinar-redirection__text {
  margin-bottom: 10px;
}

.webinar-redirection__countdown {
  font-size: 20px;
  margin-bottom: 10px;
}

.webinar-redirection__link {
  display: inline-block;
  padding: 10px 20px;
  background-color: #2f5376;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  cursor: pointer;
}
.webinar-redirection__link:hover {
  background-color: #1f3a56;
}
@media screen and (max-width: 768px) {
  .webinar-infor {
    padding: 0;
    border-radius: 0;
    border: none;
  }
  .webinar-infor__title {
    font-size: 20px;
    margin: 20px 0 10px;
  }
  .webinar-infor__label,
  .webinar-infor__content {
    font-size: 14px;
  }
}
/*--End page webinar direct join--*/

.dashboard-page-by-user a.my-purchase__view-detail, .dashboard-page-by-user a.test-history__view-detail {
  display: none;
}

.ielts-prep-download section.block {
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
}
.need-help-form .modal-how-help__text-area {
  margin-top: 2.4rem;
}

.switch-dashboard {
  position: fixed;
  left: 5px;
  top: 5px;
  transition: all ease 0.2s;
  border-radius: 4px;
  color: #284664;
  text-align: center;
  line-height: 22px;
  background-color: #fff;
  padding: 10px 10px;
  box-shadow: 0px 0px 9px 0px #2a4763;
  z-index: 9999;
}
@media (max-width: 767px) {
  .switch-dashboard {
    left: 0;
    top: unset;
    bottom: 0;
    padding: 7px 5px;
  }
}

.need-help-form img.modal-prep-qr__icon {
  margin: 0 auto;
}
.ioticon-cart:before {
  font-size: 24px;
}
.ioticon-submit:before {
  font-size: 26px;
}
.gpt-writing-eval .ioticon-cart, .gpt-writing-eval .ioticon-submit {
  font-size: 0px !important;
}
.gpt-writing-eval .buy-now__btn {
  color: #fff !important;
}
/*.evaluation-widget__price strong.-cn {*/
/*  position: relative;*/
/*}*/
/*.evaluation-widget__price strong.-cn span {*/
/*  transform: translateY(-6px);*/
/*  display: inline-block;*/
/*}*/
/*.evaluation-widget__price strong.-cn .price-exchanged {*/
/*  display: block;*/
/*  font-size: 12px;*/
/*  color: #9d9d9d;*/
/*  font-weight: normal;*/
/*  position: absolute;*/
/*  bottom: -9px;*/
/*  right: 10px;*/
/*}*/
.-test-history .modal-task-pay {
  background-color: rgb(0 0 0 / 50%);
}
.-test-history .modal-task-pay > .modal-dialog {
  width: 100%;
  max-width: 536px;
}
.-test-history .modal-task-pay > .modal-dialog .modal-header {
  padding: 15px;
}

.product-variation .item-service-wp__new-tag.-writing_ai,
.top-selling .best-item__new-tag.-writing_ai {
  background: linear-gradient(180deg, #faa859 0%, #bb7f44 100%);
}
.product-variation .item-service-wp__new-tag.-writing_ai:after,
.top-selling .best-item__new-tag.-writing_ai:after {
  background-image: url(../images/icons/corner-orange-shadow-right.svg);
}
.product-variation .item-service-wp__new-tag.-writing_ai:before,
.top-selling .best-item__new-tag.-writing_ai:before {
  background-image: url(../images/icons/corner-orange-shadow-left.svg);
}
.top-selling .best-item__new-tag.-sot_elsa:after {
  background-image: url(../images/icons/corner-shadow-right.svg);
}
.top-selling .best-item__new-tag.-sot_elsa:before {
  background: url(../images/icons/corner-shadow-left.svg);
}
.leader-board-box.-order-3:not(:empty) {
  padding: 15px 10px;
  border: solid 1px #eaecef;
  background-color: #fff;
  border-radius: 30px;
  width: 100%;
}

.leader-board-box.-order-3 table.rank-table {
  margin-bottom: 0 !important;
}
.leader-board-box.-order-3 .table thead tr th:nth-child(3) {
  min-width: 40px;
}
.leader-board-box.-order-3 .table thead tr th {
  padding: 15px 12px;
}
.leader-board-box.-order-3 .table tbody tr td {
  padding: 12px;
}

.speaking-review-page .recording__question-title {
  min-height: 36px;
}

.menu .main-menu li.-bg-red {
  background-color: #c76378;
}
.menu .main-menu li.-bg-red:hover > a {
  background-color: #c76378;
  color: #fff;
}

.uc-class .live-lesson__other-info, .prev-class .live-lesson__other-info {
  text-align: right;
}

.writing-essay-page .community-vote {
  margin-bottom: 0;
  border-radius: 30px;
  border: 1px solid #d4dae0;
  width: 100%;
}
.writing-essay-page .community-vote .community-vote__title {
  font-size: 19px;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .-custom-asd_footer iframe {
    height: 633px;
  }
}
@media (max-width: 767px) {
  .-custom-asd_footer iframe {
    height: 614px;
  }
  .writing-essay-page.ielts-gpt-evaluation .-custom-asd_footer iframe {
    height: 747px;
  }
}
.my-wallet-page .wallet-table td.wallet-table__amount,
.my-wallet-page .wallet-table .wallet-table__balance {
  text-wrap: nowrap;
}

.checkout-page .order-content__item-val em.ex-val {
  text-wrap: nowrap;
}

.checkout-page .product-item__exchange-price {
  color: #9a9a9a;
  margin-top: 2px;
}
.-mb-none {
  margin-bottom: 0 !important;
}
.-mb-none .form-group {
  margin-bottom: 0 !important;
}
button[data-drupal-selector="edit-referral-code-check"][disabled] {
  pointer-events: none;
}

.checkout-page .checkout-success .more-info ul li {
  font-family: "Nunito", "Helvetica Neue", "Roboto", Helvetica, Arial, sans-serif;
}

#referrer-card__respon-code {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: normal;
}

.anonymous-user .take-test__click-play {
  visibility: hidden;
}

@media (max-height: 628px) {
  .zoom-125-or-higher .speaking-box video {
    max-height: 220px;
  }
  .speaking-box__video-desc.ckeditor-wrapper > *:last-child {
    margin-bottom: 0;
  }
}


.-custom-share_gift_event-mobile-btn {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100vw;
  background-color: #fff;
  padding: 0.5rem;
  z-index: 60;
  display: flex;
  align-items: center;
  justify-content: center;
}
.-custom-follow-account .follow-account {
  margin-top: 15px;
  display: flex;
  padding: 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 16px;
  background: #FFF;
  box-shadow: 0px 4px 20px 0px rgba(41, 69, 99, 0.08); }
.-custom-follow-account .follow-account__qr {
  border-radius: 8px;
  max-width: 29%; }
.-custom-follow-account .follow-account__title {
  position: relative;
  display: flex;
  align-items: flex-start;
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 1rem; }
.-custom-follow-account .follow-account__title:before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../images/icons/comment-heart-icon.svg) center no-repeat;
  background-size: contain;
  margin-right: 6px;
  flex-shrink: 0; }

#js-click-play-error {
  text-align: center;
  font-weight: bold;
  position: absolute;
  font-size: 16px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
  width: 33%;
  max-width: 500px;
  border: 1px solid #c76478;
  border-radius: 100px;
  background: #fff;
  box-shadow: 3px 6px 20px #dbdbdb;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  z-index: 999;
}

.baidu-utm #block-headertopads{
  display: none;
}

.webform-submission-form .form-group {
  position: relative;
}
.webform-submission-form label.error {
  font-size: 12px;
  color: var(--Text-Red, #DD1804);
  font-weight: inherit;
  font-style: italic;
  position: absolute;
  top: 100%;
  left: 0;
}

.webform-submission-form strong.error.form-item--error-message {
  font-size: 12px;
  color: var(--Text-Red, #DD1804);
  font-weight: inherit;
  font-style: italic;
  position: absolute;
  top: 100%;
  left: 0;
}

.ielts-video-course section.block {
  margin: 0;
}

.--remove-border-issue {
  background: #324462;
}
.--remove-border-issue .exp-review-box__contents {
  background: #ffffff;
}

/*.-new:before {*/
/*  content: 'New';*/
/*  position: absolute;*/
/*  font-size: 9px;*/
/*  padding: 2px 5px;*/
/*  background: red;*/
/*  color: #fff;*/
/*  font-weight: 400;*/
/*  text-transform: capitalize;*/
/*  border-radius: 5px;*/
/*  right: 0;*/
/*  line-height: 1.3;*/
/*}*/
.exam-library .mocktest-item__pack {
  cursor: pointer;
}
.srv-checkout-success .evaluation-box__credit span {
  display: inline-flex;
  padding: 2px 8px;
  align-items: center;
  border-radius: 30px;
  border: var(--Space-0, 1px) solid var(--main-color);
  width: max-content;
  font-size: 16px;
  font-weight: bold;
  color: #282828;
}

.srv-checkout-success .ready-box .test-history {
  width: 100%;
}

.my-wallet-page .wallet-table td.wallet-table__status.-canceled{
  color: var(--Text-Red, #DD1804);
}

@media (min-width: 992px) and (max-width: 1199px) {
  .ielts-video-course h1.hero__title {
    padding-bottom: 20px;
  }

  .ielts-video-course h1.hero__title span.animate__iotZoomOutBounce {
    font-size: 55px;
  }
}

/*div#drupal-modal.modal.ui-front > .modal-dialog > .modal-content {*/
/*  background: transparent;*/
/*  box-shadow: none;*/
/*  border: 0;*/
/*}*/
.modal-iot .modal-detail {
  padding-top: 20px;
}
.ielts-video-course .buyed.hero {
  padding: 9.6rem 0 8.0rem;
  background: url("../images/pages/ielts-video-course/hero-bg-1.webp") center no-repeat;
  background-size: cover; }
@media (max-width: 767px) {
  .ielts-video-course .buyed.hero {
    background-image: url("../images/pages/ielts-video-course/hero-mobile-bg.webp");
    padding: 9.6rem 0 5rem; } }
.ielts-video-course .buyed.hero .hero__btn {
  min-width: 200px; }

.reading-result .review-explanation, .listening-result .review-explanation {
  margin-bottom: 30px;
}