body {
   margin: 0;
   padding: 0;
   font-family: 'PT Sans', sans-serif;
}

main {
   box-sizing: border-box;
}

section {
   box-sizing: border-box;
}

.visually-hidden {
   position: absolute;
   width: 1px;
   height: 1px;
   margin: -1px;
   padding: 0;
   overflow: hidden;
   border: 0;
   clip: rect(0 0 0 0);
}

.button {
   padding: 11px 33px;
   border-radius: 30px;

   text-align: center;
   vertical-align: middle;
   border: none;
}

.button:hover,
.button:focus,
.button:active {
   text-decoration: none;
   /*   opacity: 0.7;*/
}

.btn-header-wrapper {
   display: flex;
   flex-direction: column;
   align-items: flex-start;

   /* margin-left: -35px; */
}

.btn-header1 {
   display: block;
   margin-bottom: 20px;

   color: #ffffff;
   background-color: #ff4748;
   border: 2px solid transparent;
   transition: 0.3s;
}

.btn-header1:hover,
.btn-header1:focus {
   color: #ff4748;
   border: 2px solid #ff4748;
   background-color: transparent;
}


.btn-header2 {
   margin-bottom: 20px;
   color: #000000;
   background-color: #dddddd;
   border: 2px solid transparent;
   transition: 0.3s;
}

.btn-header2:hover,
.btn-header2:focus {
   color: #ff4748;
   border: 2px solid #ff4748;
   background-color: transparent;
}

.btn-header2-1 {
   margin-bottom: 20px;
   color: #ff4748;
   border: 2px solid #ff4748;
   background-color: transparent;
   transition: 0.3s;
}

.btn-header2-1:hover,
.btn-header2-1:focus {
   color: #ffffff;
   background-color: #ff4748;
   border: 2px solid #ff4748;
}

.btn-header3 {
   padding: 20px 33px;
   margin-left: -37px;
   width: 311px;
   height: 79px;
   vertical-align: middle;
   text-align: center;
   font-size: 30px;
   color: #ffffff;
   background-image: url(/skazki/img/bcg/btn-grad.png);
   background-repeat: no-repeat;
   background-size: contain;
   border-radius: 0;
}


.main-header {
   background-image: url(/skazki/img/bcg/Rectangle.jpg);
}

.main-navigation {
   padding-top: 20px;
   margin-bottom: 40px;
   display: flex;
   flex-direction: column;
   align-items: center;
   font-size: 20px;
   font-weight: 400;
}

.main-header-logo {
   display: inline-block;
   margin-right: 25px;
   width: 148px;
   height: 50px;
   transition: 0.3s;
   transition-timing-function: cubic-bezier(.65, 1.95, .03, .32);
}

.main-header-logo:hover {
   /* margin-top: -10px; */
}

.main-header-logo-bx {
   height: 40px;
   transition: 0.3s;
   transition-timing-function: cubic-bezier(.65, 1.95, .03, .32);
}

.main-header-logo:hover .main-header-logo-bx {
   /* height: 40px;
   margin-top: -8px; */
}

.main-navigation-wrapper {
   display: flex;
   align-items: center;
}


.site-navigation {
   margin: 0;
   padding: 0;
   list-style: none;
}

.site-navigation li {
   display: inline-block;
}

.site-navigation li a {
   display: flex;
   justify-content: center;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 15px;
   padding-right: 15px;
   border-radius: 30px;
   text-decoration: none;
   color: #000000;
   transition: 0.2s;
   border: 1px solid transparent;
}

.site-navigation li a:hover {
   color: #ff4748;
   border: 1px solid #ff4748;
}


.caption {
   text-align: center;
   font-size: 45px;
   font-weight: 700;
}


/* тест */
.img-bck-1 {
   position: absolute;
   margin-right: 300px;
   left: -350px;
}

.img-bck-1 img {
   /* width: 100px; */
}

/* тест */


.books-wrapper {
   margin-top: 70px;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
}



.books-text {
   width: 410px;
   min-width: 400px;
   font-size: 30px;
   font-weight: 400;
   line-height: 1.2;
   margin-top: 0px;
   padding: 0 0;
   text-align: left;
}

.books-text p {
   margin-left: 30px;
}

.books-text .author {
   margin-bottom: 36px;
   font-size: 20px;
   font-weight: 400;
}


.books-pic-1 img {
   margin-top: -100px;
   margin-right: 70px;
   width: 645px;
   height: 412px;

   /* background-image: url(/skazki/img/books/books1.jpg); */
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
}

.books-pic-2 {
   margin-top: -220px;
   position: relative;
   background-image: url(/skazki/img/books/books2.jpg);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: top left;
   width: 656px;
   height: 419px;
}

.books-formats-item-mob3 img {
   margin-left: 5px;
   width: 43px;
   height: 50px;
}


.books-formats-item-mob1 img {
   margin-left: 5px;
   width: 33px;
   height: 38px;
}

.books-formats-item-mob img {
   width: 50px;
   height: 50px;
}


@media screen and (max-width: 1440px) {
   /* .books-pic-1 {
      margin-left: -150px;
   } */

   .books-pic-1 img {
      margin-left: -150px;
   }
}

@media screen and (max-width: 1280px) {
   /* .books-pic-1 {
      margin-left: -250px;
   } */

   .books-pic-1 img {
      margin-left: -250px;
   }
}

.books-formats-bx {
   position: absolute;
   margin-bottom: -120px;
   bottom: 0;
   /*   margin-top: -80px;*/

   text-align: center;
   font-size: 20px;
   font-weight: 400;
}

.books-formats {
   margin: 0 auto;
}

