.gdhRtlBox {
  width: 100%;
}

body {
  text-align: left;
  font-family: "Arimo";
  overflow-x: hidden !important;
}

.shedule_groups_subscripter {
  position: absolute;
  right: 0;
  top: -40px;
}

@font-face {
  font-family: "SAP-icons";
  src: url(/fonts/72-Regular.woff?c21ac6792bff9ebc55a3d32c1c68d316);
}
.home_video_text a {
  color: #3BB7D2 !important;
  text-decoration: none !important;
}
.home_video_text a :hover {
  color: #00d3ff !important;
}

h1 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 75px;
  line-height: 86px;
  color: #474747;
}

h2 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 55px;
  color: #474747;
}

h3 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 40px;
  /* TXT_grey */
  color: #474747;
}

h4 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  color: #454545;
}

h5 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 27px;
  color: #474747;
}

p {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color: #454545;
}

/*
b, strong {
    font-family: 'Arimo';
    font-style: normal;
    font-weight: 700;
     color: #454545;
}

*/
.item_lesson {
  border: unset !important;
  box-shadow: 0 0 0 !important;
  margin-bottom: 16px;
  position: relative;
}
.item_lesson .card-body {
  padding: 40px;
}
.item_lesson .image {
  width: 268px;
  height: 160px;
  text-align: center;
  border: 1px solid #ccc;
  display: flex;
  align-items: center;
}
.item_lesson .image img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.item_lesson .lesson_name {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  text-decoration: none;
  color: #474747;
  margin-bottom: 24px;
  width: 100%;
  float: left;
}
.item_lesson .lesson_name:hover {
  color: #2897c5;
}
.item_lesson .col-md-8 {
  padding-left: 0;
}
.item_lesson .handbook {
  width: 100%;
  float: left;
  display: block;
  height: 47px;
  overflow: hidden;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  color: #474747;
  margin-bottom: 29px;
}
.item_lesson .classes {
  display: inline-block;
  width: 100%;
}
.item_lesson .classes span {
  background: #def5fc;
  cursor: pointer;
  display: flex;
  height: 32px;
  margin-bottom: 8px;
  margin-right: 16px;
  padding: 3px 0;
  width: auto;
  float: left;
}
.item_lesson .classes span p {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  color: #1E6289;
  margin: 0 16px;
}
.item_lesson .classes span p b {
  font-weight: 700;
}
.item_lesson .classes span .delete {
  background-color: unset;
  border: unset;
  color: #0F96CD;
  padding: 0;
  margin: 0 8px;
  line-height: 11px;
  height: 13px;
  margin-top: 6px;
}

.tab-content > .active {
  display: block !important;
}

.admin_panel .nav-tabs .nav-item.show .nav-link, .admin_panel .nav-tabs .nav-link.active {
  color: #ffffff !important;
  background-color: #f9872e !important;
  border-color: #f9872e #f9872e #fff !important;
}

.descriptions table {
  width: auto !important;
}

.page_builder {
  font-family: "Arimo";
  font-style: normal;
}
.page_builder .box_hej {
  padding: 25px 0;
  border-bottom: 1px solid #ebe9e9cc;
}
.page_builder h1 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 55px;
  color: #474747;
}
.page_builder .descriptions {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #474747;
}
.page_builder section .box_color {
  padding-top: 20px;
  padding-bottom: 40px;
}
.page_builder section .simple_text h2 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
}

#user_add_school h1 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 55px;
  text-align: center;
  color: #474747;
  margin: 25px 0;
}
#user_add_school p {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 14pt;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #474747;
  text-align: center;
}
#user_add_school button {
  font-family: Arimo;
  font-style: normal;
  font-weight: bold;
  font-size: 21.8272px;
  display: block;
  background: #F9872E;
  text-align: center;
  text-decoration: none;
  color: #FFFFFF;
  height: 48px;
  width: 162px;
  overflow: hidden;
  margin: 25px auto;
  border: 0;
  line-height: 18px;
}

.new_site {
  padding: 76px 0;
  display: block;
  width: 100%;
  float: left;
  background: #3BB7D2;
  color: #FFFFFF;
}
.new_site .description {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  margin-top: 16px;
  text-align: center;
  color: #FFFFFF;
}
.new_site .center_btn a {
  display: block;
  margin: 0 auto;
  background: #1E6289;
  width: 248px;
  height: 56px;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 56px;
  text-align: center;
  color: #FFFFFF;
  transition: 200ms ease-in-out all;
  text-decoration: none;
  margin-top: 32px;
}
.new_site .center_btn a:hover {
  background-color: #114665;
}
.new_site .new_box {
  width: 244px;
  height: 303px;
  overflow: hidden;
  margin: 0 auto;
  background-color: white;
  margin-bottom: 40px;
}
.new_site .new_box .image {
  width: 100%;
  height: 175px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.new_site .new_box .image a {
  width: 100%;
  height: 175px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.new_site .new_box .image img {
  max-width: 100%;
  max-height: 100%;
}
.new_site .new_box .description p {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 29px;
  text-align: center;
  color: #474747;
}
.new_site .new_box .description a {
  color: #3bb7d2 !important;
  text-decoration: none !important;
}
.new_site .new_box .description a:hover {
  color: #55d2ed !important;
}
.new_site .center_position {
  text-align: center;
  color: #FFFFFF;
}
.new_site .center_position p {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 48px;
}
.new_site .center_position h1 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 55px;
  align-items: center;
  text-align: center;
  color: #FFFFFF;
  margin-bottom: 56px;
}
.new_site .center_position h1 span {
  height: 84px;
  padding: 2px;
  background: #A25CAD;
}
.new_site .center_position h3 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 40px;
  color: #FFFFFF;
}

.add-classes h1 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 55px;
  text-align: center;
  margin: 64px 0 48px 0 !important;
  color: #474747;
}
.add-classes fieldset {
  width: 221px;
  margin: 0 auto;
  margin-bottom: 32px;
}
.add-classes fieldset input, .add-classes fieldset select {
  background: #FFFFFF;
  border: 1px solid #E7E7E7;
  width: 100%;
  height: 48px;
  display: block;
  float: left;
  padding: 0 15px;
}
.add-classes fieldset label {
  width: 100%;
  display: block;
  float: left;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 26px;
  color: #787987;
}
.add-classes .hr {
  width: 221px;
  margin: 0 auto;
  margin-top: 32px;
  margin-bottom: 32px;
  display: block;
  position: relative;
}
.add-classes .hr hr {
  background-color: #DFDFDF;
}
.add-classes .hr span {
  top: -13px;
  width: 37px;
  overflow: hidden;
  background-color: white;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 26px;
  color: #989898;
}
.add-classes button {
  cursor: pointer;
  margin: 0 auto;
  display: block;
  width: 221px;
  height: 64px;
  background: #3BB7D2;
  border-color: #3BB7D2;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 21.8272px;
  line-height: 29px;
  text-align: center;
  margin-bottom: 64px;
  color: #FFFFFF;
  transition: all 400ms ease-in;
}
.add-classes button:hover {
  background: #55D2ED;
  border-color: #55D2ED;
}

.header_auth_btn_login .dropdown-toggle {
  border: unset;
  background-color: unset;
  border-color: unset;
  cursor: pointer;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 21px;
  color: #FFFFFF;
}
.header_auth_btn_login .dropdown-toggle:hover, .header_auth_btn_login .dropdown-toggle:active, .header_auth_btn_login .dropdown-toggle:focus {
  color: #FFFFFF !important;
  background-color: unset !important;
  border-color: unset !important;
}
.header_auth_btn_login .dropdown-toggle:after {
  display: none;
}
.header_auth_btn_login .dropdown-menu {
  width: 199px;
}
.header_auth_btn_login .dropdown-menu:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -10px;
}

#maine_footer_site {
  border-top: 1px solid #BABABA;
  width: 100%;
  overflow: hidden;
}

header {
  background: #3BB7D2;
  height: 104px;
}
header .logo_home {
  position: absolute;
  top: -13px;
}
header .header_bg {
  padding-top: 29px;
  background: linear-gradient(180deg, #2087C0 0%, rgba(48, 157, 219, 0) 100%);
}
header .header_bg .row {
  position: relative;
}
header .header_bg .header_auth_btn_login {
  text-align: right;
}
header .header_bg .header_auth_btn {
  display: flex;
  line-height: 40px;
  justify-content: right;
  position: relative;
}
header .header_bg .header_auth_btn a {
  text-decoration: none;
  color: white;
  font-family: Arimo;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
}
header .header_bg .header_auth_btn .sign_up {
  height: 40px;
  background-color: white;
  color: #F9872E;
  display: block;
  text-align: center;
  line-height: 38px;
  padding: 0 10px;
  width: 96px;
}
header .header_bg .header_auth_btn .sign_in {
  margin-right: 20px;
  border: 1px solid white;
  width: 96px;
  text-align: center;
}
header .header_bg .header_auth_btn .agent_in {
  position: absolute;
  top: 1px;
  right: 224px;
  width: 100%;
  text-align: right;
}
header .header_bg .header_auth_btn .agent_israel {
  right: 332px;
  top: 1px;
  position: absolute;
}
header .col-md-9 .navbar {
  padding: 0;
  background-color: inherit !important;
  color: white;
}
header .col-md-9 .navbar form {
  width: 280px;
  position: relative;
  left: -5vw;
}
header .col-md-9 .navbar form input {
  background-color: inherit;
  border: 0;
  color: white;
  width: 100%;
  padding-right: 30px;
}
header .col-md-9 .navbar form input ::-moz-placeholder {
  color: white;
}
header .col-md-9 .navbar form input :-ms-input-placeholder {
  color: white;
}
header .col-md-9 .navbar form input ::placeholder {
  color: white;
}
header .col-md-9 .navbar form button {
  background-color: inherit;
  border: 0;
  color: white;
}
header .col-md-9 .navbar ul {
  transition: all 0.5s ease-out;
}
header .col-md-9 .navbar ul .nav-link {
  position: relative;
  font-family: Arimo;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  text-decoration: none;
  padding: 10px 14px;
  color: white;
  line-height: 10px;
}
header .col-md-9 .navbar ul .nav-link :hover .vc_2 {
  font-weight: bold;
  color: white;
  display: block;
  position: absolute;
  top: 10px;
}
header .col-md-9 .navbar ul .active {
  background-color: white;
  color: #F9872E;
  display: block;
}

.pages_all .page-items {
  border: 1px solid #edf8fb;
  margin-bottom: 20px;
  box-shadow: 1px 1px 2px #c1d7de;
  border-radius: 4px;
}
.pages_all .page-items .name {
  padding: 10px 0;
  text-decoration: none;
  color: #474747;
  font-weight: bold;
  display: block;
}
.pages_all .page-items .image {
  text-align: center;
  background: #edf8fb;
  height: 223px;
  overflow: hidden;
}
.pages_all .page-items .image img {
  max-height: 100%;
}

.vc_1 {
  opacity: 0;
}

#subscription-modal {
  text-align: center;
}
#subscription-modal h2 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 38px;
  line-height: 55px;
  text-align: center;
  color: #474747;
}
#subscription-modal p {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 27px;
  text-align: center;
  color: #787987;
}

.vc_2 {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
}

footer {
  width: 100%;
  background: #F6F8F4;
  padding: 74px 0;
  bottom: 0;
  left: 0;
}
footer .footer_item_name {
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
  color: #787987;
  margin-bottom: 15px;
}
footer .nav-item {
  position: relative;
}
footer .vc_1 {
  opacity: 0;
}
footer .vc_2 {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  text-align: left;
}
footer ul {
  padding: 0;
  list-style: none;
}
footer ul li .nav-link {
  padding: 0 !important;
  text-decoration: none !important;
  color: #474747 !important;
}
footer ul li a {
  color: #474747;
  text-decoration: none;
  font-size: 14px;
  line-height: 219%;
  transition: all 0.2s ease-in;
}
footer ul li a :hover {
  text-decoration: none;
  color: #F9872E;
}
footer .footer_social_list {
  margin-bottom: 49px;
  width: 100%;
  float: left;
  margin-top: 10px;
  display: block;
  text-align: right;
}
footer .footer_social_list a {
  background: #3BB7D2;
  font-size: 20px;
  color: white;
  text-decoration: none;
  padding: 10px 15px;
  margin-bottom: 20px;
  transition: all 0.5s ease-in;
}
footer .footer_social_list a :hover {
  background-color: #2e9eb7;
}
footer .corp {
  font-size: 14px;
  line-height: 16px;
  color: #787987;
  text-align: right;
}

header .navbar-light .navbar-nav .nav-link:hover, header .navbar-light .navbar-nav .nav-link:focus {
  color: white;
}

.account h1 {
  margin-top: 25px;
  margin-bottom: 20px;
}

.component_menu_ .dropdown-menu {
  width: 225px;
}

.account .list-group {
  margin-top: 25px;
  margin-bottom: 25px;
}

.page_content h1 {
  font-family: Arimo;
  font-style: normal;
  font-weight: bold;
  font-size: 48px;
  line-height: 55px;
  color: #474747;
  margin-bottom: 40px;
}
.page_content .descriptions p {
  font-family: Arimo;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #474747;
}

.gdhRtlBox {
  width: 100%;
  position: absolute;
  right: 16px;
  top: 14px;
}

.account .list-group a {
  text-decoration: none;
  color: #474747;
  width: 100%;
  display: block;
  padding: 5px 10px;
}
.account .list-group .router-link-active {
  background-color: #3BB7D2;
  border-color: #3BB7D2;
  color: white;
}
.account .list-group-item {
  padding: 0;
}

.links {
  margin-top: 30px;
}
.links a {
  text-decoration: none;
  color: #474747;
  margin-right: 10px;
}
.links :hover {
  text-decoration: underline;
  color: #F9872E;
}

.box_navigation_md-8 .simple_text .descriptions {
  font-size: 16px !important;
}
.box_navigation_md-8 .simple_text .descriptions p {
  font-size: 16px !important;
}

.pages_all .card {
  margin-bottom: 20px;
}
.pages_all .card a {
  text-decoration: none;
  color: black;
  line-height: 20px !important;
}
.pages_all .card a :hover {
  color: #F9872E;
}
.router-link-activ22 {
  background: #DEF5FC !important;
  color: #0F96CD !important;
}

header .component_menu_ .router-link-activse {
  font-weight: bold !important;
  color: white !important;
}

.navbar .nav-item:hover .dropdown-menu {
  top: 30px;
}

header .main-language .dropdown-menu {
  top: 36px !important;
}

header .component_menu_ .router-link-activse:after {
  content: "";
  position: absolute;
  bottom: -11px;
  width: calc(100% - 25px);
  height: 2px;
  left: 0;
  background-color: white;
  right: 0;
  margin: 0 auto;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
  max-width: 230px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  position: absolute;
  border-radius: 0;
  border: 0 solid #ccc !important;
  padding: 8px 0;
  box-shadow: 0 4px 6px rgba(23, 47, 69, 0.1);
}

.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item {
  white-space: initial !important;
  color: #787987;
}

.form-control:focus {
  border-color: #3BB7D2 !important;
  box-shadow: 0 0 0 !important;
}

.dropes {
  position: absolute;
  left: 249px;
  top: 0;
  width: 200px;
  z-index: 99;
  box-shadow: -2px -1px 5px #edebe;
}

.dropers svg {
  float: right;
  margin: 23px 20px;
}
.dropers svg path {
  fill: #ccc;
}

.dropers.active svg path {
  fill: #0F96CD;
}

.icon_exeles {
  /*background-image: url('/public/');*/
}

.btn-check:active + .btn-secondary, .btn-check:checked + .btn-secondary, .btn-secondary.active, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle {
  background-color: #ffffff !important;
  border-color: #3BB7D2 !important;
  color: #767676 !important;
}

.courses_register {
  width: 100%;
  height: 301px;
  background-image: url(/images/bg_courses.png?adc0e66bbe712ade26ba2bb1fed164c3);
  display: block;
  background-color: #def5fc;
  text-align: center;
}
.courses_register h3 {
  padding-top: 80px;
  display: block;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 55px;
  text-align: center;
  color: #1A5D72;
}
.courses_register a {
  background: #3BB7D2;
  width: 214px;
  height: 56px;
  display: block;
  text-decoration: none;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 56px;
  color: #FFFFFF;
  margin: 40px auto;
  transition: all 400ms ease-in;
}
.courses_register a :hover {
  color: white;
  background: #55D2ED;
}
.courses_register .courses_btn_guest {
  background: #F9872E;
  color: white;
}
.courses_register .courses_btn_guest :hover {
  background: #FFFFFF;
  color: #F9872E;
}

.last_activity {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 26px;
  text-align: left;
  letter-spacing: 0.01em;
  color: #989898;
  position: absolute;
  top: -33px;
}

.b-dropdown-form:focus {
  outline: unset !important;
}

.lesson_links {
  padding: 0 !important;
  margin: 20px 0 !important;
}
.lesson_links a {
  color: #3BB7D2 !important;
  text-decoration: none !important;
  margin-right: 20px;
  position: relative;
}
.lesson_links a :hover {
  transition: 300ms all ease-in;
  color: #0a90eb !important;
}
.lesson_links a :before {
  content: "";
  width: 1px;
  height: 19px;
  background-color: #dedede;
  position: absolute;
  right: -9px;
  top: 3px;
}
.lesson_links a :last-child :before {
  display: none;
}

.navbar-expand-lg .navbar-nav .dropdown-menu.show {
  opacity: 1;
}

.admin_page_access {
  width: 215px;
  background: #fff;
  margin: 15px 0;
  padding: 15px;
  border-radius: 4px;
  border: 1px solid #ccc;
}

.content_teacher_grid .media_card {
  border: 0;
}

.blueBTN:hover {
  border-color: #55D2ED !important;
  background-color: #55D2ED !important;
}
.blueBTN .tooltip_box {
  background-color: #508ed8 !important;
}
.blueBTN .tooltip_box:after {
  border-left: 15px solid #508ed8 !important;
}
.blueBTN .group_notes {
  background-color: #508ed8 !important;
}
.blueBTN .group_notes:after {
  border-right: 15px solid #508ed8 !important;
}

.orangeBTN:hover {
  border-color: #FFAC60 !important;
  background-color: #FFAC60 !important;
}
.orangeBTN .tooltip_box {
  background-color: #f9872e !important;
}
.orangeBTN .tooltip_box:after {
  border-left: 15px solid #f9872e !important;
}
.orangeBTN .group_notes {
  background-color: #f9872e !important;
}
.orangeBTN .group_notes:after {
  border-right: 15px solid #f9872e !important;
}

.purBTN:hover {
  border-color: #A294DB !important;
  background-color: #A294DB !important;
}
.purBTN .tooltip_box {
  background-color: #8578b9 !important;
}
.purBTN .tooltip_box:after {
  border-left: 15px solid #8578b9 !important;
}
.purBTN .group_notes {
  background-color: #8578b9 !important;
}
.purBTN .group_notes:after {
  border-right: 15px solid #8578b9 !important;
}

.blackBTN:hover {
  border-color: #989898 !important;
  background-color: #989898 !important;
}
.blackBTN .tooltip_box {
  background-color: #787987 !important;
}
.blackBTN .tooltip_box:after {
  border-left: 15px solid #787987 !important;
}
.blackBTN .group_notes {
  background-color: #787987 !important;
}
.blackBTN .group_notes:after {
  border-right: 15px solid #787987 !important;
}

.greenBTN:hover {
  border-color: #3AE8A9 !important;
  background-color: #3AE8A9 !important;
}
.greenBTN .tooltip_box {
  background-color: #23c78c !important;
}
.greenBTN .tooltip_box:after {
  border-left: 15px solid #23c78c !important;
}
.greenBTN .group_notes {
  background-color: #23c78c !important;
}
.greenBTN .group_notes:after {
  border-right: 15px solid #23c78c !important;
}

.blackStrongBTN:hover {
  border-color: #022a36 !important;
  background-color: #022a36 !important;
}
.blackStrongBTN .tooltip_box {
  background-color: #0b4355 !important;
}
.blackStrongBTN .tooltip_box:after {
  border-left: 15px solid #0b4355 !important;
}
.blackStrongBTN .group_notes {
  background-color: #0b4355 !important;
}
.blackStrongBTN .group_notes:after {
  border-right: 15px solid #0b4355 !important;
}

.blueBTN.active {
  border-color: #55D2ED !important;
  background-color: #55D2ED !important;
}

.blackBTN.active {
  border-color: #989898 !important;
  background-color: #989898 !important;
}

.orangeBTN.active {
  border-color: #FFAC60 !important;
  background-color: #FFAC60 !important;
}

.purBTN.active {
  border-color: #A294DB !important;
  background-color: #A294DB !important;
}

.greenBTN.active {
  border-color: #3AE8A9 !important;
  background-color: #3AE8A9 !important;
}

.blackStrongBTN.active {
  border-color: #022a36 !important;
  background-color: #022a36 !important;
}

.content_teacher_grid h1 {
  margin-top: 80px;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  text-align: center;
  width: 100%;
  float: left;
  color: #1E6289;
}
.content_teacher_grid .col-md-3 .card {
  position: relative;
  margin: 0 auto;
  box-shadow: 0 0 0;
}
.content_teacher_grid .col-md-3 .card:before {
  content: "";
  background-image: url(/images/arrowss.png?9e0b3f4783bad6e350d76eb89db691bf);
  background-repeat: no-repeat;
  width: 76px;
  height: 15px;
  position: absolute;
  transform: rotate(180deg);
  right: -80px;
  top: 20%;
  display: none;
  transform: scaleX(-1);
}
.content_teacher_grid .col-md-3 .card:after {
  content: "";
  background-image: url(/images/arrowss.png?9e0b3f4783bad6e350d76eb89db691bf);
  background-repeat: no-repeat;
  width: 76px;
  height: 15px;
  position: absolute;
  transform: rotate(180deg) !important;
  right: -80px;
  bottom: 20%;
  transform: scaleY(-1);
}
.content_teacher_grid .col-md-3:nth-child(3) .card:before {
  display: block;
}
.content_teacher_grid .col-md-3:nth-child(3) .card:after {
  display: none;
}
.content_teacher_grid .col-md-3:nth-child(1) .card:before {
  display: block;
}
.content_teacher_grid .col-md-3:nth-child(1) .card:after {
  display: none;
}
.content_teacher_grid .col-md-3:last-child .card:before {
  display: none;
}
.content_teacher_grid .col-md-3:last-child .card:after {
  display: none;
}

.agent_form_add_teacher td {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 32px;
  color: #474747;
}

.content_teacher_grid .col-md-3 .card .image, .content_teacher_grid .col-md-4 .card .image {
  display: block;
  height: 150px;
  text-align: center;
  vertical-align: middle;
  width: 200px;
  margin: 0 auto;
  margin-bottom: 20px;
}

.dropdown-item:hover, .dropdown-item:focus {
  background: #DEF5FC !important;
  color: #0F96CD !important;
}

