@media (min-width: 768px) {
div[class^="popup-"]:not([class^="popup-div"]) {
  padding: 40px 0;
}  
}


.link-mail {
    color: #ff7e00;
    text-decoration: underline;
}


:root {
  --white: white;
  --black: black;
  --р: #f67f01;
}

.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;
}

.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;
}

.section {
  border-bottom: 1px solid #dfe3e5;
  padding: 50px 20px 60px;
}

.section.hero {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  background-color: #fff;
  background-image: linear-gradient(rgba(255, 255, 255, .75), rgba(255, 255, 255, .75)), radial-gradient(circle, rgba(255, 255, 255, .95) 50%, rgba(0, 0, 0, .25)), url('../images/1642692245_1-abrakadabra-fun-p-oboi-polki-s-knigami-3.jpeg');
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, 1920px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  margin-right: 0;
  padding: 80px 20px 100px;
  display: block;
}

.section.gray {
  background-color: #f7f9f9;
}

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

.section.dark {
  background-color: #0b0b0c;
  border-bottom-style: none;
  padding-left: 20px;
  padding-right: 20px;
}

.body {
  font-family: PT Sans, sans-serif;
}

.heading {
  max-width: 1080px;
  margin: 30px auto;
  font-family: PT Serif, serif;
  font-size: 52px;
  line-height: 62px;
}

.paragraph {
  max-width: 780px;
  flex-direction: column;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 26px;
  display: block;
}

.h2 {
  text-align: center;
  margin: 0 auto 30px;
  padding-left: 0;
  padding-right: 0;
  font-family: PT Serif, serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 52px;
  display: block;
}

.h2.m40 {
  margin-bottom: 40px;
}

