:root {
  --white-smoke: #f6f6f6;
  --black: black;
  --dark-orange: #ff7e00;
  --goldenrod: #e2ac36;
  --goldenrod-disabled: #f3deaf;
  --white: white;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.icons-headers {
  font-family: PT Sans;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  text-align: center;
  z-index: 200;
}

.block-partners {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px 32px;
  z-index: 200;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.head-banner {
  z-index: 5;
  height: 550px;
  background-color: #f6f6f6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 60px;
  font-family: PT Sans, sans-serif;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section {
  z-index: 2;
  background-color: #fff;
  border-top: 0 #e7e8e9;
  border-bottom: 1px solid #e7e8e9;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 60px;
  padding-right: 0;
  font-family: PT Sans, sans-serif;
  display: flex;
  position: relative;
}

.section.award {
  border-bottom-style: none;
  margin-top: 60px;
}


.section.last-banner {
  background-image: url("../../img/lyceum26/listing-BG.jpg");
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  border-bottom-width: 1px;
  padding-top: 60px;
  position: static;
}

.section.grey {
  background-color: var(--white-smoke);
}

.paragraf {
  max-width: 680px;
  color: var(--black);
  text-align: left;
  margin-bottom: 10px;
  font-family: PT Sans, sans-serif;
  font-size: 18px;
  line-height: 26px;
}

.paragraf.popup {
  max-width: none;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 24px;
}

.paragraf._1 {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: 700;
}

.paragraf.last {
  margin-bottom: 40px;
}

.div-horz {
  width: 990px;
  height: 150px;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  display: flex;
}

.div-horz.head {
  padding-top: 40px;
}

.div-horz.head.mainpage {
  z-index: 10;
  width: 968px;
  height: auto;
  background-color: rgba(0, 0, 0, 0);
  margin-top: 50px;
  margin-bottom: 30px;
  margin-right: 0;
  padding-top: 0;
  position: relative;
}

.div-horz.head.logo {
  z-index: 10;
  width: 1080px;
  height: 64px;
  align-items: center;
  padding-top: 0;
  position: relative;
}

.div-horz.items {
  width: 830px;
  height: auto;
  flex-direction: row;
  margin-top: 40px;
  margin-bottom: 30px;
}

.div-vert {
  width: 780px;
  height: auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-vert.center {
  width: auto;
  align-items: center;
}

.heading2 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Roboto Slab, sans-serif;
  font-size: 36px;
  line-height: 38px;
}

.heading_no-margin {
  margin: 0;
}

.heading3 {
  font-family: PT Sans;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  margin-top: 8px;
  margin-bottom: 16px;
  text-align: center;  
}

.heading2.popup {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 15px;
  padding-left: 0;
  padding-right: 0;
  font-size: 32px;
}

.plashka {
  width: 370px;
  height: 100px;
  text-align: left;
  background-color: #fff;
  border-radius: 3px;
  margin-bottom: 20px;
  padding: 22px 0 40px 90px;
  font-size: 18px;
  line-height: 24px;
  box-shadow: 0 2px 15px rgba(70, 84, 91, 0.23);
}

.plashka._2 {
  background-image: url("../../img/lyceum26/icons-liseum-06.svg");
  background-position: 20px;
  background-repeat: no-repeat;
  background-size: 48px;
  margin-left: 10px;
  padding-top: 38px;
}

.plashka._3 {
  background-image: url("../../img/lyceum26/icons-liseum-02.svg");
  background-position: 20px;
  background-repeat: no-repeat;
  background-size: 48px;
  margin-left: 10px;
  margin-right: 0;
  padding-top: 24px;
  line-height: 26px;
}

.plashka._1 {
  background-image: url("../../img/lyceum26/icons-liseum-01.svg");
  background-position: 20px;
  background-repeat: no-repeat;
  background-size: 48px;
  margin-right: 10px;
  padding-top: 38px;
}

.plashka._4 {
  background-image: url("../../img/lyceum26/icons-liseum-03.svg");
  background-position: 20px;
  background-repeat: no-repeat;
  background-size: 48px;
  margin-left: 0;
  margin-right: 10px;
  padding-top: 24px;
}

.plashka._5 {
  background-image: url("../../img/lyceum26/icons-liseum-04.svg");
  background-position: 20px;
  background-repeat: no-repeat;
  background-size: 48px;
  margin-right: 10px;
  padding-top: 13px;
}

.plashka._6 {
  background-image: url("../../img/lyceum26/icons-liseum-05.svg");
  background-position: 20px;
  background-repeat: no-repeat;
  background-size: 48px;
  margin-left: 10px;
  padding-top: 13px;
}

.div_priz {
  width: 245px;
  height: auto;
  background-image: url("../../img/lyceum26/venok-1.png");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 160px;
  margin-left: 0;
  margin-right: 0;
}

.div_priz._1 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.div_priz._2 {
  background-image: url("../../img/lyceum26/venok-2.png");
  background-size: 160px;
  flex-direction: column;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div_priz._3 {
  background-image: url("../../img/lyceum26/venok-3.png");
  background-size: 160px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.usloviya {
  width: 100%;
  height: auto;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.footer {
  z-index: 10;
  height: 60px;
  background-color: #000;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: PT Sans, sans-serif;
  display: flex;
  position: static;
  bottom: 0;
  left: 0;
  right: 0;
}

.footer.short-page {
  position: static;
  bottom: 0;
  left: 0;
  right: 0;
}

.footer.short-page.oferta {
  position: static;
}

.footer-columns {
  width: 990px;
  justify-content: space-between;
  display: flex;
}

.footer-text {
  color: #fff;
}

.footer-text.center {
  text-align: center;
  text-decoration: none;
}

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

.div_link {
  text-decoration: none;
}

.popup-bg {
  z-index: 200;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.popup-registration {
  width: 480px;
  background-color: #fff;
  border-radius: 3px;
  padding: 20px 20px 40px;
  font-family: PT Sans, sans-serif;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.2);
}

.popup-close {
  width: 16px;
  height: 16px;
  float: right;
  cursor: pointer;
  background-image: url("../../img/lyceum26/x.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.popup-close:hover {
  opacity: 0.7;
}

.button {
  width: auto;
  height: 48px;
  background-color: var(--goldenrod);
  text-align: center;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  border: 1px solid var(--goldenrod);
  border-radius: 2px;
  padding: 14px 20px 20px;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
}

.button:hover {
  color: var(--goldenrod);
  background-color: #fff;
  border: 1px solid var(--goldenrod);
}

.button.disable {
  transition: all 0.2s;
  opacity: 0.2;
}

.button.disable:hover {
  color: #fff;
  background-color: var(--goldenrod);
}

.button.inhead {
  height: 52px;
  padding-top: 15px;
}

.text-field {
  width: 380px;
  height: 48px;
  color: #000;
  background-color: #fff;
  border-radius: 2px;
  margin-bottom: 20px;
  padding-bottom: 12px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 16px;
}

.text-field::-webkit-outer-spin-button,
.text-field::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.text-field[type="number"] {
  -moz-appearance: textfield;
}

.text-field:hover,
.text-field:focus,
.text-field:active {
  border-color: var(--goldenrod);
}

.text-field::placeholder {
  color: #999;
}

.form {
  width: auto;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.navbar {
  z-index: 100;
  height: 60px;
  background-color: #fff;
  justify-content: center;
  font-family: PT Sans, sans-serif;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.2);
}

.brand {
  width: 163px;
  height: 30px;
  background-image: url("../../img/lyceum26/liseum-logo-mini.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  top: 14px;
  left: 15px;
}

.brand:hover {
  opacity: 0.7;
}

.nav-link {
  height: 60px;
  opacity: 1;
  color: #4f3621;
  letter-spacing: 3.5px;
  text-transform: uppercase;
  margin-left: 0;
  margin-right: 0;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 12px;
}

.nav-link:hover {
  color: #fff;
  background-color: #e2ac36;
}

.nav-link.w--current {
  opacity: 1;
  color: #fff;
  background-color: #e2ac36;
}

.nav-link.w--current:hover {
  opacity: 0.8;
}

.nav-link.home {
  height: 60px;
  color: #4f3621;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: none;
}

.nav-link.home:hover {
  color: #fff;
  background-color: #e2ac36;
  font-weight: 400;
  text-decoration: none;
}

.nav-link.home.w--current {
  color: #fff;
  background-color: #e2ac36;
}

.container-2 {
  width: auto;
  height: 100%;
  justify-content: space-between;
  display: flex;
}

.nav-menu {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

/* .icon {
  width: 18px;
  height: 18px;
  margin-right: 10px;
} */
.warning {
  margin-right: 10px;
}

.logo-liseum {
  width: 471px;
  height: 243px;
  background-image: url("../../img/lyceum26/lyceum-logo.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: 0;
  padding-left: 50px;
}

.ridero {
  width: 169px;
  height: 50px;
  background-image: url("../../img/lyceum26/ridero-logo-dark.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 20px;
  margin-left: 2px;
  display: block;
}

.logo-text {
  width: 250px;
  color: #3d535b;
  letter-spacing: 1.7px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 22px;
}

.image-tass {
  width: 32px;
  height: 32px;
}

.image-ridero {
  height: 24px;
}

.image-year_literature {
  width: 59px;
}

.image-10 {
  width: 120px;
}

.image-12 {
  margin-left: 0;
}

.ribbon {
  width: 640px;
}

.image-13 {
  float: none;
  text-align: center;
  margin-top: 70px;
  margin-left: 25px;
}

.heading-priz {
  width: 200px;
  color: #f0ba44;
  text-align: left;
  letter-spacing: 1.5px;
  background-image: url("../../img/lyceum26/rub-01.svg");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 0;
  margin-left: 25px;
  font-family: Roboto Slab, sans-serif;
  font-size: 36px;
  line-height: 28px;
  display: inline-block;
}

.heading-priz._1 {
  letter-spacing: 1px;
  margin-left: 0;
}

.heading-priz._2 {
  width: 176px;
  color: #95adb9;
  letter-spacing: 1px;
  background-image: url("../../img/lyceum26/rub-02.svg");
  margin-left: auto;
  margin-right: auto;
}

.heading-priz._3 {
  width: 176px;
  color: #ca997d;
  background-image: url("../../img/lyceum26/rub-03.svg");
}

.div-massiv {
  width: 780px;
  flex-wrap: wrap;
  align-content: space-between;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.div-massiv:hover {
  opacity: 1;
}

.fb-photo {
  width: 245px;
  height: 245px;
  border-radius: 2px;
  position: relative;
}

.fb-photo._1 {
  background-image: url("../../img/lyceum26/kor_5725_345.png");
  background-position: 44%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.fb-photo._1:hover {
  opacity: 0.7;
}

.fb-photo._2 {
  background-image: url("../../img/lyceum26/20230606_13-28-50-licei-IMG_6899.png");
  background-position: 16%;
  background-repeat: no-repeat;
  background-size: auto 110%;
}

.fb-photo._2:hover {
  opacity: 0.7;
}

.fb-photo._3 {
  background-image: url("../../img/lyceum26/kor_5710_20c.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 25px;
}

.fb-photo._3:hover {
  opacity: 0.7;
}

.fb-photo._4 {
  background-image: url("../../img/lyceum26/kor_5590_3ac.png");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 0;
}

.fb-photo._4:hover {
  opacity: 0.7;
}

.fb-photo._5 {
  background-image: url("../../img/lyceum26/1686050888202_436.png");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto 110%;
  margin-bottom: 0;
}

.fb-photo._5:hover {
  opacity: 0.7;
}

.fb-photo._6 {
  background-image: url("../../img/lyceum26/kor_5655_a18.png");
  background-position: 42%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 0;
}

.fb-photo._6:hover {
  opacity: 0.7;
}

.fb-photo._7 {
  background-image: url("../../img/lyceum26/20230606_13-30-08-licei-IMG_6907.png");
  background-position: 50% 31%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 25px;
}

.fb-photo._7:hover {
  opacity: 0.7;
}

.fb-photo._8 {
  background-image: url("../../img/lyceum26/kor_5574_0f7.png");
  background-position: 52% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 25px;
}

.fb-photo._8:hover {
  opacity: 0.7;
}

.fb-photo._9 {
  background-image: url("../../img/lyceum26/20230606_13-19-31-licei-IMG_6833.png");
  background-position: 43%;
  background-repeat: no-repeat;
  background-size: cover;
}

.fb-photo._9:hover {
  opacity: 0.7;
}

.text-block {
  width: 140px;
  height: 32px;
  color: #23599c;
  background-color: #fff;
  background-image: url("../../img/lyceum26/facebook.svg");
  background-position: 10px;
  background-repeat: no-repeat;
  background-size: 16px;
  border-radius: 30px;
  padding: 6px 10px 8px 35px;
  position: absolute;
  bottom: 10px;
  left: 10px;
}

.text-block:hover {
  color: #fff;
  background-color: #23599c;
  background-image: url("../../img/lyceum26/facebook-wh.svg");
  background-position: 10px;
  background-repeat: no-repeat;
  background-size: 16px;
}

.basic-text {
  width: 100%;
  margin-bottom: 50px;
  font-family: PT Sans, sans-serif;
  font-size: 16px;
  line-height: 26px;
}

.basic-text.last {
  width: 100%;
  margin-bottom: 0;
}

.basic-text.paragraph {
  width: auto;
  margin-bottom: 10px;
}

.basic-text.paragraph.second-layer {
  padding-left: 25px;
}

.basic-text.paragraph.second-layer.last {
  margin-bottom: 0;
}

.basic-text.paragraph.third-layer {
  padding-left: 60px;
}

.epigraf {
  text-align: right;
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 22px;
}

.image-16 {
  width: 60px;
}

.image-17 {
  width: 120px;
}

.div-block-2 {
  margin-right: 80px;
}

.div-usloviya {
  width: 830px;
  margin-top: 0;
  margin-bottom: 40px;
}

.doc-btn {
  width: 280px;
  height: 42px;
  color: #ff7e00;
  text-align: center;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #ff7e00;
  border-radius: 2px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 10px;
  font-size: 14px;
  font-weight: 700;
}

.popup-doc {
  width: 480px;
  background-color: #fff;
  border-radius: 2px;
  padding: 20px 20px 40px;
  font-family: PT Sans, sans-serif;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.2);
}

.div-block-3 {
  width: 250px;
  height: 42px;
  background-image: url("../../img/lyceum26/fake-doc.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #c1c3c4;
  border-radius: 2px;
  margin-bottom: 0;
}

.dic-fake-doc {
  width: 280px;
  height: 42px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  display: flex;
}

.doc-close {
  width: 16px;
}

.doc-close:hover {
  opacity: 0.7;
}

.checkbox {
  width: 12px;
  height: 12px;
  min-width: 12px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 10px;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 2px;
  border: 1px solid #c1c3c4;
  outline: none;
  cursor: pointer;
}

.checkbox + svg {
  display: none;
}

.checkbox:hover,
.checkbox:focus,
.checkbox:active,
.checkbox:checked {
  border-color: #000;
}
.checkbox:checked + svg {
  display: block;
  position: absolute;
  left: 2px;
  top: 6px;
}

.checkbox-field {
  position: relative;
  width: auto;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.checkbox-field._2 {
  margin-bottom: 40px;
}

.podzag {
  margin-bottom: 50px;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
}

.image-19 {
  z-index: 2;
  height: 400px;
  position: absolute;
  top: 0;
  right: 0;
}

.image-20 {
  height: 300px;
  position: absolute;
  top: 0;
  left: 0;
}

.div-block-4 {
  z-index: 5;
  background-image: url("../../img/lyceum26/bg-1920.svg"),
    linear-gradient(rgba(255, 255, 255, 0) 41%, #e1e1e6);
  background-position: 50% 101%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 102%, auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.image-21 {
  max-width: 1920px;
  display: none;
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
}

.link-block-2,
.link-block-3,
.link-block-4,
.link-block-5,
.link-block-6,
.link-block-7,
.link-block-8,
.link-block-9,
.book-link {
  cursor: pointer;
}

.book-link._1,
.book-link._2 {
  background-image: none;
}

.div-vert-2 {
  width: 780px;
  height: auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-vert-2.center {
  width: auto;
  align-items: center;
}

.div-horz-2 {
  width: 990px;
  height: 150px;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  display: flex;
}

.div-horz-2.books {
  width: 580px;
  height: auto;
  justify-content: space-between;
  margin-bottom: 40px;
}

.image-15 {
  width: 113px;
  height: 160px;
  border-radius: 2px;
  margin-left: 0;
  box-shadow: 1px 3px 10px rgba(70, 84, 91, 0.3);
}

.heading2-2 {
  margin-top: 0;
  margin-bottom: 40px;
  font-family: Roboto Slab, sans-serif;
  font-size: 36px;
  line-height: 38px;
}

.schedule {
  grid-column-gap: 0px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  margin-left: 50px;
  display: grid;
}

.schedule-text {
  width: 199px;
  color: var(--black);
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}

.schedule-text.big {
  color: var(--goldenrod);
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
}

.schedule-text.gold {
  color: var(--goldenrod);
  font-weight: 700;
}

.circle {
  width: 10px;
  height: 10px;
  background-color: var(--goldenrod);
  border-radius: 5px;
}

.line {
  width: 174px;
  height: 2px;
  background-color: var(--goldenrod);
}

.line.short {
  width: 15px;
}

.schedule-line {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.social-2 {
  width: 100%;
  height: auto;
  justify-content: center;
  display: flex;
}

.social_button-2 {
  border-radius: 4px;
  margin-left: 5px;
  margin-right: 5px;
}

.social_button-2:hover {
  opacity: 0.7;
}

.whatsapp-icon {
  margin-top: -3px;
}

.image-22 {
  width: 60px;
}

.image-23 {
  width: 99px;
}

.text-link {
  color: var(--goldenrod);
  text-decoration: underline;
}

.text-link:hover,
.text-link:focus,
.text-link:active {
  text-decoration: none;
}

.h3 {
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-weight: 700;
}

.list-item {
  margin-bottom: 10px;
  padding-left: 8px;
}

.list {
  padding-left: 18px;
}

.list.second-layer {
  padding-left: 45px;
}

.div-block-5 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.utility-page-wrap {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.utility-page-content {
  width: 260px;
  text-align: center;
  flex-direction: column;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.div-block-6 {
  width: 245px;
  height: 245px;
  background-image: url("../../img/lyceum26/photo_1.jpg");
  background-position: 0 0;
  background-size: cover;
  margin-bottom: 20px;
}

.div-block-7 {
  width: 245px;
  height: 245px;
  background-image: url("../../img/lyceum26/photo_2.jpg");
  background-position: 0 0;
  background-size: cover;
  margin-bottom: 20px;
}

.div-block-8 {
  width: 245px;
  height: 245px;
  background-image: url("../../img/lyceum26/photo_3.jpg");
  background-position: 0 0;
  background-size: cover;
  margin-bottom: 20px;
}

.div-block-9 {
  width: 245px;
  height: 245px;
  background-image: url("../../img/lyceum26/photo_4.jpg");
  background-position: 0 0;
  background-size: cover;
  margin-bottom: 20px;
}

.div-block-10 {
  width: 245px;
  height: 245px;
  background-image: url("../../img/lyceum26/photo_5.jpg");
  background-position: 0 0;
  background-size: cover;
  margin-bottom: 20px;
}

.div-block-11 {
  width: 245px;
  height: 245px;
  background-image: url("../../img/lyceum26/photo_6.jpg");
  background-position: 0 0;
  background-size: cover;
  margin-bottom: 20px;
}

.grid {
  z-index: 6;
  width: 968px;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  align-items: center;
  position: relative;
}

.bold-text,
.bold-text-2,
.bold-text-3,
.bold-text-4 {
  color: var(--dark-orange);
}

.small-text {
  margin-top: 15px;
  margin-bottom: 0;
  font-size: 12px;
}

.form-block {
  margin-top: 40px;
  margin-bottom: 0;
}

.input-wrapper {
  align-items: flex-start;
  display: flex;
}

.tooltip-text {
  font-size: 12px;
  line-height: 18px;
}

.div-block-16 {
  align-items: center;
  margin-top: 15px;
  margin-left: 20px;
  display: flex;
}

.checkbox-label {
  font-size: 12px;
  line-height: 18px;
}

.text-block-2 {
  color: #da2625;
}

.error-message {
  background-color: #fff;
  padding: 0;
}

.success-message {
  background-color: var(--white);
  color: #ff7e00;
  padding: 0;
}

html.w-mod-js [data-ix="hover-up"] {
  transform: translate(0);
}

@media screen and (max-width: 991px) {
  .head-banner {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section.award {
    padding-left: 40px;
    padding-right: 40px;
  }

  .paragraf {
    width: 100%;
    font-size: 16px;
    line-height: 22px;
  }

  .div-horz {
    width: 100%;
    align-items: stretch;
  }

  .div-horz.head {
    width: 90%;
  }

  .div-horz.head.mainpage {
    width: 680px;
    margin-right: 0;
  }

  .div-horz.head.logo {
    width: 728px;
  }

  .div-horz.items {
    width: 735px;
    flex-flow: row;
    justify-content: space-between;
  }

  .div-vert {
    width: 100%;
    max-width: 748px;
  }

  .div-vert.center {
    max-width: 100%;
  }

  .heading2 {
    text-align: center;
  }

  .plashka,
  .plashka._6 {
    width: 350px;
  }

  .div_priz {
    margin-right: 10px;
  }

  .div_priz._1,
  .div_priz._2 {
    margin-left: 0;
    margin-right: 0;
  }

  .div_priz._3 {
    margin-right: 0;
  }

  .footer {
    position: relative;
  }

  .footer.short-page {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .footer-columns {
    padding-left: 40px;
    padding-right: 40px;
  }

  .button.inhead {
    padding-left: 15px;
    padding-right: 15px;
  }

  .text-field {
    width: 100%;
  }

  .navbar {
    justify-content: flex-start;
  }

  .brand {
    left: auto;
    right: 15px;
  }

  .nav-link {
    color: #4f3621;
    padding-left: 15px;
  }

  .nav-link.w--current {
    color: #fff;
  }

  .nav-link.home {
    padding-left: 15px;
    display: block;
  }

  .nav-menu {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  }

  .icon {
    color: #4f3621;
  }

  .warning {
    display: none;
  }

  .menu-button {
    padding: 18px;
  }

  .menu-button.w--open {
    background-color: #fff;
  }

  .logo-liseum {
    width: 440px;
    height: 150px;
    background-size: contain;
  }

  .image-13 {
    max-height: auto;
  }

  .div-massiv {
    width: auto;
    max-width: 768px;
  }

  .fb-photo._1 {
    margin-left: 0;
    margin-right: 8px;
  }

  .fb-photo._2 {
    margin-left: 8px;
    margin-right: 8px;
  }

  .fb-photo._3 {
    margin-left: 8px;
    margin-right: 0;
  }

  .fb-photo._4 {
    margin-right: 8px;
  }

  .fb-photo._5 {
    margin-left: 8px;
    margin-right: 8px;
  }

  .fb-photo._6,
  .fb-photo._7,
  .fb-photo._8,
  .fb-photo._9 {
    margin-left: 8px;
  }

  .basic-text,
  .epigraf {
    width: auto;
  }

  .div-block-2 {
    margin-right: 50px;
  }

  .image-19 {
    height: 350px;
    top: 0;
    left: 55%;
    right: auto;
  }

  .div-block-4 {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .div-vert-2 {
    width: 100%;
    max-width: 748px;
  }

  .div-vert-2.center {
    max-width: 100%;
  }

  .div-horz-2 {
    width: 100%;
    align-items: stretch;
  }

  .heading2-2 {
    text-align: center;
  }

  .schedule-text {
    width: 150px;
    font-size: 16px;
    line-height: 24px;
  }

  .grid {
    width: 680px;
  }

  .input-wrapper {
    width: 100%;
    flex-direction: column;
  }

  .input-wrapper.last {
    margin-bottom: 10px;
  }

  .div-block-16 {
    margin-top: -15px;
    margin-bottom: 20px;
    margin-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .head-banner {
    height: auto;
    padding-bottom: 60px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .section {
    border-top-style: none;
    border-bottom-style: solid;
    padding-left: 10px;
    padding-right: 10px;
  }

  .section.award {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section.last-banner {
    display: block;
  }

  .paragraf {
    max-width: 480px;
  }

  .paragraf.last {
    margin-bottom: 30px;
  }

  .div-horz {
    width: auto;
    flex-direction: column;
    align-items: center;
  }

  .div-horz.head.mainpage {
    width: auto;
    flex-direction: column;
    align-items: stretch;
    margin-bottom: 40px;
  }

  .div-horz.head.logo {
    width: 400px;
    height: auto;
    flex-flow: wrap;
    align-content: space-between;
    margin-bottom: 50px;
  }

  .div-horz.items {
    width: auto;
    flex-direction: column;
    margin-bottom: 0;
  }

  .div-vert {
    width: auto;
    align-items: center;
  }

  .div-vert.center {
    margin-bottom: 0;
  }

  .div-vert.center.photo {
    margin-bottom: -10px;
  }

  .heading2 {
    margin-bottom: 20px;
    line-height: 44px;
  }

  .plashka {
    margin-bottom: 10px;
  }

  .plashka._2 {
    margin-left: 0;
  }

  .plashka._3 {
    margin-left: 0;
    margin-right: 0;
  }

  .plashka._1,
  .plashka._4,
  .plashka._5 {
    margin-right: 0;
  }

  .plashka._6 {
    margin-left: 0;
  }

  .div_priz {
    width: 180px;
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
    display: flex;
  }

  .usloviya {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .footer {
    height: auto;
    display: block;
  }

  .footer.short-page {
    position: static;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .footer-columns {
    width: auto;
    flex-direction: column;
    align-items: center;
  }

  .footer-text.center,
  .footer-text.left {
    margin-bottom: 10px;
  }

  .nav-link,
  .nav-link.w--current,
  .nav-link.home {
    padding-left: 15px;
  }

  .nav-menu {
    width: 100%;
    background-color: #fff;
  }

  .menu-button {
    color: #fff;
  }

  .menu-button.w--open {
    background-color: #fff;
    /* padding: 16px; */
  }

  .logo-liseum {
    background-position: 50% 0;
    margin-bottom: 30px;
  }

  .ridero {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .ribbon {
    width: 100%;
  }

  .div-massiv {
    flex-flow: column;
    margin-bottom: 0;
  }

  .div-block-12 {
    width: 245px;
    height: 245px;
  }

  .fb-photo {
    margin-bottom: 20px;
  }

  .fb-photo._1 {
    margin-right: 0;
  }

  .fb-photo._2 {
    margin-left: 0;
    margin-right: 0;
  }

  .fb-photo._3 {
    margin-left: 0;
  }

  .fb-photo._4 {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .fb-photo._5 {
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
  }

  .fb-photo._6,
  .fb-photo._7,
  .fb-photo._8,
  .fb-photo._9 {
    margin-left: 0;
  }

  .epigraf {
    width: auto;
  }

  .div-block-2 {
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .div-usloviya {
    width: auto;
  }

  .image-19 {
    height: 250px;
    left: 57%;
  }

  .div-block-4 {
    margin-left: 0;
    margin-right: 0;
  }

  .link-block-7,
  .link-block-8,
  .link-block-9 {
    transform: translate(60%);
  }

  .book-link {
    margin-bottom: 30px;
  }

  .div-vert-2 {
    width: auto;
    align-items: center;
  }

  .div-vert-2.center {
    margin-bottom: 0;
  }

  .div-horz-2 {
    width: auto;
    flex-direction: column;
    align-items: center;
  }

  .div-horz-2.books {
    width: 480px;
    flex-direction: row;
    margin-bottom: 40px;
  }

  .schedule {
    grid-column-gap: 20px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 70px 10px 1fr;
    margin-top: 10px;
    margin-left: 20px;
  }

  .schedule-text {
    width: auto;
    margin-top: 7px;
  }

  .schedule-text.big {
    margin-top: 0;
  }

  .schedule-text.gold {
    margin-top: 0;
    margin-left: 2px;
  }

  .circle._1 {
    margin-top: 15px;
  }

  .line {
    width: 2px;
    height: 100px;
  }

  .line.short {
    width: 2px;
    height: 15px;
  }

  .schedule-line {
    flex-direction: column;
  }

  .grid {
    width: auto;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .link-block-10 {
    transform: translate(60%);
  }

  .small-text {
    max-width: 480px;
  }

  .paragraf--mobile {
    text-align: center;
  }

  .block-partners {
    padding: 0px 16px;
  }
}

@media screen and (max-width: 479px) {
  .head-banner {
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
  }

  .section {
    padding-top: 40px;
    padding-bottom: 50px;
  }

  .section.last-banner {
    z-index: 5;
    background-image: url("../../img/lyceum26/bg-m.jpg");
    background-position: 0 0;
    position: relative;
  }

  .paragraf {
    max-width: 100%;
  }

  .paragraf.popup,
  .div-horz {
    width: auto;
  }

  .div-horz.head {
    flex-direction: column-reverse;
  }

  .div-horz.head.mainpage {
    width: 300px;
    margin-top: 20px;
    margin-bottom: 50px;
  }

  .div-horz.head.logo {
    width: auto;
    justify-content: space-between;
    margin-bottom: 40px;
  }

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

  .div-vert.center {
    width: 100%;
    margin-bottom: 0;
  }

  .div-vert.center.photo {
    margin-bottom: 0;
  }

  .heading2 {
    text-align: center;
    font-size: 28px;
    line-height: 40px;
  }

  .plashka {
    width: 300px;
    height: auto;
    min-height: 70px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-right: 20px;
    font-size: 16px;
    line-height: 22px;
  }

  .plashka._2 {
    min-height: 60px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .plashka._3 {
    margin-left: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .plashka._1 {
    width: 300px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .plashka._4 {
    height: auto;
    margin-right: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .plashka._5 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .plashka._6 {
    width: 300px;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 22px;
  }

  .div_priz {
    width: auto;
    margin-right: 0;
  }

  .div_priz._1 {
    margin-left: 0;
  }

  .div_priz._2 {
    margin-left: 0;
    margin-right: 0;
  }

  .usloviya {
    width: auto;
    height: auto;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    margin-right: 0;
  }

  .footer-columns {
    height: auto;
    flex-direction: column;
    align-items: center;
  }

  .footer-text.center {
    margin-bottom: 10px;
  }

  .footer-text.left {
    margin-top: 0;
    margin-bottom: 10px;
  }

  .popup-bg {
    z-index: 200;
  }

  .popup-registration {
    z-index: 200;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: fixed;
    top: 50%;
    bottom: 50%;
    left: 50%;
    right: 50%;
  }

  .popup-close {
    margin-top: 20px;
    margin-right: 20px;
    position: absolute;
    top: 0;
    right: 0;
  }

  .button {
    width: 100%;
    height: 50px;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 16px;
    display: block;
  }

  .form {
    width: 100%;
  }

  .navbar {
    z-index: 100;
  }

  .div-block {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .logo-liseum {
    width: 300px;
    height: 140px;
    background-size: 300px;
    margin-bottom: 40px;
  }

  .basic-text {
    font-size: 14px;
    line-height: 24px;
  }

  .div-block-2 {
    width: 100%;
  }

  .div-usloviya {
    margin-bottom: 20px;
  }

  .popup-doc {
    width: 100%;
    height: 100%;
  }

  .checkbox-field {
    margin-bottom: 10px;
  }

  .checkbox-field._2 {
    margin-bottom: 30px;
  }

  .link-block-4 {
    display: flex;
  }

  .link-block-7,
  .link-block-8,
  .link-block-9 {
    transform: none;
  }

  .div-vert-2 {
    width: 100%;
    max-width: 100%;
  }

  .div-vert-2.center {
    width: auto;
    margin-bottom: 0;
  }

  .div-horz-2 {
    width: auto;
  }

  .div-horz-2.books {
    width: auto;
    flex-direction: column;
  }

  .heading2-2 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 32px;
  }

  .schedule-text {
    font-size: 16px;
    line-height: 22px;
  }

  .grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .link-block-10 {
    transform: none;
  }

  .input-wrapper.last {
    margin-bottom: 5px;
  }
}

#w-node-_223598cb-f58e-3be2-2e38-9279f45ebc87-2e98ee50,
#w-node-_03c1442c-ba7d-d6b1-aa0d-00a5f5924c0c-2e98ee50,
#w-node-f26a74c8-95ce-ccd2-1952-5d409c0be515-2e98ee50,
#w-node-_3b41b2ef-62ca-b6b0-4db1-89c83838a424-2e98ee50,
#w-node-da0bedad-bd91-7f06-64aa-4f39f34e097e-2e98ee50,
#w-node-be889941-9972-d830-75a6-a99cc2bdf4da-2e98ee50,
#w-node-c6cd40a5-f56e-62b8-4a3f-f43e7d899386-2e98ee50,
#w-node-e6bee56f-b3c3-372c-c32b-9db4913f689c-2e98ee50,
#w-node-_792fbf41-68bb-0097-22bd-a757cd5e1e45-2e98ee50 {
  justify-self: center;
}

#w-node-_2a2eadd2-e733-3f58-90d0-7523f7c267e5-2e98ee50 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_0e147ab1-1c06-85db-ea9a-ece1f299e616-2e98ee50 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_836f78d4-6fd7-eeba-e49b-3a9abb0a52f3-2e98ee50 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_3f3a9702-ade9-351d-387a-5fa0cbdf8b98-2e98ee50 {
  grid-area: 2 / 4 / 3 / 5;
  justify-self: start;
}

#w-node-b96db45a-a9ec-bfc5-6fbd-43c6daa68ba9-2e98ee50 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-d961225e-6373-e73a-b751-cd345d61795c-2e98ee50 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_250ab511-da2b-c8fe-a6cc-27641bf41edc-2e98ee50 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-b7b7d680-21d9-8197-3e79-81a8ca96cbdd-2e98ee50 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_8a5357a6-82bd-1cb9-bdfc-3e45de5d84c5-2e98ee50 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 767px) {
  #w-node-_2a2eadd2-e733-3f58-90d0-7523f7c267e5-2e98ee50 {
    grid-area: 1 / 2 / 2 / 3;
    align-self: end;
  }

  #w-node-_0e147ab1-1c06-85db-ea9a-ece1f299e616-2e98ee50 {
    align-self: start;
  }

  #w-node-_836f78d4-6fd7-eeba-e49b-3a9abb0a52f3-2e98ee50 {
    grid-area: 3 / 2 / 4 / 3;
    align-self: start;
  }

  #w-node-_3f3a9702-ade9-351d-387a-5fa0cbdf8b98-2e98ee50 {
    grid-area: 4 / 2 / 5 / 3;
    align-self: start;
  }

  #w-node-b96db45a-a9ec-bfc5-6fbd-43c6daa68ba9-2e98ee50 {
    align-self: start;
    justify-self: start;
  }

  #w-node-d961225e-6373-e73a-b751-cd345d61795c-2e98ee50 {
    grid-area: 2 / 1 / 3 / 2;
    justify-self: start;
  }

  #w-node-_250ab511-da2b-c8fe-a6cc-27641bf41edc-2e98ee50 {
    grid-area: 3 / 1 / 4 / 2;
    justify-self: start;
  }

  #w-node-b7b7d680-21d9-8197-3e79-81a8ca96cbdd-2e98ee50 {
    grid-area: 4 / 1 / 5 / 2;
    justify-self: start;
  }

  #w-node-c24be89a-14f3-eb31-48f8-a1a7a0e95698-2e98ee50 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_32ed87ce-0d3b-e318-75d4-be2d890cc27e-2e98ee50 {
    grid-area: 2 / 3 / 3 / 4;
  }

  #w-node-c69d549b-27f0-555c-82d8-911e4cd91904-2e98ee50 {
    grid-area: 3 / 3 / 4 / 4;
  }

  #w-node-_8a5357a6-82bd-1cb9-bdfc-3e45de5d84c5-2e98ee50 {
    grid-area: 4 / 3 / 5 / 4;
  }
}

@media screen and (max-width: 479px) {
  #w-node-c6cd40a5-f56e-62b8-4a3f-f43e7d899386-2e98ee50 {
    justify-self: center;
  }
}

@font-face {
  font-family: "Lemon tuesday";
  src: url("../fonts/Lemon-Tuesday.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

.loader-wrap {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  inset: 0;
  z-index: 1000;
  background-color: #fff;
}

.loader {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  animation: 1s linear infinite rotate;
  background-size: cover;
  background-image: url("../../img/lyceum26/orange-medium.png");
}

.main {
  display: none;
}

.main_visible {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  justify-content: space-between;
}

.link-checkbox {
  color: #ff7e00;
}

.link-checkbox:hover {
  opacity: 0.7;
}

.link-checkbox.w--current {
  color: #ff7e00;
}

.link-checkbox.w--current:hover {
  opacity: 0.7;
}

.lyceum-popup__title {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  font-weight: normal;
  font-size: 16px;
  margin: 0;
  margin-bottom: 15px;
  padding: 0;
  font-family: "PT Sans Caption", "PTSansCaption", sans-serif;
}
.lyceum-popup__text {
  text-align: center;
  line-height: 24px;
  font-size: 16px;
  margin: 0;
  padding: 0;
  font-family: "PT Sans", "PTSans", sans-serif;
  text-transform: none;
  letter-spacing: 0;
}

@media (max-width: 412px) {
  .checkbox2 {
    margin-top: -18px;
  }
}