.home_maine_instructions h2 {
  font-family: "Arimo";
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 48px !important;
  line-height: 55px !important;
  text-align: center !important;
  margin: 80px 0 64px 0 !important;
  color: #1E6289 !important;
}
.home_maine_instructions .col-md-3 .card {
  /*  width: 224px !important;*/
}
.home_maine_instructions .col-md-3 .card .card-body {
  padding: 2px;
}
.home_maine_instructions .col-md-3 .card .image {
  margin-top: 40px !important;
  height: auto !important;
  margin-bottom: 34px !important;
}
.home_maine_instructions .col-md-3 .card p {
  margin: 0;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color: #787987;
}
.home_maine_instructions .col-md-3 .card p a {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color: #3BB7D2;
  text-decoration: none;
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
  .navbar .nav-item .dropdown-menu {
    display: none;
  }

  .navbar .nav-item:hover .dropdown-menu {
    display: block;
  }

  .navbar .nav-item .dropdown-menu {
    margin-top: 0;
  }
}
/* ============ desktop view .end// ============ */
.navbar-expand-lg .navbar-nav .dropdown-menu:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
  top: -9px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

/*
.menusew0{
    left: -51px !important;
}*/
.home_maine {
  /*  background-image: url('../img/site/bg6.png');*/
  background-repeat: no-repeat;
  height: 641px;
  background-color: #3BB7D2;
  color: white;
}

.home_maine .home_text {
  width: 462px;
  float: left;
  margin-top: 67px;
}

.home_maine .home_text h1 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 75px;
  line-height: 86px;
  color: #FFFFFF;
  margin-bottom: 27px;
}

.home_maine .home_text h2 {
  font-family: Arimo;
  font-style: normal;
  font-weight: bold;
  font-size: 34px;
  line-height: 39px;
  text-align: right;
  color: #FFFFFF;
  margin-bottom: 48px;
}

.home_maine .home_text h3 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 40px;
  text-align: right;
  color: #FFFFFF;
  margin-bottom: 38px;
}

.home_maine .home_text h3:nth-child(3) {
  margin: 45px 0;
}

.home_maine .home_text h4 {
  /* P3-20 px */
  font-family: Arimo;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 133.49%;
  /* or 27px */
  color: #FFFFFF;
  text-align: right;
}

.home_maine .home_text p, .home_maine .home_text p b {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 27px;
  color: #FFFFFF;
}

.home_lessons .related-item:nth-child(2n+1) .items .images {
  background-color: #A7EFFF;
}

/*
.row .related-item:nth-child(2n+1){
    margin: 0px 30px;
}*/
.preparation_teacher .card-body {
  position: relative;
}

.preparation_teacher .card-body .btn-abs {
  position: absolute;
  right: 20px;
  top: 10px;
}

.row .related-item:nth-child(2) .items .images::after {
  content: "";
  width: 65px;
  height: 45px;
  position: absolute;
  background-image: url(/images/play.png?68fb37d13186e551f2d2dbfc3f12cb11);
  top: 78px;
  left: 166px;
}

.row .related-item .items {
  max-width: 390px;
  margin: 0 auto;
}
.row .related-item a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.row .related-item span {
  height: 190px;
  display: flex;
  align-items: center;
}

.home_lessons {
  background: #F6F8F4;
}
.home_lessons h2 {
  font-family: Arimo;
  font-style: normal;
  font-weight: bold;
  font-size: 48px;
  line-height: 55px;
  text-align: center;
  color: #474747;
  padding: 80px 0 27px;
}
.home_lessons .items {
  background-color: white;
  margin-bottom: 25px;
  position: relative;
  padding-bottom: 6px;
}
.home_lessons .items p {
  width: 280px;
}

.home_lessons .items:after {
  content: "";
  width: 100%;
  height: 6px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: #A25CAD;
}

.home_lessons .col-md-4:nth-child(2) > .items:after {
  content: "";
  background: #ED325F;
}

.home_lessons .col-md-4:nth-child(3) > .items:after {
  content: "";
  background: #F17A1C;
}

.home_lessons .items .images {
  text-align: center;
  height: 190px;
  background: #D2E2E3;
  overflow: hidden;
}

.home_lessons .items .images img {
  max-width: 100%;
}

.home_lessons .items p {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 133.49%;
  /* or 27px */
  text-align: center;
  color: #61483B;
  font-weight: bold;
  font-size: 20px;
  line-height: 133.49%;
  text-align: center;
  width: 300px;
  margin: 49px auto;
}

.home_lessons .items .read_more {
  font-family: Arimo;
  font-size: 14px;
  font-weight: bold;
  background: #3BB7D2;
  display: block;
  display: block;
  width: 114px;
  height: 40px;
  line-height: 26px;
  margin: 0 auto;
  border-radius: 0px;
  color: white;
  margin-bottom: 42px;
}

.home_lessons {
  padding-bottom: 80px;
  width: 100%;
  float: left;
  display: block;
}
.home_lessons .description {
  height: 125px;
  display: flex;
  align-items: center;
}
.home_lessons .description p {
  margin: 0 auto;
}

.home_video {
  padding: 62px 0;
  float: left;
  width: 100%;
  padding-bottom: 72px;
}

.video_col {
  display: flex;
  align-items: center;
}

.home_video .video {
  background: #F6F8F4;
  padding: 16px;
  width: 100%;
}

.home_video .home_video_text h2 {
  font-family: Arimo;
  font-style: normal;
  font-weight: bold;
  font-size: 48px;
  line-height: 55px;
  /* TXT_grey */
  color: #474747;
}

.navigation_box {
  position: relative !important;
}

.filter_information {
  text-align: center;
  margin-bottom: 42px;
}
.filter_information h3 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 55px;
  text-align: center;
  color: #474747;
}
.filter_information p {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 27px;
  text-align: center;
  color: #787987;
}

.filterTopics span {
  background: #DEF5FC;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #0F96CD;
  height: 32px;
  margin-bottom: 16px;
  padding: 8px 17px;
  margin-left: 16px;
  cursor: pointer;
  display: inline-block;
  line-height: 16px;
  border-width: 1px;
  border-style: solid;
  border-color: linen;
}

.table .image {
  width: 160px;
  height: 96px;
  border: 1px solid #DFDFDF;
  display: flex;
  align-items: center;
}
.table .image img {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  display: block;
}

.topic_lessons .table .list-item span {
  background: #DEF5FC;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #0F96CD;
}

.topic_lessons .table {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  color: #474747;
}

.topic_lessons .table a {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  text-decoration: none;
  color: #474747;
}

.lesson_box .list-item {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  margin-top: 20px;
}
.lesson_box .list-item span {
  height: 27px;
  float: left;
  padding: 0 16px;
  margin-right: 16px;
  margin-bottom: 16px;
}

.box_navigation_md-8 {
  width: 826px;
  display: block;
  float: left;
  border-bottom: 1px solid #ececec;
}

.box_navigation_md-4 {
  width: 270px;
  position: -webkit-sticky;
  position: sticky;
  right: 0;
  background: white;
  margin-top: 45px;
  float: left;
  top: 25px;
}
.box_navigation_md-4 h4 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 32px;
  color: #787987;
}
.box_navigation_md-4 .list-group {
  border: 0px solid white;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 40px;
  color: #787987;
}
.box_navigation_md-4 .list-group .list-group-item {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  min-height: 64px;
  line-height: 24px;
  cursor: pointer;
  padding: 0;
  padding-left: 20px;
  border: 0 solid white;
  border-left: 4.35px solid white;
  /* Secondary texts */
  color: #787987;
  display: flex;
  align-items: center;
}
.box_navigation_md-4 .list-group .active {
  background: #F6F8F4;
  font-weight: 700;
  border-left: 4.35px solid #0F96CD;
  border-radius: 0;
  color: #0F96CD;
}

.auth_sign_in input {
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF);
  border: 1px solid #E7E7E7;
  box-sizing: border-box;
  font-family: Arial;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  display: flex;
  align-items: center;
  padding: 14px;
}

.workspace_box .item_lesson .image {
  overflow: hidden;
}

.home_video .home_video_text p {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #454545;
}

.home_video_text h1 {
  margin-bottom: 32px;
  color: #474747;
}

.btn-secondary, .dropdown-menu.show, .account .list-group, .btn {
  border-radius: 0 !important;
}

.dropdown-menu.show {
  border: 0;
  box-shadow: 0px 4px 6px rgba(23, 47, 69, 0.1);
}

.card {
  border-radius: 0 !important;
  box-shadow: 0px 4px 6px rgba(23, 47, 69, 0.1);
}

.home_bn {
  height: 310px;
  background-image: url(/images/home_bg_bn.png?202480013b65c265533f468e8793cf1b);
  background-repeat: no-repeat;
  background-color: #3BB7D2;
  padding-top: 93px;
  background-size: cover;
  background-position: top center;
  width: 100%;
  float: left;
}

.home_bn .text {
  font-family: Arimo;
  font-style: normal;
  font-weight: bold;
  font-size: 46px;
  line-height: 53px;
  text-align: center;
  color: #FFFFFF;
}

.home_bn a {
  width: 198px;
  height: 56px;
  margin: 40px auto;
  background: #FFFFFF;
  font-family: Arimo;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 59px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #F9872E;
}

.home_excellence {
  padding-bottom: 90px;
  padding-top: 30px;
}

.home_excellence .excellence {
  margin-top: 60px;
}

.home_excellence .excellence .home_icon {
  height: 64px;
  background-repeat: no-repeat;
  background-position: center;
  text-align: left;
}

.home_excellence .excellence .home_icon_1 {
  background-image: url(/images/envelope_icon.png?5a139a44aff650647f9558a0d8b49187);
}

.home_excellence .excellence .home_icon_2 {
  background-image: url(/images/video_icon.png?0e65ded8cee30a416c336eec5bcc734a);
}

.home_excellence .excellence .home_icon_3 {
  background-image: url(/images/paper_icon.png?9887d54a1b5d1e034a4053ba042166f3);
}

.home_excellence .excellence .home_icon_4 {
  background-image: url(/images/mask_icon.png?5ebbc5366a12d5403dd0e5e361cf9cc1);
}

.home_excellence .excellence .home_icon_5 {
  background-image: url(/images/miri_icon.png?62f23fa5d108c02f89f35b9dd258c2bf);
}

.home_excellence .excellence .home_icon_6 {
  background-image: url(/images/group_icon.png?b02cf67df0e83243bdea4f7bf0c4870e);
}

.home_excellence .excellence .col-md-9 {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 133.49%;
  /* or 21px */
  /* txt */
  color: #626262;
}

.home_excellence .excellence .col-md-9 img {
  transform: rotate(180deg);
}

/*
.home_maine {

    transform: scale(-1,1);

    .home_text{
        transform: scale(-1,1);

        h1,h2,h3,h4,h5{
            text-align: left !important;
        }
    }
}
*/
.table_box {
  display: table;
  height: 64px;
  overflow: hidden;
}

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

.excellence .col-md-9 img {
  transform: rotate(180deg);
}

.bg_guide {
  background-color: #DEF5FC;
  padding: 80px 0;
  margin-bottom: 80px;
}

.contact_form {
  width: 484px;
  margin: 0 auto;
  /*   padding-top: 35px;*/
}

.contact_form input {
  margin-bottom: 24px;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
}

.contact_form button {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 21.8272px;
  line-height: 133.49%;
  display: block;
  background: #3BB7D2;
  width: 221px;
  height: 64px;
  text-align: center;
  border-radius: 0;
  margin: 0 auto;
  border: 0;
  color: #FFFFFF;
  margin-bottom: 80px;
}

.fix_btn_maine {
  left: 10px;
}

.contact_form .checkbox_box .invalid-feedback-error {
  width: 100%;
  float: left;
  display: block;
  margin-top: 24px;
  font-size: 14px;
  color: #303030;
  background: #f443363d;
  border-radius: 4px;
  padding: 7px;
}

.contact_form .checkbox_box {
  text-align: center;
  margin: 20px 0;
}

.contact_page h1 {
  font-family: Arimo;
  font-size: 75px;
  font-style: normal;
  font-weight: 700;
  line-height: 86px;
  margin: 70px 0 10px 0;
  text-align: center;
  color: #3BB7D2;
}

.contact_page h3 {
  /*  margin-top: 80px;*/
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 40px;
  text-align: center;
  color: #787987;
  margin-bottom: 32px;
}

.contact_page .excellence {
  text-align: center;
}

.contact_page textarea {
  height: 192px;
}

.contact_connect {
  text-align: center;
  margin-bottom: 20px;
}

.contact_connect a {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 159%;
  color: #474747;
  text-decoration: none;
}

.contact_form .checkbox_box .custom-checkbox input[type=checkbox] + label {
  position: relative !important;
}

#navbarSupportedContent {
  display: inline-grid;
  grid-template-columns: 59% 23% 4%;
  align-items: center;
}
#navbarSupportedContent .main-language {
  width: 200px;
}

.prolong_form {
  text-align: center;
  color: #474747;
}
.prolong_form h1 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  margin-bottom: 30px;
  color: #474747;
}
.prolong_form h3 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  margin: 64px 0;
}
.prolong_form textarea {
  height: 200px;
  margin-bottom: 64px;
  margin-top: 48px;
  resize: none;
}
.prolong_form button {
  transition: all 200ms ease-in-out;
}
.prolong_form button:hover {
  background-color: #55D2ED !important;
  border-color: #55D2ED !important;
}

.btn_groper {
  position: absolute;
  top: -2px;
  right: 0;
}

.contact_button_text {
  width: 100%;
  border-top: 1px solid #DFDFDF;
  padding: 80px 0;
}

.bg_guide h2, .bg_guide h3 {
  text-align: center;
  font-family: Arimo;
  font-style: normal;
  font-weight: bold;
  font-size: 48px;
  line-height: 55px;
  color: #1A5D72;
  margin-bottom: 30px;
}

.bg_guide h3 {
  font-size: 30px;
  margin-bottom: 48px;
}

.bg_guide .col {
  position: relative;
}

.bg_guide .col:before {
  content: "";
  width: 75px;
  height: 15px;
  background-image: url(/images/arrow_up.png?605f990af94f3cb5cf575ed7ce280c04);
  position: absolute;
  right: -8px;
  top: 68px;
  bottom: inherit;
  transform: rotate(180deg);
}

.bg_guide .col:nth-child(2n):before {
  content: "";
  width: 75px;
  height: 15px;
  background-image: url(/images/arrow_down.png?c6c7049f75eec98cc0940636fa4208ac);
  position: absolute;
  right: -8px;
  bottom: 68px;
  top: inherit;
  transform: rotate(180deg);
}

.bg_guide .col:last-child:before {
  display: none;
}

.guids_box h1 {
  font-family: Arimo;
  font-style: normal;
  font-weight: bold;
  font-size: 48px;
  line-height: 55px;
  margin-top: 63px;
  color: #474747;
}

.contact_form #dropdown-form-grades button, .contact_form #dropdown-form-topics button {
  margin: 0;
  margin-top: 20px;
  height: 45px;
}

.contact_form #dropdown-form-grades .custom-checkbox, .contact_form #dropdown-form-topics .custom-checkbox {
  margin-bottom: 5px;
}

.contact_form #dropdown-form-grades .b-dropdown-form, .contact_form #dropdown-form-topics .b-dropdown-form {
  padding: 0.25rem 2.5rem;
}

.guids_box .btn {
  font-family: Arimo;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 133.49%;
  display: flex;
  align-items: center;
  text-align: center;
  color: #FFFFFF !important;
  height: 56px;
  left: 1101px;
  top: 388px;
  background: #3BB7D2;
  float: left;
  padding: 10px 38px;
  margin-top: 58px;
  display: block;
  width: 243px !important;
}

.breadcrumb {
  background: #3ab4d117;
  padding: 5px;
  border-radius: 4px;
  margin-top: 10px;
}

.breadcrumb a {
  text-decoration: none;
  color: #6c757d;
}

.guids_box .guids_image {
  text-align: right;
}

.guids_box .guids_image img {
  margin: 72px 0;
}

.bg_guide .card {
  margin-bottom: 45px;
  max-width: 244px;
  height: 303px;
  position: relative;
}

.bg_guide .card .header_box {
  width: 100%;
  display: block;
  float: left;
  background: #3BB7D2;
  color: white;
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 7px;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 34px;
  text-align: center;
  /* White */
  color: #FFFFFF;
}

.bg_guide .card .card-body {
  text-align: center;
}

.bg_guide .card .card-body img {
  max-width: 100%;
  max-height: 100px;
  margin-bottom: 32px;
}

.bg_guide .card .card-bod .card-text {
  font-family: Arimo;
  font-style: normal;
  font-weight: normal;
  line-height: 152%;
  text-align: center;
  color: #474747;
}

.change_password .info_paragraph {
  position: relative;
  top: 10px;
  line-height: 16px;
}

.comments_component {
  /*  margin-top: 80px;*/
  background: #DEF5FC;
  padding: 80px 0;
}

.comments_component h3 {
  font-family: Arimo;
  font-style: normal;
  font-weight: bold;
  font-size: 34px;
  line-height: 133.49%;
  text-align: center;
  color: #474747;
}

.comments_component label {
  font-family: Arimo;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 151.49%;
  margin-top: 30px;
  color: #474747;
}

.comment {
  position: relative;
}
.comment .group_position {
  position: relative;
}
.comment .image {
  height: 165px;
  text-align: center;
  margin-bottom: 16px;
}
.comment .image img {
  width: auto;
  height: 165px;
}
.comment .comment_close {
  background-image: url(/images/close_modal.png?e7b5718cf297b87a377035af75fdc550);
  width: 16px;
  height: 15px;
  position: absolute;
  right: 15px;
  top: -18px;
  cursor: pointer;
  background-color: unset;
  border: unset;
  background-repeat: no-repeat;
  background-position: center;
}
.comment .comment_close:hover {
  background-color: unset;
  border: unset;
  background-repeat: no-repeat;
  background-position: center;
}

.comments_component select {
  width: 100%;
  border: 1px solid #ced4da;
  border-radius: 4px;
  padding: 6px;
  background-color: white;
}

.comments_component .tox-toolbar__primary {
  background: #F3FCFF !important;
}

.comments_component button {
  background: #3BB7D2;
  font-family: Arimo;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 133.49%;
  text-align: center;
  color: #FFFFFF;
  height: 40px;
  border: 0px solid #ccc;
  border-radius: 0px;
  width: 163px;
  margin: 32px auto 0;
  display: block;
}

.lesson_slide_show {
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  background: white;
  height: 100vh;
  z-index: 99;
}
.lesson_slide_show .slide_header {
  background: #2F9FB7;
  height: 13.28vh;
}
.lesson_slide_show .slide_header .logo {
  padding: 17px 25px;
  height: 100%;
  display: flex;
  align-items: center;
}
.lesson_slide_show .slide_header .logo img {
  height: 100%;
}
.lesson_slide_show .slide_header .title {
  height: 100%;
  font-family: Arimo;
  font-style: normal;
  font-weight: bold;
  font-size: 2rem;
  line-height: 3rem;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  /*  left: calc(148px - 13vh);
    position: relative;*/
}
.lesson_slide_show .slide_header .close_btn {
  text-align: right;
  margin-right: 1vw;
}
.lesson_slide_show .slide_header .close_btn button {
  background: inherit;
  border: 0px;
  margin-top: 15px;
}
.lesson_slide_show .slide_main {
  text-align: center;
  position: relative;
  height: 73.44vh;
}
.lesson_slide_show .slide_main .image {
  height: 50vh;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 0;
}
.lesson_slide_show .slide_loading {
  position: relative;
}
.lesson_slide_show .slide_loading:after {
  content: "";
  background-image: url(/images/bird-loader.gif?a5352fe474d1460258c013581e2f083e);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 100%;
  height: calc(100vh - 272px);
  background-color: white;
  z-index: 99;
  top: 0;
  left: 0;
}

.lesson_slide_show .footer_slide .btn_left button, .lesson_slide_show .footer_slide .btn_right button {
  padding: 0;
}
.lesson_slide_show .footer_slide .btn_left button svg, .lesson_slide_show .footer_slide .btn_right button svg {
  width: 100%;
  max-height: 100%;
}

/*
.btn_tooltip{
    svg{
        position: relative;
        left: -3px;
        width: 1.5rem;
        top: -3px;
    }
}*/
#btn_hide_text, #btn_show_text {
  padding: 0px 15px;
}
#btn_hide_text svg, #btn_show_text svg {
  width: 1.5rem;
}

.course_main {
  padding-top: 80px;
}

#btn_workspaceGo {
  /*  padding: 0 !important;*/
  height: 7.11vh !important;
  width: 7.11vh !important;
  /*
      svg {
          max-height: inherit;
          height: 2.2rem;
      }*/
}

.course_main .text_course h1 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 55px;
  color: #474747;
  margin-bottom: 32px;
}

.course_main .text_course .description {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 159%;
  color: #474747;
}

.course_main .text_course .description h2 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 132%;
  margin-bottom: 32px;
  color: #3BB7D2;
}

.about-grid-content-text li {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 29px;
  color: #474747;
  list-style-image: url(/images/listStyle.svg?34473e1ef7399644c9d05b049b3bc32f);
  margin-bottom: 20px;
}

.about-grid-image {
  margin-bottom: 120px;
}

.about-simple {
  position: relative;
  background-color: #4C2382 !important;
  height: 572px;
}
.about-simple .col-md-6:nth-child(1) .content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 336px;
}
.about-simple p {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 27px;
  color: #FFFFFF;
}
.about-simple h3 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 55px;
  color: #FFFFFF;
  margin-bottom: 40px;
}
.about-simple img {
  position: absolute;
  top: -117px;
}

.about_builder .card {
  box-shadow: 0 0 0;
  border: 0;
}

.background-builder {
  height: 403px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: blue;
}
.background-builder h1 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 75px;
  line-height: 86px;
  display: flex;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  color: white;
}

.about-grid-image img {
  max-width: 100%;
}

.grid-builder, .column-builder {
  padding: 120px 0;
}

.about-grid-content h3 {
  /* H2-Block title */
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 55px;
  /* TXT_grey */
  color: #474747;
}
.about-grid-content .about-grid-content-text {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 29px;
  color: #474747;
}

.column-builder .box-title {
  color: #474747;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 55px;
  text-align: center;
  margin-bottom: 80px;
  margin-top: 0;
}

.create-account-about {
  height: 312px;
  text-align: center;
  background-position: center;
}
.create-account-about p {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 50px;
  line-height: 57px;
  text-align: center;
  color: #FFFFFF;
  margin-bottom: 40px;
  padding-top: 87px;
}
.create-account-about .margin-none {
  margin: 0 !important;
  padding: 0;
}
.create-account-about a {
  width: 198px;
  height: 56px;
  display: block;
  margin: 0 auto;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  text-decoration: none;
  color: #F9872E;
  background: white;
  line-height: 56px;
  transition: 200ms all esase-in-out;
}
.create-account-about a:hover {
  background: #F9872E;
  color: white;
}