.books-formats p {
   text-align: left;
}

.books-formats-item1,
.books-formats-item {
   display: inline;
}

.books-formats-item1 img {
   margin-top: 16px;
   width: 43px;
   height: 43px;
}

.books-formats-item img {
   width: 60px;
   height: 60px;
}


.books-formats-item1 {
   margin-right: 35px;
}

.books-formats-item:nth-child(2n) {
   margin-right: 35px;
   margin-left: 35px;
}


.btn-background {
   margin-top: -80px;
   height: 425px;
   background-image: linear-gradient(to top, #ffffff 0%, #ffffff 70.61950000000002%, #0071bc 100%);
}

.btn-background-white {
   margin-top: -429px;
   margin-bottom: 70px;
   min-height: 82px;
   width: 100%;
   background-color: #ffffff;
   background-image: url(/skazki/img/bcg/Rectangle.jpg);
}

.wraper-books-bx {
   position: relative;
   height: 0;
   display: none;
}

.books-formats-bx-mob {
   position: relative;
   display: none;
   /* padding-right: 15px; */
   /* margin-right: 15px; */
}

.books-formats-bx-mob p {
   font-size: 18px;
   text-align: left;
   line-height: 1.1;
}













@media screen and (max-width:1189px) {
   .caption {
      font-size: 35px;
   }

   .books-text {
      margin-right: 20px;
      font-size: 25px;
   }

   .books-pic-2 {
      display: none;
   }

   .btn-header3 {
      font-size: 25px;
   }
}


@media screen and (max-width: 1096px) {
   .books-formats-item:nth-child(2n) {
      margin-right: 20px;
      margin-left: 20px;
   }
}

@media screen and (max-width:991px) {
   .site-navigation {
      display: none;
   }

   /* .books-pic-1 {
      margin-left: -160px;
      margin-top: -30px;
      margin-right: 30px;
   } */

   .books-pic-1 img {
      margin-left: -160px;
      margin-top: -30px;
      margin-right: 30px;
   }

   .books-text {
      width: 410px;
      min-width: 300px;
      margin-right: 30px;
   }
}

@media screen and (max-width:767px) {
   .books-wrapper {
      margin-top: 70px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
   }

   .wraper-books-bx {
      display: block;
   }

   .wraper-for-mob {
      display: flex;
      flex-direction: row;
      align-items: top;
      justify-content: center;
      width: 100%;
      box-sizing: border-box;
   }


   .books-formats-bx-mob {
      /* right: 15px; */
      margin-top: -10px;
      display: block;
   }

   .books-formats-bx-mob p {
      font-size: 14px;
   }

   .books-text .author {
      display: none;
   }


   .books-text {
      padding: 0 20px;
      width: 100%;
      /* font-size: 22px; */
      margin-top: 20px;
      margin-right: 0px;
      text-align: center;
   }

   .books-text p {
      margin-bottom: 20px;
   }

   /* .books-formats {} */

   .books-formats-item-mob:nth-child(3) {
      margin-top: 10px;
      margin-bottom: 10px;
   }


   .caption {
      font-size: 25px;
   }

   /* .books-pic-1 {
      margin-top: -30px;
      margin-right: 0px;
      width: 519px;
      height: 322px;
   } */

   .books-pic-1 img {
      margin-top: -30px;
      margin-right: 0px;
      width: 519px;
      height: 322px;
   }

   .btn-header-wrapper {
      align-items: center;
      margin-left: 0px;
   }


   .btn-header1 {
      margin-bottom: 13px;
   }

   .btn-header2 {
      margin-bottom: 13px;
   }

   .btn-header3 {
      margin-left: 0px;
   }
}

@media screen and (max-width:576px) {
   .caption {
      font-size: 25px;
   }

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

   .books-text p {
      margin-left: 10px;
   }

   .main-navigation {
      margin-bottom: 25px;
   }

   .books-pic-1 img {
      width: 440px;
      height: 280px;
      margin-left: -130px;
   }

   .books-formats-bx-mob {
      margin-left: 15px;
   }

   .books-formats-item-mob3 img {
      margin-left: 7px;
      width: 34px;
      height: 38px;
   }


   .books-formats-item-mob1 img {
      margin-left: 7px;
      width: 25px;
      height: 30px;
   }

   .books-formats-item-mob img {
      width: 40px;
      height: 40px;
   }
}

@media screen and (max-width:420px) {
   .caption {
      font-size: 25px;
   }



   .books-text p {
      margin-left: 0px;
   }

   .books-pic-1 img {
      width: 440px;
      height: 280px;
      margin-left: -200px;
   }

   .books-formats-bx-mob {
      margin-left: -5px;
   }

   .books-formats-bx-mob p {
      /* display: none; */
   }
}

@media screen and (max-width: 374px) {
   .caption {
      font-size: 20px;
   }

   .books-text p {
      font-size: 20px;
   }
}

/*1 экран*/






/*2 секция с цифрами*/
.section-about {
   margin-top: 50px;
   display: flex;
   flex-direction: row;
   align-items: flex-start;
   justify-content: center;
}

.logo-section-wrapper {
   height: 180px;
}

.logo-section {
   position: sticky;
   top: 2em;
}

.logo-section img {
   width: 329px;
   height: 89px;
}

.books-desk {
   margin-left: 70px;
   font-size: 20px;
   font-weight: 400;
}

.books-desk-mob {
   display: none;
   padding: 0 15px;
   line-height: 1.2;
   font-size: 20px;
   font-weight: 400;
}

.books-desk-mob__title {
   display: block;
   margin-top: 25px;
   margin-bottom: -10px;
   font-size: 28px;
   font-weight: 700;
}

.books-desk-mob__bold {
   display: block;
   margin-bottom: -10px;
   font-weight: 700;
}

.books-desk-mob span {}


.books-desk span {
   font-weight: 700;
}

.numbers-wrapper {
   margin-top: 50px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   align-self: flex-start;
}



.numbers-wrapper ul {
   padding-left: 0;
}

.numbers-wrapper ul li {
   list-style: none;
   display: inline-block;
   /* width: 30%; */
   /* margin-left: 20px;
   margin-right: 20px; */
}


/*цифры*/
.punkt-big {
   font-size: 73px;
   font-weight: bold;
   text-align: left;
}

.punkt1-med {
   font-size: 30px;
   font-weight: 700;
   letter-spacing: 2.8px;
   text-transform: uppercase;
}

.punkt1-sml {
   font-size: 20px;
   font-weight: 400;
}

.punkt1-1 {
   margin-bottom: -15px;
}

.punkt1-2 {
   margin-bottom: 0px;
}

.punkt2-1 {
   margin-top: 30px;
   margin-bottom: -25px
}

.punkt2-2 {
   margin-bottom: -20px;
}

.punkt3-1 {
   margin-top: 1px;
   margin-bottom: -15px;
}

.punkt3-2 {
   margin-bottom: 0px;
}

.numbers-wrapper-item-1,
.numbers-wrapper-item-2,
.numbers-wrapper-item-3 {
   vertical-align: top;
   width: 270px;
}

.numbers-wrapper-item-2 {
   width: 350px;
   margin: 0 30px;
}

@media screen and (max-width:1189px) {}

@media screen and (max-width:991px) {
   .section-about {
      margin-top: 30px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
   }

   .logo-section-wrapper {
      margin: 30px auto 40px auto;
      height: 100%;
   }

   .numbers-wrapper ul {
      width: 100%;
      margin-bottom: 0;
   }

   .numbers-wrapper ul li {
      display: block;
      margin: 0px 0px;
      width: 100%;
   }

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

   .numbers-wrap {
      width: 310px;
      display: inline-block;
      text-align: left;
   }

   .numbers-wrapper-item-1,
   .numbers-wrapper-item-2,
   .numbers-wrapper-item-3 {
      /* margin: 0 auto; */
      width: 100%;
      text-align: center;
   }

   .numbers-wrapper-item-1 {
      width: 100%;
      background: linear-gradient(270.26deg, #A8E2F7 0.08%, rgba(255, 255, 255, 0) 99.89%);
   }

   .numbers-wrapper-item-3 {
      padding-bottom: 35px;
      background: linear-gradient(270.26deg, #A8E2F7 0.08%, rgba(255, 255, 255, 0) 99.89%);
   }
}

@media screen and (max-width:768px) {
   .logo-section-wrapper {
      /* margin-left: auto;
      margin-right: auto; */
      height: 100%;
   }

   .books-desk {
      display: none;
   }

   .books-desk-mob {
      display: block;
   }
}

@media screen and (max-width:576px) {
   .logo-section img {
      width: 247px;
      height: 66px;
   }

   .numbers-wrapper-item-1,
   .numbers-wrapper-item-2,
   .numbers-wrapper-item-3 {
      text-align: left;
   }

   .numbers-wrap {
      width: 100%;
      padding-left: 30px;
   }

   .numbers-wrapper ul {
      padding-left: 0px;
   }
}

@media screen and (max-width:420px) {
   .punkt-big {
      font-size: 60px;
   }

   .punkt1-med {
      font-size: 25px;
   }
}


@media screen and (max-width: 374px) {
   .books-desk-mob__title {
      font-size: 20px;
   }
}

/*цифры*/
/*2 секция с цифрами*/



/*фотогалерея*/
.zoom {
   overflow: hidden;
   white-space: nowrap;
}

.zoom .item {
   margin-right: -6px;
   width: 385px;
}

.zoom .item:hover,
.zoom-mob .item:hover {
   cursor: zoom-in;
}

.zoom .item img {
   width: 385px;
}

.zoom-mob {
   display: none;
   overflow: hidden;
   white-space: nowrap;
}

.zoom-mob .item {
   margin-right: -6px;
   /* height: 115px; */
}

.zoom-mob .item img {
   height: 115px;
}

.image-source-link {
   color: #98C3D1;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
   opacity: 0;
   -webkit-backface-visibility: hidden;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
   opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
   opacity: 0.8;
}

@media screen and (max-width:768px) {
   .zoom-mob {
      display: block;
      ;
   }

   .zoom .item img {
      height: 115px;
      width: auto;
   }
}

/*фотогалерея*/






/*Зачем все едут в пакер*/
.why-go-paker {
   margin-top: 50px;
   font-size: 30px;
   font-weight: 400;
}

.why-go-paker .why-go-txt {
   margin-top: 20px;
   margin-bottom: 70px;
   text-align: center;
}

.why-go-paker ul li {
   list-style: none;
   display: inline-block;
   margin-left: 25px;
   margin-right: 25px;
}

.advantages-mob {
   display: none;
}

.advantages {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   align-self: flex-start;
}

.advantages h3 {
   margin-bottom: 20px;
   font-size: 45px;
   font-weight: 400;
   line-height: 1;
}

.advantages-text {
   font-size: 20px;
   font-weight: 400;
   line-height: 1.3;
}

.advantages-text .advantages-text-b {
   font-weight: 700;
}

.advantages-text .advantages-text-red {
   color: #ff000d;
   cursor: pointer;
}

.advantages-text .advantages-text-red:hover {
   color: #ff000d;
   text-decoration: underline;
   cursor: pointer;
}

.gray-line {
   margin-top: 30px;
   margin-bottom: 25px;
   width: 90%;
   height: 2px;
   background-color: #E0E0E0;
   /* border: 1px solid #E0E0E0; */
}

/* #9e9e9e; */
@media screen and (max-width:1189px) {
   .why-go-paker {
      font-size: 25px;
   }

   .advantages h3 {
      font-size: 35px;
   }

}

@media screen and (max-width:991px) {
   .advantages h3 {
      font-size: 30px;
      margin-bottom: 10px;
   }

   .gray-line {
      margin-top: 35px;
      margin-bottom: 11px;
      width: 95%;
      height: 1px;
      border: 1px solid #9e9e9e;
   }
}

@media screen and (max-width:768px) {
   .advantages {
      display: none;
   }

   .advantages-mob {
      display: block;
   }

   .advantages-mob h3 {
      font-size: 25px;
      font-weight: 600;
      margin-bottom: 17px;
   }

   .advantages-mob-text {
      margin-top: -15px;
      margin-left: 25px;
      font-size: 20px;
      font-weight: 400;
   }

   .why-go-paker .why-go-txt {
      text-align: left;
   }

   .why-go-paker {
      margin-top: 50px;
      font-size: 25px;
      font-weight: 400;
   }

   .why-go-paker .caption {
      font-size: 25px;
      text-align: left;
   }

   .why-go-paker .why-go-txt {
      font-size: 20px;
      margin-top: 20px;
      margin-bottom: 40px;
   }

}

@media screen and (max-width:576px) {}


@media screen and (max-width:420px) {
   .advantages-mob h3 {
      font-size: 20px;
   }
}

@media screen and (max-width: 374px) {
   .why-go-paker .caption {
      font-size: 20px;
   }
}

/*Зачем все едут в пакер*/



/* Покупка книги */
/* Покупка книги */
.sel-books {
   margin: 75px 0px;
}

.sel-books-row {
   /* display: flex;
   flex-direction: row;
   align-items: flex-end; */
}

.sel-books__card-book {
   text-align: center;
}


.card-book__img-item1 {
   width: 152px;
   height: auto;
   margin-top: 91px;
}

.card-book__img-item2 {
   width: 275px;
   height: auto;
}

.card-book__img-item3 {
   width: 205px;
   height: auto;
   margin-top: 13px;
   margin-left: 33px;
}


.card-book__title {
   margin-top: 32px;

   font-size: 46px;
   line-height: 120%;
}

.card-book__title p {
   margin-bottom: 0px;
}

.card-book__descr {
   margin-top: 10px;
   margin-bottom: 0px;
   font-size: 24px;
   line-height: 31px;
}

.card-book__descr p {
   margin-bottom: 0px;
}

.card-book__price {
   margin: 15px 0px 25px 0px;

   font-weight: bold;
   font-size: 51px;
   line-height: 66px;
}




.card-book__btn {
   padding: 15px 37px;
   border-radius: 30px;
   text-align: center;
   vertical-align: middle;

   font-size: 24px;
   color: #ff4748;
   border: 2px solid #ff4748;
   background-color: transparent;
   transition: 0.3s;
}

.card-book__btn:hover,
.card-book__btn:focus {
   color: #ffffff;
   background-color: #ff4748;
   border: 2px solid #ff4748;
   text-decoration: none;
}


@media (max-width: 991px) {

   .card-book__img-item1 {
      width: 116px;
      margin-top: 66px;
   }

   .card-book__img-item2 {
      width: 208px;
   }

   .card-book__img-item3 {
      width: 155px;
      margin-top: 9px;
   }


   .card-book__title {
      margin-top: 32px;

      font-size: 25px;
   }

   .card-book__descr {
      font-size: 18px;
   }


   .card-book__btn {
      padding: 10px 27px;

      font-size: 20px;
   }
}



@media (max-width: 767px) {


   .card-book__price {
      margin: 10px 0px 15px 0px;

      font-weight: bold;
      font-size: 30px;
      line-height: 66px;
   }

   .card-book__img-item1 {
      width: 93px;
      margin-top: 54px;
   }

   .card-book__img-item2 {
      width: 166px;
   }

   .card-book__img-item3 {
      width: 124px;
   }

   .card-book__btn {
      padding: 8px 18px;

      font-size: 18px;
   }
}


@media (max-width: 576px) {
   .sel-books__card-book {
      margin-bottom: 50px;
   }

   .sel-books {
      margin: 30px 0px;
   }


   .card-book__title {
      margin-top: 20px;

      /* font-size: 46px; */
   }



   .card-book__descr {
      margin-top: 10px;
      margin-bottom: 0px;
   }



   .card-book__price {
      margin: 10px 0px 25px 0px;

      /* font-weight: bold;
      font-size: 51px; */
      line-height: 30px;
   }
}

/* Покупка книги */
/* Покупка книги */






/* Книга на площадках */
/* Книга на площадках */

.space {
   margin-top: 110px;
   margin-bottom: 100px;
}

.space-book {
   font-size: 45px;
   text-align: center;
}

.space-logo {
   margin-top: 40px;
}

.space-logo__svg {
   /* width="70%" height="70%" */
   width: 70%;
   height: 70%;
}


@media (max-width: 767px) {
   .space-book {
      font-size: 35px;
   }

   .space-logo__svg {
      /* width="70%" height="70%" */
      width: 80%;
      height: 80%;
   }
}

@media (max-width: 576px) {
   .space {
      margin-top: 50px;
      margin-bottom: 50px;
   }
}


/* Книга на площадках */
/* Книга на площадках */

















/*форма*/
.download-pdf {
   position: relative;
   z-index: 10;
   margin-top: 70px;
   margin-bottom: -100px;
}

.form-wrapper {
   padding-top: 25px;
   padding-bottom: 45px;
   border-radius: 27px;
   background-color: #ffffff;
   border: 2px solid #e20000;
}

.form-wrapper h2 {
   text-align: center;
   font-size: 40px;
   font-weight: 400;
}

.download-pdf-form {
   padding-left: 100px;
   padding-right: 100px;
   text-align: center;
}

.download-pdf-item {
   width: 100%;
}

.download-pdf-item label {
   /*   display: block;*/
   margin-top: 10px;
   margin-bottom: 0px;
   font-size: 30px;
   font-weight: 400;
}

.download-pdf-item input {
   padding-left: 15px;
   width: 100%;
   height: 43px;
   border: 2px solid #898989;
   border-radius: 8px;
   font-size: 30px;
   transition: 0.3s;
}

.download-pdf-item input:hover {
   border: 2px solid #e20000;
}

.download-pdf-item textarea {
   padding-left: 15px;
   width: 100%;
   height: 250px;
   border: 2px solid #898989;
   border-radius: 8px;
   font-size: 20px;
   transition: 0.3s;
}

.download-pdf-item textarea:hover {
   border: 2px solid #e20000;
}

.download-pdf-item__file input {
   font-size: 30px;
   margin-right: 20px;
}

.download-pdf-item__file input[type="file"i] {
   appearance: initial;
   background-color: initial;
   cursor: default;
   align-items: baseline;
   color: pointer;
   text-align: start !important;
   padding: 10px;
   border: initial;
}


.download-pdf-form button {
   position: relative;
   outline: none;
   top: 10px;
   width: 100%;
   height: 80px;
   padding-bottom: 12px;
   border-width: 0;
   color: #ffffff;
   font-size: 45px;
   font-weight: 400;
   text-decoration: none;
   vertical-align: middle;
   border-radius: 8px;
   background-color: #e20000;
   box-shadow: inset 0 -11px rgba(178, 0, 0, 1);
   transition: 0.3s;
   transition-timing-function: cubic-bezier(.65, 1.95, .03, .32);
}

.download-pdf-form button:hover,
.download-pdf-form button:focus {
   margin-top: 11px;
   height: 69px;
   box-shadow: inset 0 0px rgba(178, 0, 0, 1);
}

.download-pdf-form button:active {
   padding-top: 11px;
   height: 69px;
   box-shadow: inset 0 11px rgba(178, 0, 0, 1);
   transition-timing-function: linear;
   transition: 0.1s;
}

@media screen and (max-width:1189px) {
   .form-wrapper h2 {
      font-size: 35px;
   }

   .download-pdf-item label {
      margin-top: 10px;
      font-size: 25px;
   }

   .download-pdf-form button {
      font-size: 35px;
   }
}

@media screen and (max-width:991px) {}

@media screen and (max-width:768px) {
   .download-pdf-form {
      padding-left: 20px;
      padding-right: 20px;
   }

   .reviews-wrapper {
      padding-top: 140px;
   }

   .form-wrapper {
      padding-top: 20px;
      padding-bottom: 35px;
      border-radius: 27px;
      background-color: #ffffff;
      border: 2px solid #e20000;
   }

   .form-wrapper h2 {
      padding: 0 10px;
      font-size: 30px;
      font-weight: 400;
      color: #e20000;
   }

   .download-pdf-item label {
      /*   display: block;*/
      margin-top: 10px;
      margin-bottom: 0px;
      font-size: 25px;
      font-weight: 400;
   }

   .download-pdf-item input {
      font-size: 25px;
   }

   .download-pdf-form button {
      font-size: 35px;
   }
}

@media screen and (max-width:576px) {
   .form-wrapper h2 {
      font-size: 25px;
   }

   .download-pdf-item input {
      font-size: 20px;
   }

   .download-pdf-form button {
      font-size: 25px;
   }
}

@media screen and (max-width:374px) {
   .download-pdf-form button {
      font-size: 22px;
   }
}

/*форма*/



/*Отзывы*/
.reviews-wrapper {
   margin-top: 60px;
   /* С формой без mt-60px */
   position: relative;
   z-index: 9;
   padding-top: 66px;
   /* с формой 166 */
   padding-bottom: 90px;
   background-image: url(/skazki/img/bcg/Rectangle.jpg);
}

.sub-caption {
   margin-top: 14px;
   margin-bottom: 60px;
   line-height: 1.2;
   text-align: center;
   font-size: 30px;
   font-weight: 400;
}

.reviews {
   list-style: none;
}



.reviews li {
   margin-bottom: 35px;
   background-color: white;
   border-radius: 115px;
   border-radius: 115px;
}

.reviews li img {
   width: 200px;
   height: auto;
   border-radius: 100%;
}

.reviews-content {
   padding: 20px;
   display: flex;
   justify-content: flex-start;
}

.reviews-text-bx {
   margin-left: 30px;

   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;

   font-size: 17px;
}

.reviews-text-mob {
   display: none;
}

.reviews-name {
   margin-bottom: 4px;

   font-size: 20px;
   font-weight: 700;
   line-height: 1.2;
}

.reviews-regalia {
   margin-bottom: 5px;
   line-height: 1.2;
   font-size: 20px;
   font-style: italic;
}

/*.reviews-text {}*/


@media screen and (max-width:1189px) {
   .sub-caption {
      margin-top: 14px;
      margin-bottom: 60px;

      text-align: center;
      font-size: 25px;
      font-weight: 400;
   }
}

@media screen and (max-width:991px) {}

@media screen and (max-width:768px) {
   .sub-caption {
      font-size: 20px;
   }


   .reviews-content {
      padding: 0px;
   }

   .reviews-wrapper ul {
      padding: 0;
   }

   .reviews li {
      margin-bottom: 35px;
      background-color: white;
      border-radius: 15px;
   }

   .reviews li img {
      margin-left: -50px;
      margin-top: 20px;
      width: 110px;
      height: auto;
   }


   .reviews-text-bx {
      margin-left: 20px;
   }

   .reviews-name {
      margin-top: 20px;
      font-size: 18px;
   }

   .reviews-regalia {
      margin-top: 4px;
      font-size: 18px;
   }

   .reviews-text {
      display: none;
   }

   .reviews-text-mob {
      display: block;
      margin-top: 10px;
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
   }

   .reviews-wrapper .caption,
   .reviews-wrapper .sub-caption {
      text-align: left;
      padding: 0 10px;
   }
}

@media screen and (max-width:576px) {
   /* .reviews-wrapper {
      padding-top: 150px;
      padding-bottom: 60px;
   } */

   .reviews li img {
      margin-left: -20px;
      margin-top: 10px;
      width: 90px;
      height: auto;
   }

   .reviews-text-bx {
      margin-left: 10px;
      padding-right: 10px;
   }

   .reviews-name {
      margin-bottom: -5px;
   }

   .reviews-regalia {
      font-size: 16px;
   }
}

/*Отзывы*/

/*разбивка с кнопкой купить книгу*/
.separation-bx {
   position: relative;
   z-index: 11;
   height: 108px;
   background-image: linear-gradient(to right, #d8ffff 0%, #0071bc 100%);

   text-align: center;
}

.separation-img {
   margin-top: -45px;
   display: inline-block;
}

.separation-img img {
   width: 117px;
   height: 195px;
}

.separation-button {
   margin-left: 30px;
   display: inline-block;
}

.btn-sep {
   font-size: 30px;
   color: #ffffff;
   background-color: #ff4748;
   border: 2px solid transparent;
   transition: 0.3s;
}

.btn-sep:hover,
.btn-sep:focus {
   color: #ffffff;
   border: 2px solid #ffffff;
   /* background-color: transparent; */
   background-color: rgba(255, 255, 255, 0.3);
}



@media screen and (max-width: 576px) {
   .btn-sep {
      font-size: 20px;
   }
}


@media screen and (max-width: 374px) {
   .separation-button {
      margin-left: 5px;
   }

   .btn-sep {
      font-size: 20px;
   }

   .separation-img img {
      width: 111px;
      height: 186px;
   }
}

/*разбивка с кнопкой купить книгу*/




/*слайдер с ллистами книги*/
.slider {
   margin-top: 90px;
   margin-bottom: 270px;
}

.sub-caption-slider {
   margin-top: 14px;
   margin-bottom: 35px;

   text-align: center;
   font-size: 30px;
   font-weight: 400;
}


.slider-wrapper {
   width: 76%;
   margin: 0 auto;
   box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}


.slider-wrapper-mob {
   display: none;
   width: 100%;
   margin: 0 auto;
   box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}

.slider-pages-mob {
   position: relative;
   display: inline-block;
}

.slider-pages-mob img {
   width: 100%;
   margin: 0 auto;
}

.slider-pages {
   position: relative;
   display: inline-block;
}

.slider-pages:hover {
   cursor: zoom-in;
}

.slider-pages img {
   width: 100%;
   margin: 0 auto;
}


.slick-arrow {
   bottom: -120px;
   border-radius: 50%;
   border-style: none;
   border: none;
   width: 80px;
   height: 80px;
}

.slick-prev {
   color: transparent;
   position: absolute;
   left: 50%;
   margin-left: -100px;

   background-color: #c1c1c1;
   background-image: url(/skazki/img/slider/left.png);
   background-repeat: no-repeat;
   background-position: 46% 50%;
   border: 2px solid #c1c1c1;
   transition: 0.3s;
}

.slick-next {
   position: absolute;
   left: 50%;
   margin-left: 20px;

   color: transparent;
   background-color: #ff4748;
   background-image: url(/skazki/img/slider/right.png);
   background-repeat: no-repeat;
   background-position: 54% 50%;
   border: 2px solid #ff4748;
   transition: 0.3s;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-prev:active {
   cursor: pointer;
   background-image: url(/skazki/img/slider/left-gray.png);
   background-color: transparent;
   border: 2px solid #c1c1c1;
}

.slick-next:hover,
.slick-next:focus,
.slick-next:active {
   cursor: pointer;
   background-image: url(/skazki/img/slider/right-or.png);
   background-color: transparent;
   border: 2px solid #ff4748;
}

@media screen and (max-width:1189px) {
   .sub-caption-slider {
      font-size: 25px;
   }
}

@media screen and (max-width:991px) {
   .slider-wrapper {
      width: 100%;
   }
}

@media screen and (max-width:768px) {
   .slider .caption {
      text-align: left;
      padding: 0 10px;
   }

   .sub-caption-slider {
      font-size: 20px;
      text-align: left;
      padding: 0 10px;
      margin-bottom: 50px;
   }

   .slider {
      margin-bottom: 200px;
   }

   .slider-wrapper {
      display: none;
   }

   .slider-wrapper-mob {
      display: block;
   }
}

@media screen and (max-width:576px) {
   .slider {
      margin-bottom: 240px;
   }

   .slick-arrow {
      bottom: -100px;
      width: 70px;
      height: 70px;
   }

   .slick-prev {
      left: 50%;
      margin-left: -80px;
   }
}

@media screen and (max-width:420px) {
   .slider {
      margin-bottom: 225px;
   }
}

/*слайдер с ллистами книги*/


/*футер*/
.footer-books-formats {
   margin-bottom: 50px;
   list-style: none;
   text-align: center;
}

.footer-books-formats li {
   margin: 0 25px;

   vertical-align: top;
   display: inline-block;
}

/* .footer-books-formats li:nth-child(2n) {
   margin: 0 135px;
} */

.footer-books-formats li img {
   position: relative;
   top: 0px;
   /* width: 170px; */
   height: 170px;
}

.footer-books-formats .footer-books-formats-img1 img {
   margin-top: 50px;
   /* width: 120px; */
   height: 120px;
}

.books-formats-title {
   line-height: 40px;
   margin-bottom: -10px;
   font-size: 40px;
   font-weight: 400;
}

.books-formats-link {
   color: #ff000d;
   font-size: 30px;
   font-style: italic;
}

.books-formats-link:hover {
   color: #ff000d;
}

.formats-img-1 {
   margin-bottom: 30px;
}

.formats-img-2 {
   margin-bottom: 30px;
}

.formats-img-3 {
   margin-bottom: 30px;
}

.social-footer {
   margin-bottom: 110px;
   text-align: center;
}

.social-footer .social-footer-item {
   display: inline-block;
   width: 120px;
   height: 120px;
   padding-top: 15px;
   transition: 0s
}

.social-footer .social-footer-item:nth-child(2) {
   margin-left: 60px;
   margin-right: 60px;
}

.social-footer .social-footer-item:nth-child(3) {
   margin-right: 60px;
}

/* .social-footer .social-footer-item:nth-child(3) {
   margin-right: 60px;
} */

.social-footer .social-footer-item img {
   padding: 10px;
   width: 120px;
   height: 120px;
   transition: 0.3s;
   transition-timing-function: cubic-bezier(.65, 1.95, .03, .32);
}

.social-footer .social-footer-item:hover img,
.social-footer .social-footer-item:focus img {
   padding: 0px;
}

.social-footer .social-footer-item:active img {
   padding: 5px;
   opacity: 0.8;
}

.social-footer-txt {
   margin-top: 45px;
   margin-bottom: 0px;
   font-size: 35px;
   font-weight: 400;
   text-align: center;
}


/*градинет*/
.title-footer {
   margin: 0 auto;
   padding: 10px 33px;
   margin-top: -115px;
   margin-bottom: 60px;
   width: 536px;
   height: 46px;

   text-align: center;
   font-size: 30px;
   color: #ffffff;
   background-image: url(/skazki/img/bcg/bcg-footer11.jpg);
   background-repeat: no-repeat;
   background-size: contain;
   border-radius: 0;
}

.title-footer-mob {
   display: none;
   margin: 0 auto;
   padding: 10px 33px;
   margin-top: -115px;
   margin-bottom: 60px;
   width: 536px;
   height: 46px;

   text-align: center;
   font-size: 30px;
   color: #ffffff;
   background-image: url(/skazki/img/bcg/bcg-footer11.jpg);
   background-repeat: no-repeat;
   background-size: contain;
   border-radius: 0;
}

.btn-footer-wrapper {
   display: none;
   /* display: flex; */
   flex-direction: column;
   align-items: center;
}


.btn-background-footer {
   margin-top: -80px;
   height: 570px;
   background-image: linear-gradient(to top, #ffffff 0%, #d8ffff 40.78210000000001%, #0071bc 100%);
}

.btn-background-footer-white {
   margin-top: -574px;
   margin-bottom: 70px;
   min-height: 85px;
   width: 100%;
   background-color: #ffffff;
}

.btn-footer1 {
   display: block;
   margin-bottom: 20px;

   font-size: 25px;
   color: #ffffff;
   background-color: #ff4748;
   border: 2px solid transparent;
   transition: 0.3s;
}

.btn-footer1:hover,
.btn-footer1:focus {
   color: #ff4748;
   border: 2px solid #ff4748;
   background-color: transparent;
}

/*градинет*/

@media screen and (max-width:1189px) {}

@media screen and (max-width:991px) {
   .footer-books-formats {
      margin: 20px 10px;
   }

   /* .footer-books-formats li:nth-child(2n) {
      margin: 0 70px;
   } */

   .books-formats-title {
      font-size: 30px;
      line-height: 1.2;
   }

   .social-footer .social-footer-item:nth-child(2) {
      margin-left: 30px;
      margin-right: 30px;
   }

   .social-footer .social-footer-item:nth-child(3) {
      margin-right: 30px;
   }

   /* .social-footer .social-footer-item:nth-child(3) {
      margin-right: 30px;
   } */
}

@media screen and (max-width:768px) {
   .footer-books-formats li img {
      position: relative;
      top: 0px;
      /* width: 130px; */
      height: 130px;
   }

   .footer-books-formats .footer-books-formats-img1 img {
      margin-top: 35px;
      /* width: 95px; */
      height: 95px;
      width: auto;
   }

   .footer-books-formats {
      /* margin 0 20px; */
      padding: 0px;
   }

   /* .footer-books-formats li:nth-child(2n) {
      margin: 0 80px;
   } */

   .formats-img-1,
   .formats-img-2,
   .formats-img-3 {
      /* width: 90px; */
   }

   .formats-img-1 {
      margin-bottom: 5px;
   }

   .formats-img-2 {
      margin-bottom: 5px;
   }

   .formats-img-3 {
      margin-bottom: 5px;
   }

   .books-formats-title {
      font-size: 25px;
      line-height: 1.2;
   }

   .books-formats-link {
      display: none;
   }

   .btn-footer-wrapper {
      display: flex;
   }

   .social-footer .social-footer-item {
      width: 90px;
      height: 90px;
   }

   .social-footer .social-footer-item:nth-child(2) {
      margin-left: 30px;
      margin-right: 30px;
   }

   /* .social-footer .social-footer-item:nth-child(3) {
      margin-right: 30px;
   } */

   .social-footer .social-footer-item img {
      width: 90px;
      height: 90px;
   }
}

@media screen and (max-width:576px) {
   .social-footer-txt {
      font-size: 30px;
   }

   .footer-books-formats li img {
      position: relative;
      top: 0px;
      /* width: 100px; */
      height: 100px;
   }

   .footer-books-formats .footer-books-formats-img1 img {
      margin-top: 25px;
      /* width: 75px; */
      height: 75px;
   }

   .footer-books-formats li {
      margin: 0 15px;
   }


   /* .footer-books-formats li:nth-child(2n) {
      margin: 0 30px;
   } */

   .formats-img-1,
   .formats-img-2,
   .formats-img-3 {
      /* width: 70px; */
   }

   .books-formats-title {
      font-size: 20px;
   }

   .title-footer {
      display: none;
      /* margin: 0 auto; */
      padding: 10px 15px;
      margin-top: -112px;
      margin-bottom: 60px;
      width: 400px;

      text-align: center;
      font-size: 25px;
      color: #ffffff;
      background-image: url(/skazki/img/bcg/bcg-footer11.jpg);
      background-repeat: no-repeat;
      background-size: 400px 42px;
      border-radius: 0;
   }


   .title-footer-mob {
      display: block;
      padding: 17px 15px;
      margin-top: -138px;
      margin-bottom: 60px;
      width: 270px;
      height: 69px;

      text-align: center;
      font-size: 25px;
      color: #ffffff;
      background-image: url(/skazki/img/bcg/bcg-footer111.jpg);
      background-repeat: no-repeat;
      background-size: 270px 69px;
      border-radius: 0;
      line-height: 1;
   }

   .social-footer .social-footer-item {
      width: 70px;
      height: 70px;
   }

   .social-footer .social-footer-item:nth-child(2) {
      margin-left: 15px;
      margin-right: 15px;
   }

   .social-footer .social-footer-item:nth-child(3) {
      margin-right: 15px;
   }

   /* .social-footer .social-footer-item:nth-child(3) {
      margin-right: 15px;
   } */

   .social-footer .social-footer-item img {
      width: 70px;
      height: 70px;
   }

   .btn-footer1 {
      font-size: 20px;
   }
}

@media screen and (max-width:420px) {
   .footer-books-formats li {
      margin: 0px 8px;
   }


   .footer-books-formats li img {
      position: relative;
      top: 0px;
      /* width: 80px; */
      height: 80px;
   }

   .footer-books-formats .footer-books-formats-img1 img {
      margin-top: 25px;
      /* width: 55px; */
      height: 55px;
   }

   .title-footer {
      padding: 10px 15px;
      margin-top: -138px;
      margin-bottom: 60px;
      width: 270px;
      height: 69px;

      text-align: center;
      font-size: 25px;
      color: #ffffff;
      background-image: url(/skazki/img/bcg/bcg-footer111.jpg);
      background-repeat: no-repeat;
      background-size: 270px 69px;
      border-radius: 0;
   }
}


@media screen and (max-width:374px) {
   /* .footer-books-formats li:nth-child(2n) {
      margin: 0 20px;
   } */

   .formats-img-1,
   .formats-img-2,
   .formats-img-3 {
      /* width: 60px; */
   }

   .books-formats-title {
      font-size: 16px;
   }


   .social-footer .social-footer-item {
      width: 60px;
      height: 60px;
   }

   .social-footer .social-footer-item:nth-child(2) {
      margin-left: 0px;
      margin-right: 0px;
   }

   .social-footer .social-footer-item:nth-child(3) {
      margin-right: 0px;
   }

   /* .social-footer .social-footer-item:nth-child(3) {
      margin-right: 0px;
   } */

   .social-footer .social-footer-item img {
      width: 60px;
      height: 60px;
   }
}

/*футер*/


/* Модалка */
.mfp-bottom-bar {
   display: none;
}

/* Модалка */






.finish-alert {
   width: 100%;
   color: #009432;
   font-size: 45px;
   font-weight: 700;
   text-align: center;
   margin-bottom: 30px;
   /* margin-top: 20px; */
   display: inline-block;
   padding: -1px 20px;

   position: relative;
   z-index: 10;
   margin-top: 70px;
   margin-bottom: -100px;

   border-radius: 27px;
   /* background-color: #ffffff;
   border: 2px solid #009432; */
}

.js-validate-error-label {
   font-size: 25px;
}

@media screen and (max-width:1189px) {
   .finish-alert {
      font-size: 35px;
   }
}

@media screen and (max-width: 768px) {
   .finish-alert {
      font-size: 25px;
   }
}

@media screen and (max-width: 576px) {
   .js-validate-error-label {
      font-size: 18px;
   }
}

@media screen and (max-width: 374px) {
   .js-validate-error-label {
      font-size: 16px;
   }
}


.text-rew-wrap {
   margin: 40px 0px;
   font-size: 17px;
}

.text-btn {
   color: #000000;
   font-weight: 500;
   text-decoration: underline;
}

.text-btn:hover {
   color: #e20000;
   text-decoration: underline;
}