@font-face {
   font-family: Inter;
   font-display: swap;
   src: url("../fonts/Inter-Bold.woff2") format("woff2"), url("../fonts/Inter-Bold.woff") format("woff");
   font-weight: 700;
   font-style: normal;
 }
 @font-face {
   font-family: Inter;
   font-display: swap;
   src: url("../fonts/Inter-Medium.woff2") format("woff2"), url("../fonts/Inter-Medium.woff") format("woff");
   font-weight: 500;
   font-style: normal;
 }
 @font-face {
   font-family: Inter;
   font-display: swap;
   src: url("../fonts/Inter-Regular.woff2") format("woff2"), url("../fonts/Inter-Regular.woff") format("woff");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
   font-family: Montserrat;
   font-display: swap;
   src: url("../fonts/Montserrat-Medium.woff2") format("woff2"), url("../fonts/Montserrat-Medium.woff") format("woff");
   font-weight: 500;
   font-style: normal;
 }
 @font-face {
   font-family: Inter;
   font-display: swap;
   src: url("../fonts/Inter-SemiBold.woff2") format("woff2"), url("../fonts/Inter-SemiBold.woff") format("woff");
   font-weight: 600;
   font-style: normal;
 }
 *,
 ::before,
 ::after {
   box-sizing: border-box;
   padding: 0;
   margin: 0;
 }
 
 html,
 body {
   width: 100%;
   margin: 0 auto;
   box-sizing: border-box;
   overflow-x: hidden;
   font-family: "Inter", sans-serif;
   background-color: #fff;
   overflow-anchor: none;
   font-size: 16px;
   overflow-y: auto;
   scroll-behavior: smooth;
 }
 .wpcf7 form .wpcf7-response-output {
 	display: none;
 }
 
 .wpcf7-spinner {
 	display: none;
 }
 
 .wpcf7-not-valid-tip {
     display: flex;
 	position: absolute;
    top:27px;
 }
 
 .navigation {
    display: flex;
    align-items: center;
}
.switcher-list {
	display: flex;
    align-items: center;
    margin-left:30px;
}

.switcher-list img {
	height: 17px;
}

.switcher-list li {
	margin-left: 15px;
}

.switcher-list li:first-child {
	margin-left: 0px;
}
 
 .form__input-none {
 	display: none;
 }
 
 .book-form input {
    margin-bottom: 20px;
 	border-radius: 15px;
    background: #F2F3F6;
    padding: 13px 25px;
    width: 100%;
 }
 .primary-btn input {
 	width: auto;
    color: #f96d43;
 }
 
 .popup span {
 	color: #F96D43;
 }
 
 .single .main {
 	margin-top: 100px;
 }
 .sale-popup {
 display: flex;
 flex-direction: column;
 align-items: center;
 text-align: center;
 	background-color: #fff;
    width: 100%;
    max-width: 700px;
    padding: 30px;
 }
 .book-sale__container {
 	display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
 }
.book-sale__subtitle {
	margin: 50px auto 30px;
    font-size: 18px;
}
.book-sale__card {
	margin-bottom: 30px;
}

.fixed-btn {
   position: fixed;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   bottom: 50px;
   right: 20px;
   z-index: 5;
   padding: 20px;
   border-radius: 50%;
   width: 120px;
   height: 120px;
 }