.contact-us-about h3 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 55px;
  text-align: center;
  color: #3BB7D2;
  padding-top: 120px;
}
.contact-us-about .grid-template {
  display: grid;
  grid-template-columns: 33% 33% 33%;
  text-align: center;
  margin-top: 64px;
  margin-bottom: 120px;
}
.contact-us-about .grid-template p {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 19px;
  line-height: 30px;
  color: #474747;
}
.contact-us-about .grid-template p a {
  text-decoration: none;
  color: #0F96CD;
}

.the-team img {
  width: 100%;
  height: auto;
}
.the-team h4 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 40px;
  text-align: center;
  margin-bottom: 40px;
  margin-top: 10px;
  float: left;
  width: 100%;
  color: #474747;
}
.the-team p {
  font-family: "Arimo";
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #474747;
}

.go_about_btn {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  color: #F9872E;
  background: #FFFFFF;
  text-decoration: none;
  height: 56px;
  display: block;
  width: 238px;
  line-height: 56px;
  transition: all 200ms ease-in-out;
  margin-top: 40px;
}
.go_about_btn:hover {
  background: #F9872E;
  color: white;
}

.about-card-arrow .box-title {
  color: #1E6289;
}
.about-card-arrow .card {
  width: 344px;
  height: 320px;
  text-align: center;
  margin-bottom: 64px;
}
.about-card-arrow .card:before {
  content: "";
  background-image: url(/images/arrowsAbout.png?74a3313f58319bc99aee78d139f05b2c);
  width: 83px;
  height: 15px;
  position: absolute;
  right: -86px;
}
.about-card-arrow .card .card-body {
  display: flex;
  align-items: center;
  justify-content: center;
}
.about-card-arrow .card .card-body .content {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  text-align: center;
  color: #000000;
}
.about-card-arrow .col-md-4:nth-child(1) .card:before, .about-card-arrow .col-md-4:nth-child(4) .card:before {
  content: "";
  top: 84px !important;
}
.about-card-arrow .col-md-4:nth-child(2) .card:before, .about-card-arrow .col-md-4:nth-child(5) .card:before {
  content: "";
  top: inherit;
  bottom: 84px;
  transform: scale(1, -1);
}
.about-card-arrow .col-md-4:nth-child(3) .card:before, .about-card-arrow .col-md-4:nth-child(6) .card:before {
  display: none;
}

.about-purchase h2 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 55px;
  text-align: center;
  color: #FFFFFF !important;
}
.about-purchase .card {
  height: 426px;
  border-bottom: 6px solid #FED811;
  position: relative;
}
.about-purchase .card .card-body {
  padding: 0;
}
.about-purchase .card .card-body img {
  width: 100%;
  max-width: 100%;
  margin-bottom: 49px;
}
.about-purchase .card .card-body p {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  text-align: center;
  color: #61483B;
}
.about-purchase .card .card-body a {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 40px;
  letter-spacing: 0.01em;
  color: white;
  background: #3BB7D2;
  display: block;
  width: 156px;
  margin: 0 auto;
  text-decoration: none;
  height: 40px;
  position: absolute;
  bottom: 25px;
  left: 0;
  right: 0;
  transition: all 200ms ease-in-out;
}
.about-purchase .card .card-body a:hover {
  background: #0F96CD;
}
.about-purchase .col-md-4:nth-child(2) .card {
  border-bottom: 6px solid #ED325F;
}
.about-purchase .col-md-4:nth-child(3) .card {
  border-bottom: 6px solid #F17A1C;
}

.about-card {
  padding: 120px 0;
}
.about-card .col-md-6:nth-child(2n) .card {
  border-bottom: 8px solid #23C78C;
}
.about-card .card {
  max-width: 580px;
  padding: 49px;
  height: 412px;
  border-bottom: 8px solid #A25CAD;
  margin-bottom: 0;
}
.about-card .card .title {
  /* H3-Subtitle */
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 33px;
  /* TXT_grey */
  color: #474747;
}
.about-card .card .content {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 29px;
  color: #474747;
}
.about-card .card .content div {
  display: grid;
  grid-template-columns: 10% 90%;
  margin-bottom: 14px;
}

.logo_home {
  position: relative;
  text-decoration: none;
}
.logo_home span {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 21px;
  text-align: right;
  letter-spacing: 0.03em;
  color: #FFFFFF;
  position: absolute;
  bottom: -20px;
  left: 0;
}

.logo_last_en span {
  font-size: 10px;
  line-height: 21px;
  letter-spacing: 0.095em;
}
.logo_last_en .logo_corp {
  right: -15px;
  top: -5px;
}

.vue-image-crop-upload .vicp-wrap {
  max-width: 430px;
}

.vicp-icon6 {
  top: -4px;
}

.vue-image-crop-upload .vicp-wrap .vicp-operate a {
  background-color: #3BB7D2 !important;
  border-color: #3BB7D2 !important;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 26px;
  width: 164px;
  height: 40px;
  cursor: pointer;
  transition: all 200ms ease-in;
  color: white !important;
  text-decoration: none;
}
.vue-image-crop-upload .vicp-wrap .vicp-operate a:hover {
  background-color: #55D2ED !important;
  border-color: #55D2ED !important;
}
.vue-image-crop-upload .vicp-wrap .vicp-operate a:nth-child(1) {
  background-color: white !important;
  color: #8b8b8b !important;
}

.logo_footer_m {
  width: 105px;
  position: relative;
}
.logo_footer_m span {
  position: absolute;
  bottom: 0;
  right: 0;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 21px;
  text-align: right;
  letter-spacing: 0.025em;
  color: #0F96CD;
}

.logo_latF_en span {
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0.065em;
}

.course_main .img_course .image {
  width: 490px;
  height: 327px;
  /*  border: 1px solid #eee;*/
  float: right;
}

.course_bg {
  background: #DEF5FC;
  padding: 80px 0 24px 0;
  text-align: center;
}

.course_bg h2 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 132%;
  text-align: center;
  margin-bottom: 32px;
  color: #1A5D72;
}

.course_bg .filters {
  display: flex;
  width: 971px;
  margin: 0 auto;
  margin-bottom: 80px;
}

.course_bg .filters .mx-datepicker {
  width: 100%;
}

.course_bg .filters .mx-input {
  height: 48px;
  border: 0;
  border-radius: 0;
}

.course_bg .filters .box:nth-child(1) {
  width: 165px;
  margin-right: 24px;
}

.course_bg .filters .box:nth-child(2) {
  width: 196px;
  margin-right: 24px;
}

.course_bg .filters .box:nth-child(3) {
  width: 342px;
  margin-right: 24px;
}

.course_bg .filters .box:nth-child(4) {
  width: 196px;
}

.btn_loadFilter {
  background: #3BB7D2 !important;
  border-color: #3BB7D2 !important;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 45;
  width: 264px;
  height: 45px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 56px;
  color: #FFFFFF;
}

.course_bg .filters .box .custom-checkbox input[type=checkbox] + label {
  position: inherit !important;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #000000;
}

select {
  background: url(/images/select_e.png?e4fc64d1035cdb8cd71c311a923362e5) no-repeat right #ddd;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-position: 96% 19px;
}

.course_bg .filters .box select {
  width: 100%;
  height: 48px;
  font-family: "Arial";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  display: flex;
  align-items: center;
  color: #BABABA;
  padding-right: 15px;
  padding-left: 15px;
  background-color: white;
  border-color: white;
  border: 1px solid white !important;
}

.schedule_box {
  background-color: inherit !important;
  border: 0 solid white !important;
  box-shadow: 0 0 0 white !important;
  margin-bottom: 56px;
  cursor: pointer;
}

.schedule_box .card-body {
  padding: 0;
  width: 390px;
  height: 426px;
  background-color: white;
  margin: 0 auto;
  position: relative;
}

.schedule_box .card-body .header {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  background: #3BB7D2;
  text-align: center;
  padding: 37px 0;
  color: #FFFFFF;
  height: 114px;
  line-height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.schedule_box .card-body .prov {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 133.49%;
  text-align: center;
  color: #474747;
  border: 4px solid white;
  border-top: 0;
}

.schedule_box.active .prov {
  border: 4px solid #55D2ED;
  border-top: 0;
  height: 74%;
}

.schedule_box.active .header {
  background-color: #55D2ED;
}

.schedule_box .card-body .prov p span {
  line-height: 159%;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  margin-top: 0;
  color: #989898;
  display: block;
  margin-bottom: 16px;
  padding-top: 32px;
}

.schedule_box .card-body .prov p {
  margin-bottom: 8px;
}

.schedule_box .card-body .prov .list_topics_course {
  height: 145px;
  width: 390px !important;
  vertical-align: middle;
  display: table-cell;
}

.schedule_box .card-body .prov .list_topics_course p b {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 133.49%;
  text-align: center;
  color: #474747;
}

.courses_descriptions {
  padding: 80px 0 0 0;
  color: #474747 !important;
}

.courses_descriptions .container {
  max-width: 832px;
}

.courses_descriptions h1 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 132%;
  color: #474747;
}

.courses_descriptions h2 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 133.49%;
  color: #787987;
}

.schedule_table {
  padding: 80px 0;
  margin-top: 80px;
  background: #F6F8F4;
}

.schedule_table table td {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 159%;
  color: #474747;
}

.schedule_table table tr, .schedule_table .table > thead, .schedule_table .table > :not(caption) > * > *, .schedule_table table th, .schedule_table table tbody {
  border-color: #F6F8F4 !important;
}

.schedule_table thead th div {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 159%;
  color: #787987;
}

.schedule_table table b {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 152%;
  color: #474747;
}

.schedule_table table .course_col_1 {
  width: 126px;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color: #474747;
}

.schedule_table table .course_col_2 {
  width: 151px;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color: #474747;
}

.schedule_table table .course_col_3 {
  width: 486px;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #474747;
  padding-right: 55px;
}

.schedule_table table .course_col_4 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color: #474747;
}

.schedule_tab {
  margin-bottom: 80px;
}

.schedule_table h3 span {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 132%;
  margin-bottom: 40px;
  color: #474747;
}

.schedule_table h3 span.date {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  position: relative;
  top: 0;
  margin-left: 10px;
  color: #787987;
}

.schedule_box .card-body .schedule {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 10px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #787987;
  position: absolute;
  width: 100%;
  bottom: 15px;
  height: 75px;
}

.schedule_box .card-body .schedule p {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 10px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #787987;
}

.lesson_slide_show .slide_main .image img {
  max-width: 100%;
  position: absolute;
  margin: auto;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  max-height: 100%;
}

.thank_quiz .image {
  width: 515px !important;
  height: 284px !important;
}
.thank_quiz h2 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 55px;
  text-align: center;
  color: #787987;
  margin-bottom: 42px;
}

.student_step_one {
  width: 484px;
  margin: 0 auto !important;
}

.studentBox {
  background-image: url(/images/student_bg.png?6f0815aa3d87f7487a60cc6a7c475cca);
  background-color: #3BB7D2;
  height: calc(100% - 104px);
  float: left;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 104px;
  left: 0;
  width: 100%;
}
.studentBox .box_student_step {
  width: 1052px;
  height: 583px;
  background-color: white;
  margin: 110px auto;
  margin-bottom: 100px;
  margin: 0px auto;
  padding-bottom: 5px;
  margin-top: 5vh;
}
.studentBox .box_student_step .image {
  width: 154px;
  height: 150px;
  display: block;
  margin: 0 auto;
  margin-bottom: 32px;
  clear: both;
}
.studentBox .box_student_step h1 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 75px;
  line-height: 86px;
  text-align: center;
  color: #3BB7D2;
  margin-top: 26px;
  width: 100%;
  float: left;
  margin-bottom: 32px;
}
.studentBox .box_student_step input {
  width: 100%;
  height: 48px;
  background: #FFFFFF;
  margin: 0 auto;
  border: 1px solid #DFDFDF;
}
.studentBox .box_student_step button {
  width: 221px;
  height: 64px;
  background: #3BB7D2;
  border-color: #3BB7D2;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 21.8272px;
  line-height: 29px;
  text-align: center;
  color: #FFFFFF;
  margin: 40px auto;
  margin-bottom: 80px;
  display: block;
}

.profile_sect {
  background: #f6f8f4;
}
.profile_sect .articles {
  background-image: url(/images/profile_bg.png?54ddb1ae0d37f4784391340200f80d34);
}

.profile {
  background: #FFFFFF;
  margin-top: 64px;
}
.profile .avatarProfile {
  width: 64px;
  height: 64px;
  background-image: url(/images/avatar.png?d8ec5a2fa82feb62daa87c0853877377);
  background-repeat: no-repeat;
  border: 1px solid #f6f8f4;
  position: relative;
}
.profile .avatarProfile:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  background-image: url(/images/187803-200.png?4ef333e87eee14055088009ccc3ee708);
  background-size: cover;
  background-color: rgba(255, 255, 255, 0.8);
  display: none;
}
.profile .avatarProfile:hover:after {
  display: block;
}
.profile .info_user p {
  /* P1-regular text */
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color: #474747;
}
.profile .info_user p b {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #474747;
}

.modal_close_class {
  position: absolute;
  right: 18px;
  top: 16px;
  cursor: pointer;
}

#madalQuizSlide .modal-dialog, #modalDeleteTeacher .modal-dialog, #modalDeletePeriods .modal-dialog, #modal-close-lesson .modal-dialog, #modal-close-preparation .modal-dialog {
  max-width: 1008px;
}
#madalQuizSlide .modal-dialog .container_quiz, #modalDeleteTeacher .modal-dialog .container_quiz, #modalDeletePeriods .modal-dialog .container_quiz, #modal-close-lesson .modal-dialog .container_quiz, #modal-close-preparation .modal-dialog .container_quiz {
  margin: 0 auto;
}
#madalQuizSlide .modal-dialog .container_quiz h1, #modalDeleteTeacher .modal-dialog .container_quiz h1, #modalDeletePeriods .modal-dialog .container_quiz h1, #modal-close-lesson .modal-dialog .container_quiz h1, #modal-close-preparation .modal-dialog .container_quiz h1 {
  margin-top: 0;
}
#madalQuizSlide .modal-xl, #modalDeleteTeacher .modal-xl, #modalDeletePeriods .modal-xl, #modal-close-lesson .modal-xl, #modal-close-preparation .modal-xl {
  max-width: 1280px;
}
#madalQuizSlide .modal-sm, #modalDeleteTeacher .modal-sm, #modalDeletePeriods .modal-sm, #modal-close-lesson .modal-sm, #modal-close-preparation .modal-sm {
  max-width: 675px;
}

.delete-class h1 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 55px;
  text-align: center;
  color: #474747;
  margin: 64px 0 62px 0 !important;
  width: 100%;
  float: left;
  display: block;
  margin-top: 64px !important;
}
.delete-class .alert_delete {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 27px;
  width: 395px;
  height: 170px;
  display: flex;
  align-items: center;
  text-align: center;
  margin: 0 auto;
  color: #ED325F;
}
.delete-class button {
  background: #ED325F;
  width: 221px;
  height: 64px;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 21.8272px;
  line-height: 29px;
  color: #FFFFFF;
  cursor: pointer;
  border-color: #ED325F;
  transition: all 400ms ease-in;
  margin: 0 auto;
  display: block;
  margin-bottom: 76px;
}
.delete-class button:hover {
  border-color: #b41f43;
  background: #b41f43;
}
.delete-class .cancel {
  border-color: white;
  background: white;
  color: #F9872E;
  margin: 0 25px;
}
.delete-class .cancel:hover {
  border-color: #F9872E;
  background: #F9872E;
  color: white;
}

#modal-close-preparation .delete-class button {
  background-color: #3BB7D2;
  border-color: #3BB7D2;
}
#modal-close-preparation .delete-class button:hover {
  background-color: #55D2ED;
  border-color: #55D2ED;
}
#modal-close-preparation .delete-class .cancel {
  background-color: white;
  border-color: white;
}
#modal-close-preparation .delete-class .cancel:hover {
  color: white;
  background-color: #F9872E;
  border-color: #F9872E;
}

.edit-class-name h1 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 55px;
  text-align: center;
  color: #474747;
  margin: 64px 0 62px 0 !important;
  width: 100%;
  float: left;
  display: block;
  margin-top: 64px !important;
}
.edit-class-name fieldset {
  width: 221px;
  margin: 0 auto;
  margin-bottom: 32px;
}
.edit-class-name fieldset label {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 26px;
  color: #787987;
}
.edit-class-name fieldset input {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  padding: 16px 24px;
  color: #474747;
  background: #FFFFFF;
  border: 1px solid #E7E7E7;
}
.edit-class-name button {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 21.8272px;
  line-height: 29px;
  width: 221px;
  height: 64px;
  transition: all 400ms ease-in;
  cursor: pointer;
  display: block;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 76px;
  margin-top: 32px;
  color: #FFFFFF;
  background: #3BB7D2;
  border-color: #3BB7D2;
}
.edit-class-name button:hover {
  border-color: #55D2ED;
  background: #55D2ED;
}

.home_maine_instructions .row .col-md-3:last-child > .card {
  float: left;
  margin-left: 59px;
}

.home_maine_instructions .row .col-md-3:first-child > .card {
  float: right;
  margin-right: 43px;
}

.home_maine_instructions .row .col-md-3:nth-child(2) > .card {
  margin-left: 31px;
}

.home_maine_instructions .row .col-md-3:nth-child(3) > .card {
  margin-left: 47px;
}

.agent_signup_valid .invalid-feedback-error {
  position: relative;
  top: -24px;
}

.home_maine_instructions .col-md-3 .card:after {
  right: -87px;
  bottom: 26%;
}

.home_maine_instructions .col-md-3 .card:before {
  right: -87px;
  top: 23%;
}

.active_check label::before {
  content: "";
  background-image: url("/public/images/checkeds.png") !important;
  border-color: #79cedf !important;
  background-position: center;
  background-repeat: no-repeat;
}

.modal_controller {
  width: 100%;
  float: left;
  display: block;
  padding-top: 64px;
  margin-bottom: 80px;
  border-top: 1px solid #DFDFDF;
}
.modal_controller .button_group_modal {
  width: 490px;
  display: block;
  margin: 0 auto;
}
.modal_controller .button_group_modal button {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 21.8272px;
  line-height: 29px;
  text-align: center;
  color: #FFFFFF;
  width: 221px;
  height: 64px;
  background: #3BB7D2;
  border-color: #3BB7D2;
  transition: all 400ms ease-in;
  cursor: pointer;
}
.modal_controller .button_group_modal button:hover {
  border-color: #55D2ED;
  background-color: #55D2ED;
}
.modal_controller .button_group_modal .close_btn_modal {
  border: 1px solid #3BB7D2;
  background-color: white;
  color: #3BB7D2;
  margin-left: 40px;
}
.modal_controller .button_group_modal .close_btn_modal:hover {
  background-color: #F9872E;
  border-color: #F9872E;
  color: white;
}

.simple_text_description {
  display: flex;
  align-items: center;
}

.container_quiz .section_quiz .quiz_single:last-child {
  margin-bottom: 0;
}

.view-notes, .finish-notes {
  max-width: 1012px !important;
}
.view-notes .vote_description, .finish-notes .vote_description {
  position: relative;
  margin-bottom: 24px;
}
.view-notes .vote_description span, .finish-notes .vote_description span {
  position: absolute;
  bottom: 16px;
  left: 26px;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.01em;
  color: #BABABA;
}
.view-notes h1, .finish-notes h1 {
  margin-top: 64px !important;
  width: 100%;
  float: left;
  display: block;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 55px;
  text-align: center;
  color: #3BB7D2;
  margin-bottom: 32px;
}
.view-notes h2, .finish-notes h2 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  text-align: center;
  width: 100%;
  float: left;
  display: block;
  color: #474747;
  margin-bottom: 64px;
}
.view-notes .image, .finish-notes .image {
  width: 264px;
  height: 160px;
  text-align: center;
  display: flex;
  align-content: center;
  align-items: center;
}
.view-notes .image img, .finish-notes .image img {
  max-width: 100%;
  height: 100%;
  margin: 0 auto;
}
.view-notes textarea, .finish-notes textarea {
  border: 1px solid #DFDFDF;
  width: 100%;
  max-width: 716px;
  height: 160px;
  margin-left: 10px;
  resize: none;
}
.view-notes .view_notes_group, .finish-notes .view_notes_group {
  margin: 64px auto 80px;
  display: flex;
  width: 538px;
}
.view-notes .view_notes_group button, .finish-notes .view_notes_group button {
  width: 221px;
  height: 64px;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 21.8272px;
  line-height: 50px;
  background: #3BB7D2;
  border-color: #3BB7D2;
  text-align: center;
  margin: 0 24px;
  cursor: pointer;
  transition: all 400ms ease-in;
  color: #FFFFFF;
}
.view-notes .view_notes_group button:hover, .finish-notes .view_notes_group button:hover {
  background: white;
  color: #3BB7D2;
}
.view-notes .view_notes_group button.closeWorkspace, .finish-notes .view_notes_group button.closeWorkspace {
  background: white;
  color: #3BB7D2;
}
.view-notes .view_notes_group button.closeWorkspace:hover, .finish-notes .view_notes_group button.closeWorkspace:hover {
  background: #3BB7D2;
  color: white;
}

.agent_headers {
  display: grid;
  width: 100%;
  grid-template-columns: 28% 54% 22%;
}
.agent_headers h1 {
  line-height: 141px;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  color: #474747;
}
.agent_headers .pannel_statics {
  width: 464px;
  background: #F6F8F4;
  height: 40px;
  margin-top: 51px;
  display: grid;
  grid-template-columns: 30% 23% 22% 25%;
  text-align: center;
}
.agent_headers .pannel_statics span {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 41px;
  color: #474747;
}
.agent_headers button {
  width: 164px;
  height: 40px;
  margin-top: 51px;
  float: right;
  background: #3BB7D2;
  border: 1px solid #3BB7D2;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 26px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #FFFFFF;
  transition: all 200ms ease-in;
}
.agent_headers button:hover {
  background-color: #55D2ED;
}

.profile_age {
  position: absolute;
  left: -60px;
  top: -10px;
}
.profile_age span {
  position: absolute;
  top: 13px;
  text-align: center;
  width: 100%;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  color: #43B919;
}

#modalEditeTeacher .is-invalid {
  border-color: red !important;
}