.b {
  max-width: 1180px;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template: "."
                 "."
                 "."
                 "."
                 "."
                 / 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.div-block-2 {
  max-height: 220px;
  min-height: 0;
  background-image: url('../images/Библиотека.jpeg');
  background-position: 0 0;
  background-size: auto;
}

.image {
  max-height: 220px;
  min-height: 220px;
}

.div-block-3 {
  max-height: 358px;
  border-radius: 4px;
  padding-bottom: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.h4 {
  letter-spacing: 1px;
  margin: 0 0 5px;
  font-family: Ptsanscaption, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
}

.h4.vozrast {
  color: #b8bbbd;
  margin-bottom: 0;
}

.biblio-img {
  max-height: 220px;
  min-height: 220px;
  background-image: url('../images/Библиотека.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 220px;
}

.biblio-img.zaglushka_library {
  background-image: url('../images/zaglushka_library.png');
  background-position: 50% 25%;
  background-size: auto 440px;
}

.biblio-img.yanovskaya {
  background-image: url('../images/yanovskaya.jpg');
  background-position: 50% 25%;
  background-size: auto 440px;
}

.biblio-img.izmorskaya {
  background-image: url('../images/izmorskaya.jpg');
  background-position: 50% 25%;
  background-size: auto 440px;
}

.biblio-img.krasnopol {
  background-image: url('../images/Krasnopol.jpg');
  background-position: 50% 25%;
  background-size: auto 440px;
}

.biblio-img.sannikovskaya_biblioteka {
  background-image: url('../images/sannikovskaya_biblioteka.jpg');
  /*background-position: 50% 25%;*/
  background-size: auto 440px;
}

.biblio-img.altaisk-selsk {
  background-image: url('../images/altaisk-selsk.jpg');
  background-position: 50% 25%;
  background-size: auto 440px;
}

.biblio-img.Pavlovskaya_mezhposelencheskaya {
  background-image: url('../images/bibl_01_Pavlovskaya_mezhposelencheskaya.jpg');
}

.biblio-img.bibl_02_Berezinskaya_poselench {
  background-image: url('../images/bibl_02_Berezinskaya_poselench.jpg');
}

.biblio-img.bibl_03_Belokolodezs {
  background-image: url('../images/bibl_03_Belokolodezs.png');
}

.biblio-img.bibl_04_Kugulta {
  background-image: url('../images/bibl_04_Kugulta.jpg');
}

.biblio-img.bibl_05_Krym-sarai {
  background-image: url('../images/bibl_05_Krym-sarai.jpg');
}

.biblio-img.bibl_06_Dobrovskaya {
  background-image: url('../images/bibl_06_Dobrovskaya.jpg');
}

.biblio-img.bibl_07_Dnovskaya {
  background-image: url('../images/bibl_07_Dnovskaya.jpg');
}

.biblio-img.bibl_08_Simahinskaya {
  background-image: url('../images/bibl_08_Simahinskaya.jpg');
}

.biblio-img.bibl_09_Nagorno-Ivan {
  background-image: url('../images/bibl_09_Nagorno-Ivan.jpg');
}

.biblio-img.bibl_10_Ostrovskaya {
  background-image: url('../images/bibl_10_Ostrovskaya.jpg');
}


.biblio-img.bibl_11_Sokolovskaya {
  background-image: url('../images/bibl_11_Sokolovskaya.jpg');
}


.biblio-img.bibl_12_Grachevskaya {
  background-image: url('../images/bibl_12_Grachevskaya.jpg');
}


.biblio-img.bibl_13_Aleksandrovskaya {
  background-image: url('../images/bibl_13_Aleksandrovskaya.jpg');
}

.biblio-img.bibl_14_Darasunskaya {
  background-image: url('../images/bibl_14_Darasunskaya.jpg');
}

.biblio-img.bibl_15_Emetkin {
  background-image: url('../images/bibl_15_Emetkin.jpg');
}

.biblio-img.bibl_16_Chebaklin {
  background-image: url('../images/bibl_16_Chebaklin.jpg');
}

.biblio-img.bibl_17_Nizhnigalin {
  background-image: url('../images/bibl_17_Nizhnigalin.jpg');
}

.biblio-img.bibl_18_Mishkin {
  background-image: url('../images/bibl_18_Mishkin.jpg');
}

.biblio-img.bibl_19_Vitkul {
  background-image: url('../images/bibl_19_Vitkul.jpg');
}

.biblio-img.bibl_20_Loimol {
  background-image: url('../images/bibl_20_Loimol.jpg');
}

.biblio-img.bibl_21_Vyakshener {
  background-image: url('../images/bibl_21_Vyakshener.jpg');
}



.biblio-img.selt {
  background-image: url('../images/Selt.jpg');
  background-position: 25%;
}

.biblio-img.ogar {
  background-image: url('../images/OGAR.jpg');
  background-size: auto 240px;
}

.biblio-img.klevan {
  background-image: url('../images/KLEVAN.jpg');
  background-position: 55%;
  background-size: auto 220px;
}

.biblio-img.sovet {
  background-image: url('../images/SOVET.jpg');
}

.biblio-img.baran {
  background-image: url('../images/BARAN.jpg');
}

.biblio-img.kirov {
  background-image: url('../images/KIROV.jpg');
  background-position: 50% 40%;
  background-size: auto 450px;
}

.biblio-img.sovetsk {
  background-image: url('../images/sovetsk.jpg');
  background-position: 50% 40%;
  background-size: auto 450px;
}

.biblio-img.rubez {
  background-image: url('../images/rubez.jpg');
  background-position: 50% 40%;
  /*background-size: auto 450px;*/
}

.biblio-img.roman {
  background-image: url('../images/ROMAN.jpg');
  background-position: 35%;
  background-size: auto 220px;
}

.biblio-img.vorob {
  background-image: url('../images/VOROB.jpg');
  background-position: 50%;
}

.biblio-img.login {
  background-image: url('../images/LOGIN.jpg');
}

.biblio-img.marisol {
  background-image: url('../images/MARISOL.jpg');
}

.biblio-img.maou-ust {
  background-image: url('../images/MAOU-UST.jpg');
  background-position: 50% 25%;
  background-size: auto 440px;
}

.biblio-img.kostinolog {
  background-image: url('../images/kostinolog.jpg');
  background-position: 50% 65%;
  background-size: auto 440px;
}


.biblio-img.yagul {
  background-image: url('../images/YAGUL.jpg');
  background-size: 280px;
}

.biblio-img.serg {
  background-image: url('../images/SERG-1.png');
}

.biblio-img.svet {
  background-image: url('../images/SVETL-1.png');
  background-position: 50% 65%;
  background-size: auto 440px;
}

.button {
  min-height: 36px;
  color: #ff7e00;
  text-align: center;
  background-color: #fff;
  border: 1px solid #f68100;
  border-radius: 2px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 16px;
  line-height: 26px;
  display: flex;
}

.button:hover {
  color: #fff;
  background-color: #ff7e00;
  border-color: #ff7e00;
}

.button:active {
  background-color: #f38f21;
  border-color: #f38f21;
}

.button._2 {
  min-width: 240px;
  margin-left: auto;
  margin-right: auto;
}

.button._3 {
  margin-left: 0;
}

.biblio-foot {
  flex-direction: column;
  align-items: stretch;
  padding: 20px;
  display: flex;
}

.biblio-card {
  -webkit-text-fill-color: inherit;
  mix-blend-mode: normal;
  background-color: #fff;
  background-clip: border-box;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 5px 28px rgba(109, 127, 135, .15);
}

.book-card-text {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 26px;
}

.bold-text {
  text-transform: uppercase;
}

.h3 {
  text-align: center;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  margin: 0 auto 20px;
  padding-left: 0;
  padding-right: 0;
  font-family: Ptsanscaption, sans-serif;
  font-size: 18px;
  line-height: 26px;
}

.div-block-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.div {
  max-width: 1220px;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  display: block;
}

.book-card {
  max-width: 580px;
  background-color: #fff;
  border-radius: 4px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 15px rgba(109, 127, 135, .25);
}

.book-card.last {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.book-card.last-modern_proze {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.div-block-5 {
  max-width: 1180px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.book-img {
  min-height: 227px;
  min-width: 160px;
  background-image: url('../images/Гора-ветров.webp');
  background-position: 0 0;
  background-size: 160px 227px;
  }

  .book-img.darograd {
  min-height: 227px;
  min-width: 160px;
  background-image: url('../images/darograd.jpeg');
  background-position: 0 0;
  background-size: auto 227px;
}

.book-img.gora {
  min-height: 227px;
  min-width: 160px;
  background-image: url('../images/Гора-ветров.webp');
  background-position: 0 0;
  background-size: auto 227px;
}

.book-img.we {
  min-height: 227px;
  min-width: 160px;
  background-image: url('../images/мы.jpeg');
  background-position: 0 0;
  background-size: auto 227px;
}


.book-img.dvoe {
  background-image: url('../images/Двое-суток.webp');
  background-position: 0 0;
  background-size: 160px 227px;
}

.book-img.dv {
  background-image: url('../images/Двое-суток.webp');
}

.book-img.strann {
  background-image: url('../images/маленькие_жизни_джипег.jpeg');
}

.book-img.na-kryl {
  background-image: url('../images/На-крыльце.webp');
}

.book-img.vozvr {
  background-image: url('../images/Возвращение.webp');
}

.book-img.buz {
  background-image: url('../images/Бузина.webp');
}

.book-img.koz {
  background-image: url('../images/Козлиха.webp');
}

.book-img.posl {
  background-image: url('../images/Последователь.webp');
}

.book-img.kon-s {
  background-image: url('../images/Конь-с-горы.webp');
}

.book-img.ne-po {
  background-image: url('../images/Не-поехать.webp');
}

.book-img.korp {
  background-image: url('../images/Корпорация.webp');
}

.book-img.droj {
  background-image: url('../images/Дрожащий-мост.webp');
}

.book-img.balan {
  background-image: url('../images/Балан-белого.webp');
}

.book-img.pred {
  background-image: url('../images/Предатели.webp');
}

.book-img.komp {
  background-image: url('../images/Комплекс.webp');
}

.book-img.ptich {
  background-image: url('../images/Птичка.webp');
}

.book-img.cey {
  background-image: url('../images/Цейрон.webp');
}

.book-img.krasn {
  background-image: url('../images/Красный-блокчейн.webp');
}

.book-img.obez {
  background-image: url('../images/Обезглавленное-дерево.webp');
}

.book-img.put {
  background-image: url('../images/Путь-Эрто.webp');
}

.book-img.podvod {
  background-image: url('../images/Подводный-город.webp');
}

.book-img.taksa {
  background-image: url('../images/Такса-судьбы.webp');
}

.book-img.ohota {
  background-image: url('../images/Охота-на-китов.webp');
}

.book-img.hoz {
  background-image: url('../images/Хозяйка-для-Кербера.webp');
}

.book-img.odnaj {
  background-image: url('../images/Однажды-в-феврале.webp');
}

.book-img.prok {
  background-image: url('../images/Проклятие-тары.webp');
}

.book-img.krim {
  background-image: url('../images/Криминальные-будни.webp');
}

.book-img.princ {
  background-image: url('../images/Принц-голубых.webp');
}

.book-img.storm {
  background-image: url('../images/СОПРИЧАСТНОСТЬ.jpeg');
}

.book-img.perel {
  background-image: url('../images/СЕМЯ.jpeg');
}

.book-img.istor {
  background-image: url('../images/История-и-математика.webp');
}

.book-img.istor._1 {
  background-image: none;
}

.book-img.kotel {
  background-image: url('../images/Котелок-для-Розы.webp');
}

.book-img.prikl {
  background-image: url('../images/Приключения-Макса.webp');
}

.book-img.losk {
  background-image: url('../images/Лоскутные-сказки.webp');
}

.book-img.kras {
  background-image: url('../images/Красная-смола.webp');
}

.book-img.dobr {
  background-image: url('../images/Добрые-сказки.webp');
}

.book-img.amul {
  background-image: url('../images/Амулет.webp');
}

.book-img.treh {
  background-image: url('../images/Трехглазая.webp');
}

.book-img.razd {
  background-image: url('../images/КРИСТИНА.jpeg');
}

.book-img.kal {
  background-image: url('../images/Калейдоскоп.webp');
}

.book-img.samo {
  background-image: url('../images/Самоцветы.webp');
}

.book-img.lub {
  background-image: url('../images/Любимая-еда.webp');
}

.book-img.nesch {
  background-image: url('../images/Несчастные-Романовы.webp');
}

.book-img.trud {
  background-image: url('../images/Трудный-путь.webp');
}

.book-img.muj {
  background-image: url('../images/СДВГ.jpeg');
}

.book-img.sumasshedshaya_supergeroika{
  background-image: url('../images/sumasshedshaya_supergeroika.jpeg');
}


.book-right {
  max-width: 420px;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  padding: 20px;
  display: flex;
}

.book-grid {
  max-width: 1180px;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template: "Area"
  / 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.book-grid.m40 {
  margin-bottom: 40px;
}

.bt-and-vozrast {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.book-text {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 26px;
}

.book-text.m0 {
  margin-bottom: 0;
}

.book-text.cont {
  text-align: center;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
}

.book-text.footer {
  color: #fff;
  margin-bottom: 0;
}

.book-text.link {
  width: auto;
  color: #ff7e00;
}

.book-text.m20 {
  margin-bottom: 20px;
}

.bt {
  width: 100%;
  height: 36px;
  color: #ff7e00;
  letter-spacing: .5px;
  -webkit-text-stroke-color: #ff7e00;
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #ff7e00;
  border-radius: 2px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 5px 15px;
  font-size: 16px;
  line-height: 26px;
  display: flex;
}

.bt:hover {
  color: #fff;
  background-color: #ff7e00;
  border-color: #ff7e00;
}

.bt:active {
  color: #fff;
  background-color: #f38f21;
  border-color: #f38f21;
}

.bt.form {
  width: 180px;
  color: #fff;
  text-align: center;
  background-color: #f67f01;
}

.bt.form:hover {
  color: #f67f01;
  background-color: #fff;
}

.bt.form:active {
  color: #f38f21;
  -webkit-text-stroke-color: #f38f21;
}

.div-block-6 {
  max-width: 1180px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-6.m0 {
  margin-bottom: 0;
}

.div-block-7 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.galery {
  max-width: 1180px;
  grid-column-gap: 16px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.image-2 {
  border-radius: 4px;
}

.timeline-text {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 26px;
}

.div-number {
  z-index: 3;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #ff7e00;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.timeline {
  width: 780px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "."
                 "." 40px
                 "."
                 "." 40px
                 "."
                 "." 40px
                 "."
                 "."
                 / 1fr minmax(21px, 21px) 1fr;
  grid-auto-rows: .25fr;
  margin: 0 auto;
  position: static;
}

.div-timeline-photo {
  width: 180px;
  height: 180px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 180px;
  border-radius: 90px;
  margin-top: 0;
}

.div-timeline-photo._1 {
  background-image: url('../images/Timeline-photo-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 180px;
}

.div-timeline-photo._4 {
  background-image: url('../images/Timeline-photo-4.jpg');
}

.div-timeline-photo._2 {
  background-image: url('../images/Timeline-photo-2.jpg');
  background-size: 180px;
}

.div-timeline-photo._5 {
  background-image: url('../images/Timeline-photo-5.jpg');
}

.div-timeline-photo._3 {
  background-image: url('../images/Timeline-photo-3.jpg');
  background-size: 180px;
}

.div-timeline-photo._6 {
  background-image: url('../images/Timeline-photo-6.jpg');
}

.timeline-heading {
  color: #333;
  margin-top: 8px;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 18px;
  line-height: 26px;
  display: flex;
}

.timeline-heading.left {
  margin-left: 0;
}

.timeline-heading.right {
  margin-left: 20px;
}

.timeline-heading.part {
  margin-top: 0;
  margin-bottom: 10px;
  text-decoration: none;
}

.line {
  width: 0;
  height: 100%;
  border-left: 1px solid #ff7e00;
  margin-left: 1px;
  padding-bottom: 0;
}

.timeline-card {
  background-color: #fff;
  border-radius: 4px;
  margin-top: 15px;
  padding: 15px 20px 20px;
  box-shadow: 0 5px 28px rgba(109, 127, 135, .15);
}

.timeline-card.right {
  margin-left: 20px;
}

.timeline-card.left {
  margin-right: 20px;
}

.number {
  color: #ff7e00;
  font-size: 18px;
  line-height: 18px;
}

.div-block-8 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-780 {
  max-width: 780px;
  grid-column-gap: 0px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.div-block-9 {
  grid-column-gap: 20px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: minmax(160px, 180px) 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0;
  display: grid;
}

.div-block-10 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 0;
  display: flex;
}

.logo-1, .logo-2, .logo3 {
  margin-top: 7px;
}

.bold-text-2 {
  margin-left: auto;
  margin-right: auto;
}

.bold-text-3 {
  color: #f67f01;
  text-decoration: none;
}

.bold-text-3:active {
  color: #f38f21;
  -webkit-text-stroke-color: #000;
  text-decoration: none;
}

.div-block-11, .link-block {
  text-decoration: none;
}

.link-block:hover {
  color: #f68000;
  text-decoration: underline;
}

.nav-menu {
  max-width: 1180px;
}

.container {
  max-height: 200px;
  max-width: 1180px;
  min-height: 50px;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.nav-link {
  color: #44545b;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 15px;
  font-family: Ptsanscaption, sans-serif;
}

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

.navbar {
  z-index: 100;
  max-height: 50px;
  min-height: 0;
  background-color: #fff;
  border-bottom: 1px solid #dfe3e5;
  margin-left: auto;
  margin-right: auto;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.div-block-12 {
  max-width: 1180px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.div-block-13 {
  grid-column-gap: 15px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: minmax(40px, 40px) 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.paragraph-2 {
  color: #fff;
}

.image-3 {
  margin-top: 7px;
}

.tabs-content {
  width: 280px;
  border: 1px solid #dfe3e5;
  border-radius: 2px;
}

.tab-link-tab-1 {
  width: 40px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #dfe3e5;
  border-radius: 2px;
  margin-right: 10px;
  padding: 0;
  overflow: hidden;
}

.tab-link-tab-1.w--current {
  border-width: 2px;
  border-color: #ff7e00;
  border-radius: 2px;
}

.list-item {
  max-width: 680px;
  align-items: flex-start;
  margin-bottom: 13px;
  display: flex;
}

.arrow-right {
  width: 32px;
  height: 32px;
  cursor: pointer;
  background-color: #fff;
  border-radius: 2px;
  position: absolute;
  top: 48%;
  right: 14px;
}

.popup-content {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.popup-1 {
  z-index: 100;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .4);
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 40px 0;
}

.question {
  width: 20px;
  height: 20px;
  background-image: url('../images/Group-3.11.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  margin-left: 10px;
  transition: all .15s;
}

.question:hover {
  background-image: url('../images/Group-3.svg');
}

.arrow-left {
  width: 32px;
  height: 32px;
  cursor: pointer;
  background-color: #fff;
  border-radius: 2px;
  position: absolute;
  top: 48%;
  left: 14px;
}

.credit-block {
  align-items: center;
  display: flex;
}

.ridero-login.button {
  height: 42px;
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #ff7e00;
  border: 1px solid #ff7e00;
  border-radius: 2px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 7px 10px 8px;
  font-size: 14px;
  font-weight: 700;
  transition: all .15s;
  display: flex;
}

.ridero-login.button:hover {
  color: #ff7e00;
  background-color: #fff;
}

.ridero-login.button.white {
  color: #ff7e00;
  background-color: #fff;
  margin-left: 20px;
}

.ridero-login.button.white:hover {
  color: #fff;
  background-color: #ff7e00;
}

.list {
  margin-bottom: 32px;
}

.list.popup-list {
  margin-bottom: 0;
}

.popup-close {
  width: 32px;
  height: 32px;
  background-color: #fff;
  background-image: url('../images/cross.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  border-radius: 2px;
  margin-top: 14px;
  margin-right: 14px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.tab-link-tab-2 {
  width: 40px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #dfe3e5;
  border-radius: 2px;
  margin-right: 10px;
  padding: 0;
  overflow: hidden;
}

.tab-link-tab-2.w--current {
  border-width: 2px;
  border-color: #ff7e00;
}

.popup-text {
  margin-bottom: 27px;
}

.paragraph-3 {
  margin-bottom: 13px;
}

.tabs {
  flex-direction: column;
  align-items: flex-start;
  margin-left: 45px;
  display: flex;
}

.popup-buttons {
  align-items: center;
  display: flex;
}

.h3-2 {
  letter-spacing: 2.5px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 26px;
}

.h3-2.pop {
  margin-bottom: -6px;
  font-size: 18px;
}

.popup-logo {
  margin-right: 25px;
}

.popup-logo.vk, .popup-logo.all {
  margin-bottom: -7px;
}

.popup-logo.litres {
  margin-bottom: -4px;
}

.popup-logo.amazon {
  margin-bottom: -12px;
}

.bullet {
  width: 8px;
  height: 8px;
  min-height: 8px;
  min-width: 8px;
  background-color: #ff7e00;
  border-radius: 4px;
  margin-top: 10px;
  margin-right: 10px;
}

.tabs-menu {
  flex-direction: row;
  margin-top: 20px;
  display: flex;
}

.popup-div {
  z-index: 101;
  width: 580px;
  max-height: 100%;
  max-width: 580px;
  background-color: #fff;
  border-radius: 4px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  /*margin-top: 100px;*/
  margin-left: auto;
  margin-right: auto;
  padding: 40px 30px 30px;
  display: block;
  position: relative;
  overflow: auto;
  box-shadow: 0 0 16px rgba(70, 84, 91, .25), 0 0 8px rgba(70, 84, 91, .25), 0 0 4px rgba(70, 84, 91, .25);
}

.popup-header {
  align-items: flex-end;
  margin-bottom: 25px;
  display: flex;
}

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

.button-div {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.link-in-text-2 {
  color: #ff7e00;
  text-decoration: none;
}

.link-in-text-2:hover {
  text-decoration: none;
}

.checkbox-field {
  align-items: flex-start;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  display: flex;
}

.success-message {
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
}

.div-block-hor {
  display: flex;
}

.div-block-hor.form {
  width: 100%;
  border-radius: 0;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 10px;
}

.paragraph-4 {
  width: auto;
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}

.error-message {
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
}

.div-block-14 {
  width: auto;
  margin-right: 0;
}

.text-block {
  color: #ff7e00;
  text-align: left;
}

.checkbox-label {
  margin-bottom: 0;
}

.text-field {
  border-radius: 2px;
}

.form-2 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.form-block {
  width: 100%;
  margin-bottom: 0;
}

.checkbox {
  width: 12px;
  height: 12px;
  border-color: #c1c3c4;
  margin-top: 5px;
  margin-right: 7px;
}

.checkbox:hover {
  border-color: #000;
}

.checkbox.w--redirected-checked {
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/checkbox.svg');
  background-position: 100%;
  background-size: 9px;
  border-color: #000;
  margin-top: 5px;
  margin-right: 7px;
}

.checkbox.w--redirected-focus {
  box-shadow: none;
}

.comment {
  width: auto;
  text-align: left;
  border-radius: 2px;
  margin-bottom: 10px;
  margin-left: 0;
}

.block {
  background-color: #fff;
  border: 1px #000;
  border-radius: 4px;
  flex: none;
  position: relative;
  box-shadow: 0 0 5px rgba(109, 127, 135, .25);
}

.block.otziv {
  width: 580px;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 20px 30px;
  display: flex;
  box-shadow: 0 5px 28px rgba(109, 127, 135, .15);
}

.bt-form {
  height: 42px;
  color: #fff;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  background-color: #ff7e00;
  border: 1px solid #ff7e00;
  border-radius: 1px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 5px 30px;
  font-weight: 700;
  transition: color .15s, background-color .15s;
  display: flex;
}

.bt-form:hover {
  color: #ff7e00;
  background-color: #fff;
  border: 1px solid #ff7e00;
}

.bt-form:active {
  color: #f38f21;
  -webkit-text-stroke-color: #fff;
  border-color: #f38f21;
}

.div-block-15 {
  flex-direction: column;
  display: flex;
}

.div-block-16 {
  grid-column-gap: 60px;
  grid-row-gap: 0px;
  display: flex;
}

.div-block-16._2 {
  grid-column-gap: 10px;
  grid-row-gap: 0px;
  align-items: stretch;
  margin-top: 10px;
  font-size: 16px;
  line-height: 26px;
}

.pu-heading {
  text-align: center;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  margin: 0 20px 20px;
  font-family: Ptsanscaption, sans-serif;
  font-size: 18px;
  line-height: 26px;
}

.link-block-2 {
  text-decoration: none;
}

.link-block-2:hover {
  color: #ff7e00;
  text-decoration: underline;
}

.link-block-2:active {
  color: #f38f21;
  -webkit-text-stroke-color: #f38f21;
}

.popup-2 {
  z-index: 100;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .4);
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.paragraph-5 {
  margin-bottom: 13px;
}

.popup-3 {
  z-index: 100;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .4);
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.popup-4, .popup-5, .popup-6 {
  z-index: 100;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .4);
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.ridero-link.button {
  height: 42px;
  color: #fff;
  text-align: center;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  background-color: #ff7e00;
  border: 1px solid #ff7e00;
  border-radius: 2px;
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
  padding-top: 7px;
  padding-bottom: 8px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: all .15s;
  display: flex;
}

.ridero-link.button:hover {
  color: #ff7e00;
  background-color: #fff;
}

.ridero-link.button.popup-button {
  margin-top: 0;
}

.popup-7, .popup-8, .popup-9 {
  z-index: 100;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .4);
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.tab-link-tab-3 {
  width: 40px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #dfe3e5;
  border-radius: 2px;
  margin-right: 10px;
  padding: 0;
  overflow: hidden;
}

.tab-link-tab-3.w--current {
  background-color: rgba(0, 0, 0, 0);
  border-width: 2px;
  border-color: #ff7e00;
}

.popup-10, .popup-11, .popup-12 {
  z-index: 100;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .4);
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.tab-link-tab-4 {
  width: 40px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #dfe3e5;
  border-radius: 2px;
  margin-right: 10px;
  padding: 0;
  overflow: hidden;
}

.tab-link-tab-4.w--current {
  background-color: rgba(0, 0, 0, 0);
  border-width: 2px;
  border-color: #ff7e00;
}

.popup-13, .popup-27, .popup-28, .popup-29, .popup-30, .popup-31, .popup-32, .popup-33, .popup-34, .popup-35, .popup-36, .popup-37, .popup-38, .popup-40, .popup-41,.popup-39  {
  z-index: 100;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .4);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.popup-14, .popup-15, .popup-16, .popup-17, .popup-18, .popup-19, .popup-20, .popup-21, .popup-22, .popup-23, .popup-24, .popup-24_1, .popup-25, .popup-26 {
  z-index: 100;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .4);
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.link-2 {
  color: #ff7e00;
  text-decoration: none;
}

.link-2:hover {
  text-decoration: underline;
}

.link-2:active {
  color: #f38f21;
  -webkit-text-stroke-color: #f38f21;
}

.link-3 {
  color: #ff7e00;
}

.link-3:hover {
  text-decoration: none;
}

.link-3:active {
  color: #f38f21;
  -webkit-text-stroke-color: #f38f21;
}

.image-5, .image-6, .image-7 {
  border-radius: 4px;
}

.card-text {
  flex: 1;
}

@media screen and (min-width: 1215px) {
  .heading {
    margin-top: 20px;
    line-height: 62px;
  }

  .button:active {
    -webkit-text-stroke-color: #f38f21;
  }

  .button._2 {
    -webkit-text-stroke-color: #ff7e00;
    border-color: #ff7e00;
  }

  .button._2:active {
    -webkit-text-stroke-color: #f38f21;
  }

  .book-text.footer {
    text-decoration: none;
  }

  .bt {
    -webkit-text-stroke-color: #ff7e00;
    border-color: #ff7e00;
  }

  .bt:hover {
    border-color: #ff7e00;
  }

  .tabs-content {
    width: 380px;
  }

  .popup-div {
    width: 1180px;
  }

  .block.otziv {
    width: 580px;
  }

  .popup-9, .popup-10, .popup-11, .popup-12, .popup-41 {
    justify-content: center;
    align-items: center;
    display: none;
  }

  .popup-13, .popup-29, .popup-30, .popup-31, .popup-32, .popup-33, .popup-34, .popup-35, .popup-36, .popup-37, .popup-38, .popup-40,.popup-39  {
     justify-content: center;
    align-items: center;
    display: none;
  }

  .popup-14, .popup-15, .popup-16, .popup-17, .popup-18, .popup-19, .popup-20, .popup-21, .popup-22, .popup-23, .popup-24, .popup-25, .popup-26, .popup-27, .popup-28  {
    justify-content: center;
    align-items: center;
    display: none;
  }

  .image-4 {
    margin-bottom: 0;
  }

  .link-block-3 {
    text-align: left;
    text-decoration: none;
  }

  .link-block-4 {
    text-align: left;
    font-style: normal;
    text-decoration: none;
  }

  .link-block-5 {
    text-decoration: none;
  }

  .link-2 {
    color: #ff7e00;
    text-decoration: none;
  }

  .link-2:hover {
    text-decoration: underline;
  }

  .link-2:active {
    color: #f38f21;
    -webkit-text-stroke-color: #f38f21;
  }

  .link-3 {
    color: #ff7e00;
    text-decoration: none;
  }

  .link-3:hover {
    text-decoration: underline;
  }

  .link-3:active {
    color: #f38f21;
  }
}

@media screen and (max-width: 991px) {
  .section {
    padding-top: 40px;
    padding-bottom: 50px;
  }

  .section.hero {
    padding-top: 60px;
    padding-bottom: 80px;
  }

  .section.gray {
    padding: 40px 16px 50px;
  }

  .section.white, .section.dark {
    padding-left: 16px;
    padding-right: 16px;
  }

  .heading {
    font-size: 42px;
    line-height: 52px;
  }

  .h2 {
    font-size: 32px;
    line-height: 38px;
  }

  .b {
    max-width: 736px;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: ".";
  }

  .biblio-img {
    max-height: 180px;
    min-height: 180px;
  }

  .biblio-img.zaglushka_library {
    max-height: 180px;
    min-height: 180px;
  }

  .biblio-img.sannikovskaya_biblioteka {
    max-height: 180px;
    min-height: 180px;
  }

  .biblio-img.krasnopol {
    background-position: 50% 30%;
    background-size: auto 550px;
  }

  .biblio-img.altaisk-selsk {
    background-position: 50% 30%;
    background-size: auto 550px;
  }

  .biblio-img.Pavlovskaya_mezhposelencheskaya {
   background-position: 50% 30%;
    background-size: auto 550px;
  }

.biblio-img.bibl_02_Berezinskaya_poselench {
   background-position: 50% 30%;
    background-size: auto 550px;
  }
  
.biblio-img.bibl_03_Belokolodezs {
  background-position: 50% 30%;
    background-size: auto 550px;
  }

  .biblio-img.bibl_04_Kugulta {
  background-position: 50% 30%;
    background-size: auto 550px;
  }

  .biblio-img.bibl_05_Krym-sarai {
  background-position: 50% 30%;
    background-size: auto 550px;
  }

  .biblio-img.bibl_06_Dobrovskaya {
  background-position: 50% 30%;
    background-size: auto 550px;
  }

  .biblio-img.bibl_07_Dnovskaya {
  background-position: 50% 30%;
    background-size: auto 550px;
  }

 .biblio-img.bibl_08_Simahinskaya {
  background-position: 50% 30%;
    background-size: auto 550px;
  }

 .biblio-img.bibl_09_Nagorno-Ivan {
  background-position: 50% 30%;
    background-size: auto 550px;
  }

  .biblio-img.bibl_10_Ostrovskaya {
  background-position: 50% 30%;
    background-size: auto 550px;
  }

  .biblio-img.bibl_11_Sokolovskaya {
  background-position: 50% 30%;
    background-size: auto 550px;
  }

  .biblio-img.bibl_12_Grachevskaya {
  background-position: 50% 30%;
    background-size: auto 550px;
  }

  .biblio-img.bibl_13_Aleksandrovskaya {
  background-position: 50% 30%;
    background-size: auto 550px;
  }

  .biblio-img.bibl_14_Darasunskaya {
  background-position: 50% 30%;
    background-size: auto 550px;
  }

  .biblio-img.bibl_15_Emetkin {
  background-position: 50% 30%;
    background-size: auto 550px;
  }

  .biblio-img.bibl_16_Chebaklin {
  background-position: 50% 30%;
    background-size: auto 550px;
  }

  .biblio-img.bibl_17_Nizhnigalin {
  background-position: 50% 30%;
    background-size: auto 550px;
  }

  .biblio-img.bibl_18_Mishkin {
  background-position: 50% 30%;
    background-size: auto 550px;
  }

  .biblio-img.bibl_19_Vitkul {
  background-position: 50% 30%;
    background-size: auto 550px;
  }


.biblio-img.bibl_20_Loimol {
  background-position: 50% 30%;
    background-size: auto 550px;
  }

  .biblio-img.bibl_21_Vyakshener {
  background-position: 50% 30%;
    background-size: auto 550px;
  }
}

  .biblio-img.rebooks {
    background-position: 50% 30%;
    background-size: auto 230px;
  }

  .biblio-img.selt {
    background-size: auto 250px;
  }

  .biblio-img.ogar {
    background-size: auto 310px;
  }

  .biblio-img.sovet {
    background-position: 50% 25%;
    background-size: auto 270px;
  }

  .biblio-img.baran {
    background-size: auto 270px;
  }

  .biblio-img.kirov {
    background-size: auto 550px;
  }

  .biblio-img.sovetsk {
    background-size: auto 550px;
  }

  .biblio-img.rubez {
    background-size: auto 550px;
  }

  .biblio-img.vorob {
    background-size: auto 270px;
  }

  .biblio-img.login {
    background-size: auto 250px;
  }

  .biblio-img.marisol {
    background-size: auto 270px;
  }

  .biblio-img.maou-ust {
    background-size: auto 550px;
  }

  .biblio-img.yagul {
    background-size: 380px;
  }

  .biblio-img.serg {
    background-size: auto 270px;
  }

  .biblio-img.svet {
    background-position: 50% 60%;
    background-size: auto 550px;
  }

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

  .button._2 {
    max-width: 380px;
  }

  .button._3 {
    width: auto;
  }

  .book-grid {
    grid-template-columns: 1fr;
    align-items: center;
    justify-items: center;
  }

  .book-text {
    margin-bottom: 15px;
  }

  .galery {
    max-width: 768px;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr;
  }

  /*.timeline {
    width: auto;
  }*/

  .timeline-heading.part {
    margin-bottom: 20px;
  }

  .nav-menu {
    background-color: #fff;
    display: none;
  }

  .container {
    flex-direction: row;
    justify-content: flex-start;
    margin-left: 0;
    margin-right: auto;
    display: flex;
  }

  .nav-link {
    margin-top: 5px;
    margin-bottom: 5px;
  }

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

  .tabs {
    display: none;
  }

  .popup-div {
    width: auto;
    border-radius: 0;
  }

  .paragraph-4 {
    width: auto;
    margin-bottom: 15px;
  }

  .text-field {
    height: 42px;
  }

  .block {
    padding-left: 15px;
  }

  .block.otziv {
    width: 100%;
  }

  .menu-button {
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }


@media screen and (max-width: 767px) {
  .section {
    padding-top: 30px;
    padding-bottom: 40px;
  }

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

  .section.gray {
    padding: 30px 16px 40px;
  }

  .heading {
    letter-spacing: 2.5px;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 20px;
    font-family: Ptsanscaption, sans-serif;
    font-size: 18px;
    line-height: 26px;
  }

  .h2 {
    letter-spacing: 2.5px;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-family: Ptsanscaption, sans-serif;
    font-size: 18px;
    line-height: 26px;
  }

  .h2.m40 {
    letter-spacing: 2px;
    margin-bottom: 20px;
  }

  .b {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    align-items: stretch;
    display: block;
  }

  .h4 {
    letter-spacing: 2.5px;
  }

  .biblio-img.rebooks {
    background-position: 50% 10%;
    background-size: 536px;
  }

  .biblio-img.selt, .biblio-img.ogar {
    background-size: 536px;
  }

  .biblio-img.klevan {
    background-position: 55% 30%;
    background-size: 536px;
  }

  .biblio-img.sovet, .biblio-img.baran {
    background-size: 536px;
  }

  .biblio-img.roman {
    background-position: 35% 25%;
    background-size: 536px;
  }

  .biblio-img.vorob, .biblio-img.login {
    background-size: 536px;
  }

  .biblio-img.marisol {
    background-position: 50% 10%;
    background-size: 536px;
  }

  .biblio-img.yagul, .biblio-img.serg {
    background-size: 536px;
  }

  .button._2 {
    max-width: 100%;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
  }

  .biblio-card {
    max-width: 536px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .biblio-card.m0 {
    margin-bottom: 0;
  }

  .h3 {
    letter-spacing: 2.5px;
    font-size: 16px;
  }

  .book-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .bt-and-vozrast {
    flex-direction: row-reverse;
  }

  .book-text, .book-text.footer {
    font-size: 16px;
  }

  .timeline-text {
    font-size: 16px;
    line-height: 24px;
  }

  .timeline {
    grid-template-columns: 40px 1fr;
    grid-template-areas: ".";
    margin-top: 0;
    margin-bottom: 0;
  }

  .div-timeline-photo._1, .div-timeline-photo._4, .div-timeline-photo._2, .div-timeline-photo._5, .div-timeline-photo._3, .div-timeline-photo._6 {
    display: none;
  }

  .timeline-heading {
    font-size: 16px;
    line-height: 22px;
  }

  .timeline-heading.left {
    margin-left: 20px;
  }

  .div-timeline {
    margin-left: -10px;
  }

  .timeline-card.left {
    margin-left: 20px;
    margin-right: 0;
  }

  .nav-menu {
    display: block;
  }

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

  .list-item {
    margin-bottom: 12px;
    line-height: 24px;
  }

  .arrow-right {
    position: fixed;
    top: auto;
    bottom: 10px;
    right: 42%;
  }

  .question {
    min-height: 20px;
    min-width: 20px;
    margin-top: 10px;
  }

  .arrow-left {
    position: fixed;
    top: auto;
    bottom: 10px;
    left: 42%;
  }

  .credit-block {
    width: 100%;
  }

  .ridero-login.button {
    width: 100%;
    height: 52px;
    letter-spacing: 0;
    text-transform: none;
    padding-top: 8px;
    font-size: 18px;
    font-weight: 400;
  }

  .ridero-login.button.white {
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
  }

  .list {
    margin-bottom: 30px;
  }

  .popup-close {
    background-size: 20px 20px;
    position: fixed;
  }

  .paragraph-3 {
    margin-bottom: 12px;
    line-height: 24px;
  }

  .popup-buttons {
    width: 100%;
    flex-direction: column;
  }

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

  .h3-2.pop {
    text-align: left;
  }

  .bullet {
    margin-right: 7px;
  }

  .popup-div {
    max-height: 100vh;
    min-height: 100vh;
    margin-top: 0;
    margin-bottom: 0;
    padding: 40px 15px 110px;
  }

  .popup-header, .checkbox-field {
    margin-bottom: 20px;
  }

  .div-block-hor.form {
    height: 274px;
    flex-flow: column wrap;
    margin-bottom: 15px;
  }

  .paragraph-4 {
    font-size: 16px;
    line-height: 24px;
  }

  .div-block-14 {
    width: auto;
    margin-right: 0;
  }

  .form-block {
    margin-bottom: 0;
  }

  .checkbox {
    width: 16px;
    height: 16px;
    min-width: 16px;
    margin-top: 2px;
  }

  .checkbox.w--redirected-checked {
    width: 16px;
    height: 16px;
    background-size: 14px;
    margin-top: 2px;
  }

  .comment {
    width: auto;
    flex: 1;
    margin-left: 0;
  }

  .block.otziv {
    flex-direction: column;
    align-items: center;
  }

  .bt-form {
    height: 52px;
    letter-spacing: .2px;
    text-transform: none;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
  }

  .paragraph-5 {
    margin-bottom: 12px;
    line-height: 24px;
  }

  .ridero-link.button {
    width: 100%;
    height: 52px;
    letter-spacing: 0;
    text-transform: none;
    margin-top: 35px;
    padding-top: 11px;
    font-size: 18px;
    font-weight: 400;
  }

  .image-5, .image-6, .image-7 {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .section.hero {
    padding-top: 40px;
    padding-bottom: 30px;
  }

  .section.gray {
    padding-left: 16px;
    padding-right: 16px;
  }

  .section.white {
    padding: 30px 10px 40px;
  }

  .heading {
    text-align: center;
    font-size: 18px;
    line-height: 26px;
  }

  .b {
    grid-template-rows: auto auto auto auto auto;
  }

  .h4.vozrast {
    margin-bottom: 0;
    margin-right: 20px;
  }

  .button {
    min-height: 42px;
    font-size: 18px;
  }

  .button._3 {
    margin-left: auto;
    margin-right: 0;
  }

  .book-card {
    flex-direction: column;
  }

  .book-img.gora {
    max-height: 226px;
    max-width: 160px;
    min-height: 226px;
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
  }

  .book-img.dvoe {
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
  }

  .book-img.strann, .book-img.na-kryl, .book-img.vozvr, .book-img.buz, .book-img.koz, .book-img.posl {
    max-height: 226px;
    max-width: 160px;
    min-height: 226px;
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
  }

  .book-img.kon-s {
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
  }

  .book-img.ne-po, .book-img.korp, .book-img.droj {
    max-height: 226px;
    max-width: 160px;
    min-height: 226px;
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
  }

  .book-img.balan, .book-img.pred, .book-img.komp, .book-img.ptich, .book-img.cey {
    max-height: 227px;
    max-width: 160px;
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
  }

  .book-img.krasn, .book-img.obez, .book-img.put, .book-img.podvod, .book-img.taksa, .book-img.ohota, .book-img.hoz, .book-img.odnaj, .book-img.prok, .book-img.krim, .book-img.princ, .book-img.storm, .book-img.perel, .book-img.istor, .book-img.kotel, .book-img.prikl, .book-img.losk, .book-img.kras, .book-img.dobr, .book-img.amul, .book-img.treh, .book-img.razd, .book-img.kal, .book-img.samo, .book-img.lub, .book-img.nesch, .book-img.trud, .book-img.muj, .book-img.sumasshedshaya_supergeroika, .book-img.darograd, .book-img.we {
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
  }

  .bt-and-vozrast {
    flex-direction: row-reverse;
    justify-content: flex-start;
  }

  .galery {
    max-width: 398px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
  }

  .timeline-card {
    box-shadow: 0 3px 20px rgba(109, 127, 135, .15);
  }

  .div-block-9 {
    grid-template-columns: minmax(160px, 360px);
    grid-auto-rows: 1fr;
    justify-items: center;
  }

  .logo-1 {
    max-width: 150px;
  }

  .logo3 {
    margin-bottom: 10px;
  }

  .arrow-right {
    right: 38%;
  }

  .arrow-left {
    left: 38%;
  }

  .popup-logo, .popup-logo.vk, .popup-logo.all {
    margin-bottom: 12px;
  }

  .popup-logo.litres {
    margin-bottom: 9px;
  }

  .popup-logo.amazon {
    margin-bottom: 10px;
  }

  .popup-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .button-div {
    width: 100%;
  }

  .paragraph-4 {
    margin-top: -5px;
  }

  .block {
    width: 100%;
    max-width: 300px;
    flex: 0 auto;
    margin-left: 0;
    margin-right: 0;
    padding: 20px 20px 30px;
  }

  .block.otziv {
    width: auto;
    max-width: none;
  }

  .bt-form {
    width: 100%;
  }

  .popup-2 {
    display: none;
  }

  .image-4 {
    height: 18px;
  }
}

#w-node-_7ee0ac71-03bd-cf4e-ea0a-5f0366680569-ef1440df {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-e4ff0e2c-9853-82c5-efee-c310977533b8-ef1440df {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: center;
}

#w-node-e4ff0e2c-9853-82c5-efee-c310977533b9-ef1440df {
  grid-area: 2 / 2 / 3 / 3;
  justify-self: center;
}

#w-node-e4ff0e2c-9853-82c5-efee-c310977533ba-ef1440df {
  grid-area: 3 / 2 / 4 / 3;
  justify-self: center;
}

#w-node-c3074ae3-8cae-1264-2ebc-fb46ceebe57c-ef1440df {
  grid-area: 3 / 3 / 4 / 4;
  align-self: end;
  justify-self: end;
}

#w-node-e4ff0e2c-9853-82c5-efee-c310977533bb-ef1440df {
  grid-area: 4 / 2 / 5 / 3;
  justify-self: center;
}

#w-node-e4ff0e2c-9853-82c5-efee-c310977533bc-ef1440df {
  grid-area: 5 / 2 / 6 / 3;
  justify-self: center;
}

#w-node-e4ff0e2c-9853-82c5-efee-c310977533bd-ef1440df {
  grid-area: 6 / 2 / 7 / 3;
  justify-self: center;
}

#w-node-e4ff0e2c-9853-82c5-efee-c310977533bf-ef1440df {
  grid-area: 8 / 2 / 9 / 3;
  justify-self: center;
}

#w-node-e4ff0e2c-9853-82c5-efee-c310977533c2-ef1440df {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-e4ff0e2c-9853-82c5-efee-c310977533cb-ef1440df {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: center;
}

#w-node-e4ff0e2c-9853-82c5-efee-c310977533ce-ef1440df {
  grid-area: 3 / 2 / 4 / 3;
  justify-self: center;
}

#w-node-e4ff0e2c-9853-82c5-efee-c310977533d1-ef1440df {
  grid-area: 5 / 2 / 6 / 3;
  justify-self: center;
}

#w-node-dcf28f68-c423-47d7-a4b8-d41b1d0da3ec-ef1440df {
  grid-area: 5 / 1 / 6 / 2;
  align-self: end;
  justify-self: start;
}

#w-node-e4ff0e2c-9853-82c5-efee-c310977533d5-ef1440df {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-e4ff0e2c-9853-82c5-efee-c310977533e9-ef1440df {
  grid-area: 5 / 3 / 6 / 4;
}

#w-node-e4ff0e2c-9853-82c5-efee-c310977533f3-ef1440df {
  grid-area: 7 / 2 / 8 / 3;
  justify-self: center;
}

#w-node-e4ff0e2c-9853-82c5-efee-c310977533f6-ef1440df {
  grid-area: 7 / 1 / 8 / 2;
}

#w-node-b569890c-60ee-430e-c539-310d3a397f07-ef1440df {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-bfafaa9e-30f6-5fba-e778-e5263e1fa2b4-ef1440df {
  grid-area: Area;
}

#w-node-_5492bd95-c8f5-9c10-45df-c0a243cca23c-ef1440df {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c109edd-c7b8-6e3a-6d03-9cd99b909900-ef1440df {
  grid-area: 3 / 1 / 4 / 3;
}

#w-node-_7ca0f7b2-7b3d-ece4-df7b-b16518cb9dc3-ef1440df, #w-node-_60719e3f-9be6-6821-d6f0-1eea52feb7ed-ef1440df, #w-node-_159ef4b0-a53e-11a3-b6ea-f5c06eb67ad8-ef1440df, #w-node-_1d057ad3-1d3a-3835-5fa7-092164fa1029-ef1440df, #w-node-_389de26b-ca69-7ec0-ccb9-2ca6e8b759fc-ef1440df, #w-node-e2d61d85-42ce-e821-bdd7-e0463eb08fbb-ef1440df, #w-node-b6411720-5cd8-155a-e1ba-38f5ce98f4c3-ef1440df {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d61fcf85-0967-1dfa-11c8-aad45156131d-ef1440df {
  grid-area: 4 / 3 / 5 / 5;
}

#w-node-_51eb495d-b5a2-53e4-678c-522c879eec28-ef1440df {
  grid-area: 5 / 2 / 6 / 4;
}

#w-node-e79bf515-aa7c-6c2d-f9dc-2dedde74882e-ef1440df, #w-node-e79bf515-aa7c-6c2d-f9dc-2dedde74882e-ef1440df_2, #w-node-e79bf515-aa7c-6c2d-f9dc-2dedde74882e-ef1440df_3, #w-node-e79bf515-aa7c-6c2d-f9dc-2dedde74882e-ef1440df_4, #w-node-d61fcf85-0967-1dfa-11c8-aad45156131d-ef1440df_1, #w-node-_1567630a-bde1-1f56-c7c0-adb2c3596890-ef1440df, #w-node-f340ca93-2294-78a1-d505-8683634fb65a-ef1440df, #w-node-f6ac7e27-08a5-f88f-9320-f943ac16c161-ef1440df, #w-node-_7f5c1a10-1322-135d-80ee-37f4cb7155ac-ef1440df, #w-node-_9aaf59e2-40b6-8f8d-cac3-014f1d19aad8-ef1440df, #w-node-_9aaf59e2-40b6-8f8d-cac3-014f1d19aad9-ef1440df, #w-node-fc9042c9-4a69-6af5-4b11-1ef5469e4a72-ef1440df, #w-node-fc9042c9-4a69-6af5-4b11-1ef5469e4a73-ef1440df, #w-node-_4df16692-8139-58f2-a301-a0f29265f0c6-ef1440df, #w-node-_4df16692-8139-58f2-a301-a0f29265f0c7-ef1440df, #w-node-b24f85e5-6e0a-91df-0d65-491093bdbedf-ef1440df, #w-node-b24f85e5-6e0a-91df-0d65-491093bdbee0-ef1440df, #w-node-_271847f5-62b7-64f0-e1be-f232d67e9acc-ef1440df, #w-node-_271847f5-62b7-64f0-e1be-f232d67e9acd-ef1440df, #w-node-_11925bba-3b2d-4ba8-320c-eef8faf881e3-ef1440df, #w-node-_11925bba-3b2d-4ba8-320c-eef8faf881e4-ef1440df, #w-node-_8165e265-6c81-af92-d5b3-147e8653367f-ef1440df, #w-node-_8165e265-6c81-af92-d5b3-147e86533680-ef1440df, #w-node-_0d9ae0a7-8511-aa9c-05fe-fd7a71d24ce8-ef1440df, #w-node-_0d9ae0a7-8511-aa9c-05fe-fd7a71d24ce9-ef1440df, #w-node-_3ddf3fb4-a137-9624-ca2d-d0190309bb8e-ef1440df, #w-node-_3ddf3fb4-a137-9624-ca2d-d0190309bb8f-ef1440df, #w-node-_2ee36af3-a566-2db9-8831-4a291723743c-ef1440df, #w-node-_2ee36af3-a566-2db9-8831-4a291723743d-ef1440df, #w-node-_525c2826-3776-7b75-bc40-6436ccf1c3b3-ef1440df, #w-node-_525c2826-3776-7b75-bc40-6436ccf1c3b4-ef1440df, #w-node-b722296b-315a-0908-3972-92ffef14426e-ef1440df, #w-node-b722296b-315a-0908-3972-92ffef14426f-ef1440df, #w-node-_82c484ee-a1e3-01c8-ea00-b94bd09b60cd-ef1440df, #w-node-_82c484ee-a1e3-01c8-ea00-b94bd09b60cd-ef1440df_1, #w-node-_82c484ee-a1e3-01c8-ea00-b94bd09b60cd-ef1440df_2, #w-node-_82c484ee-a1e3-01c8-ea00-b94bd09b60ce-ef1440df, #w-node-af8a0599-9e06-a431-445a-66709ff597d8-ef1440df, #w-node-d6a47849-2f24-792f-f511-bcbc6d116cd5-ef1440df, #w-node-d6a47849-2f24-792f-f511-bcbc6d116cd6-ef1440df, #w-node-d6a47849-2f24-792f-f511-bcbc6d116cdf-ef1440df, #w-node-d6a47849-2f24-792f-f511-bcbc6d116ce0-ef1440df, #w-node-d6a47849-2f24-792f-f511-bcbc6d116ce9-ef1440df, #w-node-d6a47849-2f24-792f-f511-bcbc6d116cea-ef1440df, #w-node-d6a47849-2f24-792f-f511-bcbc6d116cf3-ef1440df_1, #w-node-d6a47849-2f24-792f-f511-bcbc6d116cf3-ef1440df_2 #w-node-d6a47849-2f24-792f-f511-bcbc6d116cf3-ef1440df, #w-node-d6a47849-2f24-792f-f511-bcbc6d116cf4-ef1440df, #w-node-d6a47849-2f24-792f-f511-bcbc6d116d62-ef1440df, #w-node-_5eadbf7d-c70d-6291-f731-c37dea29079a-ef1440df, #w-node-_5eadbf7d-c70d-6291-f731-c37dea29079b-ef1440df, #w-node-_5eadbf7d-c70d-6291-f731-c37dea2907a4-ef1440df, #w-node-_5eadbf7d-c70d-6291-f731-c37dea2907a5-ef1440df, #w-node-_5eadbf7d-c70d-6291-f731-c37dea2907ae-ef1440df, #w-node-_5eadbf7d-c70d-6291-f731-c37dea2907af-ef1440df, #w-node-_5eadbf7d-c70d-6291-f731-c37dea2907b8-ef1440df, #w-node-_5eadbf7d-c70d-6291-f731-c37dea2907b9-ef1440df, #w-node-_5eadbf7d-c70d-6291-f731-c37dea2907c2-ef1440df, #w-node-_5eadbf7d-c70d-6291-f731-c37dea2907c3-ef1440df, #w-node-_5eadbf7d-c70d-6291-f731-c37dea2907cc-ef1440df, #w-node-_5eadbf7d-c70d-6291-f731-c37dea2907cd-ef1440df, #w-node-_5eadbf7d-c70d-6291-f731-c37dea2907d6-ef1440df, #w-node-_5eadbf7d-c70d-6291-f731-c37dea2907d7-ef1440df, #w-node-_5eadbf7d-c70d-6291-f731-c37dea2907e0-ef1440df, #w-node-_5eadbf7d-c70d-6291-f731-c37dea2907e1-ef1440df, #w-node-_5eadbf7d-c70d-6291-f731-c37dea2907ea-ef1440df, #w-node-_5eadbf7d-c70d-6291-f731-c37dea2907eb-ef1440df, #w-node-_5eadbf7d-c70d-6291-f731-c37dea2907f4-ef1440df, #w-node-_5eadbf7d-c70d-6291-f731-c37dea2907f5-ef1440df, #w-node-_6e5dadf4-1fc1-1c0d-a284-ca4c6002b096-ef1440df, #w-node-_6e5dadf4-1fc1-1c0d-a284-ca4c6002b097-ef1440df, #w-node-_6e5dadf4-1fc1-1c0d-a284-ca4c6002b0a0-ef1440df, #w-node-_6e5dadf4-1fc1-1c0d-a284-ca4c6002b0a1-ef1440df, #w-node-_6e5dadf4-1fc1-1c0d-a284-ca4c6002b0aa-ef1440df, #w-node-_6e5dadf4-1fc1-1c0d-a284-ca4c6002b0ab-ef1440df, #w-node-_6e5dadf4-1fc1-1c0d-a284-ca4c6002b0b4-ef1440df, #w-node-_6e5dadf4-1fc1-1c0d-a284-ca4c6002b0b5-ef1440df, #w-node-_6e5dadf4-1fc1-1c0d-a284-ca4c6002b0be-ef1440df, #w-node-_6e5dadf4-1fc1-1c0d-a284-ca4c6002b0bf-ef1440df, #w-node-_6e5dadf4-1fc1-1c0d-a284-ca4c6002b0c8-ef1440df, #w-node-_6e5dadf4-1fc1-1c0d-a284-ca4c6002b0c9-ef1440df, #w-node-_6e5dadf4-1fc1-1c0d-a284-ca4c6002b0d2-ef1440df, #w-node-_6e5dadf4-1fc1-1c0d-a284-ca4c6002b0d3-ef1440df, #w-node-_6e5dadf4-1fc1-1c0d-a284-ca4c6002b0dc-ef1440df, #w-node-_6e5dadf4-1fc1-1c0d-a284-ca4c6002b0dd-ef1440df, #w-node-_6e5dadf4-1fc1-1c0d-a284-ca4c6002b0e6-ef1440df, #w-node-_6e5dadf4-1fc1-1c0d-a284-ca4c6002b0e7-ef1440df, #w-node-_6e5dadf4-1fc1-1c0d-a284-ca4c6002b0f0-ef1440df, #w-node-_6e5dadf4-1fc1-1c0d-a284-ca4c6002b0f1-ef1440df, #w-node-_583f3d1a-8048-2181-d0ee-166d5c03f10e-ef1440df, #w-node-_583f3d1a-8048-2181-d0ee-166d5c03f10f-ef1440df, #w-node-_583f3d1a-8048-2181-d0ee-166d5c03f118-ef1440df, #w-node-_583f3d1a-8048-2181-d0ee-166d5c03f119-ef1440df, #w-node-_583f3d1a-8048-2181-d0ee-166d5c03f122-ef1440df, #w-node-_583f3d1a-8048-2181-d0ee-166d5c03f123-ef1440df, #w-node-_583f3d1a-8048-2181-d0ee-166d5c03f12c-ef1440df, #w-node-_583f3d1a-8048-2181-d0ee-166d5c03f12d-ef1440df, #w-node-_583f3d1a-8048-2181-d0ee-166d5c03f137-ef1440df, #w-node-a58bc77d-5521-ed65-2eb0-bddae0bee2c5-ef1440df, #w-node-a4e448f7-a4cd-fcfb-0f2b-fa9be5ec58bf-ef1440df, #w-node-b03c7311-cbf7-ba11-331c-d5a052048412-ef1440df, #w-node-_6a25f445-00a2-eb3a-a178-50e545604f71-ef1440df, #w-node-_3790dd92-dd9b-6e69-2358-5b8918c22d51-ef1440df, #w-node-_468815dd-624f-1578-f438-be76c896279b-ef1440df, #w-node-_58906843-064d-021d-3a80-58af611777cd-ef1440df, #w-node-_3a36d6fe-0e71-9ee2-fbd3-96e53e575971-ef1440df, #w-node-b837e313-1f7f-fed3-a2c9-0f39dd75e871-ef1440df, #w-node-_3166677d-6672-a0e1-2940-6ac43ddfc82c-ef1440df, #w-node-_7f8c6111-caad-3325-7347-883404b6d621-ef1440df, #w-node-_7040213c-8340-cb7b-de6b-e94f9400e872-ef1440df, #w-node-_4d95ce30-ab38-ae26-04cb-0b23030d4a76-ef1440df, #w-node-_71abf2d3-e70d-646c-9060-972314141baa-ef1440df, #w-node-d4d91cdb-d520-c788-84f5-bcc755155f23-ef1440df {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-c027a2e1-6267-d15c-179d-ba1013792066-ef1440df {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c027a2e1-6267-d15c-179d-ba1013792066-ef1440df-1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b569890c-60ee-430e-c539-310d3a397f07-ef1440df {
    grid-area: 1 / 1 / 2 / 3;
    align-self: start;
  }

  #w-node-_5c109edd-c7b8-6e3a-6d03-9cd99b909900-ef1440df {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_1d057ad3-1d3a-3835-5fa7-092164fa1029-ef1440df {
    grid-area: 5 / 2 / 6 / 3;
  }

  #w-node-d61fcf85-0967-1dfa-11c8-aad45156131d-ef1440df {
    grid-area: 7 / 1 / 8 / 3;
  }

  #w-node-_51eb495d-b5a2-53e4-678c-522c879eec28-ef1440df {
    grid-area: 9 / 1 / 10 / 3;
  }

  #w-node-e79bf515-aa7c-6c2d-f9dc-2dedde74882e-ef1440df, #w-node-e79bf515-aa7c-6c2d-f9dc-2dedde74882e-ef1440df_1, #w-node-e79bf515-aa7c-6c2d-f9dc-2dedde74882e-ef1440df_2, #w-node-e79bf515-aa7c-6c2d-f9dc-2dedde74882e-ef1440df_3,  #w-node-e79bf515-aa7c-6c2d-f9dc-2dedde74882e-ef1440df_4
 {
    grid-area: 5 / 1 / 6 / 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-e4ff0e2c-9853-82c5-efee-c310977533b8-ef1440df, #w-node-e4ff0e2c-9853-82c5-efee-c310977533b9-ef1440df, #w-node-e4ff0e2c-9853-82c5-efee-c310977533ba-ef1440df, #w-node-e4ff0e2c-9853-82c5-efee-c310977533bb-ef1440df, #w-node-e4ff0e2c-9853-82c5-efee-c310977533bc-ef1440df, #w-node-e4ff0e2c-9853-82c5-efee-c310977533bd-ef1440df, #w-node-e4ff0e2c-9853-82c5-efee-c310977533bf-ef1440df {
    grid-column: 1 / 2;
  }

  #w-node-e4ff0e2c-9853-82c5-efee-c310977533c2-ef1440df {
    grid-column: 2 / 3;
  }

  #w-node-e4ff0e2c-9853-82c5-efee-c310977533cb-ef1440df, #w-node-e4ff0e2c-9853-82c5-efee-c310977533ce-ef1440df, #w-node-e4ff0e2c-9853-82c5-efee-c310977533d1-ef1440df {
    grid-column: 1 / 2;
  }

  #w-node-e4ff0e2c-9853-82c5-efee-c310977533d5-ef1440df, #w-node-e4ff0e2c-9853-82c5-efee-c310977533e9-ef1440df {
    grid-column: 2 / 3;
  }

  #w-node-e4ff0e2c-9853-82c5-efee-c310977533f3-ef1440df {
    grid-column: 1 / 2;
  }

  #w-node-e4ff0e2c-9853-82c5-efee-c310977533f6-ef1440df {
    grid-column: 2 / 3;
  }

  #w-node-c027a2e1-6267-d15c-179d-ba1013792066-ef1440df {
    grid-area: 1 / 2 / 2 / 3;
    justify-self: center;
  }

  #w-node-c027a2e1-6267-d15c-179d-ba1013792066-ef1440df-1 {
    grid-area: 1 / 2 / 2 / 3;
    justify-self: center;
  }

  #w-node-b569890c-60ee-430e-c539-310d3a397f07-ef1440df {
    grid-area: 1 / 1 / 2 / 2;
    align-self: center;
    justify-self: center;
  }

  #w-node-_5492bd95-c8f5-9c10-45df-c0a243cca23c-ef1440df {
    justify-self: center;
  }

  #w-node-_5c109edd-c7b8-6e3a-6d03-9cd99b909900-ef1440df {
    grid-column-end: 2;
    justify-self: center;
  }

  #w-node-_7ca0f7b2-7b3d-ece4-df7b-b16518cb9dc3-ef1440df {
    align-self: auto;
    justify-self: center;
  }

  #w-node-_60719e3f-9be6-6821-d6f0-1eea52feb7ed-ef1440df {
    justify-self: center;
  }

  #w-node-_159ef4b0-a53e-11a3-b6ea-f5c06eb67ad8-ef1440df {
    align-self: auto;
    justify-self: center;
  }

  #w-node-_1d057ad3-1d3a-3835-5fa7-092164fa1029-ef1440df, #w-node-_389de26b-ca69-7ec0-ccb9-2ca6e8b759fc-ef1440df, #w-node-e2d61d85-42ce-e821-bdd7-e0463eb08fbb-ef1440df, #w-node-b6411720-5cd8-155a-e1ba-38f5ce98f4c3-ef1440df {
    justify-self: center;
  }

  #w-node-d61fcf85-0967-1dfa-11c8-aad45156131d-ef1440df, #w-node-_51eb495d-b5a2-53e4-678c-522c879eec28-ef1440df {
    grid-column-end: 2;
    justify-self: center;
  }

  #w-node-e79bf515-aa7c-6c2d-f9dc-2dedde74882e-ef1440df,  #w-node-e79bf515-aa7c-6c2d-f9dc-2dedde74882e-ef1440df_1,  #w-node-e79bf515-aa7c-6c2d-f9dc-2dedde74882e-ef1440df_2,  #w-node-e79bf515-aa7c-6c2d-f9dc-2dedde74882e-ef1440df_3,  #w-node-e79bf515-aa7c-6c2d-f9dc-2dedde74882e-ef1440df_4  {
    justify-self: center;
  }

  #w-node-_1567630a-bde1-1f56-c7c0-adb2c3596890-ef1440df, #w-node-f340ca93-2294-78a1-d505-8683634fb65a-ef1440df {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }
}

@media screen and (max-width: 479px) {
  #w-node-b569890c-60ee-430e-c539-310d3a397f07-ef1440df, #w-node-_5c109edd-c7b8-6e3a-6d03-9cd99b909900-ef1440df, #w-node-d61fcf85-0967-1dfa-11c8-aad45156131d-ef1440df, #w-node-_51eb495d-b5a2-53e4-678c-522c879eec28-ef1440df {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Ptsanscaption';
  src: url('../fonts/PTSansCaption-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ptsanscaption';
  src: url('../fonts/PTSansCaption-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}