.fixed-btn__link {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: 100;
   font-weight: 500;
   font-size: 14px;
   text-transform: uppercase;
   text-align: center;
   color: #fff;
   background-color: #f96d43;
   border: 1px solid #fff;
   border-radius: 200px;
   transition: all .3s ease 0s;
 }
 
 .fixed-btn__link:hover {
 	background-color: #e6400f;
 }
 



 .page-error {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
   background-color: #feebe6;
 }
 .page-error .primary-btn {
   margin-top: 20px;
   display: flex;
   justify-content: center;
 }

 .page-error h1 {
   margin-bottom: 20px;
   font-size: 24px;
   color: #F96D43;
   font-weight: 600;
 }

 .popup__close {
   width: 100%;
   display: flex;
   justify-content: flex-end;
   margin-bottom: 20px;
 }
 
 .popup__close-link {
   width: 30px;
   height: 30px;
   position: relative;
 }

 .popup__close-link:after {
   content: "";
   position: absolute;
   top: 15px;
   left: 0;
   width: 100%;
   height: 1px;
   background-color: #f96d43;
   transform: rotate(45deg);
 }
 .popup__close-link:before {
   content: "";
   position: absolute;
   top: 15px;
   left: 0;
   width: 100%;
   height: 1px;
   background-color: #f96d43;
   transform: rotate(-45deg);
 }
 
 html.lock {
   overflow: hidden;
 }
 
 .logo {
 	position: relative;
    z-index: 15;
 }
 
 .wrapper {
   display: flex;
   flex-direction: column;
   min-height: 100vh;
   overflow: hidden;
 }
 
 .container {
   width: 100%;
   max-width: 1320px;
   margin: 0 auto;
   padding: 0 15px;
 }
 
 img,
 svg {
   max-width: 100%;
   display: block;
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
   vertical-align: baseline;
 }
 
 a {
   text-decoration: none;
 }
 
 p {
   margin: 0;
   padding: 7px 0;
 }
 
 ul,
 li,
 ol {
   list-style: none;
   padding: 0;
   margin: 0;
 }
 
 input,
 button,
 textarea {
   font: inherit;
   border: none;
   outline: none;
   margin: 0;
   padding: 0;
   background: none;
   min-width: 10px;
 }
 
 label {
   margin: 0;
   padding: 0;
   font-size: 12px;
 }
 
 select {
   outline: none;
   border: none;
   background: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
 }
 .text-btn {
 	display: flex;
    margin: 20px 0 0 0;
 }
 .text-btn__link {
 	text-align: center;
    padding: 15px 40px;
    color: #fff;
    background-color: #f96d43;
    border: 1px solid #f96d43;
    border-radius: 50px;
    transition: all 0.2s ease 0s;
    cursor: pointer;
 }
 
 .main {
   display: flex;
   flex-direction: column;
   flex: 1 1 auto;
 }
 
 .header {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 5;
 }
 
 .header-fixed .header-content {
   padding: 10px 0px;
 }
 
 .header-fixed {
   background-color: #feebe6;
 }
 
 .header-content {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 40px 0;
 }
 
 .header .footer-content__list {
 	display: none;
 }
 
 .navigation__list {
   display: flex;
   align-items: center;
 }
 .navigation__list li {
   margin-left: 35px;
 }
 .navigation__list li:first-child {
   margin-left: 0;
 }
 .navigation__list li a {
   color: #252426;
   font-size: 20px;
   font-weight: 500;
   line-height: 120%;
   color: #F96D43;
 }
 .navigation__list li a:hover {
 	text-decoration: underline;
 }
 
 .burger {
   display: none;
   align-items: center;
 }
 .burger__menu {
   display: flex;
   justify-content: flex-start;
   width: 25px;
   height: 20px;
   position: relative;
   z-index: 15;
 }
 .burger__menu span {
   position: absolute;
   left: 0px;
   top: 50%;
   width: 100%;
   height: 2px;
   background-color: #fff;
   transform: translate(0, -50%);
   transition: transform 0.3s ease-in-out;
 }
 .burger__menu::before, .burger__menu::after {
   display: block;
   content: "";
   width: 100%;
   height: 2px;
   background-color: #fff;
   border-radius: 5px;
   position: absolute;
   left: 0;
   transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
 }
 .burger__menu::before {
   top: 0;
 }
 .burger__menu::after {
   bottom: 0;
 }
 
 .burger.menu-active .burger__menu::before, .burger.menu-active .burger__menu::after {
   top: 9px;
   transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
 }
 .burger.menu-active .burger__menu::before {
   transform: rotate(45deg);
 }
 .burger.menu-active .burger__menu::after {
   transform: rotate(-45deg);
 }
 .burger.menu-active .burger__menu span {
   transform: scale(0);
   transition: transform 0.3s ease-in-out;
 }
 
 .hero {
   background-color: #feebe6;
 }
 .hero__content {
   flex: 0 0 100%;
   display: flex;
   align-items: center;
 }
 .hero__container {
   width: 100%;
   max-width: 1320px;
   margin: 0 auto;
   padding: 0 15px;
 }
 .hero__title {
   color: #252426;
   font-size: calc(24px + 26 * (100vw / 1440));
   font-style: normal;
   font-weight: 700;
   line-height: 120%;
   margin-bottom: 25px;
 }
 .hero__text {
   max-width: 620px;
   color: #252426;
   font-size: 25px;
   font-weight: 400;
   line-height: 120%;
 }
 .hero__btn {
   margin-top: 50px;
   display: flex;
   align-items: center;
   display: flex;
   align-items: center;
 }
 .hero__btn .secondary-btn {
   margin-left: 20px;
 }
 .hero__img {
   max-width: 100%;
   overflow: hidden;
   display: flex;
   justify-content: center;
   align-items: center;
 }
 .hero__img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
 
 .primary-btn {
   display: flex;
 }
 .primary-btn__link {
   text-align: center;
   padding: 15px 40px;
   color: #fff;
   background-color: #f96d43;
   border: 1px solid #f96d43;
   border-radius: 50px;
   transition: all 0.2s ease 0s;
   cursor: pointer;
 }
 .primary-btn__link:hover {
   background-color: #fff;
   color: #f96d43;
 }
 
 .secondary-btn {
   display: flex;
 }
 .secondary-btn__link {
   text-align: center;
   padding: 15px 40px;
   color: #f96d43;
   background-color: #fff;
   border: 1px solid #f96d43;
   border-radius: 50px;
   transition: all 0.2s ease 0s;
   cursor: pointer;
 }
 .secondary-btn__link:hover {
   background-color: #f96d43;
   color: #fff;
 }
 
 .blocks-content {
   margin-top: -100px;
   position: relative;
   z-index: 4;
 }
 
 .blocks {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   margin: -10px;
 }
 .blocks__item {
   width: 33.333%;
   padding: 10px;
 }
 .blocks__wrapper {
   padding: 25px;
   border-radius: 20px;
   background: #FFF;
   box-shadow: 0px 4px 20px 0px #FFEFE9;
   height: 100%;
 }
 .blocks__img {
   width: 60px;
   height: 60px;
   margin: 0 auto;
   margin-bottom: 15px;
 }
 .blocks__title {
   text-align: center;
   margin-bottom: 15px;
   color: #252426;
   font-size: 18px;
   font-weight: 600;
   line-height: 130%;
 }
 .blocks__text {
   color: #696969;
   text-align: center;
   font-size: 16px;
   font-weight: 400;
   line-height: 150%;
 }
 
 .section-about {
   padding-top: 100px;
 }
 
 .about-hero {
   display: flex;
   flex-direction: row;
   justify-content: stretch;
 }
 .about-hero__img {
   width: 100%;
   border-radius: 20px;
   overflow: hidden;
 }
 .about-hero__img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
 .about-hero__text-body {
   width: 100%;
   margin-left: 20px;
   background-color: #feebe6;
   filter: drop-shadow(0px 4px 20px #ffefe9);
   padding: 40px;
   border-radius: 20px;
   overflow: hidden;
 }
 .about-hero__block-title {
   margin-bottom: 30px;
   padding-bottom: 30px;
   border-bottom: 1px solid #fff;
 }
 .about-hero__title {
   color: #252426;
   font-size: 45px;
   font-weight: 600;
   line-height: 120%;
 }
 .about-hero__text p {
   color: #696969;
   font-size: 16px;
   font-weight: 400;
   line-height: 150%;
   margin-bottom: 5px;
 }
 .about-hero__text p:last-child {
   margin-bottom: 0;
 }

 .about-hero__author {
   margin-top: 20px;
   display: flex;
   align-items: center;
}
.about-hero__author-img {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 45px;
   height: 45px;
   margin-right: 10px;
}
 .about-hero__text li {
    color: #696969;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 5px;
 }
 
 .section-book {
   padding-top: 100px;
   margin-bottom: 100px;
 }
 
 .section-title {
   margin-bottom: 30px;
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
 .section-title__title {
   color: #f96d43;
   font-size: 55px;
   font-weight: 600;
   line-height: 120%;
 }
 .books {
   display: flex;
   flex-wrap: wrap;
   margin: -20px;
 }
 .books__item {
   width: 25%;
   padding: 20px;
   border-radius: 15px;
   background: #FFF;
   box-shadow: 0px 4px 20px 0px transparent;
   transition: all 0.2s ease 0s;
 }
 .books__item:hover {
   box-shadow: 0px 4px 20px 0px #e9e9e9;
   position: relative;
   z-index: 1;
 }
 .books__img {
   display: flex;
   margin-bottom: 20px;
   aspect-ratio: 10/13;
 }
 .books__wrapper .primary-btn__link:hover {
 	color: #f96d43;
 }
 .audio-books__wrapper,
 .books__wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}
 .books__img img {
   width: 100%;
   height: 100%;
   background-size: cover;
 }
 .books__title {
   color: #252426;
   font-size: 22px;
   font-weight: 600;
   line-height: 120%;
   margin-bottom: 8px;
 }
 .books__author {
   color: #888;
   font-size: 16px;
   font-weight: 500;
   line-height: 150%;
   margin-bottom: 8px;
 }
 .books__rating {
   display: flex;
   align-items: center;
   margin-bottom: 15px;
 }
 .books__stars {
   display: flex;
   align-items: center;
   margin-right: 10px;
 }
 .books__star-img {
   display: flex;
   align-items: center;
 }
 .books__number {
   color: #252426;
   font-size: 13px;
   font-weight: 600;
   line-height: 120%;
 }
 .books__price {
   color: #f96d43;
   font-size: 23px;
   font-weight: 600;
   line-height: 120%;
 }
 .books__btn {
   margin-top: 15px;
 }
 
 .section-audio {
   padding: 100px 0;
   background: #FEEBE6;
 }
 
 .audio-content {
   display: flex;
   align-items: flex-start;
 }
 .audio-content__img {
   width: 100%;
   max-width: 375px;
   display: flex;
   justify-content: center;
   align-items: center;
   margin-right: 30px;
 }
 
 .audio-books {
   display: flex;
   flex-wrap: wrap;
   margin: -15px;
 }
 .audio-books__item {
   width: 25%;
   padding: 15px;
 }
 .audio-books__img {
   display: flex;
   margin-bottom: 15px;
   aspect-ratio: 10/13;
 }
 .audio-books__img img {
   object-fit: cover;
   max-width: 100%;
   height: 100%;
}
 .audio-books__title {
   color: #252426;
   font-size: 16px;
   font-weight: 600;
   line-height: 120%;
   margin-bottom: 10px;
 }
 .audio-books__author {
   margin-bottom: 10px;
   color: #888;
   font-size: 12px;
   font-weight: 500;
   line-height: 120%;
 }
 .audio-books__rating {
   margin-bottom: 15px;
   display: flex;
   align-items: center;
 }
 .audio-books__stars {
   display: flex;
   align-items: center;
 }
 .audio-books__number {
   margin-left: 10px;
   color: #252426;
   font-size: 11px;
   font-weight: 600;
   line-height: 120%;
 }
 .audio-books__price {
   color: #f96d43;
   font-size: 20px;
   font-weight: 500;
   line-height: 120%;
 }
 .audio-books__btn {
   margin-top: 15px;
 }
 .books__wrapper .primary-btn__link,
 .audio-books__btn .primary-btn__link {
   padding: 10px 15px;
   width: 100%;
   max-width: 125px;

   color: #fff;
   font-size: 10px;
   font-weight: 600;
   line-height: 120%;
 }
  .audio-books__btn .primary-btn__link:hover{
  	   color: #f96d43;
  }

 .book-popup-wrapper {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   overflow-y: auto;
   transition: all 0.2s ease 0s;
   z-index: -1;
   opacity: 0;
   visibility: hidden;
 }
 .book-popup-wrapper:after {
   content: "";
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #000;
   opacity: 0;
   visibility: hidden;
   transition: all 0.2s ease 0s;
   z-index: -1;
 }
 .book-popup-wrapper__container {
   min-height: 100%;
   padding: 40px 15px;
 }
 
 .book-popup-wrapper.open {
   opacity: 1;
   visibility: visible;
   z-index: 20;
 }
 .book-popup-wrapper.open:after {
   opacity: 0.5;
   visibility: visible;
 }
 
 .book-popup {
   width: 100%;
   max-width: 1300px;
   background-color: #fff;
   margin: 0 auto;
   padding: 40px;
   border-radius: 20px;
   overflow: hidden;
 }
 
 .book-content {
   display: flex;
 }
 .book-content__slider {
   width: 25%;
   max-width: 410px;
 }
 .book-content__main-slider {
   overflow: hidden;
 }
 .book-content__thumb-slider {
   overflow: hidden;
   margin-top: 20px;
 }
 .book-content__text {
   padding: 0 30px;
   width: 50%;
 }
 .book-content__sale {
   width: 25%;
   max-width: 410px;
 }

 .show-item:nth-child(n+5) {
   display: none;
 }
 .show-item.is-visible {
   display: block;
 }

 
 .main-slider {
   display: flex;
   position: relative;
   padding-bottom: 50px;
 }
 .swiper-pagination-bullet-active {
   background: #f96d43;
 }
 
 .book-body__title {
   color: #252426;
   font-size: 45px;
   font-weight: 600;
   line-height: 100%;
   margin-bottom: 5px;
 }
 .book-body__author {
   color: #888;
   font-size: 16px;
   font-weight: 500;
   line-height: 120%;
   margin-bottom: 10px;
 }
 .book-body__block {
   margin-top: 10px;
 }
 .book-body__item {
   color: #252426;
   font-size: 14px;
   font-weight: 600;
   line-height: 120%;
   margin-bottom: 15px;
 }
 .book-body__item:last-child {
   margin-bottom: 0;
 }
 .book-body__name {
   margin-bottom: 6px;
 }
 .book-body__btn {
   display: inline-flex;
   padding: 10px 25px;
   border-radius: 10px;
   background: #F2F3F6;
   border: 1px solid #ececec;
 }
 .book-body__content {
   margin-top: 30px;
 }
 .book-body__content-title {
   color: #252426;
   font-size: 22px;
   font-weight: 600;
   line-height: 100%;
   margin-bottom: 15px;
 }
 .book-body__content-text {
   max-height: 150px;
   transition: all 0.8s ease 0s;
   overflow: hidden;
   position: relative;
 }
 .book-body__content-text:after {
   content: "";
   position: absolute;
   top: auto;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 50px;
   background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white 85%);
   z-index: 1;
}
.book-body__content-text.open:after {
   display: none;
}
 .book-body__content-text p {
   color: #696969;
   font-size: 14px;
   font-weight: 400;
   line-height: 140%;
   margin-bottom: 10px;
 }
 .book-body__content-text p:last-child {
   margin-bottom: 0;
 }
 .book-body__content-btn {
   margin-top: 30px;
 }
 .book-body__characteristic {
   margin-top: 40px;
 }
 .book-body__characteristic-title {
   color: #252426;
   font-size: 25px;
   font-weight: 600;
   line-height: 100%;
   margin-bottom: 30px;
 }
 .book-body__characteristic-item {
   display: flex;
   justify-content: space-between;
   width: 100%;
   padding-bottom: 10px;
   margin-bottom: 15px;
   border-bottom: 1px solid #eaeaea;
   color: #252426;
   font-size: 14px;
   font-weight: 400;
   line-height: 100%;
 }
 .book-body__characteristic-item:last-child {
   margin-bottom: 0;
 }
 
 .sale__upper {
   border-radius: 20px;
   background: #FFF;
   box-shadow: 0px 4px 20px 0px #FFEFE9;
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 40px 20px;
 }
 .sale__price {
   display: flex;
   align-items: center;
 }
 .sale__price-summ {
   color: #f96d43;
   font-size: 30px;
   font-weight: 500;
   line-height: 100%;
   margin-right: 20px;
 }
 .sale__ebook {
   display: flex;
   align-items: center;
 }
 .sale__ebook-img {
   display: flex;
   width: 25px;
   height: 15px;
   margin-right: 5px;
 }
 .sale__ebook-text {
   color: #9b9b9b;
   font-size: 14px;
   font-weight: 500;
   line-height: 120%;
 }
 .sale__btn {
   margin: 20px 0;
 }
 .sale__check {
   display: flex;
   align-items: center;
 }
 .sale__check-img {
   display: flex;
   width: 20px;
   height: 20px;
   margin-right: 5px;
 }
 .sale__check-text {
   color: #252426;
   font-size: 16px;
   font-weight: 500;
   line-height: 120%;
 }
 .sale__bottom {
   margin-top: 20px;
   padding: 30px 20px;
   border-radius: 20px;
   background: #FFF;
   box-shadow: 0px 4px 20px 0px #FFEFE9;
 }
 .sale__title {
   color: #252426;
   font-size: 22px;
   font-weight: 600;
   line-height: 120%;
   margin-bottom: 20px;
 }
 .sale__item-wrapper {
   margin-bottom: 15px;
 }
 .sale__item-wrapper:last-child {
   margin-bottom: 0;
 }
 .sale__item-upper {
   color: #252426;
   font-size: 16px;
   font-weight: 500;
   line-height: 120%;
   margin-bottom: 5px;
 }
 .sale__item-bottom {
   color: #888;
   font-size: 12px;
   font-weight: 500;
   line-height: 120%;
 }
 
 .footer {
   padding: 100px 0 50px;
 }
 
 .footer-content {
   display: flex;
   flex-wrap: wrap;
   margin: -30px;
 }
 .footer-content__column {
   width: 25%;
   padding: 30px;
 }
 .footer-content__logo .logo {
   display: flex;
   margin-bottom: 30px;
 }
 .footer-content__title {
   margin-bottom: 30px;
   color: #252426;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 125% */
 }
 .footer-content__content a {
   color: #252426;
   font-size: 18px;
   font-weight: 400;
   line-height: 120%;
   transition: all 0.2s ease 0s;
 }
 .footer-content__content a:hover {
   color: #f96d43;
 }
 .footer-content__list li {
   margin-bottom: 10px;
 }
 .footer-content__list li:last-child {
   margin-bottom: 0;
 }
 .footer-content__location-item {
   display: flex;
   align-items: flex-start;
   margin-bottom: 10px;
 }
 .footer-content__location-item:last-child {
   margin-bottom: 0;
 }
 .footer-content__icon {
   margin-right: 10px;
 }
 .social {
   display: flex;
   align-items: center;
 }
 .social__item {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 40px;
   height: 40px;
   border-radius: 50%;
   margin-left: 10px;
   overflow: hidden;
 }
 .social__item:first-child {
   margin-left: 0;
 }
 .social__link {
   width: 100%;
   height: 100%;
   padding: 10px;
   border: 1px solid #f96d43;
   border-radius: 50%;
   background-color: #fff;
   transition: all .2s ease 0s;
 }
 .social__link:hover {
   background-color: #f96d43;
 }
 .social__link:hover .social__svg {
   color: #fff;
 }
 .social__svg {
   width: 100%;
   height: 100%;
   color: #f96d43;
   transition: all 0.2s ease 0s;
 }
 
 /* @media (max-width: 1440px) */
 @media (min-width: 1440px) {
   .hero__title {
     font-size: 50px;
   }
 }
 /* @media (max-width: 1240px) */
 @media (max-width: 1240px) {
   .books {
     margin: -10px;
   }
   .books__item {
     padding: 10px;
   }
 
   .audio-content {
     flex-direction: column;
     align-items: center;
   }
   .audio-content__img {
     width: 200px;
     height: 200px;
     margin-right: 0;
     margin-bottom: 30px;
   }
 }
 /* @media (max-width: 992px) */
 @media (max-width: 960px) {
   .hero {
     display: flex;
     flex-direction: column-reverse;
   }
   .hero__img {
     height: 450px;
   }
   .hero__body {
     padding: 25px 0 150px;
   }
 
   .burger {
     display: flex;
   }
 
   .about-hero {
     flex-direction: column-reverse;
   }
   .about-hero__text-body {
     margin-left: 0;
     margin-bottom: 20px;
   }
   .about-hero__img {
     height: 450px;
   }

   .section-about {
      padding-top: 50px;
   }

   .footer,
   .section-audio {
     padding: 50px 0;
   }

   .section-title__btn {
     display: flex;
     justify-content: center;
     margin-top: 50px;
   }
 
   .section-book {
      padding-top: 50px;
     margin-bottom: 50px;
   }
 
   .books__item {
     width: 50%;
   }
 
   .footer-content {
     margin: -15px;
   }
   .footer-content__column {
     padding: 15px;
     width: 50%;
   }
 
   .book-popup {
     padding: 40px 20px;
   }
 
   .book-body__title {
     font-size: 30px;
   }
 
   .book-content__slider {
     width: 35%;
   }
   .book-content__text {
     width: 65%;
     padding: 0 0 0 15px;
   }
   .book-content__sale {
     width: 100%;
     max-width: 100%;
   }
 .navigation {
     position: fixed;
     top: 0;
     left: -120%;
     width: 100%;
     height: 100%;
     overflow-y: auto;
     transition: all 0.2s ease 0s;
     z-index: 5;
     flex-direction: column;
     align-items: flex-start;
   }
   
   .navigation:after {
       content: "";
        position: fixed;
        top: 0;
        left: -120%;
        width: 100%;
        height: 100%;
        max-width: 520px;
        background-color: #fff;
        transition: all 0.2s ease 0s;
        z-index: -1;
   }
   
    .navigation:before {
       content: "";
        position: fixed;
        top: 0;
        left: -120%;
        width: 100%;
        height: 80px;
        max-width: 520px;
        background-color: #fff;
        transition: all 0.2s ease 0s;
        z-index: 5;
   }
 
   .navigation.menu-active {
     left: 0;
   }
    .navigation.menu-active:before {
   	 left: 0;
   }
   .navigation.menu-active:after {
   	 left: 0;
   }
   .navigation__list {
     flex-direction: column;
     align-items: flex-start;
     padding: 100px 20px 30px;
     max-width: 520px;
   }
   .navigation__list li {
     margin-left: 0;
     margin-bottom: 10px;
   }
   .navigation__list li a {
   	color: #000;
   }
   .header .footer-content__list {
 	display: block;
    padding: 20px;
    border-top: 1px solid #FEEBE6;
 }
 .header .footer-content__list li a {
	color: #000;
}
 }
 /* @media (max-width: 768px) */
 @media (max-width: 768px) {
 
 .fixed-btn {
 	width: 100px;
    height: 100px;
 }
 
 .fixed-btn__link {
 	font-size: 10px;
 }
   .hero__title {
     font-size: calc(24px + (26 + 26 * 0.7) * ((100vw - 320px) / 1440));
     margin-bottom: 15px;
   }
   .hero__text {
     font-size: 18px;
   }
   .hero__btn {
     margin-top: 25px;
   }
 
   .blocks__item {
     width: 100%;
     max-width: 450px;
   }
 
   .about-hero__text-body {
     padding: 20px;
   }
 
   .audio-books {
     margin: -10px;
   }
   .audio-books__item {
     padding: 10px;
     width: 50%;
   }

 
   .book-content {
     flex-direction: column;
   }
 
   .book-content__slider {
     width: 100%;
     max-width: 340px;
     margin: 0 auto;
   }
   .book-content__text {
     padding: 0;
     width: 100%;
     margin-top: 20px;
   }
   .book-content__sale {
     margin-top: 20px;
   }
   .burger.menu-active .burger__menu:after,
   .burger.menu-active .burger__menu:before {
   		background-color: #000;
   } 
 }
 /* @media (max-width: 520px) */
 @media (max-width: 520px) {
   .hero__btn {
     flex-direction: column;
     align-items: flex-start;
   }
   .hero__btn .secondary-btn {
     width: 100%;
     max-width: 100%;
     margin-top: 15px;
     margin-left: 0;
   }
   .hero__btn .secondary-btn__link {
     width: 100%;
   }
   .hero__btn .primary-btn,
   .hero__btn .secondary-btn,
   .hero__btn .text-btn,
   .hero__btn .primary-btn__link,
   .hero__btn .secondary-btn__link,
   .text-btn,
   .text-btn__link {
     width: 100%;
     max-width: 100%;
   }
 
   .about-hero__img {
     height: 300px;
   }
 
   .footer-content__column {
     width: 100%;
   }
 
   .book-body__title {
     font-size: 24px;
   }
 
   .sale__title {
     font-size: 20px;
   }
 
   .book-body__characteristic {
     margin-top: 20px;
   }
 }
 /* @media (max-width: 400px) */
 @media (max-width: 400px) {
   .books__item {
     width: 100%;
   }
 }
 /* @media (max-width: 320px) */
 @media (max-width: 320px) {
   .hero__title {
     font-size: 24px;
   }
 }
 /* @media min-width */
 /* @media (min-width: 991px) */
 @media (min-width: 960px) {
   .hero {
     display: flex;
   }
   .hero__content {
     padding: 150px 0;
   }
   .hero__body {
     width: 50%;
     padding: 0 20px 0 0;
   }
   .hero__img {
     flex: 0 0 50%;
     transform: translate(-100%, 0);
     position: relative;
   }
   .hero__img img {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     object-fit: cover;
   }
 }