#modal-add-school .modal-dialog, #modal-add-school-period .modal-dialog, #modalEditeTeacher .modal-dialog {
  max-width: 675px;
}
#modal-add-school .modal-dialog section, #modal-add-school-period .modal-dialog section, #modalEditeTeacher .modal-dialog section {
  width: 484px;
  margin: 0 auto;
}
#modal-add-school .modal-dialog h1, #modal-add-school-period .modal-dialog h1, #modalEditeTeacher .modal-dialog h1 {
  margin: 64px 0 90px 0;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 55px;
  text-align: center;
  width: 100%;
  display: block;
  color: #474747;
}
#modal-add-school .modal-dialog input, #modal-add-school-period .modal-dialog input, #modalEditeTeacher .modal-dialog input {
  background: #FFFFFF;
  height: 48px;
  border: 1px solid #DFDFDF;
  margin-bottom: 40px;
}
#modal-add-school .modal-dialog .mx-icon-calendar, #modal-add-school .modal-dialog .mx-icon-clear, #modal-add-school-period .modal-dialog .mx-icon-calendar, #modal-add-school-period .modal-dialog .mx-icon-clear, #modalEditeTeacher .modal-dialog .mx-icon-calendar, #modalEditeTeacher .modal-dialog .mx-icon-clear {
  top: 26%;
  font-size: 24px;
  color: #3bb7d2;
}
#modal-add-school .modal-dialog button, #modal-add-school-period .modal-dialog button, #modalEditeTeacher .modal-dialog button {
  margin: 0 auto;
  margin-bottom: 64px;
  margin-top: 80px;
  background: #3BB7D2;
  border: 1px solid #3BB7D2;
  transition: all 200ms ease-in;
  display: block;
  width: 221px;
  height: 64px;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 21.8272px;
  line-height: 53px;
  text-align: center;
  color: #FFFFFF;
}
#modal-add-school .modal-dialog button:hover, #modal-add-school-period .modal-dialog button:hover, #modalEditeTeacher .modal-dialog button:hover {
  background-color: #55D2ED;
  border-color: #55D2ED;
}
#modal-add-school .modal-dialog label, #modal-add-school-period .modal-dialog label, #modalEditeTeacher .modal-dialog label {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 26px;
  color: #787987;
}

.container_quiz {
  max-width: 832px;
  background: white;
}
.container_quiz .submit_result_test {
  background: #3BB7D2;
  border-color: #3BB7D2;
  width: 221px;
  height: 64px;
  cursor: pointer;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 21.8272px;
  line-height: 29px;
  transition: all 400ms ease-in;
  text-align: center;
  color: #FFFFFF;
}
.container_quiz .submit_result_test:hover {
  background: #55D2ED;
  border-color: #55D2ED;
}
.container_quiz .component_quiz h1 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 75px;
  line-height: 86px;
  text-align: center;
  margin-top: 104px;
  width: 100%;
  float: left;
  display: block;
  color: #3BB7D2;
}
.container_quiz .component_quiz h4 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  width: 100%;
  float: left;
  display: block;
  text-align: center;
  color: #787987;
  margin-bottom: 74px;
}
.container_quiz .component_quiz .section_description {
  width: 100%;
  float: left;
  display: block;
  padding-bottom: 80px;
  margin-bottom: 64px;
  border-bottom: 1px solid #DFDFDF;
}
.container_quiz .component_quiz .section_description h1 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 40px;
  color: #474747;
  margin: 0;
  text-align: left;
}
.container_quiz .component_quiz .section_description .description {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  color: #474747;
}
.container_quiz .section_quiz {
  width: 100%;
  float: left;
}
.container_quiz .section_quiz .quiz_single {
  margin-bottom: 72px;
  width: 100%;
  float: left;
  display: block;
}
.container_quiz .section_quiz .quiz_single h2 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 40px;
  color: #474747;
}
.container_quiz .section_quiz .quiz_single .question {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color: #474747;
  margin-bottom: 64px;
  margin-top: 32px;
}
.container_quiz .section_quiz .quiz_single .question .image {
  width: 250px;
  height: 155px;
  border: 1px solid #e8e8e8;
  display: flex;
  align-items: center;
}
.container_quiz .section_quiz .quiz_single .question .image_description {
  padding-left: 85px;
  min-height: 155px;
  display: flex;
  align-items: center;
}
.container_quiz .section_quiz .quiz_single .answers .row {
  margin-bottom: 64px;
}
.container_quiz .section_quiz .quiz_single .answers .row .image {
  width: 180px;
  height: 115px;
  border: 1px solid #e8e8e8;
  display: flex;
  align-items: center;
}
.container_quiz .section_quiz .quiz_single .answers .row .image_description {
  padding-left: 85px;
  min-height: 115px;
  display: flex;
  align-items: center;
}

.container_quiz.statistics {
  max-width: 1280px;
  padding: 40px 79px;
}

.page_content table, .teacher_guid table {
  width: 100% !important;
  border-color: #dfdfdf;
  margin: 30px 0;
  border-width: 0.5px;
}
.page_content table tbody, .teacher_guid table tbody {
  border-left: 0.5px solid #dfdfdf !important;
  border-width: 2px;
}
.page_content table td, .teacher_guid table td {
  border-bottom: 0.5px solid #ccc;
  border-left: 0 solid #dfdfdf;
  padding: 50px 10px;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  color: #474747;
}
.page_content table td:nth-child(1), .teacher_guid table td:nth-child(1) {
  border-left: 0 solid #dfdfdf;
}
.page_content table td:last-child, .teacher_guid table td:last-child {
  border-left: 0 solid #dfdfdf;
}
.page_content table td a, .teacher_guid table td a {
  color: #2196F3;
  font-family: Arimo;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  text-decoration: none;
}
.lesson_slide_show .slide_main .description {
  bottom: 4vh;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.lesson_slide_show .slide_main .description ul {
  margin: 0;
  padding: 0;
}
.lesson_slide_show .slide_main .description ul li {
  font-family: "Arimo" !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 36px !important;
  line-height: 17px !important;
  text-align: left !important;
  color: #474747 !important;
  padding: 10px !important;
  padding-left: 32px !important;
  list-style: inside;
  margin-bottom: 0 !important;
}
.lesson_slide_show .slide_main .description .col {
  min-height: 17.417vh !important;
  font-family: "Arimo" !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 36px !important;
  line-height: 45px !important;
  text-align: left !important;
  color: #474747 !important;
  padding: 10px !important;
  padding-left: 32px !important;
  margin-bottom: 0 !important;
}
.lesson_slide_show .slide_main .description p {
  font-family: "Arimo" !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 36px !important;
  line-height: 45px !important;
  text-align: left !important;
  color: #474747 !important;
  padding: 10px !important;
  padding-left: 32px !important;
  margin-bottom: 0 !important;
}
.lesson_slide_show .slide_main .description b, .lesson_slide_show .slide_main .description strong {
  font-family: "Arimo" !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 36px !important;
  line-height: 45px !important;
  text-align: left !important;
}
.lesson_slide_show .slide_main .description span {
  font-family: "Arimo" !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 36px !important;
  line-height: 45px !important;
  text-align: left !important;
}
.lesson_slide_show .slide_main .description .small_text p {
  text-align: left !important;
  font-size: 27px !important;
  line-height: 31px !important;
}
.lesson_slide_show .slide_main .description p a {
  color: #3BB7D2 !important;
  text-decoration: none !important;
}

.lesson_slide_show .footer_slide .btn_left button, .lesson_slide_show .footer_slide .btn_right button {
  margin: 3vh 0 0 0;
}

.lesson_slide_show .footer_slide .slide_pager svg {
  width: 1.5rem;
  height: 1.5rem;
}

#madalCommentSlide .modal-body {
  padding: 0;
}
#madalCommentSlide .modal-dialog-centered {
  max-width: 782px;
}
#madalCommentSlide .modal-dialog-centered h1 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 55px;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 48px;
  color: #3BB7D2;
}
#madalCommentSlide .modal-dialog-centered textarea {
  width: 622px;
  height: 137px;
  margin: 0 auto;
  background: #FFFFFF;
  border: 1px solid #DFDFDF;
  display: block;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 159%;
  color: #474747;
}
#madalCommentSlide .modal-dialog-centered p {
  position: absolute;
  bottom: -10px;
  text-align: right;
  padding-right: 91px;
  padding-top: 11px;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  text-align: right;
  letter-spacing: 0.01em;
  color: #BABABA;
  left: 92px;
}
#madalCommentSlide .modal-dialog-centered .btn_note_submit {
  background: #3BB7D2;
  width: 168px;
  height: 48px;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 21px;
  /* or 21px */
  display: block;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 48px;
  margin-top: 14px;
  cursor: pointer;
  color: #FFFFFF;
  border: 0 solid white;
}
#madalCommentSlide .modal-dialog-centered .btn_note_submit:hover {
  background: #55D2ED;
  border: 0 solid white;
}

.modal-content {
  border-radius: 0 !important;
  box-shadow: 0 0 0 !important;
  border: 0 !important;
}

.teacher_guid {
  width: 100%;
  float: left;
  display: block;
  padding-bottom: 72px;
}

.teacher_guid_image {
  margin-bottom: 80px;
}

.teacher_guid_header {
  height: 294px;
  vertical-align: middle;
  display: table-cell;
}

.lesson_slide_show .slide_header .close_btn button:active, #btn_next_slide:active, #btn_prev_slide:active {
  background: inherit !important;
}

.content_teacher_grid {
  padding-bottom: 50px;
  text-align: center;
  width: 100%;
  float: left;
  display: block;
}

.list_items_btn_add {
  background-color: #3BB7D2 !important;
  border-color: #3BB7D2 !important;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 26px;
  width: 164px;
  height: 40px;
  color: #FFFFFF;
  cursor: pointer;
  transition: all 200ms ease-in;
  float: right;
  position: relative;
  top: calc(50% - 20px);
}
.list_items_btn_add:hover {
  background-color: #55D2ED !important;
  border-color: #55D2ED !important;
}

.flex_box_2 {
  width: 248px;
  float: left;
  display: block;
}
.flex_box_2 .profile {
  padding: 38px 24px;
}
.flex_box_2 .profile .info_user p {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color: #474747;
}
.flex_box_2 .profile .info_user p:nth-child(2) {
  font-weight: 700;
  margin: 0;
}
.flex_box_2 .profile_menu {
  margin-top: 16px;
  background-color: white;
}
.flex_box_2 .profile_menu a, .flex_box_2 .profile_menu .item_link {
  width: 100%;
  display: block;
  float: left;
  text-decoration: none;
  border-bottom: 2px solid #f6f8f4;
  border-left: 4px solid white;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 64px;
  color: #131313;
  height: 64px;
  background: white;
  cursor: pointer;
  padding-left: 20px;
  transition: all 400ms ease-in;
}
.flex_box_2 .profile_menu a:hover, .flex_box_2 .profile_menu .item_link:hover {
  border-left: 4px solid #0F96CD;
  color: #0F96CD;
  font-weight: 700;
}
.flex_box_2 .profile_menu .router-link-active {
  color: #0F96CD;
  font-weight: 700;
  border-left: 4px solid #0F96CD;
}

.password-form h1 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 55px;
  text-align: center;
  color: #474747;
  margin: 64px 0;
}
.password-form fieldset {
  width: 221px;
  display: block;
  margin: 0 auto;
  margin-bottom: 32px;
  position: relative;
}
.password-form fieldset label {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 26px;
  color: #787987;
}
.password-form fieldset input {
  width: 221px;
  height: 48px;
  background: #FFFFFF;
  border: 1px solid #E7E7E7;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
}
.password-form fieldset p {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 26px;
  position: absolute;
  bottom: -41px;
  color: #dc3545;
}
.password-form fieldset .relativeError {
  position: relative;
  bottom: 0;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 5px;
}
.password-form button {
  width: 221px;
  height: 64px;
  background: #3BB7D2;
  border-color: #3BB7D2;
  cursor: pointer;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 21.8272px;
  line-height: 29px;
  text-align: center;
  color: #FFFFFF;
  display: block;
  margin: 0 auto;
  margin-top: 32px;
  margin-bottom: 64px;
  transition: all 400ms ease-in;
}
.password-form button:hover {
  background-color: #55D2ED;
  border-color: #55D2ED;
}

.setting-form .auth_sign_out {
  max-width: 100%;
  margin: inherit;
  padding: 0;
}

.simple_setting .dropdown-toggle::after {
  left: inherit !important;
  right: 10px !important;
}

.workspace_header {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  height: 141px;
  line-height: 141px;
  background-color: white;
  color: #474747;
  padding: 0 25px;
  margin-bottom: 16px;
}

.workspace_box {
  width: 100%;
  min-height: 320px;
}
.workspace_box .alert {
  background: white;
  text-align: center;
  color: #787987;
  font-size: 20px;
  padding: 141px 0;
}
.workspace_box .alert h1 {
  text-align: center;
  font-size: 24px;
}

.box_item_workspace {
  background-color: white;
  margin-bottom: 16px;
  transition: all 400ms ease-in;
}
.box_item_workspace:hover {
  background-color: #DEF5FC;
}

.box_item_workspace.active {
  background-color: #DEF5FC;
}
.box_item_workspace.active .col-md-4 .arrow {
  transform: rotate(90deg);
}

.workspace_box_agents .school_name_workspace {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #1E6289;
}
.workspace_box_agents .school_name_workspace .disabled path {
  fill: #787987;
}
.workspace_box_agents .agent_status {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #1E6289;
  display: flex;
  align-items: center;
}
.workspace_box_agents .agent_status svg {
  margin: 0 10px;
  position: relative;
  top: 1px;
}
.workspace_box_agents .agent_rows_date {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  color: #1E6289;
}

.add_teacher h3 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  color: #1E6289;
  margin-bottom: 24px;
  margin-top: 20px;
}

.agent_form_add_teacher input {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #474747;
  background: #FFFFFF;
  border: 0 solid white;
  margin-bottom: 24px;
  width: 230px;
  height: 48px;
}
.agent_form_add_teacher button {
  background: #3BB7D2;
  border-color: #3BB7D2;
  width: 230px;
  height: 40px;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 26px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #FFFFFF;
  margin-bottom: 24px;
}

.agent_israel_work .agent_form_add_teacher input {
  width: 100%;
}
.agent_israel_work .agent_form_add_teacher button {
  width: 170px;
}

.workspace_box_agents.active .school_name_workspace svg {
  transform: rotate(90deg);
}

#modal-add-school .mx-datepicker {
  width: 100%;
}

.agent_list_teacher {
  /* padding: 10px 15px;*/
}
.agent_list_teacher thead {
  display: none !important;
}
.agent_list_teacher tr {
  --bs-table-accent-bg: unset !important;
  background: #F2FBFE !important;
}
.agent_list_teacher tr:nth-child(2n) {
  --bs-table-accent-bg: unset !important;
  background-color: white !important;
}
.agent_list_teacher td {
  --bs-table-accent-bg: unset !important;
  background-color: unset !important;
  height: 48px;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 31px;
  color: #474747;
}
.agent_list_teacher td svg {
  float: right;
  margin: 7px 11px;
  cursor: pointer;
}
.agent_list_teacher td svg path {
  stroke: #0F96CD;
}

.contact_form .custom-control {
  width: auto;
  display: table;
  margin: 0 auto !important;
  position: absolute;
  float: left;
  left: 0 !important;
  right: 0 !important;
}
.contact_form .custom-checkbox input[type=checkbox] + label:before {
  left: -32px !important;
  position: absolute;
  top: 1px !important;
}
.contact_form .checkbox_box {
  position: relative;
}
.contact_form .checkbox_box .custom-checkbox input[type=checkbox] + label a {
  text-decoration: none;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 26px;
  color: #3BB7D2;
}
.contact_form .checkbox_box .we2 {
  top: 53px;
  position: absolute;
}

.contact_form .checkbox_box {
  text-align: center;
  margin: 20px 0;
  height: 133px;
}

.header_items {
  height: 98px;
  padding-left: 40px !important;
  padding-right: 40px !important;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 98px;
  cursor: pointer;
  color: #787987;
}
.header_items .arrow {
  color: #3BB7D2;
  /* transform: rotate(180deg);*/
  position: relative;
  top: -2px;
  font-size: 25px;
}
.header_items .arrow.disabled {
  color: #787987;
}
.header_items .arrow.disabled path {
  fill: #787987;
}
.header_items .col-md-1 {
  text-align: right;
}
.header_items #dropdo3wn-321 {
  margin: 0 !important;
}
.header_items #dropdo3wn-321 button {
  color: #989898;
  border: 0;
  background-color: inherit;
  width: 40px;
  text-align: right;
  padding: 0 !important;
  margin: 0 !important;
}
.header_items #dropdo3wn-321 button:after {
  display: none !important;
}
.header_items #dropdo3wn-321 button:focus {
  background-color: inherit;
}
.header_items #dropdo3wn-321 button:hover {
  color: #3BB7D2;
}
.header_items #dropdo3wn-321 ul {
  padding-left: 10px;
  padding-right: 10px;
  width: 182px !important;
  transform: translate3d(-48px, 36px, 0px) !important;
}
.header_items #dropdo3wn-321 ul:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 11px solid white;
  top: -9px;
  margin: 0 auto;
  left: 76px;
}
.header_items #dropdo3wn-321 ul li a {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  color: #474747;
}
.header_items #dropdo3wn-321 ul li a i {
  width: 23px;
}
.header_items b {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 98px;
  color: #787987;
}

#dropdo3wn-321.show > .btn-secondary.dropdown-toggle {
  background-color: inherit !important;
}

.header_items #dropdo3wn-321 ul li a:hover > svg path {
  stroke: #3BB7D2;
}

.box_lesson_workspace {
  background: white;
  width: 92% !important;
  margin: 0 auto;
  padding: 40px !important;
  margin-bottom: 20px;
  transition: all 400ms ease-in;
  padding-bottom: 25px !important;
}
.box_lesson_workspace .task_bar {
  position: relative;
}
.box_lesson_workspace:hover {
  background-color: #f2fbfe;
}
.box_lesson_workspace a {
  text-decoration: none !important;
}
.box_lesson_workspace .time {
  position: absolute;
  left: 11px;
  top: -28px;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 26px;
  color: #989898;
}
.box_lesson_workspace h2 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  color: #474747;
}
.box_lesson_workspace p {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #474747;
  overflow: hidden;
}
.box_lesson_workspace p b {
  font-weight: 700;
  color: #787987;
}
.box_lesson_workspace .description {
  height: 32px;
  margin-bottom: 5px !important;
}
.box_lesson_workspace .image {
  width: 264px;
  max-width: 100%;
  height: 160px;
  overflow: hidden;
}
.box_lesson_workspace .image img {
  max-width: 100%;
  max-height: 100%;
}
.box_lesson_workspace .items_info {
  margin-bottom: 7px;
}
.box_lesson_workspace .is_lesson_note {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  color: #0F96CD;
}
.box_lesson_workspace .empty_lesson_note {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  color: #BABABA;
  cursor: pointer;
  transition: all 400ms ease-in;
}
.box_lesson_workspace .empty_lesson_note:hover {
  cursor: pointer;
  color: #0F96CD;
}
.box_lesson_workspace .show_link {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  color: #0F96CD;
  margin-right: 20px;
  cursor: pointer;
}
.box_lesson_workspace .analytics {
  position: absolute;
  top: -8px;
  z-index: 99;
  display: block;
  right: 0;
  background: inherit;
  border: 0;
  color: #0F96CD;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  transition: all 400ms ease-in;
}
.box_lesson_workspace .analytics i {
  padding: 2px;
  font-size: 12px;
  border: 4px solid #0F96CD;
}
.box_lesson_workspace .analytics:hover {
  background: inherit;
  border: 0;
  color: #0F96CD;
}
.box_lesson_workspace .disablede {
  color: #BABABA;
  cursor: no-drop;
}
.box_lesson_workspace .disablede i {
  border-color: #BABABA;
}
.box_lesson_workspace .disablede:hover {
  color: #BABABA;
  cursor: no-drop;
}
.box_lesson_workspace .disablede:hover i {
  border-color: #BABABA;
}

.analytics.disabled {
  background: inherit !important;
  cursor: no-drop;
  color: #BABABA !important;
}
.analytics.disabled:hover {
  cursor: no-drop;
}

.flex_box_10 {
  margin-top: 64px;
  width: calc(100% - 280px);
  min-height: 300px;
  display: block;
  margin-left: 32px;
  float: left;
}

.content_teacher_text .container, .content_teacher_media .container {
  max-width: 832px;
}

.content_teacher_text {
  padding: 80px 0;
  width: 100%;
  display: block;
  float: left;
}

.content_teacher_media, .content_teacher_table {
  width: 100%;
  display: block;
  float: left;
}

.sizer_div {
  font-size: 14px;
  text-align: center;
}

.content_teacher_text h1 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 55px;
  color: #0F96CD;
}

.content_teacher_text .description p {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color: #474747;
}

.content_teacher_media .image {
  border: 1px solid #DFDFDF;
  text-align: center;
  margin-bottom: 24px;
}

.content_teacher_grid h2 {
  margin-top: 24px;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  text-align: center;
  color: #1E6289;
  margin-bottom: 48px;
}

.content_teacher_grid .col-md-3 .card {
  width: 244px;
  height: 303px;
  margin-bottom: 30px;
}

.content_teacher_grid .col-md-4 .card, .content_teacher_grid .col-md-2 .card, .content_teacher_grid .col-md-6 .card, .content_teacher_grid .col-md-5 .card, .content_teacher_grid .col-md-2 .card {
  height: 303px;
  overflow: hidden;
  margin-bottom: 30px;
}

.content_teacher_grid .col-md-2 .card .image {
  height: 130px;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  width: 150px;
}

.content_teacher_grid .col-md-3 .card .image, .content_teacher_grid .col-md-4 .card .image {
  height: 150px;
  text-align: center;
  vertical-align: middle;
  display: block;
  width: 200px;
  margin: 0 auto;
  margin-bottom: 20px;
}

.content_teacher_grid .card .content_text p, .content_teacher_grid .card .content_text div {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  text-align: center;
  color: #787987;
}

.content_teacher_grid .card .content_text p b {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #474747;
}

.lesson_slide_show .footer_slide {
  background: #2F9FB7;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 101%;
  height: 13.28vh;
}

.lesson_slide_show .footer_slide .btn_left {
  text-align: left;
}

.lesson_slide_show .footer_slide .btn_left button {
  background: #3BB7D2;
  border: 1px solid #3BB7D2;
  height: 7.11vh;
  margin: 3vh 0 0 0;
  overflow: hidden;
}

.lesson_slide_show .footer_slide .btn_left button img {
  max-width: 100%;
}

.see_quiz {
  cursor: pointer;
}
.see_quiz span {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #3BB7D2;
  position: relative;
}
.see_quiz span:before {
  content: "";
  position: absolute;
  width: 11px;
  height: 14px;
  top: 3px;
  right: -12px;
  background-image: url(/images/arrow.png?b31fb888eae74ff78d255f232dabe471);
  transform: rotate(180deg);
}

.color_box {
  width: 128px !important;
  background: #FFFFFF;
  box-shadow: 0 4px 8px rgba(23, 47, 69, 0.15);
  padding-top: 15px;
  position: absolute;
  bottom: 104px;
  left: unset;
  right: 25px;
  z-index: 1;
}
.color_box:before {
  content: "";
  background-image: url(/images/arrowBox.png?57ebab54af5437f0e2edaa0a788bbc39);
  width: 22px;
  height: 22px;
  position: absolute;
  bottom: -11px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
}
.color_box button {
  width: 22px;
  height: 22px;
  float: left;
  padding: 18px;
  margin: 6px;
}

.agent_auth_form input {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 24px;
  color: #989898;
}
.agent_auth_form p {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  text-align: center;
  margin-bottom: 48px;
  color: #787987;
}
.agent_auth_form #dropdown-form-grades button {
  margin-bottom: 24px;
  height: 48px;
}
.agent_auth_form #dropdown-form-grades .dropdown-menu {
  overflow: hidden;
  height: auto;
}
.agent_auth_form #dropdown-form-grades .dropdown-menu .b-dropdown-form {
  padding: 0;
}
.agent_auth_form #dropdown-form-grades .dropdown-menu .b-dropdown-form .active a {
  background-color: #DEF5FC !important;
  color: #0F96CD !important;
  background-image: url(/images/active_agent.png?72f151bb42ef5528865841ea74ec1ded);
  background-repeat: no-repeat;
  background-position: 98%;
}

#btn_notes {
  padding: 5px;
  overflow: unset;
  position: relative;
  height: 7.11vh;
  width: 7.11vh;
}
#btn_notes .dropbox_slide_box {
  position: absolute;
  min-width: 181px;
  height: 35px;
  top: 1vh;
  left: 5vh;
  padding-left: 25px;
  z-index: 9;
}
#btn_notes .dropbox_slide_box .group_notes {
  width: 614px;
  height: 12vh;
  box-shadow: 0px 4px 8px rgba(23, 47, 69, 0.15);
  color: white;
  font-family: "Arimo";
  text-align: left;
  padding: 15px;
  z-index: -1;
  font-style: normal;
  font-weight: 700;
  font-size: 19px;
  line-height: 22px;
  color: #FFFFFF !important;
  padding: 8px;
  position: absolute;
  top: -3.5vh;
}
#btn_notes .dropbox_slide_box .group_notes:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-right: 15px solid #177b90;
  border-bottom: 15px solid transparent;
  position: absolute;
  left: -10px;
  top: 37%;
}
#btn_notes .dropbox_slide_box .group_notes.max_width {
  width: calc(100vw - 640px);
}
#btn_notes .dropbox_slide_box .group_notes.sm_max_width {
  width: calc(100vw - 875px);
}
#btn_notes .dropbox_slide_box .group_button_edit {
  width: 181px;
  height: 35px;
  background: #FFFFFF;
  z-index: 9;
  box-shadow: 0px 4px 8px rgba(23, 47, 69, 0.15);
  padding: 2px 10px;
}
#btn_notes .dropbox_slide_box .group_button_edit svg {
  width: 1rem;
}
#btn_notes .dropbox_slide_box .group_button_edit:after {
  content: "";
  background-image: url(/images/arrowBox.png?57ebab54af5437f0e2edaa0a788bbc39);
  width: 22px;
  height: 22px;
  position: absolute;
  left: 13px;
  z-index: 0;
  top: 18%;
}
#btn_notes .dropbox_slide_box .group_button_edit .btn_note {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 1rem;
  color: #474747;
  cursor: pointer;
  transition: all 400ms ease-in;
  width: 100%;
  text-align: left;
  z-index: 2;
  position: relative;
  background-repeat: no-repeat;
  background-position: 7px center;
  padding-right: 6px;
  padding-top: 0.7vh;
  padding-bottom: 0.7vh;
}
#btn_notes .dropbox_slide_box .group_button_edit .btn_note:hover {
  color: #0F96CD;
  background-color: #DEF5FC;
}
#btn_notes .dropbox_slide_box .group_button_edit .btn_note:hover > svg path {
  stroke: #0F96CD;
}

.lesson_slide_show .footer_slide .btn_left button:nth-child(1) {
  margin-left: 2vw;
  width: 7.11vh;
  height: 7.11vh;
  margin-right: 2vw;
}

#btn_next_slide, #btn_prev_slide {
  transform: rotate(180deg);
}

.lesson_slide_show .footer_slide .btn_left button:nth-child(2) {
  margin-right: 2vw;
  height: 7.11vh;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  padding: 5px;
  color: #FFFFFF;
}

.lesson_slide_show .footer_slide .slide_pager {
  display: flex;
  text-align: center;
  align-items: center;
  height: 100%;
}
.lesson_slide_show .footer_slide .slide_pager .btn-group {
  margin: 0 auto;
}

/*
.lesson_slide_show .footer_slide .slide_pager .btn-group {
    margin-top: 45px;
}
*/
.lesson_slide_show .footer_slide .slide_pager .btn-group button {
  background: inherit;
  border: 0;
}

.lesson_slide_show .footer_slide .slide_pager .btn-group span {
  width: 260px;
  font-family: Arimo;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 46px;
  text-align: center;
  color: #FFFFFF;
}

.lesson_slide_show .footer_slide .btn_right {
  text-align: right;
}

.lesson_slide_show .footer_slide .btn_right button {
  background: #3BB7D2;
  border: 1px solid #3BB7D2;
  height: 7.11vh;
  margin: 3vh 0 0 0;
  position: relative;
  /*  overflow: hidden;*/
}
.lesson_slide_show .footer_slide .btn_right button .tooltip_box {
  z-index: 1;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 19px;
  line-height: 22px;
  color: #FFFFFF !important;
  padding: 10px 20px;
  background-color: #177b90;
  width: calc(100vw - 738px);
  height: 11.5vh;
  position: absolute;
  top: calc(100% - 9vh);
  right: 9.1vh;
  box-shadow: 0px 4px 8px rgba(23, 47, 69, 0.15);
  padding: 8px;
}
.lesson_slide_show .footer_slide .btn_right button .tooltip_box p {
  margin: 0 !important;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 19px;
  line-height: 22px;
  color: #FFFFFF !important;
}
.lesson_slide_show .footer_slide .btn_right button .tooltip_box span {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 19px;
  line-height: 22px;
  color: #FFFFFF !important;
}
.lesson_slide_show .footer_slide .btn_right button .tooltip_box:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-left: 15px solid #177b90;
  border-bottom: 15px solid transparent;
  position: absolute;
  right: -13px;
  top: calc(50% - 15px);
}
.lesson_slide_show .footer_slide .btn_right button.max_width .tooltip_box {
  width: calc(100vw - 672px);
}

.slide_gallery {
  position: absolute;
  top: 13.5vh;
  left: 0;
  width: 100%;
  height: 86vh;
  display: flex;
  background: white;
  overflow-y: scroll;
  padding-bottom: 130px;
}

.slide_gallery .gallery_box {
  padding: 10px;
  margin-bottom: 30px;
}

.slide_gallery .gallery_box article {
  height: 181px;
  overflow: hidden;
  text-align: center;
}

/*
.slide_gallery .gallery_box article:hover {
    background: $btn_orange;
    color: white;
    border: 1px solid $btn_orange;
    transition: all 0.2s ease-in;
    cursor: pointer
}*/
.handbook_bg {
  background: #F6F8F4;
  width: 100%;
  padding-top: 74px;
  padding-bottom: 74px;
  color: #474747;
}

.handbook_bg b, .handbook_bg span, .description {
  color: #474747;
}

.btn._de {
  text-align: center;
  width: 100%;
  line-height: 27px;
  margin-top: 30px;
  color: #3e3e3ecc;
}

.not_found_page {
  text-align: center;
  min-height: 400px;
  padding-top: 100px;
}

.comment {
  margin-bottom: 40px;
}

.comment .name {
  font-family: Arimo;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 133.49%;
  color: #474747;
}

.comment .date {
  font-family: Arimo;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #989898;
}

.comment .comment-body {
  font-family: Arimo;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #474747;
}

.category_page {
  margin-top: 25px;
}

.comment .comment-body .description {
  padding: 0;
}

.slide_gallery .gallery_box article {
  transition: all 400ms ease-in;
}
.slide_gallery .gallery_box article img {
  max-height: 137px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  margin: 0 auto;
  border-radius: 0;
}
.slide_gallery .gallery_box article .card-body {
  border: 0px solid white;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 5px;
}
.slide_gallery .gallery_box article .card-body h4 {
  text-align: center;
  font-size: 18px;
}

.lesson_slide_show .footer_slide .btn_right button:nth-child(1) {
  font-family: Arimo;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  text-align: right;
  margin-right: 2vw;
  color: #FFFFFF;
  width: 7.11vh;
  height: 7.11vh;
  padding: 3px;
}

.lesson_slide_show .footer_slide .btn_right button:nth-child(2) {
  width: 7.11vh;
  height: 7.11vh;
  margin-right: 2vw;
  padding: 5px;
}

#btn_choose_quiz svg, #btn_choose_color svg, #btn_workspaceGo svg {
  width: 80%;
}

.file_download {
  margin-top: 27px;
  margin-bottom: 23px;
}
.file_download .files {
  position: relative;
  top: -2px;
  left: -8px;
}
.file_download .arrow {
  position: relative;
  top: -1px;
  transform: rotate(180deg);
  left: 8px;
}
.file_download a, .file_download span {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  text-decoration: none;
  color: #3BB7D2;
}

#btn_workspaceGo, #btn_choose_quiz, #btn_choose_color, #btn_all_slides {
  padding: 0 5px !important;
  text-align: center;
}

.btn_tooltip, #btn_workspaceGo {
  padding: 0 !important;
}

#btn_workspaceGo svg {
  width: 100%;
}

.boxeIcon {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 4px;
}

.boxeIcon2 {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 4px;
}

#btn_workspaceGo svg {
  width: auto !important;
  height: 80% !important;
  margin: 0 auto !important;
}

.lesson_slide_show .footer_slide .btn_right button:nth-child(3) {
  width: 7.11vh;
  height: 7.11vh;
  margin-right: 2vw;
}

.lesson_slide_show .footer_slide .btn_right button:nth-child(4) {
  width: 7.11vh;
  height: 7.11vh;
  margin-right: 2vw;
}

.topic_header {
  margin-top: 80px;
  margin-bottom: 80px;
}

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

.topic_header h1 {
  font-family: Arimo;
  font-style: normal;
  font-weight: bold;
  font-size: 48px;
  line-height: 55px;
  color: #474747;
  margin-bottom: 40px;
}

.topic_header h2 {
  font-family: Arimo;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 34px;
  margin-bottom: 34px;
  color: #474747;
}

.topic_description p {
  font-family: "Arimo" !important;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 14pt !important;
  line-height: 26px !important;
  letter-spacing: 0.01em !important;
  color: #474747 !important;
}
.topic_description h3 {
  font-size: 26px;
}
.topic_description h4 {
  font-size: 24px;
}
.topic_description h5 {
  font-size: 20px;
}
.topic_description h6 {
  font-size: 18px;
}
.topic_description .h2 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 34px;
  color: #474747;
}
.topic_description b {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
}

.topic_header p {
  font-family: Arimo;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #474747;
}

/*
.topic_header p span {
    font-family: Arimo;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 0.01em;
    color: $black;
}
*/
.topic_header p a {
  text-decoration: none;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 152%;
  color: #3BB7D2;
  position: relative;
  margin-left: 21px;
}

.excellence .col-md-9 a {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #3BB7D2;
  text-decoration: none;
}

.excellence .col-md-9 p {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #474747;
  margin: 10px 0 0 0;
}

.handbook_bg table tr td:nth-child(1) {
  display: table;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
  color: #474747;
}

.handbook_bg table a {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  text-decoration: none;
  color: #0F96CD;
}

.excellence .col-md-9 svg {
  transform: rotate(180deg);
  margin: 0 10px;
}

.topic_header p a:before {
  content: "";
  background-image: url(/images/arrow.png?b31fb888eae74ff78d255f232dabe471);
  width: 11px;
  height: 14px;
  position: absolute;
  left: -14px;
  top: 3px;
}

.topic_header p .megaBtn {
  display: block;
  background: #F9872E;
  text-decoration: none;
  font-family: Arimo;
  font-style: normal;
  font-weight: bold;
  font-size: 21.8272px;
  line-height: 64px;
  text-align: center;
  color: #FFFFFF;
  height: 64px;
  width: 222px;
  margin-left: 0;
  margin-right: 0;
}

.topic_header p .megaBtn:before {
  display: none;
}

.topic_lessons .lesson_list {
  background: #F6F8F4;
}

.topic_lessons .lesson_list:nth-child(2n) {
  background: white;
}

.topic_lessons .lesson_list .image_box {
  border: 1px solid #f6f8f4;
  height: 257px;
  text-align: center;
  /*  width: 430px;*/
  display: flex;
  align-items: center;
}
.topic_lessons .lesson_list .image_box .image {
  margin: 0 auto;
}

.topic_lessons .lesson_list .lesson_box {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.topic_lessons .lesson_list .lesson_box .image_box .image img {
  max-width: 100%;
}

.topic_lessons .lesson_list .lesson_box .access_lesson {
  font-family: Arimo;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 152%;
  margin-top: 32px;
}

.topic_lessons .lesson_list .lesson_box .access_lesson .red {
  color: #ED325F;
}

.topic_lessons .lesson_list .lesson_box .access_lesson .green {
  color: #23C78C;
}

.topic_lessons .lesson_list .lesson_box p {
  font-family: Arimo;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 152%;
  color: #787987;
}

.topic_lessons .lesson_list .lesson_box .col-md-8 {
  padding-left: 69px;
}

.topic_lessons .lesson_list .lesson_box .access_lesson_red {
  font-family: Arimo;
  font-style: normal;
  font-weight: bold;
  font-size: 21.8272px;
  display: block;
  background: #F9872E;
  text-align: center;
  text-decoration: none;
  color: #FFFFFF;
  line-height: 48px;
  height: 48px;
  width: 162px;
  margin-top: 25px;
  overflow: hidden;
}

.topic_lessons .lesson_list .lesson_box .access_lesson_green {
  font-family: Arimo;
  font-style: normal;
  font-weight: bold;
  font-size: 21.8272px;
  line-height: 48px;
  height: 48px;
  width: 162px;
  display: block;
  background: #3BB7D2;
  text-decoration: none;
  text-align: center;
  color: #FFFFFF;
  margin-top: 0;
}

.navigation_box .media_box {
  margin-bottom: 48px;
  width: 100%;
  display: block;
  float: left;
}

.topic_lessons .lesson_list .lesson_box .access_lesson_red:hover {
  transition: all 400ms ease-in;
  background: #f36b02;
}

.topic_lessons .lesson_list .lesson_box .access_lesson_green:hover {
  transition: all 400ms ease-in;
  background: #55D2ED;
}

.topic_lessons .lesson_list .lesson_box .description {
  min-height: 151px;
}
.topic_lessons .lesson_list .lesson_box .description a {
  text-decoration: none;
  color: #2fa2ca;
}

.lesson_bg {
  width: 100%;
  height: 516px;
  background-image: url(/images/lesson_bg.png?be789cbcf2e6b2ab6c766677f3157a2f);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.lesson_bg .lesson_box_description {
  padding-left: 156px;
}
.lesson_bg .lesson_box_description .group_btn_lessons {
  max-width: 100% !important;
}
.lesson_bg h1 {
  font-family: Arimo;
  font-style: normal;
  font-weight: bold;
  font-size: 48px;
  line-height: 55px;
  margin-top: 104px;
  margin-bottom: 40px;
  color: #474747;
}
.lesson_bg .inform {
  margin: 40px 0 24px 0;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color: #474747;
}
.lesson_bg .btn_start {
  width: 243px;
  height: 48px;
  background: #3BB7D2;
  font-family: Arimo;
  font-style: normal;
  font-weight: bold;
  font-size: 21.8272px;
  line-height: 133.49%;
  text-align: center;
  color: #FFFFFF;
}
.lesson_bg .btn_start:hover {
  transition: all 400ms ease-in;
  background-color: #01c4ee;
  color: white;
}
.lesson_bg .btn_start.disabled {
  background-color: #BABABA;
  color: white;
  border-color: #BABABA;
}
.lesson_bg #check-class {
  margin: 0 !important;
}
.lesson_bg #check-class #check-class__BV_toggle_ {
  background: #FFFFFF;
  border: 1px solid #E7E7E7;
  color: #474747;
  height: 48px;
  width: 174px;
  margin-right: 24px;
  padding: 0 24px;
  text-align: left;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  color: #474747;
}
.lesson_bg #check-class #check-class__BV_toggle_:after {
  border: 0 solid white;
  background-image: url(/images/check_dropdawn_grey.png?e4fc64d1035cdb8cd71c311a923362e5);
  background-repeat: no-repeat;
  background-position: right 6px;
  width: 10px;
  height: 15px;
  position: absolute;
  right: 17px;
  top: 12px;
}
.lesson_bg #check-class ul {
  width: 174px;
  background: #FFFFFF;
  box-shadow: 0px 4px 6px rgba(23, 47, 69, 0.1);
}
.lesson_bg #check-class ul .list_items {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  border: 0px solid white !important;
  height: 32px !important;
  margin: 0 !important;
  display: flex;
  align-items: center;
  text-align: left;
  letter-spacing: 0.01em;
  color: #787987;
  background: white;
  width: 100%;
  padding: 0 0 0 24px;
}
.lesson_bg #check-class ul .list_items:focus {
  outline: unset;
  box-shadow: 0 0 0 white;
}
.lesson_bg #check-class ul .list_items:hover {
  background: #DEF5FC;
  color: #0F96CD;
}
.lesson_bg #check-class ul .list_items.active {
  background-color: #DEF5FC !important;
  color: #0F96CD !important;
  background-image: url(/images/check_dropdown.png?7d12011aa282d25337170447592061c4);
  background-repeat: no-repeat;
  background-position: 95% 10px;
}
.lesson_bg a {
  text-decoration: none;
  width: 288px;
  height: 64px;
  background: #3BB7D2;
  font-family: Arimo;
  font-style: normal;
  font-weight: bold;
  font-size: 21.8272px;
  line-height: 59px;
  display: block;
  text-align: center;
  border-radius: 4px;
  color: #FFFFFF;
}
.lesson_bg .image {
  margin-top: 98px;
  width: 100%;
  height: 354px;
  overflow: hidden;
  text-align: center;
  border: 1px solid #f6f6f6;
}
.lesson_bg .image img {
  max-width: 100%;
  max-height: 100%;
}

#modalSlideType .modal-dialog {
  max-width: 782px !important;
}
#modalSlideType .modal-dialog .modal-content {
  border-radius: 0;
  border: 0;
  width: 782px !important;
  height: 595px;
}
#modalSlideType .modal-dialog .modal-content .modal-body {
  border-radius: 0;
  padding: 0;
  position: relative;
}
#modalSlideType .modal-dialog .modal-content .modal-body .type_slider {
  width: 394px;
  margin: 0 auto;
}
#modalSlideType .modal-dialog .modal-content .modal-body .type_slider .btn_lesson {
  margin-top: 173px;
  margin-bottom: 64px;
  background: #3BB7D2;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 40px;
  text-align: center;
  color: #FFFFFF;
  width: 394px;
  height: 103px;
  border: 1px solid #3BB7D2;
  border-radius: 0;
}
#modalSlideType .modal-dialog .modal-content .modal-body .type_slider .btn_preparation {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 40px;
  border: 1px solid #3BB7D2;
  background-color: white;
  border-radius: 0;
  text-align: center;
  width: 394px;
  height: 103px;
  color: #3BB7D2;
}

#modal-newschool .modal-dialog {
  max-width: 675px !important;
}
#modal-newschool .modal-dialog .modal-content {
  border-radius: 0;
  border: 0;
  width: 675px !important;
  min-height: 561px;
}
#modal-newschool .modal-dialog .modal-content .modal-body {
  border-radius: 0;
  padding: 64px 0 76px 0;
  position: relative;
}
#modal-newschool .modal-dialog .modal-content .modal-body .close_modals {
  background-image: url(/images/close_modal.png?e7b5718cf297b87a377035af75fdc550);
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}
#modal-newschool .modal-dialog .modal-content .modal-body h1 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 55px;
  text-align: center;
  color: #474747;
  margin-bottom: 64px;
}
#modal-newschool .modal-dialog .modal-content .modal-body .form-group {
  width: 221px;
  margin: 0 auto;
}
#modal-newschool .modal-dialog .modal-content .modal-body .form-group label {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 8px;
  color: #787987;
}
#modal-newschool .modal-dialog .modal-content .modal-body .form-group input {
  background: #FFFFFF;
  border: 1px solid #E7E7E7;
  width: 100%;
  height: 48px;
  margin-bottom: 32px;
}
#modal-newschool .modal-dialog .modal-content .modal-body .form-group select {
  padding: 10px;
  background: #FFFFFF;
  border: 1px solid #E7E7E7;
  width: 100%;
  height: 48px;
  margin-bottom: 32px;
}
#modal-newschool .modal-dialog .modal-content .modal-body .form-group select:focus {
  outline: none !important;
  background-color: unset !important;
  border-color: #03a9f4 !important;
}
#modal-newschool .modal-dialog .modal-content .modal-body .form-group button {
  background: #3BB7D2;
  border-color: #3BB7D2;
  width: 221px;
  height: 64px;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 21.8272px;
  line-height: 29px;
  margin-top: 32px;
  text-align: center;
  color: #FFFFFF;
}

.lesson_bg a:hover, .lesson_button:hover {
  transition: all 0.2s ease-in;
  background-color: #2590c4;
}

.vue-tel-input {
  position: relative;
  border: 1px solid #E7E7E7 !important;
}

.vue-tel-input input {
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF);
  border: 1px solid #E7E7E7 !important;
  box-sizing: border-box;
  font-family: Arial;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  display: flex;
  align-items: center;
  padding: 14px;
  width: 100%;
}

.vue-tel-input input:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.vue-tel-input .vti__dropdown {
  position: absolute;
  top: 7px;
  right: 2px;
  background: white;
}

.topic_lessons .lesson_list .lesson_box .description {
  font-family: Arimo;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 152%;
  color: #474747;
}

.topic_lessons .lesson_list .lesson_box .description tr {
  margin-bottom: 25px;
}

.topic_lessons .lesson_list .lesson_box .description .bold {
  font-weight: bold;
}

.select_typeItem {
  text-align: right;
}
.select_typeItem button {
  margin-right: 24px;
  background: #F6F8F4 !important;
  border: 2px solid #F6F8F4 !important;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #989898;
  width: 100px;
  text-align: center;
}
.select_typeItem .active {
  border: 2px solid #989898 !important;
}

.select_countItem button {
  background: white;
  border: 0;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  color: #787987;
  padding: 0;
  text-align: center;
}
.select_countItem button:hover, .select_countItem button:focus, .select_countItem button:active {
  background: white;
  color: #585864;
}

.topic_lessons .lesson_list .lesson_box h3 a {
  font-family: Arimo;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  font-size: 30px;
  line-height: 34px;
  color: #474747;
}

/*
.lesson_slide_show .active {
    background: $btn_orange !important;
    transition: all 0.3s ease-in;
    border: 1px solid $btn_orange !important;
}
*/
.feed_back_component {
  background: #DEF5FC;
  padding: 80px 0;
}

.feed_back_component h3 {
  font-family: Arimo;
  font-style: normal;
  font-weight: bold;
  font-size: 34px;
  line-height: 133.49%;
  text-align: center;
  /* TXT_grey */
  color: #474747;
}

.feed_back_component input {
  padding: 11px;
}

.feed_back_component textarea {
  height: 147px;
}

.feed_back_component label {
  font-family: Arimo;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 151.49%;
  color: #474747;
}

.feed_back_component button {
  background: #3BB7D2;
  font-family: Arimo;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 133.49%;
  /* or 19px */
  text-align: center;
  color: #FFFFFF;
  border: 1px solid #3BB7D2;
  width: 200px;
  float: right;
  height: 48px;
}

.owl_btn {
  text-decoration: none;
  color: black;
  font-size: 15px;
  border: 2px solid #3BB7D2;
  padding: 10px;
  width: 100%;
  height: 50px;
  display: block;
  border-right-width: 55px;
  margin-bottom: 25px;
  border-radius: 4px;
  position: relative;
}

.owl_btn img {
  text-decoration: none;
  position: absolute;
  width: 29px;
  right: -41px;
  top: 6px;
}

.owl_btn:hover {
  color: white;
  background-color: #3BB7D2;
  transition: all 0.2s ease-in;
}

.auth_sign_in button:hover, .btn-primary:hover, .btn-primary:hover {
  transition: all 0.2s ease-in;
  background-color: #55D2ED !important;
  border-color: #55D2ED !important;
}

.form-control {
  border-radius: 0 !important;
}

.btn_cart.btn {
  color: white;
}

.vue-tel-input input {
  border-radius: 0 !important;
  border: 1px solid #ffffff !important;
}

.btn_cart.btn .badge {
  position: relative;
  top: 9px;
  border-radius: 0;
  color: white;
}

header .header_bg .header_auth_btn .sign_up:hover {
  transition: all 0.2s ease-in;
  border-bottom: 3px solid #F9872E;
}

.bg_guide .active {
  border: 2px solid #F9872E;
}

.themes {
  background: #F6F8F4;
  padding: 80px 0;
}

.themes_all {
  padding: 0;
}

.themes .topic_background {
  text-align: center;
  background-image: url(/images/topic_bg.png?a0cefbdaee9d485b5cd63e632da34ec6);
  height: 102px;
  background-position: center bottom;
  margin-bottom: 82px;
}

.themes .topic_background h1 {
  text-align: center !important;
  line-height: 99px;
  color: #474747;
}

.themes .card {
  cursor: pointer;
  text-align: center;
  height: 240px;
  margin-bottom: 80px;
}

.themes_all .card {
  height: 384px;
}

.themes_all .card .card-body {
  padding: 0;
}

.themes .card .card-img {
  max-width: 100%;
  width: 100%;
  height: 160px;
  overflow: hidden;
  margin-bottom: 13px;
}

.logo_slides {
  display: block !important;
  position: relative;
}
.logo_slides .logo_corp {
  position: absolute;
  right: 8px;
  top: 10px;
}
.logo_slides .logo_name {
  font-size: 12.5px;
  color: white;
  position: relative;
  top: -5px;
}

.logo_slides_he_IL {
  position: relative;
  top: 6px;
  right: 22px;
}
.logo_slides_he_IL .logo_name {
  font-size: 14.5px;
}

.themes_all .card .card-img {
  max-width: 100%;
  width: 100%;
  height: 191px;
  overflow: hidden;
  margin-bottom: 13px;
  display: block;
  background: #DEF5FC;
  margin: auto;
  text-align: center;
  border-radius: 0;
}

.themes_all .card .card-text {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  margin-top: 40px;
  text-align: center;
  color: #61483B;
}

.page_content {
  padding-top: 25px;
}

.themes_all .card button {
  border: 0;
  border-radius: 0;
  background: #3BB7D2;
  width: 116px;
  height: 40px;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 133.49%;
  text-align: center;
  color: #FFFFFF;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 32px;
}

.themes_all .col-md-4 .card {
  border-radius: 0 !important;
  border: 0 solid white;
  border-bottom: 6px solid #23C78C;
}

.themes_all .col-md-4:nth-child(2n) .card {
  border-bottom: 6px solid #A25CAD;
}

.themes_all .col-md-4:nth-child(3n) .card {
  border-bottom: 6px solid #ED325F;
}

.feed_back_component fieldset {
  margin-bottom: 24px;
}

.feed_back_component span {
  color: #0F96CD;
  position: absolute;
  bottom: 36px;
}

.auth_sign_out .invalid-feedback-error {
  font-size: 14px;
  color: red;
  margin: 0;
}

.form-control.is-invalid {
  padding-left: 15px;
}

.auth_sign_out h1 {
  font-family: Arimo;
  font-style: normal;
  font-weight: bold;
  font-size: 75px;
  line-height: 86px;
  text-align: center;
  margin-bottom: 25px;
  color: #3BB7D2;
}

.auth_sign_out {
  max-width: 600px;
  margin: 50px auto;
  padding: 34px;
}

.account .auth_sign_out {
  max-width: 100%;
  margin: inherit;
  padding: 0;
}

.balance {
  border: 1px solid #3bb7d2;
}

.balance .card-body {
  padding: 0;
}

.balance .card-body .card-header {
  background: #3BB7D2;
  color: white;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.balance .card-body .card-text {
  text-align: center;
  padding: 10px;
  font-size: 32px;
  color: #3BB7D2;
  font-weight: bold;
}

.link_form {
  border: 1px solid #3bb7d2;
}

.link_form .card-body label {
  color: #3BB7D2;
  padding: 7px 0;
}

.link_form .card-body button {
  background: #3BB7D2;
  border: 1px solid #3BB7D2;
}

.link_alert {
  position: absolute;
  z-index: 1;
  width: 95.6%;
  padding: 2px 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 0;
  bottom: -27px;
}

.filter_box {
  position: absolute;
  width: 135%;
  left: -11.5%;
  top: -29px;
  box-shadow: 0 14px 18px rgba(30, 45, 58, 0.15);
  z-index: 99;
}

.empty_alert {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 300px;
  text-align: center;
  color: #858585;
  min-height: 300px;
}

.filter_box.static {
  position: relative;
  width: 100%;
  left: 0;
  right: 0;
  top: -25px;
}

.filter_box .container {
  background-color: white;
  height: 133px;
}

.filter_box .filter_box_row {
  padding-top: 38px;
}

.filter_box .filter_box_row input, .filter_box .filter_box_row .dropdown-toggle {
  font-family: "Arial";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #C2C2C2;
  border: 1px solid #DFDFDF;
  box-sizing: border-box;
  background-color: white;
  height: 48px;
  width: 100%;
}

.filter_box .filter_box_row input {
  color: #787987;
}

.filter_box .filter_box_row ::-moz-placeholder {
  color: #C2C2C2;
}

.filter_box .filter_box_row :-ms-input-placeholder {
  color: #C2C2C2;
}

.filter_box .filter_box_row ::placeholder {
  color: #C2C2C2;
}

.filter_box select {
  font-family: "Arial";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #646464;
  border: 1px solid #DFDFDF;
  box-sizing: border-box;
  background-color: white;
  height: 48px;
  width: 100%;
  padding: 0 10px;
}

.filter_box .filter_box_row .signup_drop {
  margin-top: 0 !important;
}

.filter_box .filter_box_row button {
  background-color: #3BB7D2;
  border-radius: 0px;
  border-color: #3BB7D2;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 133.49%;
  /* or 21px */
  width: 133px;
  padding-left: 28px;
  text-align: center;
  height: 48px;
  color: #FFFFFF;
}

.filter_box .filter_box_row .closeFilter {
  width: 24px;
  padding: 0;
  height: 24px;
  background-image: url(/images/close.svg?395f9cc6cc36615fba7c2062857de7da);
  background-size: contain;
  position: absolute;
  top: 8px;
  right: 12px;
  border: 0 solid;
  background-color: transparent;
  color: #787987;
  cursor: pointer;
}

.filter_box .search-btn {
  background-image: url(/images/search-icon.svg?a2bdaa67d6880dc72abfdb722b0abac7);
  background-repeat: no-repeat;
  background-position: 14% center;
}

.btn {
  border-radius: 0 !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  border-radius: 0 !important;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border-radius: 0 !important;
}

.form-control {
  border-radius: 0 !important;
}

.fastEdit {
  position: fixed;
  top: 28px;
  left: 10px;
  background: #3BB7D2;
  padding: 6px 10px;
  color: white;
  z-index: 1;
  box-shadow: 1px 1px 2px #09687d;
  border-radius: 0;
}

.fastEdit:hover {
  transition: all 400ms ease-in;
  background-color: #2591c4;
  text-decoration: none;
  color: white;
}

.filter_box .form-control {
  border-radius: 0px;
}

.filter_box .custom-select select {
  border: 0px;
  padding: 0 10px;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.filter_box select.custom-select {
  font-family: "Arial";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #646464;
  border: 1px solid #DFDFDF;
  box-sizing: border-box;
  width: 100%;
  background-image: url(/images/select-arrow.svg?d06fca44a874671c286e4bae3fe6c2c4);
  background-repeat: no-repeat;
  background-position: 90% 53%;
}

.header-bg-video {
  width: 100%;
  min-height: 104px;
  max-height: 184px;
  background-image: url(/images/header-bg.png?c40272c2c6ff9918fc51251ca42685ae);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  text-align: center;
}

.header-bg-video h1 {
  max-width: 800px;
  margin: 0 auto;
  padding-top: 20px;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 55px;
  text-align: center;
  color: #1A5D72;
  padding-bottom: 10px;
}

.section_article {
  margin-bottom: 35px;
}

.section_article h2 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 55px;
  color: #474747;
  margin: 25px 0;
}

.section_article .description {
  font-family: "Arimo";
  font-style: normal;
  font-size: 16px;
  line-height: 152%;
  color: #474747;
}

.section_article .galery_one {
  text-align: center;
}

.section_article .galery_big {
  margin-bottom: 25px;
}

.title_comments {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 132%;
  color: #474747;
  margin-bottom: 48px;
}

.btn_rigt_a {
  float: right !important;
}

.adminDropdon .dropdown-toggle {
  max-width: 100%;
  background: #2e55c7;
}

.overX {
  max-width: 88%;
  overflow: hidden;
  overflow-x: scroll;
  display: block;
  height: 37px;
  float: left;
}

.category_page h1 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 55px;
  color: #1A5D72;
}

.header-bg.article {
  background-image: url(/images/header-bg-articles.jpg?f184a1b46c4ffa8f1fc7096a1e9b11c2);
}

.header-bg h1 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 55px;
  text-align: center;
  color: #1A5D72;
}

.video-item, .article-item {
  justify-content: space-between;
  padding: 80px 0px;
  position: relative;
}

.video-item:nth-child(2n) {
  background-color: #F6F8F4;
}

.video-item .video-wrap {
  display: flex;
  justify-content: right;
  background-color: #F6F8F4;
  padding: 16px;
  max-width: 592px;
}

.video-item .video-info {
  display: flex;
  align-items: center;
}

.video-item .title, .article-item .title {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 132%;
  color: #474747;
  display: block;
  margin-bottom: 24px;
  cursor: pointer;
}

.video-item .subtitle, .article-item .subtitle {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 159%;
  text-align: right;
  color: #787987;
  display: block;
}

.article-item:nth-child(2n) {
  background: #F6F8F4;
}

.article-item .article-img {
  width: 425px;
  margin-left: 69px;
  height: 257px;
  overflow: hidden;
  border: 1px solid #f6f8f4;
  display: flex;
  align-items: center;
}

.article-item .article-img img {
  cursor: pointer;
  max-height: 100%;
  margin: 0 auto;
}

.article-item .article-info {
  width: 60%;
  padding-left: 69px;
}
.article-item .article-info .author {
  width: 100%;
  display: block;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px !important;
  color: #787987;
  display: block;
  margin-top: 24px;
  font-weight: bold;
}

.workspace_list_items_btn_add {
  width: 226px !important;
  height: 48px !important;
  /* blue */
  border: 1px solid #3BB7D2 !important;
  font-family: "Arimo" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 25px !important;
  text-align: center;
  /* blue */
  background: inherit !important;
  color: #3BB7D2 !important;
}
.workspace_list_items_btn_add:hover {
  color: white !important;
}

.tooltip-inner {
  background-color: white !important;
  color: black !important;
  box-shadow: 1px 1px 2px #7a7272 !important;
}

.article-item .description {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px !important;
  min-height: 128px;
  overflow: hidden;
  color: #787987;
  display: block;
  margin-top: 24px;
}
.article-item .description p {
  margin-bottom: 0;
}

.article-item .more-wrap {
  position: absolute;
  margin-top: 10px;
  display: flex;
  flex-direction: row-reverse;
}

.article-item .more-wrap svg {
  transform: rotate(180deg);
  position: relative;
  top: 6px;
}

.article-item .more {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 152%;
  /* or 24px */
  text-align: right;
  color: #3BB7D2;
  cursor: pointer;
}

.show-more-wrap {
  display: flex;
  align-content: center;
  justify-content: center;
}

.show-more {
  background: #3BB7D2;
  padding: 0px 30px;
  color: #fff;
  text-align: center;
  vertical-align: center;
  display: inline-block;
  line-height: 45px;
  margin: 80px auto;
  text-decoration: none;
}

.show-more:hover {
  opacity: 0.9;
  color: #fff;
}

div.container.article-detail {
  max-width: 832px;
}

.article-detail h1 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 55px;
  text-align: right;
  color: #474747;
  display: block;
  margin-top: 80px;
  margin-bottom: 32px;
}

.article-detail .subtitle {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 132%;
  color: #787987;
  display: block;
}

.article-detail .descriptions {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 152%;
  text-align: right;
  color: #474747;
}

.article-detail .img-wrap {
  border: 1px solid #DFDFDF;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 48px auto;
  min-height: 450px;
}

.auth_sign_out h3 {
  font-family: Arimo;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 152%;
  text-align: center;
  color: #474747;
  margin-top: 45px;
  margin-bottom: 32px;
}

.pauth {
  text-decoration: none;
  color: #474747;
}

.mod_table table {
  width: auto;
  text-align: left;
  margin-top: 0;
}

.mod_table table tbody td span {
  padding-right: 25px;
}

.mod_table table tbody td a {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 152%;
  color: #3bb7d2;
  text-decoration: none;
  transition: all ease-in 200ms;
}
.mod_table table tbody td a:hover {
  color: #19c6ec;
}

.signup_p {
  text-align: center;
}

.signup_drop {
  width: 100%;
}

.signup_drop .btn-secondary {
  background: white;
  color: #474747;
  text-align: left;
  border: 1px solid #e7e7e7;
  font-family: Arial;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  display: flex;
  align-items: center;
  overflow-x: hidden;
  /* empty state */
  color: #C2C2C2;
}

.signup_drop .dropdown-toggle::after {
  position: absolute;
  right: 5px;
}

#modalWorkspace .signup_drop .dropdown-toggle::after {
  right: inherit;
}

.signup_drop .dropdown-menu {
  height: 300px;
  overflow: hidden;
  overflow-y: scroll;
  width: 100%;
}

.signup_drop .dropdown-menu li:focus-visible, .signup_drop .dropdown-menu:focus-visible {
  outline: 0 solid black !important;
}

.signup_drop .dropdown-menu li:focus, .signup_drop .dropdown-menu:focus {
  outline: 0 solid black !important;
}

.signup_drop .btn-check:checked + .btn-secondary, .signup_drop .btn-check:active + .btn-secondary, .signup_drop .btn-secondary:active, .signup_drop .btn-secondary.active, .signup_drop .show > .btn-secondary.dropdown-toggle {
  background: white !important;
  color: #474747 !important;
  border: 1px solid #e7e7e7 !important;
}

.signup_drop .custom-checkbox {
  display: flex;
}

.signup_drop .custom-checkbox input {
  float: left;
  margin-right: 10px;
}

.btn_cart {
  padding: 0 10px 0 0;
  width: 100%;
  margin-top: 31px;
  background: white;
  text-align: left;
}

.btn_cart i {
  padding: 10px;
  background: #0dcaf0;
  color: white;
  margin-right: 7px;
}

.btn_cart .badge {
  float: right;
  background: #F9872E;
  top: 8px;
}

.cart_modal {
  position: absolute;
  top: 104px;
  z-index: 1;
  width: 100%;
  left: 0;
  height: calc(100vh - 104px);
  background-size: cover !important;
  background: white url(/images/lesson_bg.png?be789cbcf2e6b2ab6c766677f3157a2f) no-repeat center;
}

.cart_modal .container {
  background-color: white;
}

.cart_modal h3 {
  font-family: Arimo;
  font-style: normal;
  font-weight: bold;
  font-size: 25px;
  line-height: 40px;
  padding-top: 20px;
}

.cart_modal .close_cart {
  position: absolute;
  top: 5px;
  right: 10px;
  background: inherit;
  color: #6c757d;
  border: 0;
  font-size: 28px;
}

.cart_modal .deleteCart_btn {
  float: right;
  background: #F9872E;
  border-color: #F9872E;
}

.cart_modal .cart_totals b {
  font-size: 20px;
  padding: 10px;
  line-height: 50px;
  color: #3c3c3c;
  font-family: Arimo;
  font-style: normal;
  font-weight: bold;
}

.cart_modal .cart_totals .badge {
  float: right;
  background: #F9872E;
  font-size: 20px;
  margin-top: 8px;
  margin-right: 10px;
}

.cart_modal .cart_totals button {
  border-radius: 0;
  width: 100%;
  background: #2d9dc9;
  border-color: #2d9dc9;
  padding: 10px 0;
}

.main-language .dropdown-menu {
  left: -42%;
}

.custom-checkbox input[type=checkbox] + label {
  position: absolute;
}

.custom-checkbox input[type=checkbox] {
  position: relative;
  left: 15px;
  top: -4px;
  z-index: 0;
  -webkit-appearance: none;
}

.custom-checkbox input[type=checkbox] + label::before {
  width: 24px;
  height: 24px;
  border-radius: 0;
  border: 1px solid #8ecdff;
  background-color: #fff;
  display: block;
  content: "";
  float: left;
  margin-right: 5px;
  z-index: 5;
  position: relative;
}

#modal-newsletter .custom-checkbox input[type=checkbox] + label::before {
  content: "";
  position: relative;
  top: 3px;
}

.custom-checkbox input[type=checkbox] {
  position: relative;
  left: 15px;
  top: -4px;
  z-index: 0;
  -webkit-appearance: none;
  opacity: 0;
}

.custom-checkbox input[type=checkbox] + label {
  position: absolute;
}

.custom-checkbox input[type=checkbox] + label::before {
  width: 24px;
  height: 24px;
  border-radius: 0px;
  border: 1px solid #8ecdff;
  background-color: #fff;
  display: block;
  content: "";
  float: left;
  margin-right: 5px;
  z-index: 5;
  position: relative;
}

.custom-checkbox input[type=checkbox]:checked + label::before {
  /* box-shadow: inset 0px 0px 0px 3px #fff;*/
  /*background-color: $btn_primary ;*/
  background-image: url(/images/checkeds.png?bb59870d3cc7fa82a5533e9dce51f2b6);
  background-position: center;
  background-repeat: no-repeat;
}

.sAuth .custom-checkbox input[type=checkbox] + label {
  position: absolute;
  left: -10px;
  width: auto;
  padding-left: 47px;
  top: 0 !important;
}

.sAuth .custom-checkbox input[type=checkbox] + label::before {
  position: absolute;
  left: 14px;
  top: 1px;
  width: 24px;
  height: 24px;
  border-radius: 0;
}

.sAuth .custom-checkbox input[type=checkbox] + label a, .sAuth .custom-checkbox input[type=checkbox] + label {
  text-decoration: none;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 26px;
  color: #3BB7D2;
}

.ch_1 {
  position: relative;
  margin: 0 auto;
  width: 420px;
  display: block;
}

.ch_2 {
  position: relative;
  margin: 0 auto;
  width: 224px;
  display: block;
  margin-top: 21px !important;
}
.ch_2 label {
  top: 17px;
}

.auth_sign_out .custom-checkbox input[type=checkbox]:checked + label::before {
  box-shadow: unset;
  background-color: inherit;
  background-image: url(/images/checked.png?030f58fa41b3cdc5634a61bcbf855269);
  content: "";
  color: #3BB7D2;
  background-repeat: no-repeat;
  background-position: center;
}

.plans .card {
  margin-bottom: 20px;
  text-align: center;
  border-color: #c0eaf3;
}

.plans .card .card-body {
  padding: 0;
}

.plans .card .card-header {
  background: #F9872E;
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
  color: white;
}

.plans .card .card-text .price {
  margin: 0;
  line-height: 70px;
  font-size: 42px;
  color: #a0cbd5;
}

.plans .card .card-text .list-group {
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  padding: 10px;
  text-align: left;
}

.plans .card .card-text .list-group .list-group-item {
  font-size: 15px;
  padding: 5px 0;
}

.plans .card .card-footer p {
  margin: 0;
  line-height: 39px;
}

.plans .card .card-footer button {
  width: 200px;
  border: 1px solid #d7d7d7;
  border-radius: 4px;
  padding: 5px;
  background: #ffffff;
  color: #ed325f;
  font-size: 18px;
  font-weight: bold;
}

.plans .card .card-footer button img {
  position: relative;
  top: -2px;
}

.auth_sign_out input {
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF);
  border: 1px solid #E7E7E7;
  box-sizing: border-box;
  font-family: Arial;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  display: flex;
  align-items: center;
  padding: 14px;
}

.auth_sign_out button {
  margin: 0 auto;
  background: #3BB7D2;
  border: 1px solid #3BB7D2;
  font-family: Arimo;
  font-style: normal;
  font-weight: bold;
  font-size: 21.8272px;
  line-height: 133.49%;
  text-align: center;
  color: #FFFFFF;
  width: 200px;
  display: block;
  padding: 10px;
}

.schools_box .btn-danger {
  width: 100%;
  font-size: 16px;
  background-color: #e91e63;
  border-color: #e91e63;
}

.gradeList .grade_chemr {
  position: relative;
  display: block;
  height: 28px;
}
.gradeList .custom-checkbox input[type=checkbox] + label {
  top: 0;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #474747;
}

.grade_chemr2 input {
  width: auto !important;
}

.schools_box .btn-primary {
  font-size: 17px;
  width: auto;
  height: 36px;
  line-height: 16px;
}

.auth_sign_out .form-inp {
  margin-bottom: 25px;
}

.auth_sign_out {
  overflow: hidden;
}

.simple_auth .signup_drop .dropdown-toggle {
  height: 48px;
}
.simple_auth .countries_list .b-dropdown-form {
  padding: 0;
}
.simple_auth .countries_list .b-dropdown-form li.active a {
  background: #DEF5FC !important;
  color: #0F96CD !important;
}

.code_show {
  position: absolute;
  top: 128px;
  width: 100%;
  text-align: center;
  height: calc(100vh - 263px);
  background-color: white;
  z-index: 1;
}

.code_show {
  align-items: center;
  display: flex;
}
.code_show .code_show_tab {
  width: 500px;
  margin: 0 auto;
}
.code_show .code_show_tab h1 {
  font-size: 48px;
  font-weight: bold;
  color: #474747;
}
.code_show .code_show_tab h2 {
  font-size: 62px;
  font-weight: bold;
  color: #2f9fb7;
}

.test {
  margin: 20px 0;
  border: 1px solid #f6f8f4;
  padding: 20px;
  border-radius: 4px;
  box-shadow: 1px 1px 2px #e7e7e7;
}

.test .answer {
  font-family: Arimo;
  font-style: normal;
  font-weight: bold;
  font-size: 21.8272px;
  margin-bottom: 20px;
}

.progress {
  border-radius: 0;
}

.card_test {
  margin-top: 30px;
}

.card_test .card-body {
  padding: 0;
}

.card_test h1 {
  font-size: 25px;
  font-weight: bold;
}

.card_test .card-header .col-md-4 {
  line-height: 73px;
  text-align: right;
}

.test .card {
  cursor: pointer;
  margin-bottom: 25px;
}

.test.danger {
  border: 1px solid #f443366e;
  box-shadow: 1px 1px 2px #f4433645;
}

.test .card.success {
  background-color: #4caf5024;
}

.test .card.danger {
  background-color: #f4433636;
}

.test .card:hover {
  background-color: #f6f8f4;
}

.test.danger {
  border: 1px solid #f443366e;
  box-shadow: 1px 1px 2px #f4433645;
}

.test .card .checkeds {
  position: absolute;
  right: 12px;
  top: 19%;
  color: #F9872E;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #ffe60063;
  z-index: 1;
  text-align: center;
  line-height: 37px;
}

.test_revie h1 {
  margin: 0 auto;
  font-family: Arimo;
  font-style: normal;
  font-weight: bold;
  font-size: 36px;
  text-align: center;
  display: block;
  padding: 10px;
  line-height: 60vh;
}

.student_step_one .invalid-feedback-error {
  font-size: 14px;
  color: red;
  text-align: left;
  padding: 3px 15px;
  position: absolute;
  bottom: -38px;
}

.student_step_one .col-md-6, .student_step_one .col-md-12 {
  position: relative;
}

.submit_result_test {
  margin: 0 auto;
  background: #3BB7D2;
  border: 1px solid #3BB7D2;
  font-family: Arimo;
  font-style: normal;
  font-weight: bold;
  font-size: 21.8272px;
  line-height: 133.49%;
  text-align: center;
  color: #FFFFFF;
  width: 280px;
  display: block;
  padding: 10px;
  margin-bottom: 100px;
}

#modal-newsletter .modal-body {
  background-image: url(/images/OBJECTS.png?87370a5d4a25bfffb963941225fa2d7c);
  background-position: bottom;
  background-size: cover;
}

#modal-newsletter .modal-body p {
  margin: 80px 0;
  text-align: center;
}

.topic_lessons h3 {
  margin-top: 30px;
}

.lesson_list .lesson_box h3 {
  margin-top: 0 !important;
}

.links {
  margin-top: 30px;
}

.links a {
  text-decoration: none;
  color: #474747;
  margin-right: 10px;
}

.links a:hover {
  text-decoration: underline;
  color: #F9872E;
}

#modal-newsletter .modal-header {
  background-color: inherit;
  height: auto;
  border-bottom: 0;
}

#modal-newsletter .modal-header button {
  border: 0;
  background-color: inherit;
  font-size: 24px;
  top: 18px;
  position: absolute;
  right: 18px;
  left: unset;
  font-family: "SAP-icons";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 22px;
  text-align: center;
  color: #989898;
}

#modal-newsletter .modal-body h1 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 75px;
  line-height: 86px;
  text-align: center;
  color: #3BB7D2;
}

#modal-newsletter .modal-body .custom-checkbox {
  text-align: center;
  display: block;
  margin-top: 25px;
  margin-bottom: 50px;
}

#modal-newsletter .modal-body .custom-checkbox input[type=checkbox] + label {
  position: absolute;
  width: 336px;
  margin: 0 auto;
}

.sign_user {
  background: #3BB7D2 !important;
  border-color: #3BB7D2 !important;
}

#modal-newsletter .modal-body h2 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 132%;
  margin-bottom: 56px;
  text-align: center;
  color: #474747;
}

#modal-newsletter .modal-body p {
  text-align: center;
  margin: 80px 0;
}

#modal-newsletter .modal-body input[type=text] {
  background: #FFFFFF;
  /* stroke input fields */
  /* P4-secondary text */
  margin: 0 auto;
  width: 560px;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  /* or 186% */
  align-items: center;
  border: 1px solid #DFDFDF;
  box-sizing: border-box;
}

#modal-newsletter .modal-body button {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 21.8272px;
  line-height: 133.49%;
  /* or 29px */
  text-align: center;
  background: #3BB7D2;
  width: 221px;
  height: 64px;
  margin: 30px auto;
  color: #FFFFFF;
  display: block;
  border: 1px solid #3BB7D2;
}

#modal-1 .modal-header {
  color: white;
  line-height: 20px;
  height: 54px;
}

#modal-1 .modal-header button {
  background: inherit;
  color: white;
  border: 0;
}

#modal-1 .modal-body a {
  width: 200px;
  margin: 0 auto;
  display: block;
  text-align: center;
  background: #3BB7D2;
  padding: 10px;
  text-decoration: none;
  color: white;
  margin-top: 45px;
}

.test .card .image {
  text-align: center;
  height: 200px;
  overflow: hidden;
  margin-bottom: 20px;
}

.test .card img {
  max-width: 100%;
  max-height: 100%;
}

.auth_sign_out .custom-checkbox label {
  width: 100%;
  height: 26px;
  overflow: hidden;
}

.cmobile {
  display: block;
}

.mobile {
  display: none;
}

.main_page_quiz {
  max-width: 832px !important;
}

.iso_menu_auto {
  opacity: 0;
}

.navbar .container-fluid {
  padding: 0;
}

.safari header .col-md-9 .component_menu_ li a {
  top: -20px;
}

.box_navigation_md-8 h3 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 40px;
  color: #474747;
}

.firefox .homeBtn {
  position: relative;
  top: -11px;
}

.box_navigation_md-8 p {
  color: #474747;
}

.box_navigation_md-8 b {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  color: #474747;
}

.box_navigation_md-8 h2 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 40px;
  color: #474747;
  margin-bottom: 32px;
}

.page_builder .simple_text .descriptions {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color: #474747;
}
.page_builder .simple_text .descriptions ul li span {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color: #474747;
}

.agent_empty {
  min-height: 196px;
  padding: 0 !important;
}
.agent_empty .apRows {
  position: absolute;
  top: -46px;
  right: 13%;
}
.agent_empty h1 {
  margin-top: 64px;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 40px;
  color: #BABABA;
  position: relative;
}
.agent_empty h1:after {
  content: "";
}
.agent_empty b {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  text-align: center;
  color: #BABABA;
}

.articles_info img {
  max-width: 100%;
}
.articles_info p {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 14pt;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #474747;
}
.articles_info b {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 14pt;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #474747;
}

.bg_feedback {
  text-align: center;
  background: #F6F8F4;
  padding: 80px 0;
}
.bg_feedback h4 {
  text-align: center;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 55px;
  color: #474747;
  margin: 0 0 48px 0;
}
.bg_feedback a {
  display: block;
  margin: 0 auto;
  background: #3BB7D2;
  width: 158px;
  height: 40px;
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 40px;
  color: #FFFFFF;
  text-decoration: none;
  margin-bottom: 16px;
  cursor: pointer;
  transition: all 200ms ease-in-out;
}
.bg_feedback a:hover {
  color: white;
  background: #55D2ED;
}
.bg_feedback p {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color: #474747;
}

.faq_box {
  max-width: 928px !important;
  margin: 0 auto;
  margin-top: 64px;
  margin-bottom: 64px;
}
.faq_box .box_color, .faq_box .page_content {
  padding: 0 !important;
}
.faq_box h3 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #474747;
  margin-top: 16px;
}
.faq_box .descriptions {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #474747;
}
.faq_box .description {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #474747;
}
.faq_box .simple_text {
  cursor: pointer;
}
.faq_box .simple_text h2 {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  color: #474747;
}
.faq_box .simple_text svg {
  transform: rotate(180deg);
}
.faq_box .simple_text svg.active {
  transform: rotate(270deg);
}
.faq_box .box_faq_md-8 {
  border: 1px solid #DFDFDF;
  padding: 32px;
  margin-bottom: 16px;
}
.faq_box .faq_hide {
  transition: all 800ms ease-in-out;
  display: none;
  margin-top: 30px;
}
.faq_box .faq_hide.active {
  display: block;
}

@media (max-width: 1500px) {
  .lesson_slide_show .slide_main .image img {
    max-height: 100% !important;
  }

  .tooltip_box {
    left: inherit;
    right: 16%;
  }

  /*
      .studentBox .box_student_step {
          margin: 0px auto;
          height: auto;
          padding-bottom: 5px;

          h1 {
              font-size: 60px;
              margin-top: 30px;
          }
      }*/
  .lesson_slide_show .footer_slide .btn_left button:nth-child(2) {
    font-size: 18px;
  }
}
@media (max-width: 1400px) {
  header .col-md-9 .navbar ul .nav-link {
    font-size: 13px;
  }

  .lesson_bg h1 {
    font-size: 34px;
  }

  .topic_lessons .lesson_list .image_box {
    width: 33.3%;
  }
}
@media (max-width: 1430px) {
  #navbarSupportedContent .component_menu_ {
    width: 558px;
  }
}
@media (max-width: 1350px) {
  .lesson_slide_show .footer_slide .btn_left button:nth-child(2) {
    margin-right: 1vw !important;
  }

  .lesson_slide_show .footer_slide .btn_right button:nth-child(2), .lesson_slide_show .footer_slide .btn_right button:nth-child(1) {
    margin-right: 1vw !important;
  }

  .lesson_slide_show .footer_slide .btn_left button:first-child {
    margin-left: 1vw !important;
    margin-right: 1vw !important;
  }

  .lesson_slide_show .slide_main .image img {
    max-height: 100%;
  }

  body {
    overflow-x: hidden !important;
  }

  .container-lg, .container-md, .container-sm, .container, .articles-list .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-right: var(--bs-gutter-x, 3rem) !important;
    padding-left: var(--bs-gutter-x, 3rem) !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .article-item .article-img {
    width: 32%;
  }

  .items_info {
    font-size: 14px;
  }

  .box_lesson_workspace .image, .item_lesson .image {
    width: 100% !important;
  }

  .lesson_bg .btn_start {
    width: 200px;
  }
}
@media (max-width: 1290px) {
  .home_maine_instructions .col-md-3 .card:after, .home_maine_instructions .col-md-3 .card:before {
    display: none;
  }

  .home_maine .home_text {
    width: 383px;
  }

  header .col-md-9 .navbar form {
    width: 100px;
    position: absolute;
    top: 0px;
    right: -65px;
    height: 40px;
  }

  #navbarSupportedContent .main-language {
    width: 150px;
    position: absolute;
    right: 20px;
    top: 0;
  }
}
@media (max-width: 1200px) {
  .box_navigation_md-8, .studentBox .box_student_step, .box_navigation_md-4 {
    width: auto !important;
  }

  .lesson_bg #check-class #check-class__BV_toggle_ {
    width: 140px;
  }

  .lesson_bg h1 {
    line-height: 39px;
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu:after {
    margin: unset !important;
    right: 26px !important;
    left: inherit !important;
  }

  #navbarSupportedContent .component_menu_ {
    width: 571px;
  }

  .lesson_bg .btn_start {
    font-size: 16px !important;
  }

  .lesson_bg .lesson_box_description {
    padding-left: 15px;
  }

  footer .component_menu_ {
    width: 500px;
  }

  .box_lesson_workspace .analytics {
    left: -31px !important;
  }
}
@media (min-width: 1300px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1300px !important;
  }
}
/*
@media (max-width: 1300px) {
header .col-md-9 .navbar form {
    width: auto !important;
    position: absolute;
    left: 0;
    top: 0;
}

#navbarSupportedContent .main-language {
    width: 226px;
    position: absolute;
    left: -74px;
    top: 0;
}

}*/
@media (max-width: 1024px) {
  .new_site .image {
    width: auto;
  }

  header .col-md-9 .navbar ul .nav-link {
    height: 35px;
    overflow: hidden;
  }

  .home_maine .home_text {
    margin-top: 0px;
  }

  .container_quiz.statistics {
    padding: 20px;
  }

  .owl_btn {
    max-width: 100% !important;
  }
}
@media (max-width: 1000px) {
  #navbarSupportedContent.show {
    display: block !important;
    top: 0;
    width: 100%;
    height: 100vh;
    background: white;
  }

  .dropers.active svg {
    rotate: 90deg;
  }

  .dropes {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99;
  }

  .workspace_header {
    font-size: 22px !important;
  }

  .agent_form_add_teacher {
    display: block;
  }
  .agent_form_add_teacher .col {
    width: 100% !important;
  }

  .workspace_box_agents .school_name_workspace {
    text-align: left;
    display: flex;
    align-items: center;
  }

  .workspace_box_agents .agent_status {
    width: 110px;
  }

  header .col-md-9 .navbar form {
    right: 200px !important;
  }

  .workspace_container .header_items {
    text-align: left !important;
  }

  .agent_headers {
    position: relative;
    margin-bottom: 78px;
  }
  .agent_headers .btn-secondary {
    position: absolute;
    right: 18px;
  }
  .agent_headers .pannel_statics {
    position: absolute;
    width: 100%;
    top: 54px;
  }

  .workspace_box_agents .school_name_workspace {
    text-align: center;
  }

  .workspace_box_agents .header_items {
    text-align: left;
  }
  .workspace_box_agents .header_items .row {
    height: 100%;
  }

  .safari header .col-md-9 .component_menu_ li a {
    top: 0 !important;
  }

  header .col-md-9 .navbar ul .router-link-exact-active {
    background-color: white;
    color: #505050;
    display: block;
    text-decoration: none;
    font-size: 14px;
    padding: 7px 13px;
  }

  .background_table_lesson {
    overflow: hidden;
    overflow-x: scroll;
  }

  header .col-md-9 .navbar {
    position: absolute;
    right: 0;
  }

  .lesson_box .list-item {
    display: flex;
    justify-content: center;
  }

  .topic_lessons .lesson_list .lesson_box .description {
    padding: 0 10px;
  }

  .filter_information h3 {
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 20px;
    margin-top: 0 !important;
  }

  .select_countItem {
    text-align: center;
    margin-bottom: 20px;
  }

  .select_typeItem {
    text-align: center;
  }

  .page_builder .header-bg-video h1 {
    font-size: 29px;
    line-height: 29px;
  }

  .box_navigation_md-8 {
    width: auto;
  }

  .page_builder .header-bg-video h2 {
    font-size: 20px;
    line-height: 20px;
  }

  .content_teacher_grid .col-md-3 .card, .content_teacher_grid .col-md-3 .card .image, .content_teacher_grid .col-md-4 .card .image {
    width: 100% !important;
  }

  .content_teacher_grid .col-md-3:nth-child(1) .card:before {
    display: none;
  }

  .content_teacher_grid .card .content_text p, .content_teacher_grid .card .content_text div {
    font-size: 14px;
    line-height: 20px;
  }

  .content_teacher_grid .col-md-3 .card {
    height: 237px;
  }

  .home_bn .text {
    font-size: 30px;
  }

  .home_video .home_video_text p {
    font-size: 14px;
    line-height: 20px;
  }

  header .header_bg .col-md-9 {
    width: 20%;
  }

  header .header_bg .col-md-2 {
    width: 70%;
  }

  header .header_bg .header_auth_btn .agent_in {
    right: 328px;
  }

  iframe {
    max-width: 100%;
  }

  .article-item .more-wrap {
    bottom: 41px;
  }

  .course_bg .filters {
    width: 100%;
    display: inline-block;
  }

  .course_bg .filters .box, .course_bg .filters .box:nth-child(4), .course_bg .filters .box:nth-child(3), .course_bg .filters .box:nth-child(2), .course_bg .filters .box:nth-child(1) {
    width: 88% !important;
    margin-bottom: 10px;
  }

  .article-item .article-img {
    width: 100%;
  }

  .article-item .article-info {
    width: 100%;
  }

  .header-bg-video h1 {
    font-size: 39px;
    line-height: 45px;
  }

  .wp-video, video, img, .course_main .img_course .image {
    max-width: 100% !important;
  }

  table {
    max-width: 100%;
  }

  .content_teacher_grid .col-md-3:nth-child(3) .card:before, .content_teacher_grid .col-md-3:last-child .card:after {
    display: none !important;
  }

  .topic_lessons .lesson_list .image_box {
    width: 100%;
  }

  .topic_lessons .lesson_list .lesson_box .col-md-8 {
    padding-left: inherit;
    padding-right: inherit;
  }

  .topic_lessons .lesson_list .lesson_box {
    text-align: center;
    padding-bottom: 120px;
    bottom: 30px;
  }

  .topic_lessons .lesson_list .lesson_box .access_lesson_green {
    margin: 0 auto;
    left: 0;
    right: 0;
  }

  .lesson_bg .lesson_box_description {
    text-align: center;
  }

  .new_site .image {
    width: 100%;
    height: auto;
  }

  .lesson_bg .lesson_box_description {
    padding-left: inherit !important;
    padding-right: inherit !important;
  }

  .new_site .description {
    position: relative;
    top: 25px;
  }

  .new_site .descriptions {
    height: 110%;
  }

  .row .related-item .items {
    margin-bottom: 25px;
  }

  .lesson_bg .btn_start {
    width: 164px;
  }

  .container-lg, .container-md, .container-sm, .container, .articles-list .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-right: var(--bs-gutter-x, 1rem) !important;
    padding-left: var(--bs-gutter-x, 1rem) !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .box_lesson_workspace .task_bar {
    position: relative;
  }

  .workspace_container {
    display: block !important;
  }
  .workspace_container .col-4 {
    padding: 0;
  }
  .workspace_container .header_items {
    text-align: center;
    font-size: 14px !important;
  }

  .school_name_workspace b {
    line-height: 14px !important;
    font-size: 15px !important;
  }

  .flex_box_2 {
    width: 100%;
  }

  .flex_box_10 {
    width: 100%;
    margin: 0;
  }

  footer {
    overflow: hidden !important;
  }

  .view_notes_group {
    width: 100% !important;
  }
  .view_notes_group button {
    width: 100% !important;
  }

  .schools_box button {
    margin-bottom: 15px;
  }

  .workspace_box .item_lesson .image {
    overflow: hidden;
    margin-bottom: 10px;
  }
  .workspace_box .item_lesson .col-md-8 {
    padding-left: 10px;
  }
  .workspace_box .item_lesson .classes {
    display: block !important;
  }
  .workspace_box .item_lesson .classes span {
    width: 100% !important;
  }

  .header_items .col-md-1 {
    position: relative;
  }
  .header_items .col-md-1 #dropdo3wn-321 {
    top: 0;
    right: 24px;
  }

  .container_quiz, #madalQuizSlide .modal-dialog {
    max-width: 100% !important;
  }

  .header_items b, .header_items .arrow {
    font-size: 16px;
  }

  .analytics {
    position: absolute !important;
    top: inherit !important;
  }

  .studentBox {
    height: auto !important;
    margin-top: 0;
    display: block;
    position: relative;
  }
  .studentBox .box_student_step {
    width: 100%;
  }
  .studentBox .box_student_step h1 {
    margin-top: 20px;
    font-size: 36px;
  }
  .studentBox .box_student_step input {
    width: 90%;
  }

  #modal-newsletter .modal-body input[type=text] {
    width: 100%;
  }

  .home_maine_instructions .row .col-md-3 .card {
    margin: auto !important;
    float: inherit !important;
    margin-bottom: 25px !important;
  }

  .home_maine_instructions .col-md-3 .card:after {
    display: none !important;
  }

  .home_excellence .excellence .home_icon {
    text-align: center !important;
  }

  footer .corp {
    text-align: left !important;
    width: 100%;
    float: left;
    margin-top: 20px;
  }

  header .navbar-expand-lg .navbar-nav .dropdown-menu {
    width: 100%;
    position: relative;
    right: inherit;
    margin: auto;
    max-width: 100%;
  }

  .topic_lessons .lesson_list .lesson_box .access_lesson_green {
    bottom: 10px;
  }

  .navbar-light .navbar-toggler {
    border-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.55);
    border: 0;
    border-radius: 0;
    top: 1.6px;
  }

  .fastEdit {
    top: 134px;
  }

  .header-bg-video {
    background-size: cover;
  }

  .topic_lessons .lesson_list .lesson_box .access_lesson_red {
    bottom: 10px;
  }

  header .navbar-light .navbar-nav .nav-link:hover, header .navbar-light .navbar-nav .nav-link:focus {
    color: #f9872e;
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #f4f4f4;
    top: -9px;
    right: 27px;
    margin: inherit;
    left: unset;
  }

  .logo_footer {
    display: block !important;
  }

  /*
      .row .related-item:nth-child(2n+1){
          margin: 0;

      }*/
  .contact_form {
    max-width: 100%;
  }

  .contact_page .excellence {
    margin-bottom: 25px;
  }

  .topic_lessons .lesson_list .lesson_box .image_box .access_lesson_green {
    margin: 25px 0;
  }

  .lesson_bg {
    height: auto;
  }

  .lesson_bg h1 {
    font-size: 36px;
    line-height: 45px;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
  }

  .lesson_bg .image {
    margin-top: 0;
    height: auto;
  }

  .lesson_bg button {
    margin: 28px auto;
    display: block;
  }

  .handbook_bg, .lesson_desription .description {
    padding: 12px !important;
  }

  .lesson_slide_show .slide_main .description p {
    font-size: 16px;
    line-height: 21px;
  }

  .lesson_slide_show .footer_slide .btn_left button {
    height: 45px;
    margin: 25px 0;
    width: 45px;
  }

  .lesson_slide_show .footer_slide .btn_left button:nth-child(1) {
    margin-left: 10px;
    margin-right: 10px;
  }

  .lesson_slide_show .footer_slide .btn_left button:nth-child(2) {
    margin-right: 10px;
  }

  /*
      .lesson_slide_show .footer_slide .slide_pager .btn-group {
          margin-top: 24px;
      }*/
  .lesson_slide_show .footer_slide .slide_pager .btn-group span {
    font-size: 22px;
  }

  .lesson_slide_show .slide_header {
    background: #2F9FB7;
    height: 13.28vh;
  }

  .lesson_slide_show .slide_header .title {
    position: absolute;
    left: 112px;
    top: 0;
  }

  .lesson_slide_show .slide_header .close_btn {
    position: absolute;
  }

  .lesson_slide_show .slide_header .logo {
    padding: 0 25px;
  }

  .topic_header h1 {
    text-align: center;
  }

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

  .home_bn .text {
    font-size: 42px;
  }

  .topic_header {
    margin-top: 10px;
    margin-bottom: 80px;
  }

  header .header_bg .header_auth_btn {
    display: flex;
    line-height: 40px;
    justify-content: center;
  }

  .signup_drop {
    width: 100%;
    margin-top: 20px;
  }

  .navbar-light .navbar-toggler {
    background: white;
    margin-left: 20px;
    position: absolute;
    top: 0px;
    right: 4px;
  }

  .navbar-collapse {
    background: white;
    right: 0px;
    position: absolute;
    top: 0px;
  }

  header .col-md-9 .navbar ul .nav-link {
    font-size: 15px;
  }

  header .header_bg .header_auth_btn_login {
    text-align: right;
    position: absolute;
    top: 1px;
    left: calc(100% - 176px);
  }

  .cmobile {
    display: none;
  }

  .mobile {
    display: block;
  }

  header .mobile_menu_header {
    display: block;
    padding: 10px 10px;
    margin-top: 10px;
  }

  header .mobile_menu_header {
    height: 70px;
  }

  header .col-md-9 .navbar form {
    width: 40px;
    position: absolute;
    right: 65px;
  }

  .filter_box {
    width: 100%;
    left: 0;
    top: -15px;
    background: white;
    height: 100vh;
  }

  .filter_box_row .col-md-4, .filter_box_row .col-md-2 {
    margin-bottom: 20px;
  }

  header .mobile.close_menu {
    float: right;
    background: #3BB7D2;
    border: 0px;
  }

  .main-language {
    width: 85px;
    float: left;
  }

  header .mobile .navbar-nav .dropdown-menu {
    position: absolute;
  }

  header #navbarSupportedContent {
    display: none;
    z-index: 3;
    position: fixed;
    left: 0;
    width: 100%;
    height: 100vh;
  }

  .main-language {
    position: absolute;
  }

  .filter_box {
    left: inherit;
    right: 0;
    z-index: 9999;
  }
  .filter_box .col-md-2 {
    width: 100% !important;
    margin-right: 0 !important;
  }
  .filter_box .btn-primary {
    width: 200px;
    margin: 0 auto;
    display: block;
  }

  header .col-md-9 .navbar ul .nav-item {
    border-bottom: 1px solid #ceeaf0;
  }

  header .col-md-9 .navbar form button {
    color: #505050;
    position: absolute;
    z-index: 999;
    display: block;
  }

  header .col-md-9 .navbar ul .nav-link {
    background-color: white;
    color: #505050;
    display: block;
  }

  .home_maine {
    background-position: bottom;
  }

  .home_maine .home_text {
    width: auto;
  }

  .home_maine .home_text h1, .home_maine .home_text p, .home_maine .home_text h2, .home_maine .home_text h3, .home_maine .home_text h4 {
    text-align: center;
  }

  .home_bn {
    height: 474px;
    padding-top: 153px;
    background-position: center;
  }

  .excellence {
    text-align: center;
  }

  .excellence .table_box {
    display: block;
    margin-top: 20px;
    height: auto;
  }

  .excellence .table_box .table_box_item {
    display: block;
    width: 100%;
    text-align: center;
  }

  .home_maine .home_text h1 {
    font-size: 48px;
  }

  .home_maine .home_text h2 {
    font-size: 22px;
  }

  .home_maine .home_text h3 {
    font-size: 18px;
  }

  .home_maine .home_text p {
    font-size: 14px;
  }

  .logo_footer img {
    width: 113px;
  }

  .logo_footer {
    margin-bottom: 20px;
    display: block;
    text-align: right;
  }

  .student_step_one {
    width: 100% !important;
  }

  .studentBox {
    top: 0;
  }

  .lesson_slide_show .slide_main .description p {
    font-family: "Arimo" !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 19px !important;
    line-height: 22px !important;
    text-align: left !important;
    color: #474747 !important;
    padding: 10px !important;
    padding-left: 8px !important;
    /*  min-height: 17.417vh !important;*/
    margin-bottom: 0 !important;
  }

  .lesson_slide_show .slide_header .close_btn button {
    margin-top: 0;
  }

  .item_lesson .image img {
    max-height: 100% !important;
  }

  .delete-class button {
    width: 100%;
  }

  .article-item .article-info {
    width: 100%;
    padding: 15px;
  }

  .video-item .title, .article-item .title {
    font-size: 25px;
  }

  .student_step_one .col-md-6:nth-child(1) {
    margin-bottom: 20px;
  }

  .home_text {
    z-index: 3;
  }

  .inver_background {
    position: relative;
    z-index: 2;
    height: 641px;
  }

  .home_background_img {
    position: absolute;
    width: 100%;
    max-width: 100%;
    height: 194px;
    bottom: 0;
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-size: cover;
    background-position: center;
  }

  #navbarSupportedContent .component_menu_ {
    width: 100%;
  }

  .header_bg .navbar-light .navbar-toggler {
    right: 5px;
    height: 40px;
  }

  #modal-newsletter .modal-body h1 {
    font-size: 30px;
    line-height: 40px;
  }

  #modal-newsletter .modal-body h2 {
    font-size: 20px;
    line-height: 106%;
    margin-bottom: 25px;
  }

  .auth_sign_out {
    padding: 0;
  }

  .info_paragraph {
    position: relative !important;
    line-height: 14px;
    top: 0 !important;
    margin-top: 5px;
    margin-bottom: 5px !important;
  }

  .mobile_margin {
    margin-bottom: 0 !important;
  }

  .auth_sign_in {
    padding: 0 !important;
  }

  .auth_sign_in h1 {
    font-size: 49px !important;
    line-height: 100% !important;
  }

  .auth_sign_out h1 {
    font-size: 65px !important;
    line-height: 65px !important;
  }

  header .header_bg .header_auth_btn .sign_in {
    margin-right: 10px !important;
    height: 40px;
  }

  header .col-md-9 .component_menu_ li a {
    background-color: white;
    color: #505050;
    display: block;
  }

  .agent_auth_form h1 {
    line-height: 100% !important;
  }

  .home_maine {
    background-position: bottom;
    height: 700px;
    overflow: hidden;
  }

  .workspace_header {
    position: relative;
  }
  .workspace_header .list_items_btn_add {
    width: auto !important;
    position: absolute;
    top: 50px;
    right: 10px;
  }

  header #dropdownMenuButton2 {
    margin-top: 3px;
  }

  #modal-newschool .modal-dialog .modal-content .modal-body h1, .password-form h1 {
    font-size: 30px;
  }

  #modal-newschool .modal-dialog .modal-content, #modalWorkspace .modal-dialog .modal-content {
    border-radius: 0;
    border: 0;
    width: 100% !important;
    height: auto;
  }
}
@media (max-width: 425px) {
  .content_teacher_grid .card .content_text p, .content_teacher_grid .card .content_text div {
    font-size: 16px;
    line-height: 24px;
  }

  .content_teacher_grid .col-md-3 .card {
    height: 280px;
  }

  header .header_bg .header_auth_btn .agent_in {
    display: none;
  }

  .student_step_one {
    width: 100% !important;
  }

  .home_maine .home_text {
    width: 100%;
    float: right;
    margin-top: 0px;
    text-align: center;
  }

  .home_maine .home_text h1, .home_maine .home_text h2, .home_maine .home_text h3, .home_maine .home_text h4, .home_maine .home_text p {
    text-align: center;
  }

  .home_bn {
    height: 100vh;
  }

  .home_maine {
    background-position: left bottom;
  }

  .container_quiz.statistics {
    padding: 10px;
  }
}
.home_maine {
  overflow: hidden;
}

.home_background_img {
  width: 1222px;
  height: 641px;
  background-repeat: no-repeat;
  position: absolute;
  display: block;
  left: -182px;
  transform: scale(-1, 1);
}

/*
.home_maine .home_text {
    width: 100%;
}*/
.home_maine .home_text h3 {
  text-align: left !important;
}

.home_maine .home_text h1 {
  text-align: left !important;
}

.home_maine .home_text h3:nth-child(3) {
  text-align: left !important;
}

.home_maine .home_text h4 {
  text-align: left !important;
  max-width: 449px;
}

@media (max-width: 1355px) {
  /*.home_background_img {
      width: 1110px;
      height: 557px;
      background-repeat: no-repeat;
      position: absolute;
      display: block;
      right: -199px;
      background-size: contain;
      bottom: -95px;
  }*/
  .home_maine .home_text h3 {
    font-size: 1.5rem;
    line-height: 2.3rem;
  }

  .home_maine .home_text h1 {
    font-size: 4.68rem;
  }

  .home_maine .home_text h3:nth-child(3) {
    font-size: 2rem;
  }

  .home_maine .home_text h4 {
    font-size: 1.3rem;
  }
}
@media (max-width: 768px) {
  .page_content h1 {
    font-size: 26px;
    line-height: 34px;
  }

  .page_content .descriptions p, .page_content .descriptions p span {
    font-size: 14pt !important;
  }

  #user_add_school h1 {
    font-size: 20px;
    line-height: 24px;
  }

  .topic_lessons .lesson_list .lesson_box .access_lesson_red {
    margin: 15px auto !important;
  }

  .home_maine .home_text h1, .home_maine .home_text h2, .home_maine .home_text h3, .home_maine .home_text h4, .home_maine .home_text p {
    text-align: center !important;
  }

  .home_maine .home_text h1 {
    font-size: 2.68rem !important;
  }

  .home_maine .home_text h3:nth-child(3) {
    font-size: 2rem;
    text-align: center !important;
    margin: 10px 0;
  }

  .inver_text_scale {
    z-index: 0 !important;
  }

  .home_maine_instructions h2 {
    font-size: 40px;
  }

  .home_background_img {
    position: absolute;
    max-width: 100%;
    bottom: 0;
    display: block;
    left: 0;
    right: 0;
    background-size: cover;
    height: 200px;
  }

  .inver_text_scale {
    z-index: 1 !important;
  }

  .inver_background {
    position: absolute !important;
    z-index: 0;
    height: 700px;
  }

  .handbook_bg table tr td:nth-child(1) {
    width: 25vw !important;
  }

  .lesson_slide_show .slide_header .logo {
    padding: 10px 25px;
  }

  .lesson_slide_show .slide_header .close_btn button {
    margin: 27px 0px;
  }

  .lesson_slide_show .slide_main .description p {
    width: 93%;
  }

  .lesson_slide_show .footer_slide button span {
    display: none;
  }

  #modalSlideType .modal-dialog .modal-content .modal-body .type_slider .btn_lesson {
    margin: 0 auto;
    width: 90%;
    display: block;
    margin-top: 173px;
  }

  #modalSlideType .modal-dialog .modal-content .modal-body .type_slider .btn_preparation {
    width: 90%;
    margin: 0 auto;
    margin-top: 25px;
    display: block;
  }

  .footer_slide .col {
    float: left;
    display: block;
    width: 100px !important;
    overflow: hidden;
  }
  .footer_slide .lesson_slide_show .footer_slide .btn_left button:nth-child(1) {
    width: 5.11vh !important;
    height: 5.11vh !important;
  }
  .footer_slide .lesson_slide_show .footer_slide .btn_left button:nth-child(2) {
    width: 5.11vh !important;
  }
  .footer_slide #btn_hide_text, .footer_slide #btn_show_text {
    padding: 0 5px !important;
  }
  .footer_slide .curens_page {
    display: none;
  }

  .handbook_bg, .lesson_desription .description {
    padding: 15px !important;
  }

  #modal-close-lesson .btn-group {
    width: 100%;
  }
}
.password_btn_view {
  width: 48px !important;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 23px !important;
  transition: 200ms all ease-in;
  background: #3BB7D2 !important;
  border: 1px solid #3BB7D2 !important;
  margin: 0 !important;
  height: 100% !important;
}
.password_btn_view:hover {
  background: #55D2ED !important;
  border: 1px solid #55D2ED !important;
}

.handbook_bg table {
  width: auto !important;
}

.student footer {
  display: none;
}

.uploads .upload {
  background: white;
  margin: 20px;
  text-align: center;
  padding: 25px 0;
  cursor: pointer;
  transition: all 200ms ease-in-out;
}

.uploads .upload:hover {
  background: #bfe9f6;
}

.uploads .upload svg {
  width: 100px;
  height: 100px;
}

.uploads .upload svg path {
  fill: #0f96cd;
}

.uploads .upload h3 {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 34px;
}

/*
.header_bg .col-md-1{
    width: 70% !important;
}
.header_bg .col-md-9{
    width: 70% !important;
}*/
.uploads .upload p {
  color: #7f7f7f;
  font-size: 18px;
}

.uploads .list-group {
  border-radius: 0;
  margin-top: 20px;
}
.uploads .list-group .list-group-item {
  border: unset !important;
  border-bottom: 1px solid #def5fc !important;
}
.uploads .list-group .list-group-item b {
  color: #1e6289;
}

@media (max-height: 600px) {
  .lesson_slide_show .slide_main .description {
    bottom: 0vh;
  }

  .lesson_slide_show .slide_main .image {
    height: 45vh;
  }
}
.fixed_haeds {
  position: -webkit-sticky;
  position: sticky;
  top: -8px;
  left: 0;
  width: 100%;
}
.fixed_haeds .dropdown-header {
  height: 50px;
  background-color: #03a9f4;
}
.fixed_haeds input {
  padding: 6px;
}

#modal-sign-in-email h1, #modal-add-prolong h1 {
  font-family: Arimo;
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 55px;
  text-align: center;
  color: #474747;
  margin-bottom: 30px;
}
#modal-sign-in-email p, #modal-add-prolong p {
  text-align: center;
  font-family: Arimo;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 8px;
  color: #787987;
}
#modal-sign-in-email a, #modal-add-prolong a {
  text-decoration: none;
  background: #3bb7d2;
  border-color: #3bb7d2;
  width: 221px;
  height: 64px;
  font-family: Arimo;
  font-style: normal;
  font-weight: 700;
  font-size: 21.8272px;
  line-height: 64px;
  margin: 0 auto;
  margin-top: 32px;
  text-align: center;
  color: white;
  display: block;
}

#modal-add-prolong h1 {
  font-family: Arimo;
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 44px;
  text-align: center;
  color: #474747;
  margin-bottom: 30px;
}
#modal-add-prolong textarea {
  font-family: Arimo;
  font-style: normal;
  width: 97%;
  margin-top: 20px;
}
#modal-add-prolong button {
  background: #3bb7d2;
  border-color: #3bb7d2;
  width: 221px;
  height: 64px;
  font-family: Arimo;
  font-style: normal;
  font-weight: 700;
  font-size: 21.8272px;
  line-height: 48px;
  margin: 0 auto;
  margin-top: 32px;
  text-align: center;
  color: white;
  display: block;
}
#modal-add-prolong button:hover {
  background: #55D2ED !important;
  border: 1px solid #55D2ED !important;
}

.tab_profiles .nav-tabs .nav-link {
  font-family: Arimo;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  color: #474747;
}
.tab_profiles h6 {
  font-family: Arimo;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  color: #646464;
  margin: 15px 0px;
}
.tab_profiles .nav-tabs .nav-link.active {
  color: #3BB7D2;
}
.tab_profiles button {
  width: auto;
  font-size: 16px;
  margin: 0;
  margin-top: 15px;
}

.active_row {
  background-color: #cce8ff !important;
}

.active_row_teacher, .active_row_teacher td {
  background: #6fcdea4f !important;
}

#input-phone.is-invalid input {
  border: 1px solid red !important;
}

#modalWorkspace .signup_drop .dropdown-toggle::after {
  right: 5px !important;
}

.profile_tab_education #modalWorkspace .signup_drop .dropdown-toggle::after {
  right: 10px;
}

.admin_panel .notification-content {
  font-size: 20px !important;
}

.countries_list .dropdown-menu.show {
  height: 350px !important;
  overflow-y: scroll !important;
}

.schedule_tab table a {
  font-family: "Arimo", sans-serif;
  text-decoration: none;
  color: #3BB7D2;
}

@media only screen and (max-width: 1000px) and (min-width: 768px) {
  .body_en_US header .header_bg .header_auth_btn .agent_in {
    right: 0;
    position: relative;
    margin-right: 10px;
  }
  .body_en_US header .header_bg .col-md-2 {
    width: 65%;
  }
}
@media only screen and (max-width: 1250px) and (min-width: 1000px) {
  .body_en_US #navbarSupportedContent .component_menu_ {
    width: 571px;
    top: 4px;
    position: relative;
  }
  .body_en_US #navbarSupportedContent .main-language {
    width: 150px;
    position: absolute;
    right: 10vw;
  }
  .body_en_US .main_header_container .col-md-2 {
    width: 20%;
    position: absolute;
    right: 0;
  }
  .body_en_US header .header_bg .header_auth_btn .agent_in {
    right: 218px;
    width: 97px;
  }
  .body_en_US header .col-md-9 .navbar form {
    width: 100px;
    position: absolute;
    width: 40px;
    right: 13vw;
    height: 40px;
  }
}
@media only screen and (max-width: 1290px) and (min-width: 1250px) {
  .body_en_US #navbarSupportedContent .component_menu_ {
    width: 571px;
    top: 4px;
    position: relative;
  }
  .body_en_US #navbarSupportedContent .main-language {
    width: 150px;
    position: absolute;
    right: 19vw;
  }
  .body_en_US header .col-md-9 .navbar form {
    width: 100px;
    position: absolute;
    right: 15vw;
    height: 40px;
  }
}
@media only screen and (max-width: 1100px) and (min-width: 1000px) {
  .body_en_US #navbarSupportedContent .component_menu_ {
    width: 571px;
    top: 4px;
    position: relative;
  }
  .body_en_US header .col-md-9 .navbar ul .nav-link {
    padding: 10px 8px;
  }
}
@media (max-width: 420px) {
  header .header_bg .header_auth_btn .sign_in, header .header_bg .header_auth_btn .sign_up {
    width: auto;
    padding: 0 10px;
  }

  .auth_sign_in h1, .auth_sign_out h1, .auth_sign_in h1 {
    font-size: 38px !important;
    line-height: 100% !important;
  }

  .home_bn {
    height: 474px;
  }

  .home_bn .text {
    font-size: 28px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 1190px) and (min-width: 1000px) {
  .content_teacher_grid .col-md-3:nth-child(1) .card:before, .content_teacher_grid .col-md-3:nth-child(3) .card:before {
    display: none;
  }

  .home_maine_instructions .row .col-md-3:first-child > .card {
    margin-right: 0;
  }

  .home_maine_instructions .row .col-md-3:nth-child(2) > .card {
    margin-left: 0;
  }

  .home_maine_instructions .row .col-md-3:nth-child(3) > .card {
    margin-left: 0;
  }

  .home_maine_instructions .row .col-md-3:last-child > .card {
    margin-left: 0;
  }

  .home_maine_instructions .media_card {
    width: 100% !important;
  }
}
@media only screen and (max-width: 1280px) and (min-width: 768px) {
  .agent_headers h1 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 1045px) and (min-width: 768px) {
  .home_maine {
    height: 489px;
  }

  .home_background_img {
    left: 0;
    height: 290px;
    bottom: 0;
    width: 100%;
    background-size: cover;
  }

  .inver_text_scale {
    z-index: 1;
  }

  .inver_background {
    height: 489px;
    z-index: 0;
  }

  .home_text h1 {
    font-size: 40px;
  }

  .home_maine .home_text h3 {
    font-size: 20px !important;
    line-height: 30px;
  }
}
@media only screen and (max-width: 767px) and (min-width: 208px) {
  .column-builder .content video {
    width: 100%;
    height: auto;
  }

  .go_about_btn {
    margin: 0 auto;
    margin-top: 30px;
  }

  .what-div .row:nth-child(2) .col-md-6:nth-child(1) {
    order: 2;
  }
  .what-div .row:nth-child(2) .col-md-6:nth-child(2) {
    order: 1;
  }

  .background-builder {
    height: 220px;
    background-repeat: no-repeat;
    background-size: 1048px;
    background-position: -296px 0;
  }
  .background-builder h1 {
    font-size: 36px;
    line-height: 41px;
  }

  .the-team img {
    height: auto;
  }

  .grid-builder, .column-builder {
    padding: 64px 0;
  }

  .about-grid-image {
    margin-bottom: 40px;
  }

  .about-simple .col-md-6:nth-child(1) .content {
    height: auto;
    text-align: center;
  }

  .create-account-about p {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 23px;
  }

  .about-purchase .card {
    height: 360px;
    margin-bottom: 30px;
  }

  .about-purchase .card .card-body img {
    margin-bottom: 3px;
    height: auto;
  }

  .column-builder .box-title {
    font-size: 34px;
    line-height: 43px;
  }

  .about-card-arrow .card {
    width: 344px;
    height: 230px;
    text-align: center;
    margin-bottom: 30px;
  }

  .about-grid-content {
    /*text-align: center;*/
  }

  .about-card-arrow .card {
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 30px;
  }

  .about-card-arrow .col-md-4 .card:before {
    display: none !important;
  }

  .contact-us-about .grid-template {
    display: list-item;
  }

  .about-grid-content h3 {
    font-size: 29px;
    line-height: 36px;
  }

  .about-simple img {
    display: none;
  }

  .about-card .card {
    padding: 0;
    height: auto;
    margin-bottom: 32px;
  }

  .about-card .card .title {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 20px;
  }

  .about-card .card .content p {
    padding: 0 10px;
  }

  .the-team h4 {
    float: left;
    font-size: 25px;
    font-weight: 700;
    line-height: 33px;
    margin-bottom: 22px;
    margin-top: 10px;
  }

  .the-team .col {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 999px) and (min-width: 208px) {
  .agent_form_add_teacher {
    display: block;
  }
  .agent_form_add_teacher .col {
    width: 100% !important;
  }

  .classes .agent_form_add_teacher span {
    bottom: -20px !important;
  }

  #modal-add-school .modal-dialog section, #modal-add-school-period .modal-dialog section, #modalEditeTeacher .modal-dialog section {
    width: auto !important;
  }

  #modal-add-school .modal-dialog h1, #modal-add-school-period .modal-dialog h1, #modalEditeTeacher .modal-dialog h1 {
    font-size: 30px !important;
    line-height: 38px;
  }

  .mx-datepicker {
    width: 100% !important;
  }

  .agent_headers {
    margin-bottom: 10px;
  }
  .agent_headers h1 {
    width: 100% !important;
    text-align: center;
  }

  .agent_israel_work .agent_form_add_teacher button {
    font-size: 14px;
    width: 250px !important;
  }

  .uploads .upload {
    margin: 0;
  }

  .uploads .list-group {
    margin-bottom: 20px;
  }

  .navbar .nav-item:hover .dropdown-menu {
    top: 0;
  }
}