main {
   background-color: #000;
}
.header:not(.header--white){
   background-color: #2B2B2B;
}
.ajax-intro-element {
   transition: ease .3s opacity;
}
.ajax-intro-element:hover {
   opacity: .8;
}
.book-text-content {
   margin-top: 33px;
}
.swiper-lazy-preloader {
	animation: sk-spinner-pulse 1s infinite ease-in-out !important;
	background-color: #999;
	border-radius: 100%;
   border: none;
	left: 50%;
	height: 50px;
	margin-left: -25px;
	margin-top: -25px;
	position: absolute;
	top: 50%;
	width: 50px;
	z-index: 0;
}
.block-with-notification .arrow-note-wrapper {
   height: 290px !important;
   width: 100% !important;
}
.arrow-note-wrapper img {
   margin-top: 40px;
   width: 100%;
}
@-webkit-keyframes sk-spinner-pulse {
	0% {
		transform: scale(0);
	}
	100% {
		opacity: 0;
		transform: scale(1);
	}
}
@keyframes sk-spinner-pulse {
	0% {
		transform: scale(0);
	}
	100% {
		opacity: 0;
		transform: scale(1);
	}
}
img[loading=lazy] {
   transition: opacity 0.3s;
   opacity: 0;
}
.loaded img[loading=lazy] {
   opacity: 1;
   z-index: 1;
}

/* Books -> */
.books-page {
   padding-top: 72px;
}
.books-fs {
   position: relative;
}
.books-fs {
   background-color: #000;
}
.books-fs__top {
   background-color: #202020;
}
.books-fs__top .container {
   align-items: center;
   display: flex;
   justify-content: space-between;
   z-index: 2;
}
.books-fs__top ul {
   align-items: center;
   display: flex;
   justify-content: flex-start;
   height: 40px;
   text-align: left;
   width: calc(100% - 35px);
}
.books-fs__top li {
   color: #fff;
   font-family: "Poppins", sans-serif;
   font-size: 16px;
   font-weight: 400;
   line-height: 100%;
}
.books-fs__top li:not(:last-child) {
   margin-right: 100px;
}
.books-fs__top li.active {
   color: #EB0065;
}
.books-fs__top li a {
   color: inherit;
}
.books-fs__top-buttom {
   align-items: center;
   display: flex;
   justify-content: center;
   height: 24px;
   width: 24px;
}
.books-fs__top-block-form {
   align-items: center;
   background-color: #000;
   bottom: 0;
   left: 0;
   display: flex;
   height: 70px;
   opacity: 0;
   pointer-events: none;
   position: absolute;
   right: 0;
   padding: 8px 0 8px 20px;
   transition: 0.2s ease 0s;
   transform: translateY(100%);
   width: 100%;
   z-index: 1;
}
.books-fs__top-block-form.show {
   opacity: 1;
   pointer-events: all;
}
.books-fs__top-block-form form {
   align-items: center;
   display: flex;
   height: 45px;
   width: 100%;
}
.books-fs__top-block-form input {
   height: inherit;
}
.books-fs__top-block-form input:not([type=submit]) {
   background-color: #fff;
   color: #242424;
   font-size: 18px;
   padding-left: 20px;
   padding-right: 20px;
   width: calc(100% - 50px);
}
.books-fs__top-block-form input[type=submit] {
   background: url('../svg/search-icon.svg');
   background-repeat: no-repeat;
   background-position: center;
   border: none;
   display: block;
   font-size: 0;
   width: 50px;
}
.books-fs__item:nth-child(1) {
   align-items: center;
   display: flex;
   order: 1;
   width: 353px;
}
.books-fs__item:nth-child(2) {
   padding-right: 17%;
   width: calc(100% - 353px);
}
.books-fs__block {
   padding-bottom: 60px;
   padding-top: 60px;
}
.books-fs__title {
   color: #fff;
   font-family: "Gabarito", sans-serif;
   font-size: 64px;
   font-weight: 700;
   line-height: 1.2;
   text-transform: uppercase;
}
.books-fs__subtitle {
   color: #fff;
   font-family: "Gabarito", sans-serif;
   font-size: 20px;
   font-weight: 400;
   line-height: 100%;
   margin: 2px 0 0;
}
.books-fs__text {
   color: #fff;
   font-family: "Gabarito", sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 22px;
   margin: 35px 0 0;
}
.books-fs__buttons {
   margin-top: 40px;
}
.books-fs__buttons a {
   align-items: center;
   background-color: transparent;
   border: 1px solid #fff;
   color: #fff;
   display: inline-flex;
   justify-content: center;
   height: 54px;
   font-family: "Poppins", sans-serif;
   font-size: 20px;
   font-weight: 400;
   line-height: 100%;
   min-width: 121px;
   padding: 12px 30px;
}
.books-fs__buttons a:not(:last-child) {
   margin-right: 20px;
}
.books-fs__buttons a.read {
   background-color: #FF0871;
   border-color: #FF0871;
   min-width: 133px;
}
.books-fs__blockImage {
   height: 528px;
   margin-bottom: 21px;
   position: relative;
   width: 353px;
   z-index: 0;
}
.books-fs__blockImage img {
   left: 0;
   height: 100%;
   object-fit: cover;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: 0;
}

.books-top-wrap-slider {
   margin: -21px 0 57px;
   position: relative;
}
.books-top-wrap-slider .swiper-button-prev,
.books-top-wrap-slider .swiper-button-next {
   margin: 0;
   transform: translateY(-50%);
}
.books-top-wrap-slider .swiper-button-prev.swiper-button-disabled,
.books-top-wrap-slider .swiper-button-next.swiper-button-disabled {
   opacity: 0;
}
.books__slider {
   margin-left: -5px;
   margin-right: -5px;
   padding-left: 5px;
   padding-right: 5px;
   overflow: hidden;
}
.books__slider .swiper-slide {
   height: auto;
}
.books-top-wrap-slider__block {
   border-radius: 8px;
   display: flex;
   height: 100%;
   padding: 12px 18px;
   width: 100%;
}
.books-top-wrap-slider__block.orange-dark-orange {
   background: linear-gradient(93.13deg, #E9B007 0.26%, #4B4024 99.35%);
}
.books-top-wrap-slider__block.blue-dark-blue {
   background: linear-gradient(93.03deg, #0256CB -3.45%, #012B65 97.89%);
}
.books-top-wrap-slider__block.gray-dark-gray {
   background: linear-gradient(93.93deg, #D4D4D4 -10.55%, #3E3E3E 113.16%);
}
.books-top-wrap-slider__block.yellow-moderate-orange {
   background: linear-gradient(92.92deg, #E1CD49 -17.79%, #C3903F 98.58%);
}
.books-top-wrap-slider__blockImage {
   box-shadow: 1px 7px 8px 0px rgba(28, 28, 28, 0.14);
   height: 120px;
   position: relative;
   width: 80px;
}
.books-top-wrap-slider__blockImage img {
   left: 0;
   height: 100%;
   object-fit: cover;
   position: absolute;
   top: 0;
   width: 100%;
}
.books-top-wrap-slider__blockInfo {
   display: flex;
   flex-direction: column;
   padding-left: 24px;
   width: calc(100% - 80px);
}
.books-top-wrap-slider__blockInfo h4 {
   color: #fff;
   font-family: "Gabarito", sans-serif;
   font-size: 18px;
   font-weight: 700;
   line-height: 1.2;
}
.books-top-wrap-slider__blockInfo h6 {
   color: #fff;
   font-family: "Gabarito", sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 22px;
   margin: 2px 0 5px;
}
.books-top-wrap-slider__blockInfo p {
   align-items: center;
   color: #fff;
   font-family: "Poppins", sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: normal;
   display: flex;
   margin-top: auto;
}
.books-top-wrap-slider__blockInfo p img {
   bottom: 2px;
   margin-right: 4px;
   position: relative;
}

.books__topFilters {
   margin-bottom: 60px;
}
.books__topFilters ul {
   display: flex;
   margin-left: -20px;
   margin-right: -20px;
   padding-bottom: 8px;
   padding-left: 20px;
   padding-right: 20px;
   overflow-x: auto;
}
.books__topFilters ul::-webkit-scrollbar {
   height: 8px;
}
.books__topFilters ul::-webkit-scrollbar-thumb {
   background-color: #353535;
   border-radius: 20px;
}
.books__topFilters ul li {
   align-items: center;
   background-color: #353535;
   border-radius: 31.49px;
   color: #fff;
   font-family: "Gabarito", sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: normal;
   height: 36px;
   display: flex;
   padding: 6.3px 16px;
   white-space: nowrap;
   transition: 0.3s ease 0s;
   width: auto;
   cursor: pointer;
}
.books__topFilters ul li:not(:last-child) {
   margin-right: 26px;
}
.books__topFilters ul li.active,
.books__topFilters ul li:hover {
   background-color: #FF0871;
}
.books__topFilters ul li a {
   color: inherit;
}
.books-sliders {
   background: url('../jpg/books-bg.jpg');
   background-repeat: repeat;
   background-position: left top;
   padding-bottom: 68px;
   padding-top: 48px;
}
.books__block {
   margin-bottom: 48px;
}
.books__block .swiper-button-prev,
.books__block .swiper-button-next {
   margin-top: 0;
   top: 193px !important;
   /*top: calc(50% - 29px) !important;*/
}

.wrap-title-above-books a {
   color: #fff;
   display: table;
   font-family: "Poppins", sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: normal;
   margin-left: auto;
   position: relative;
   top: 2px;
   text-decoration: underline;
   white-space: nowrap;
}
.title-above-books {
   position: relative;
   color: #fff;
   font-family: "Gabarito", sans-serif;
   font-size: 24px;
   font-weight: 400;
   line-height: 115%;
   margin: 0;
   padding-right: 20px;
}
.books__wrap-slider {
   margin-top: 41px;
   position: relative;
}
.books {
   overflow: hidden;
}
.book__wrap-image {
   margin-bottom: 6px;
   position: relative;
   min-height: 259px;
}
.book__wrap-image a {
   min-height: 255px;
    display: block;
    position: relative;
}
.book__wrap-book-cover {
   padding-bottom: 17px;
   display: block;
   max-height: 260px;
   margin: auto;
   position: absolute;
   max-width: 195px;
   left: 0;
   right: 0;
}
.book__wrap-book-bg {
   bottom: 0;
   left: 50%;
   height: auto;
   position: absolute;
   transform: translateX(-50%);
   width: 100%;
   max-width: 100%;
}
.book__block-info {
   background-color: #1E1E1E;
   border-radius: 16px;
   display: flex;
   flex-direction: column;
   padding: 15px 20px;
}
.book__block-info h3 a {
   color: #fff;
   font-family: "Gabarito", sans-serif;
   font-size: 24px;
   font-weight: 400;
   line-height: 115%;
}
.book__block-info p {
   color: #00B0BC;
   font-family: "Gabarito", sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 22px;
   margin: 1px 0 0;
}
.book__block-info-bottom {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   margin-top: auto;
}
.book__block-info-bottom,
.book__block-info-bottom p,
.book__block-info-bottom p span {
   align-items: center;
   display: flex;
}
.book__block-info-bottom p {
   color: #A0A0A0;
   font-family: "Poppins", sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: normal;
   margin: 11px 15px 11px 0;
   white-space: nowrap;
   flex-wrap:wrap;
   gap: 14px;
}

.book__block-info-bottom p span svg,
.book__block-info-bottom p span img {
   bottom: 2px;
   margin-right: 5px;
   position: relative;
}
.book__button {
   align-items: center;
   border-radius: 4px;
   color: #fff;
   display: flex;
   justify-content: center;
   font-family: "Gabarito", sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: normal;
   height: 32px;
   flex: 0 0 91px;
   margin-left: auto;
   width: 91px;
}
.book__button.play {
   background-color: #393939;
}
.book__button.pause {
   background-color: #00B0BC;
}
.book__button.pause span {
   background-color: #393939;
}
.book__button.pause {
   color: #393939;
}
.book__button.play .pause,
.book__button.pause .play {
   display: none;
}
.book__button span {
   align-items: center;
   background-color: #00B0BC;
   border-radius: 100px;
   height: 22px;
   display: flex;
   justify-content: center;
   margin-right: 9px;
   width: 22px;
}
.book__button span svg.play,
.book__button span img.play {
   left: 1px;
   position: relative;
}
.books__back-to-top-block {
   margin-top: 64px;
}
.books__back-to-top-block p {
   color: #fff;
   font-family: "Poppins", sans-serif;
   font-size: 18px;
   font-weight: 300;
   line-height: 100%;
   text-align: center;
}
.books__back-to-top-block .button-top {
   border-radius: 200px;
   cursor: pointer;
   height: 72px;
   margin: 13px auto 0;
   padding: 1px;
   overflow: hidden;
   width: 72px;
}
.books__back-to-top-block .button-top svg,
.books__back-to-top-block .button-top img {
   max-height: 100%;
   max-width: 100%;
}

/* Book -> */
.back-link-top-page {
   align-items: center;
   color: #fff;
   font-family: "Gabarito", sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 100%;
   display: flex;
}
.back-link-top-page img,
.back-link-top-page svg {
   bottom: 1px;
   margin-right: 7px;
   position: relative;
}
.book-fs {
   padding-top: 89px;
}
.book-fs__items {
   display: flex;
   flex-wrap: wrap;
   margin-top: 31px;
}
.book-fs__item:nth-child(1) {
   width: 333px;
}
.book-fs__item:nth-child(2) {
   padding-left: 23px;
   width: calc(100% - 333px);
}
.book-fs__blockCover {
   height: 376px;
   margin-left: auto;
   margin-right: auto;
   position: relative;
   width: 251px;
}
.book-fs__blockCover img {
   left: 0;
   height: 100%;
   object-fit: cover;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: 1;
}
.book-fs__wrap-info {
   padding-right: 90px;
}
.book-fs__title,
.book-fs__subtitle {
   color: #fff;
   font-family: "Gabarito", sans-serif;
   max-width: 630px;
}
.book-fs__title {
   font-size: 64px;
   font-weight: 700;
   line-height: 1.21;
   text-transform: uppercase;
}
.book-fs__subtitle {
   border-bottom: 2px solid rgba(255, 255, 255, 0.1);
   font-size: 24px;
   font-weight: 400;
   line-height: 115%;
   margin: 18px 0 0;
   padding-bottom: 31px;
}
.book-fs__wrap-info p {
   align-items: center;
   color: #A0A0A0;
   font-family: "Poppins", sans-serif;
   font-size: 16px;
   font-weight: 400;
   line-height: 100%;
   display: flex;
   margin: 34px 0 0;
}
.book-fs__wrap-info p span {
   align-items: center;
   display: flex;
}
.book-fs__wrap-info p span:not(:first-child) {
   margin-left: 24px;
}
.book-fs__wrap-info p img {
   bottom: 2px;
   margin-right: 5px;
   position: relative;
}
.book-fs__icons {
   align-items: center;
   background: rgba(255, 255, 255, 0.1);
   border-radius: 52px;
   display: flex;
   justify-content: center;
   flex-direction: column;
   padding-bottom: 13px;
   padding-top: 13px;
   position: absolute;
   right: 20px;
   top: 49px;
   width: 64px;
}
.book-fs__icons a {
   position: relative;
   display: block;
   height: 30px;
   margin: 13px 0;
   width: 32px;
}
.book-fs__icons .favorites-icon a {
/*   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='31' height='28' viewBox='0 0 31 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.03398 5.77406C1.17333 8.22797 1.54118 11.5082 4.31639 14.6233C7.06493 17.7105 9.99935 20.7018 12.2492 22.9235C13.3734 24.0337 14.3254 24.9504 14.9958 25.5892C15.189 25.7732 15.3588 25.9341 15.5026 26.0699C15.6463 25.9341 15.8161 25.7732 16.0093 25.5892C16.6797 24.9504 17.6317 24.0337 18.7559 22.9235C21.0057 20.7019 23.9399 17.7107 26.6885 14.6236C29.4596 11.51 29.8265 8.22976 28.9654 5.77513C28.0918 3.28484 25.9717 1.62997 23.635 1.62997C22.3844 1.62997 21.0543 1.88524 19.786 2.6073C18.5214 3.3273 17.2711 4.538 16.2152 6.52361C16.0769 6.78372 15.8095 6.94845 15.5161 6.95436C15.2227 6.96026 14.9489 6.80642 14.8004 6.55209C13.6274 4.54414 12.3668 3.32536 11.124 2.60391C9.88314 1.88355 8.61002 1.62997 7.36466 1.62997C5.02773 1.62997 2.90716 3.28443 2.03398 5.77406ZM15.5026 27.1851C14.9524 27.784 14.9523 27.7838 14.9523 27.7838L14.951 27.7827L14.9334 27.7663L14.8789 27.7156C14.8311 27.6709 14.7605 27.6049 14.6689 27.5188C14.4855 27.3467 14.2179 27.0942 13.8797 26.772C13.2034 26.1277 12.2444 25.2042 11.1121 24.0861C8.84898 21.8512 5.88806 18.8333 3.10774 15.7104C-0.0271549 12.1916 -0.570427 8.29582 0.504035 5.23229C1.56597 2.20449 4.22676 0 7.36466 0C8.83914 0 10.4037 0.303323 11.9355 1.19255C13.1844 1.91756 14.3782 3.01267 15.4746 4.58882C16.5151 3.00796 17.7155 1.91268 18.9863 1.18916C20.5452 0.301632 22.1632 0 23.635 0C26.7732 0 29.4331 2.20543 30.4953 5.23326C31.57 8.29674 31.0285 12.1924 27.8976 15.7101C25.1173 18.8331 22.1562 21.8512 19.893 24.0861C18.7607 25.2042 17.8017 26.1277 17.1254 26.772C16.7872 27.0942 16.5196 27.3467 16.3363 27.5188C16.2446 27.6049 16.174 27.6709 16.1262 27.7156L16.0717 27.7663L16.0541 27.7827L16.0531 27.7836C16.0531 27.7836 16.0527 27.784 15.5026 27.1851ZM15.5026 27.1851L16.0531 27.7836C15.7424 28.0718 15.263 28.0721 14.9523 27.7838L15.5026 27.1851Z' fill='white'/%3e%3c/svg%3e");*/
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
}
.book-fs__icons .favorites-icon a svg path:nth-child(2){
   display: none;
}
.book-fs__icons .favorites-icon a.in-favorites svg path:nth-child(2){
   display: block;
   transform: scale(1.06) translate(-1px, 2px);
}
.book-fs__icons .favorites-icon a .remove {
   display: none;
}
.book-fs__icons .favorites-icon a.in-favorites .remove {
   display: block;
}
.book-fs__icons .rating-icon a {
/*   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='30' viewBox='0 0 32 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.73224 28.7C5.57624 29.588 6.45224 30.282 7.22424 29.886L16.0042 25.374L24.7822 29.886C25.5542 30.282 26.4302 29.588 26.2742 28.702L24.6142 19.242L31.6582 12.53C32.3182 11.902 31.9782 10.754 31.0942 10.63L21.2982 9.23803L16.9302 0.584029C16.847 0.408607 16.7157 0.260395 16.5517 0.156614C16.3876 0.0528326 16.1974 -0.0022583 16.0032 -0.0022583C15.8091 -0.0022583 15.6189 0.0528326 15.4548 0.156614C15.2907 0.260395 15.1594 0.408607 15.0762 0.584029L10.7082 9.24003L0.912237 10.632C0.0302365 10.756 -0.311763 11.904 0.346237 12.532L7.39224 19.244L5.73224 28.704V28.7ZM15.5422 23.166L8.17024 26.954L9.55824 19.04C9.59075 18.8579 9.57803 18.6705 9.52119 18.4944C9.46435 18.3183 9.36512 18.1588 9.23224 18.03L3.42024 12.49L11.5242 11.338C11.692 11.3127 11.8512 11.247 11.9881 11.1467C12.125 11.0464 12.2355 10.9144 12.3102 10.762L16.0002 3.44603L19.6942 10.762C19.7689 10.9144 19.8795 11.0464 20.0164 11.1467C20.1533 11.247 20.3124 11.3127 20.4802 11.338L28.5842 12.488L22.7722 18.028C22.639 18.157 22.5396 18.3168 22.4828 18.4933C22.4259 18.6698 22.4134 18.8575 22.4462 19.04L23.8342 26.954L16.4622 23.166C16.3197 23.0925 16.1616 23.0542 16.0012 23.0542C15.8409 23.0542 15.6848 23.0925 15.5422 23.166Z' fill='white'/%3e%3c/svg%3e");*/
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
}
.book-fs__icons .rating-icon a.active .no-active {
   display: none;
}
.book-fs__icons .rating-icon a:not(.active) .active{
   display: none;
}
.book-fs__icons .share-icon a {
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='27' height='30' viewBox='0 0 27 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M23.0326 30C21.9314 30 20.9938 29.6158 20.2198 28.8474C19.4458 28.0811 19.0588 27.1495 19.0588 26.0526C19.0588 25.8421 19.0768 25.6247 19.1128 25.4005C19.1499 25.1753 19.2049 24.9632 19.278 24.7642L6.98188 17.5626C6.59329 17.9984 6.14118 18.3379 5.62553 18.5811C5.10988 18.8242 4.55823 18.9463 3.97059 18.9474C2.86729 18.9474 1.93024 18.5642 1.15941 17.7979C0.386471 17.0305 0 16.0989 0 15.0032C0 13.9074 0.386471 12.9753 1.15941 12.2068C1.93235 11.4384 2.86941 11.0537 3.97059 11.0526C4.55929 11.0526 5.11094 11.1747 5.62553 11.4189C6.14012 11.6632 6.59223 12.0026 6.98188 12.4374L19.2796 5.23421C19.2055 5.03632 19.1504 4.82474 19.1144 4.59947C19.0774 4.37526 19.0588 4.1579 19.0588 3.94737C19.0588 2.85053 19.4448 1.91895 20.2166 1.15263C20.9875 0.384211 21.924 0 23.0262 0C24.1285 0 25.0661 0.383684 25.839 1.15105C26.6119 1.91842 26.9989 2.84947 27 3.94421C27.0011 5.03895 26.6146 5.97105 25.8406 6.74053C25.0708 7.51 24.1338 7.89474 23.0294 7.89474C22.4407 7.89474 21.8891 7.77263 21.3745 7.52842C20.8599 7.28421 20.4078 6.94474 20.0181 6.51L7.722 13.7132C7.79506 13.9111 7.84959 14.1216 7.88559 14.3447C7.92265 14.5689 7.94118 14.7853 7.94118 14.9937C7.94118 15.2021 7.92265 15.4205 7.88559 15.6489C7.84853 15.8774 7.79347 16.0905 7.72041 16.2884L20.0181 23.49C20.4067 23.0553 20.8588 22.7158 21.3745 22.4716C21.8901 22.2274 22.4418 22.1053 23.0294 22.1053C24.1327 22.1053 25.0698 22.4889 25.8406 23.2563C26.6135 24.0226 27 24.9537 27 26.0495C27 27.1453 26.6146 28.0774 25.8438 28.8458C25.0729 29.6142 24.1359 29.9989 23.0326 30ZM23.0294 6.31579C23.6827 6.31579 24.2434 6.08368 24.7114 5.61947C25.1783 5.15421 25.4118 4.59684 25.4118 3.94737C25.4118 3.29789 25.1783 2.74053 24.7114 2.27526C24.2434 1.81105 23.6827 1.57895 23.0294 1.57895C22.3761 1.57895 21.8155 1.81105 21.3475 2.27526C20.8805 2.74053 20.6471 3.29789 20.6471 3.94737C20.6471 4.59684 20.8805 5.15421 21.3475 5.61947C21.8155 6.08368 22.3761 6.31579 23.0294 6.31579ZM3.97059 17.3684C4.62388 17.3684 5.18453 17.1363 5.65253 16.6721C6.11947 16.2068 6.35294 15.6495 6.35294 15C6.35294 14.3505 6.11947 13.7932 5.65253 13.3279C5.18559 12.8626 4.62494 12.6305 3.97059 12.6316C3.31624 12.6326 2.75559 12.8647 2.28865 13.3279C1.82171 13.7932 1.58824 14.3505 1.58824 15C1.58824 15.6495 1.82171 16.2068 2.28865 16.6721C2.75559 17.1374 3.31624 17.3695 3.97059 17.3684ZM23.0294 28.4211C23.6827 28.4211 24.2434 28.1889 24.7114 27.7247C25.1783 27.2595 25.4118 26.7021 25.4118 26.0526C25.4118 25.4032 25.1783 24.8458 24.7114 24.3805C24.2434 23.9163 23.6827 23.6842 23.0294 23.6842C22.3761 23.6842 21.8155 23.9163 21.3475 24.3805C20.8805 24.8458 20.6471 25.4032 20.6471 26.0526C20.6471 26.7021 20.8805 27.2595 21.3475 27.7247C21.8155 28.1889 22.3761 28.4211 23.0294 28.4211Z' fill='white'/%3e%3c/svg%3e");
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
}
.book-fs__buttons {
   display: flex;
   justify-content: flex-start;
   margin-top: 26px;
}
.book-fs__buttons a {
   align-items: center;
   border: 1px solid #fff;
   color: #fff;
   font-family: "Poppins", sans-serif;
   font-size: 20px;
   font-weight: 400;
   line-height: 100%;
   height: 54px;
   display: flex;
   justify-content: center;
   min-width: 187px;
   padding: 12px 32px;
}
.book-fs__buttons a:not(:first-child) {
   margin-left: 24px;
}
.book-fs__buttons a.start-reading {
   background-color: #FF0871;
   border-color: #FF0871;
}
.book-fs__illustration-top {
   left: 50%;
   max-width: 220%;
   pointer-events: none;
   position: absolute;
   transform: translateX(-50%);
   top: 0;
   z-index: 0;
}

.book__description {
   padding-bottom: 44px;
   padding-top: 67px;
}
.book__description-content {
   max-width: calc(95% - 18px);
   padding-left: 26px;
   position: relative;
}
.book__description-content::before {
   border-radius: 4px;
   border-left: 4px solid rgba(255, 255, 255, 0.2);
   content: '';
   display: block;
   height: 92%;
   left: 0;
   position: absolute;
   transform: translateY(-50%);
   top: 50%;
   width: 4px;
}
.book__description h1,
.book__description h2,
.book__description h3,
.book__description h4,
.book__description h6 {
   color: #fff;
   font-family: "Gabarito", sans-serif;
   font-size: 24px;
   font-weight: 400;
   line-height: 115%;
   margin: 0 0 21px;
}
.book__description h1 span,
.book__description h2 span,
.book__description h3 span,
.book__description h4 span,
.book__description h6 span {
   color: #FF0871;
}
.book__description p {
   color: #fff;
   font-family: "Gabarito", sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 22px;
}

.trade-notes {
   background-color: #1E1E1E;
}
.trade-notes .container {
   padding-bottom: 315px;
}
.trade-notes.there-are-blocks .container {
   padding-bottom: 42px;
}
.trade-notes__illustration {
   bottom: 0;
   max-height: 100%;
   right: 0;
   max-width: 54%;
   position: absolute;
   /*transform: translateY(-50%);*/
   /*top: 50%;*/
}
.trade-notes.there-are-blocks .trade-notes__illustration {
   display: none;
}
.trade-notes__items {
   display: flex;
   flex-wrap: wrap;
}
.trade-notes__item:nth-child(1) {
   width: 268px;
}
.trade-notes__item:nth-child(2) {
   padding-left: 88px;
   width: calc(100% - 268px);
}
.trade-notes__title {
   color: #fff;
   font-family: "Gabarito", sans-serif;
   font-size: 24px;
   font-weight: 400;
   line-height: 115%;
   margin-bottom: 26px;
}
.trade-notes__title span {
   color: #FF0871;
}
.trade-notes__content {
   min-height: 100%;
   max-width: 237px;
   padding-bottom: 3px;
   padding-top: 42px;
}
.trade-notes.there-are-blocks .trade-notes__content {
   align-items: flex-start;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
}
.trade-notes__content p {
   color: #fff;
   font-family: "Gabarito", sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 22px;
   /*max-width: 209px;*/
}
.trade-notes__content p span {
   color: #FF0871;
   text-transform: uppercase;
}
.trade-notes__buttons {
   display: flex;
   flex-wrap: wrap;
   margin-top: 41px;
}
.trade-notes__buttons a {
   align-items: center;
   background-color: #353535;
   border-radius: 5px;
   display: flex;
   justify-content: center;
   height: 32px;
   width: calc(50% - 6px);
}
.trade-notes__buttons a:nth-child(1) {
   margin-right: 6px;
}
.trade-notes__buttons a:nth-child(2) {
   margin-left: 6px;
}
.trade-notes__buttons a {
   align-items: center;
   background-color: #353535;
   color: #fff;
   display: flex;
   justify-content: center;
   font-family: "Gabarito", sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 22px;
   text-align: center;
}
.trade-notes__buttons a.sign-in {
   background-color: #6710FF;
   border-color: #6710FF;
}
.book__wrap-search-form,
.book__wrap-search-form form {
   width: 100%;
}
.book__wrap-search-form form {
   border: 1px solid #DBDBDB;
   border-radius: 5px;
   display: flex;
   height: 32px;
   margin: 24px 0 18px;
}
.book__wrap-search-form input {
   background: none;
   height: 100%;
   outline: none;
}
.book__wrap-search-form input:not([type=submit]) {
   color: #fff;
   font-family: "Mona Sans", sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 22px;
   padding-bottom: 1px;
   padding-left: 12px;
   padding-right: 12px;
   width: calc(100% - 31px);
}
.book__wrap-search-form form input[type=submit] {
   background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_2028_40927)'%3e%3cpath d='M15.1003 14.9904L10.4628 10.3529C11.1824 9.42252 11.5717 8.28502 11.5717 7.08859C11.5717 5.65645 11.0128 4.31359 10.0021 3.30109C8.99135 2.28859 7.64492 1.73145 6.21456 1.73145C4.78421 1.73145 3.43778 2.29037 2.42706 3.30109C1.41456 4.3118 0.857422 5.65645 0.857422 7.08859C0.857422 8.51895 1.41635 9.86537 2.42706 10.8761C3.43778 11.8886 4.78242 12.4457 6.21456 12.4457C7.41099 12.4457 8.54671 12.0564 9.47707 11.3386L14.1146 15.9743C14.1282 15.9879 14.1443 15.9987 14.1621 16.0061C14.1799 16.0134 14.1989 16.0172 14.2181 16.0172C14.2374 16.0172 14.2564 16.0134 14.2742 16.0061C14.292 15.9987 14.3081 15.9879 14.3217 15.9743L15.1003 15.1975C15.1139 15.1839 15.1247 15.1678 15.132 15.15C15.1394 15.1322 15.1432 15.1132 15.1432 15.0939C15.1432 15.0747 15.1394 15.0557 15.132 15.0379C15.1247 15.0201 15.1139 15.004 15.1003 14.9904ZM9.04314 9.91716C8.28599 10.6725 7.28242 11.0886 6.21456 11.0886C5.14671 11.0886 4.14314 10.6725 3.38599 9.91716C2.63064 9.16002 2.21456 8.15645 2.21456 7.08859C2.21456 6.02073 2.63064 5.01537 3.38599 4.26002C4.14314 3.50466 5.14671 3.08859 6.21456 3.08859C7.28242 3.08859 8.28778 3.50287 9.04314 4.26002C9.79849 5.01716 10.2146 6.02073 10.2146 7.08859C10.2146 8.15645 9.79849 9.1618 9.04314 9.91716Z' fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_2028_40927'%3e%3crect width='16' height='16' fill='white' transform='translate(0 0.87207)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
   background-repeat: no-repeat;
   background-position: 50% 45%;
   background-size: 52%;
   border: none;
   border-left: 1px solid #DBDBDB;
   font-size: 0;
   padding: 0;
   width: 31px;
}
.tabs__wrap-tab {
   display: flex;
   flex-wrap: wrap;
   margin: 0 -5.5px 19px;
}
.tabs__wrap-tab .tab {
   background-color: #353535;
   border-radius: 32px;
   color: #fff;
   cursor: pointer;
   font-family: "Gabarito", sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 100%;
   margin: 5.5px;
   min-width: 62px;
   padding: 11px 12px;
   text-align: center;
}
.tabs__wrap-tab .tab.tab-active {
   background-color: #EB0065;
}
.tabContent {
   display: none;
   overflow: hidden;
}
.tabContent.content-active {
   display: block;
}
.trade-notes__item .tabs__tabContents {
   padding-top: 42px;
}
.trade-notes__item .swiper-slide {
   height: auto;
}
.trade-notes__slideBlock {
   padding: 22px 33px 20px;
}
.trade-notes__item .swiper-slide.two-blocks {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}
.swiper-slide.two-blocks .trade-notes__slideBlock {
   flex: 1;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}
.swiper-slide.two-blocks .trade-notes__slideBlock:not(:last-child) {
   margin-bottom: 7px;
}
.trade-notes__item .swiper-conteiner {
   margin-right: -20px;
   padding-right: 20px;
}
.trade-notes__slideBlock {
   border: 2px solid rgba(255, 255, 255, 0.4);
   border-radius: 48px;
   padding: 37px 34px 30px;
   width: 100%;
}
.trade-notes__slideBlock .wrap-text p {
   color: #fff;
   font-family: "Gabarito", sans-serif;
   font-size: 16px;
   font-weight: 400;
   line-height: 22px;
}
.trade-notes__slideBlock .wrap-text:not(.with-serifs)  {
   padding-top: 21px;
}
.trade-notes__slideBlock .wrap-text.with-serifs p:not(:last-child) {
   font-family: "Gilda Display", serif;
   font-weight: 400;
   line-height: 18px;
}
.trade-notes__slideBlock .wrap-text.with-serifs p:last-child {
   color: rgba(255, 255, 255, 0.6);
   font-family: "Poppins", sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 100%;
   margin: 0;
}
.trade-notes__slideBlock .wrap-text.with-serifs p:last-child::before {
   background-color: #616161;
   content: '';
   display: block;
   height: 2px;
   margin: 7px 0 6px;
   width: 35px;
}
.trade-notes__slideBlock .link {
   border-radius: 50%;
   display: block;
   height: 33px;
   overflow: hidden;
   margin: 4px 0 0 auto;
   padding: 1px;
   width: 33px;
}
.trade-notes__slideBlock .link img,
.trade-notes__slideBlock .link svg {
   max-height: 100%;
   max-width: 100%;
}
.trade-notes__wrap-tabs-pagination {
   margin-top: auto;
}
.trade-notes__pagination {
   align-items: center;
   background-color: rgba(255, 255, 255, 0.1);
   border-radius: 20.93px;
   height: 32px;
   display: flex;
   max-width: 100%;
   padding: 0 10px;
   position: static;
   width: auto !important;
}
.trade-notes__pagination.swiper-pagination-lock {
   display: none;
}
.trade-notes__pagination .swiper-pagination-bullet {
   background: rgba(255, 255, 255, 0.4);
   height: 13px;
   opacity: 1;
   margin: 2px !important;
   width: 13px;
}
.trade-notes__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
   background: rgba(255, 255, 255, 1);
}

img.black,
.js-background-color.bg-black img.black,
.js-background-color.bg-silver img.black,
.js-background-color.bg-charcoal img.black,
.js-background-color.bg-white .champer-page__buttonMenu:not(.active) > img.white,
.js-background-color.bg-white .champer-page__buttonMenu > img.black,
.js-background-color.bg-white img.white,
.js-background-color:not(.bg-black, .bg-white) .champer-page__buttonMenu > img.black,
.js-background-color:not(.bg-black, .bg-white) img.black
 {
   display: none;
}
.js-background-color.bg-white .champer-page__buttonMenu > img.white,
.js-background-color.bg-white .champer-page__buttonMenu:not(.active) > img.black,
.js-background-color.bg-white img.black {
   display: block;
}

.js-background-color.bg-white .champer-page__contentTop,
.js-background-color.bg-white .champer-page {
   background-color: #fff;
}

.js-background-color.bg-silver .champer-page__contentTop,
.js-background-color.bg-silver .champer-page {
   background-color: #C5C5C5;
}

.js-background-color.bg-silver .block-settings,
.js-background-color.bg-silver .champer-page__blockWithTabs,
.js-background-color.bg-silver .champer-page__blockChampersList,
.js-background-color.bg-charcoal .block-settings,
.js-background-color.bg-charcoal .champer-page__blockWithTabs,
.js-background-color.bg-charcoal .champer-page__blockChampersList,
.js-background-color.bg-silver .champer-page__buttonMenu .button,
.js-background-color.bg-silver .champer-page__buttonMenu:not(.active),
.js-background-color.bg-silver .audio-player,
.js-background-color.bg-silver .champer-page__bottomWrapPlaeer,
.js-background-color.bg-silver .wrap-radio-bg-color label input::before,
.js-background-color.bg-silver .champer-page__sidebar,
.js-background-color.bg-charcoal .champer-page__buttonMenu .button,
.js-background-color.bg-charcoal .champer-page__buttonMenu:not(.active),
.js-background-color.bg-charcoal .audio-player,
.js-background-color.bg-charcoal .champer-page__bottomWrapPlaeer,
.js-background-color.bg-charcoal .wrap-radio-bg-color label input::before,
.js-background-color.bg-charcoal .champer-page__sidebar {
   background-color: #2E2E2E;
}

.js-background-color.bg-charcoal .champer-page__contentTop,
.js-background-color.bg-charcoal .champer-page {
   background-color: #666;
}
.js-background-color.bg-white .header__menu-item a::after,
.js-background-color.bg-silver .header__menu-item a::after,
.js-background-color.bg-white .audio-player__btn.mute.muted::after,
.js-background-color.black .champer-page {
   background-color: #000;
}

.js-background-color.bg-silver .header__menu-item a,
.js-background-color.bg-silver .champer-page__number-of-words span,
.js-background-color.bg-silver .champer-page__title,
.js-background-color.bg-silver .champer-page__content p,
.js-background-color.bg-white .block-settings .settings-saved,
.js-background-color.bg-white .trade-notes__slideBlock .wrap-text p,
.js-background-color.bg-white .books-fs__top li:not(.active),
.js-background-color.bg-white .block-with-notification h4 span,
.js-background-color.bg-white .block-with-notification p,
.js-background-color.bg-white .champer-page__blockChampersListHead p,
.js-background-color.bg-white .champer-page__buttonMenu .button p,
.js-background-color.bg-white .champer-page__blockToSelectAcolorWhenSelecting textarea,
.js-background-color.bg-white .champer-page__blockToSelectAcolorWhenSelecting textarea::placeholder,
.js-background-color.bg-white .champer-page__blockToSelectAcolorWhenSelecting h3,
.js-background-color.bg-white .champer-page__blockToSelectAcolorWhenSelecting p,
.js-background-color.bg-white .selection-actions button,
.js-background-color.bg-white .audio-player__time,
.js-background-color.bg-white .champer-page__bottomWrapPlaeer-item-head p,
.js-background-color.bg-white .wrap-radio-bg-color input ~ span,
.js-background-color.bg-white .block-settings form label,
.js-background-color.bg-white .block-settings h2:not(span),
.js-background-color.bg-white .champer-page__blockDelete p:not(.color),
.js-background-color.bg-white .champer-page__blockText .wrap-text.with-serifs p:nth-child(1),
.js-background-color.bg-white .champer-page__blockText .wrap-text.with-serifs p:nth-child(2),
.js-background-color.bg-white .champer-page__blockText .wrap-text p,
.js-background-color.bg-white .champer-page__if-not-authorized p,
.js-background-color.bg-white .book__wrap-search-form input:not([type=submit]),
.js-background-color.bg-white .champers__list li,
.js-background-color.bg-white .back-link-top-page,
.js-background-color.bg-white .header__menu-item a,
.js-background-color.bg-white .champer-page__title,
.js-background-color.bg-white .champer-page__number-of-words,
.js-background-color.bg-white .champer-page__number-of-words span,
.js-background-color.bg-white .champer-page__content p, 
.js-background-color.bg-white .champer-page__content h1, 
.js-background-color.bg-white .champer-page__content h2, 
.js-background-color.bg-white .champer-page__content h3, 
.js-background-color.bg-white .champer-page__content h4, 
.js-background-color.bg-white .champer-page__content h5, 
.js-background-color.bg-white .champer-page__content h6,
.js-background-color.bg-silver .champer-page__content h1, 
.js-background-color.bg-silver .champer-page__content h2, 
.js-background-color.bg-silver .champer-page__content h3, 
.js-background-color.bg-silver .champer-page__content h4, 
.js-background-color.bg-silver .champer-page__content h5, 
.js-background-color.bg-silver .champer-page__content h6
{
   color: #000;
}

.js-background-color.bg-white .champer-page__blockText .wrap-text.with-serifs p:nth-child(2) {
   opacity: 0.7;
}
.js-background-color.bg-white .champer-page__blockText .wrap-text.with-serifs p:nth-child(2)::before {
   background-color: rgba(0, 0, 0, 0.7);
}

.js-background-color.bg-white .trade-notes__slideBlock,
.js-background-color.bg-white .champer-page__blockText {
   border: 2px solid rgba(0, 0, 0, 0.47);
}

.js-background-color.bg-white .audio-player__progress-bar {
   background-color: rgba(0, 0, 0, 0.5);
}
.js-background-color.bg-white .audio-player__volume-bar .audio-player__volume-fill {
   background-color: #000;
}

.js-background-color.bg-white .champer-page__buttonMenu:not(.active) {
   background-color: #fff;
}

.js-background-color.bg-white .text-size .text-size-slider button {
   background-color: rgba(0, 0, 0, 0.4);
}

.js-background-color.bg-white .audio-player__volume-bar,
.js-background-color.bg-white #text-size-range::-webkit-slider-runnable-track {
   background-color: rgba(0, 0, 0, 0.3);
}

.js-background-color.bg-white .champer-page__blockToSelectAcolorWhenSelecting textarea,
.js-background-color.bg-white .wrap-radio-bg-color label input::before,
.js-background-color.bg-white .book__wrap-search-form form input[type=submit],
.js-background-color.bg-white .book__wrap-search-form form {
   border-color: #000;
}

.js-background-color.bg-white .book__wrap-search-form form input[type=submit] {
   background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_2028_40927)'%3e%3cpath d='M15.1003 14.9904L10.4628 10.3529C11.1824 9.42252 11.5717 8.28502 11.5717 7.08859C11.5717 5.65645 11.0128 4.31359 10.0021 3.30109C8.99135 2.28859 7.64492 1.73145 6.21456 1.73145C4.78421 1.73145 3.43778 2.29037 2.42706 3.30109C1.41456 4.3118 0.857422 5.65645 0.857422 7.08859C0.857422 8.51895 1.41635 9.86537 2.42706 10.8761C3.43778 11.8886 4.78242 12.4457 6.21456 12.4457C7.41099 12.4457 8.54671 12.0564 9.47707 11.3386L14.1146 15.9743C14.1282 15.9879 14.1443 15.9987 14.1621 16.0061C14.1799 16.0134 14.1989 16.0172 14.2181 16.0172C14.2374 16.0172 14.2564 16.0134 14.2742 16.0061C14.292 15.9987 14.3081 15.9879 14.3217 15.9743L15.1003 15.1975C15.1139 15.1839 15.1247 15.1678 15.132 15.15C15.1394 15.1322 15.1432 15.1132 15.1432 15.0939C15.1432 15.0747 15.1394 15.0557 15.132 15.0379C15.1247 15.0201 15.1139 15.004 15.1003 14.9904ZM9.04314 9.91716C8.28599 10.6725 7.28242 11.0886 6.21456 11.0886C5.14671 11.0886 4.14314 10.6725 3.38599 9.91716C2.63064 9.16002 2.21456 8.15645 2.21456 7.08859C2.21456 6.02073 2.63064 5.01537 3.38599 4.26002C4.14314 3.50466 5.14671 3.08859 6.21456 3.08859C7.28242 3.08859 8.28778 3.50287 9.04314 4.26002C9.79849 5.01716 10.2146 6.02073 10.2146 7.08859C10.2146 8.15645 9.79849 9.1618 9.04314 9.91716Z' fill='black'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_2028_40927'%3e%3crect width='16' height='16' fill='black' transform='translate(0 0.87207)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
   background-repeat: no-repeat;
   background-position: 50% 45%;
   background-size: 52%;
}

.js-background-color.bg-white .champers__list li.active {
   opacity: 1;
}

.js-background-color.bg-white .back-link-top-page svg path {
   fill: #000;
}

.js-background-color.bg-white .champer-page__settingsButton svg path {
   stroke: #000;
}
.js-background-color.bg-white .champer-page__settingsButton.active svg path {
   stroke: #fff;
}

.js-background-color.bg-white .trade-notes__slideBlock .link svg path:nth-child(1) {
   stroke: #000;
}
.js-background-color.bg-white .trade-notes__slideBlock .link svg path:nth-child(2) {
   fill: #000;
}

.js-background-color.bg-white .trade-notes__pagination {
   background-color: rgba(0, 0, 0, 0.4);
}

.js-background-color.bg-white .books-fs__top.no-search-icon,
.js-background-color.bg-white .block-settings,
.js-background-color.bg-white .champer-page__blockWithTabs,
.js-background-color.bg-white .champer-page__blockChampersList,
.js-background-color.bg-white .champer-page__buttonMenu .button,
.js-background-color.bg-white .champer-page__blockToSelectAcolorWhenSelecting textarea,
.js-background-color.bg-white .champer-page__blockToSelectAcolorWhenSelecting,
.js-background-color.bg-white .selection-actions,
.js-background-color.bg-white .audio-player,
.js-background-color.bg-white .champer-page__bottomWrapPlaeer,
.js-background-color.bg-white .wrap-radio-bg-color label input::before,
.js-background-color.bg-white .champer-page__blockDelete,
.js-background-color.bg-white .champer-page__sidebar {
   background-color: #EBEBEB;
}

.js-background-color.bg-white .champer-page__blockText.bg-color {
   background-color: #dbdbdbb4;
}

.js-background-color.bg-white .selection-actions {
   border: 1px solid #4B4B4B;
}

body.page-template-champers-single {
   overflow: hidden;
}
body.page-template-champers-single .champer-page {
   min-height: 100vh;
   padding-top: 81px;
}
body.page-template-champers-single .champer-page__content,
body.page-template-champers-single .champer-page__items {
   height: calc(100vh - 81px - 19px - 110px);
}
body.page-template-champers-single .champer-page__items {
   margin-bottom: 19px;
}
body.page-template-champers-single .champer-page__bottomWrapPlaeer {
   background-color: #1E1E1E;
   bottom: 0;
   height: 110px;
   left: 0;
   position: absolute;
   right: 0;
}
.champer-page {
   background-color: #000;
}
.champer-page__items {
   display: flex;
   flex-wrap: wrap;
}
.champer-page__item {
   min-height: 100%;
   position: relative;
}
.champer-page__item:nth-child(1) {
   width: 332px;
}
.champer-page__item:nth-child(2) {
   width: calc(100% - 332px);
}
.champer-page__sidebar {
   background-color: #1E1E1E;
   border-radius: 8px;
   height: 100%;
   padding: 17px 20px 0;
   position: relative;
   width: 100%;
}
.champer-page__item .tabContent {
   height: calc(100vh - 81px - 163px - 19px - 110px);
   /*height: calc(100vh - 81px - 180px - 19px - 110px);*/
   margin-right: -13px;
   padding-right: 9px;
   padding-top: 7px;
}
.champer-page__if-not-authorized {
   padding-top: 1px;
}
.champer-page__if-not-authorized img {
   display: table;
   margin: 0 auto 25px;
}
.champer-page__if-not-authorized p {
   color: #fff;
   font-family: "Gabarito", sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 17px;
   margin-left: auto;
   margin-right: auto;
   max-width: 222px;
   text-align: center;
}
.champer-page__if-not-authorized p.color {
   color: #FF0871;
   font-size: 16px;
   font-weight: 700;
   margin-bottom: 5px;
}
.champer-page__if-not-authorized .link {
   background-color: #353535;
   border-radius: 5px;
   height: 32px;
   width: 128px;
}
.champer-page__if-not-authorized .link {
   align-items: center;
   background-color: #353535;
   border-radius: 5px;
   color: #fff;
   display: flex;
   justify-content: center;
   font-family: "Gabarito", sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 22px;
   height: 32px;
   margin-left: auto;
   margin-right: auto;
   padding-left: 8px;
   padding-right: 8px;
   text-align: center;
   width: 128px;
}
.champer-page__if-not-authorized .link.color {
   background-color: #6710FF;
   margin-top: 31px;
}
.champer-page__if-not-authorized .link:not(:last-child) {
   margin-bottom: 12px;
}
.champer-page__bodyBlockDelete {
   background: rgba(0, 0, 0, 0.4);
   bottom: 0;
   left: 0;
   height: 100%;
   position: absolute;
   right: 0;
   top: 0;
   transition: 0.3s ease 0s;
   width: 100%;
   z-index: 2;
}
.champer-page__bodyBlockDelete:not(.show) {
   opacity: 0;
   pointer-events: none;
   visibility: hidden;
}
.champer-page__blockDelete {
   background-color: #1E1E1E;
   border: 1px solid #000;
   border-radius: 16px;
   left: 20px;
   padding: 32px 20px 23px;
   position: absolute;
   top: 119px;
   width: calc(100% - 40px);
}
.champer-page__blockDelete img {
   display: table;
   margin: 0 auto 42px;
}
.champer-page__blockDelete p {
   color: #fff;
   font-family: "Gabarito", sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 17px;
   margin-left: auto;
   margin-right: auto;
   max-width: 170px;
   text-align: center;
}
.champer-page__blockDelete p.color {
   color: #FF0871;
   font-size: 16px;
   font-weight: 700;
   margin-bottom: 5px;
}
.champer-page__blockDelete .link {
   background-color: #353535;
   border-radius: 5px;
   height: 32px;
   width: 128px;
}
.champer-page__blockDelete .link {
   align-items: center;
   background-color: #353535;
   border-radius: 5px;
   color: #fff;
   display: flex;
   justify-content: center;
   font-family: "Gabarito", sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 22px;
   height: 32px;
   margin-left: auto;
   margin-right: auto;
   padding-left: 8px;
   padding-right: 8px;
   text-align: center;
   width: 128px;
}
.champer-page__blockDelete .link.color {
   background-color: #6710FF;
   margin-top: 31px;
}
.champer-page__blockDelete .link:not(:last-child) {
   margin-bottom: 12px;
}
.champer-page__blockText {
   border: 2px solid rgba(255, 255, 255, 0.4);
   border-radius: 48px;
   padding: 37px 33px 27px;
   width: 100%;
}
.champer-page__blockText.bg-color {
   background-color: rgba(255, 255, 255, 0.12);
}
.champer-page__blockText:not(:last-child) {
   margin-bottom: 18px;
}
.champer-page__blockText .wrap-text p {
   color: #fff;
   font-family: "Gabarito", sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 18px;
}
.champer-page__blockText .wrap-text:not(.with-serifs) {
   padding-top: 21px;
}
.champer-page__blockText .wrap-text.with-serifs p:nth-child(1) {
   color: #E6E6E6;
   font-family: "Gilda Display", sans-serif;
   font-size: 16px;
   font-weight: 400;
   line-height: 17px;
}
.champer-page__blockText .wrap-text.with-serifs p:nth-child(2) {
   color: #B0B0B0;
   font-family: "Poppins", sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 100%;
}
.champer-page__blockText .wrap-text.with-serifs p:nth-child(2)::before {
   background-color: rgba(255, 255, 255, 0.6);
   content: '';
   display: block;
   height: 1px;
   margin: 7px 0 6px;
   width: 35px;
}
.champer-page__blockText .wrap-buttons {
   display: flex;
   justify-content: flex-end;
   margin-top: 5px;
}
.champer-page__blockText .wrap-buttons .link {
   border-radius: 50%;
   height: 33px;
   overflow: hidden;
   padding: 1px;
   width: 33px;
}
.champer-page__blockText .wrap-buttons .link svg,
.champer-page__blockText .wrap-buttons .link img {
   max-height: 100%;
   max-width: 100%;
}
.champer-page__blockText .wrap-buttons .link:not(:first-child) {
   margin-left: 12px;
}
.champer-page__item .tabs__wrap-tab {
/*   justify-content: space-between;*/
   margin-bottom: -17px !important;
}
.champers__list li {
   color: #fff;
   cursor: pointer;
   display: table;
   font-family: "Gabarito", sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 100%;
   transition: 0.3s ease 0s;
}
.champers__list li:not(:last-child) {
   margin-bottom: 14px;
}
.champers__list li:not(.active) {
   opacity: 0.5;
}
.champers__list li:hover {
   opacity: 1;
}
.champer-page__sidebarHead,
.champer-page__contentTop {
   align-items: center;
   display: flex;
   justify-content: space-between;
   margin-bottom: 15px;
}
.wrap-content-search,
.champer-page__item .tabContent,
.champer-page__content {
   overflow-y: auto;
}
.champer-page__item .tabContent {
   padding-bottom: 20px;
}
.champer-page__item .tabContent::-webkit-scrollbar,
.champer-page__content::-webkit-scrollbar {
   width: 4px;
}
.champer-page__item .tabContent::-webkit-scrollbar-thumb,
.champer-page__content::-webkit-scrollbar-thumb {
   background-color: #808080;
   border-radius: 43px; 
}
.champer-page__content {
   color: #fff;
   font-family: "Gilda Display", serif;
   padding-left: 48px;
   padding-right: 44px;
}
.champer-page__contentTop {
   background-color: #000;
   margin: 0 -5px -20px;
   padding: 7px 5px 0;
   position: sticky;
   top: 0;
}
.champer-page__name {
   color: rgba(255, 255, 255, 0.5);
   font-size: 16px;
   font-weight: 400;
   line-height: 115%;
   margin-bottom: 0 !important;
   padding-right: 20px;
}
.champer-page__number-of-words {
   color: rgba(255, 255, 255, 0.5);
   font-family: "Gabarito", sans-serif;
   font-size: 12px !important;
   line-height: 100% !important;
   position: relative;
   top: 11px;
   text-align: right !important;
}
.champer-page__number-of-words span {
   color: rgba(255, 255, 255, 1);
   font-size: 14px;
}
.book-text-content h1,
.book-text-content h2,
.book-text-content h3,
.book-text-content h4,
.book-text-content h5,
.book-text-content h6
 {
   font-family: "Gilda Display", sans-serif;
   font-weight: 400;
   font-size: 32px;
   line-height: normal;
   margin-bottom: 43px;
   padding-top: 30px;
}
.champer-page__content p {
   font-size: 16px;
   font-weight: 400;
   line-height: 18px;
   margin-bottom: 24px;
   text-align: justify;
}
.champer-page__blockToSelectAcolorWhenSelecting {
   background-color: #1E1E1E;
   border-radius: 8px;
   box-shadow: 6px 15px 25px 0px rgba(0, 0, 0, 0.8);
   bottom: 0;
   left: 52px;
   padding: 20px 24px;
   position: absolute;
   right: 52px;
   transition: 0.3s ease 0s;
   width: calc(100% - 104px);
}
.champer-page__blockToSelectAcolorWhenSelecting:not(.show) {
   opacity: 0;
   pointer-events: none;
   visibility: hidden;
}
.champer-page__blockToSelectAcolorWhenSelecting h3 {
   color: #fff;
   font-family: "Gabarito", sans-serif;
   font-size: 24px;
   font-weight: 400;
   line-height: 115%;
   margin-bottom: 14px;
}
.champer-page__blockToSelectAcolorWhenSelecting p {
   color: #fff;
   font-family: "Gilda Display", serif;
   font-size: 16px;
   font-weight: 400;
   line-height: 115%;
   text-align: justify;
}
.wrap-radio-colors {
   margin: 12px 0 6px;
}
.wrap-radio-colors input {
   border-radius: 50%;
   cursor: pointer;
   height: 29px;
   overflow: hidden;
   padding: 1px;
   position: relative;
   width: 29px;
}
.wrap-radio-colors input:not(:last-child) {
   margin-right: 4px;
}
.wrap-radio-colors input::after {
   border: 2px solid transparent;
   border-radius: 50%;
   bottom: 0;
   content: '';
   left: 0;
   display: block;
   height: 100%;
   pointer-events: none;
   position: absolute;
   right: 0;
   top: 0;
   width: 100%;
}
.wrap-radio-colors input.vivid-pink::after {
   background-color: #FF0871;
   border-color: #FF0871;
}
.wrap-radio-colors input.strong-cyan::after {
   background-color: #00B0BC;
   border-color: #00B0BC;
}
.wrap-radio-colors input.dark-moderate-violet::after {
   background-color: #6F3997;
   border-color: #6F3997;
}
.wrap-radio-colors input.strong-yellow::after {
   background-color: #D2AB00;
   border-color: #D2AB00;
}
.wrap-radio-colors input:checked:after {
   border-color: #fff;
}
.champer-page__blockToSelectAcolorWhenSelecting textarea {
   border: 1px solid #DBDBDB;
   background-color: #1E1E1E;
   border-radius: 5px;
   color: rgba(255, 255, 255, 1);
   font-family: "Mona Sans", sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 22px;
   height: 52px;
   padding: 4px 11px;
   width: 100%;
}
.champer-page__blockToSelectAcolorWhenSelecting textarea::placeholder {
   color: rgba(255, 255, 255, 0.25);
}
.champer-page__blockToSelectAcolorWhenSelecting .wrap-buttons {
   align-items: center;
   display: flex;
   justify-content: flex-end;
   margin-top: 3px;
}
.champer-page__blockToSelectAcolorWhenSelecting .wrap-buttons p.notify {
   margin-right: auto;
   transition: 0.3s ease 0s;
}
.champer-page__blockToSelectAcolorWhenSelecting .wrap-buttons p.notify:not(.show) {
   opacity: 0;
   visibility: hidden;
}
.champer-page__blockToSelectAcolorWhenSelecting .wrap-buttons .button {
   align-items: center;
   background-color: #353535;
   border-radius: 5px;
   color: #fff;
   font-family: "Gabarito", sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 22px;
   display: flex;
   justify-content: center;
   height: 32px;
   min-width: 61px;
   padding-left: 8px;
   padding-right: 8px;
   text-align: center;
}
.champer-page__blockToSelectAcolorWhenSelecting .wrap-buttons .button.save {
   background-color: #6710FF;
}
.champer-page__blockToSelectAcolorWhenSelecting .wrap-buttons .button:not(:first-child) {
   margin-left: 10px;
}

.js-change-selection-color.vivid-pink .champer-page__blockToSelectAcolorWhenSelecting p span,
.js-change-selection-color.vivid-pink .note__title_js span,
.js-change-selection-color.vivid-pink ::selection {
   background-color: #FF0871;
}
.js-change-selection-color.strong-cyan .champer-page__blockToSelectAcolorWhenSelecting p span,
.js-change-selection-color.strong-cyan .note__title_js span,
.js-change-selection-color.strong-cyan ::selection {
   background-color: #00B0BC;
}
.js-change-selection-color.dark-moderate-violet .champer-page__blockToSelectAcolorWhenSelecting p span,
.js-change-selection-color.dark-moderate-violet .note__title_js span,
.js-change-selection-color.dark-moderate-violet ::selection {
   background-color: #6F3997;
}
.js-change-selection-color.strong-yellow .champer-page__blockToSelectAcolorWhenSelecting p span,
.js-change-selection-color.strong-yellow .note__title_js span,
.js-change-selection-color.strong-yellow ::selection {
   background-color: #D2AB00;
}
.selection-actions {
   background-color: #4B4B4B;
   border: 1px solid #DBDBDB;
   border-radius: 8px;
   height: 42px;
   padding: 7px 12px 9px;
}
.selection-actions button {
   background: transparent;
   border-radius: 50px;
   color: #fff;
   font-family: "Gabarito", sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 13px;
   padding: 6px 7px;
   position: relative;
   transition: 0.3s ease 0s;
}
.selection-actions button:hover {
   background: rgba(255, 255, 255, 0.4);
}
.selection-actions button:not(:last-child) {
   margin-right: 22px;
}
.selection-actions button:not(:last-child)::after {
   background-color: #A5A5A5;
   content: '';
   display: block;
   height: 27px;
   position: absolute;
   right: -14px;
   transform: translateY(-50%);
   top: 50%;
   width: 2px;
}

.block-with-notification {
   margin: 3px auto 0;
   max-width: 260px;
}
.block-with-notification .wrap-icon {
   height: 80px;
   margin: 0 auto 24px;
   width: 80px;
}
.block-with-notification .wrap-icon svg,
.block-with-notification .wrap-icon img {
   max-height: 100%;
   max-width: 100%;
}
.block-with-notification h4 {
   color: #FF0871;
   font-family: "Gabarito", sans-serif;
   font-size: 16px;
   font-weight: 700;
   line-height: 100%;
   text-align: center;
}
.block-with-notification h4 span {
   color: #fff;
   display: table;
   font-size: 14px;
   font-weight: 400;
   margin: 6px auto 0;
}
.block-with-notification p {
   color: rgba(255, 255, 255, 0.5);
   font-family: "Gabarito", sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 100%;
   margin-top: 7px;
   text-align: center;
}
.block-with-notification .button {
   align-items: center;
   background-color: #353535;
   border-radius: 5px;
   color: #fff;
   display: flex;
   justify-content: center;
   font-family: "Gabarito", sans-serif;
   font-weight: 400;
   font-size: 14px;
   line-height: 22px;
   height: 32px;
   margin-left: auto;
   margin-right: auto;
   padding-left: 8px;
   padding-right: 8px;
   text-align: center;
   width: 128px;
}
.block-with-notification .button.sign-in {
   background-color: #6710FF;
   margin-top: 31px;
}
.block-with-notification .button:not(:last-child) {
   margin-bottom: 12px;
}

.champer-page__settingsButton {
   border-radius: 50px;
   height: 30px;
   position: relative;
   width: 30px;
}
.champer-page__settingsButton.active {
   background-color: #FF0871;
}
.champer-page__settingsButton img,
.champer-page__settingsButton svg {
   max-height: 100%;
   max-width: 100%;
   left: 50%;
   position: absolute;
   top: 50%;
   transform: translate(-50%, -50%);
}
.block-settings {
   height: calc(100vh - 81px - 163px - 19px - 110px);
   padding-bottom: 20px;
   padding-top: 14px;
}
.block-settings form {
   height: calc(100vh - 81px - 112px - 19px - 110px);
   margin-right: -18px;
   padding: 0 18px 50px 0;
   overflow-y: auto;
}
.block-settings h2 {
   color: #fff;
   font-family: "Gabarito", sans-serif;
   font-size: 24px;
   font-weight: 400;
   line-height: 115%;
   margin-bottom: 8px;
}
.block-settings h2 span {
   color: #EB0065;
}
.block-settings form label {
   color: #fff;
   display: inline-flex;
   font-family: "Gabarito", sans-serif;
   font-weight: 400;
   font-size: 14px;
   line-height: 100%;
   margin-bottom: 9px;
   margin-top: 13px;
}
.wrap-radio-bg-color {
   display: flex;
   flex-wrap: wrap;
}
.wrap-radio-bg-color label {
   cursor: pointer;
   flex-direction: column;
   margin-bottom: 16px !important;
   margin-top: 0 !important;
   position: relative;
   width: calc(50% - 9px);
}
.wrap-radio-bg-color label:nth-child(odd) {
   margin-right: 9px;
}
.wrap-radio-bg-color label:nth-child(even) {
   margin-left: 9px;
}
.wrap-radio-bg-color label input {
   bottom: -1px;
   height: 15px;
   position: absolute;
   right: 1px;
   width: 15px;
   z-index: 0;
}
.wrap-radio-bg-color label input::before {
   background-color: #1E1E1E;
   border: 1px solid #fff;
   border-radius: 50px;
   bottom: -1px;
   content: '';
   height: 16px;
   position: absolute;
   right: 0;
   width: 16px;
   z-index: 1;
}
.wrap-radio-bg-color label input:checked:before {
   background: #1E1E1E url('../svg/bg-color-radio-checked-icon.svg');
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   border: none;
   bottom: -2px;
   height: 18px;
   padding: 1px;
   right: -1px;
   width: 18px;
}
.wrap-radio-bg-color input ~ span {
   color: #fff;
   font-family: "Gabarito", sans-serif;
   font-size: 12px;
   font-weight: 400;
   line-height: 100%;
}
.wrap-radio-bg-color .block-color {
   border: 1px solid transparent;
   border-radius: 4px;
   display: block;
   height: 40px;
   order: -1;
   margin-bottom: 7px;
   width: 100%;
}
.wrap-radio-bg-color .white ~ .block-color {
   background-color: #fff;
}
.wrap-radio-bg-color .silver ~ .block-color {
   background-color: #C5C5C5;
}
.wrap-radio-bg-color .charcoal ~ .block-color {
   background-color: #666;
}
.wrap-radio-bg-color .black ~ .block-color {
   background-color: #000;
}
.wrap-radio-bg-color input:checked ~ .block-color {
   border-color: #FF0871;
}
.text-size .text-size-slider button {
   background-color: rgba(255, 255, 255, 0.4);
   border-radius: 3.27px;
   height: 18px;
   width: 18px;
}
.text-size .text-size-slider button.minus {
   margin-right: 6px;
}
.text-size .text-size-slider button.plus {
   margin-left: 6px;
}
.text-size  {
   margin-bottom: -4px;
   margin-top: 28px;
}
.text-size .text-size-slider {
   align-items: center;
   display: flex;
   position: relative;
}
.text-size .slider-tooltip-wrap {
   position: relative;
   width: 100%;
}
.text-size .slider-tooltip-wrap .tooltip,
.text-size .slider-progress,
#text-size-range::-webkit-slider-thumb {
   background-color: #FF0871;
}
.text-size .slider-tooltip-wrap .tooltip {
   box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12), 0px 9px 28px 8px rgba(0, 0, 0, 0.05);
   border-radius: 6px;
   bottom: 0;
   color: #fff;
   /*left: 50% !important;*/
   font-family: "Gilda Display", serif;
   /*font-size: 16px;*/
   font-weight: 400;
   line-height: normal;
   padding: 6px 8px 5px;
   pointer-events: none;
   position: absolute;
   transform: translate(0, -33px);
}
.text-size .slider-tooltip-wrap .tooltip.size-16 {
   left: -13px;
   font-size: 16px;
}
.text-size .slider-tooltip-wrap .tooltip.size-18 {
   left: 33px;
   font-size: 18px;
}
.text-size .slider-tooltip-wrap .tooltip.size-20 {
   left: 79px;
   font-size: 20px;
}
.text-size .slider-tooltip-wrap .tooltip.size-22 {
   left: 124px;
   font-size: 22px;
}
.text-size .slider-tooltip-wrap .tooltip.size-24 {
   left: 170px;
   font-size: 24px;
}
.text-size .slider-tooltip-wrap .tooltip.size-28 {
   left: 216px;
   font-size: 28px;
}
.text-size .slider-progress img {
   bottom: 14px;
   position: absolute;
}
.text-size .slider-progress.width-0 img {
   right: -12px;
}
.text-size .slider-progress.width-20 img {
   right: -11px;
}
.text-size .slider-progress.width-40 img {
   right: -9px;
}
.text-size .slider-progress.width-60 img {
   right: -7px;
}
.text-size .slider-progress.width-80 img {
   right: -5px;
}
.text-size .slider-progress.width-100 img {
   right: -4px;
}
.text-size .slider-progress,
#text-size-range::-webkit-slider-runnable-track,
#text-size-range {
   border-radius: 4px;
   height: 4px;
   top: 50%;
   transform: translateY(-50%);
}
.text-size .slider-progress {
   left: 0;
   position: absolute;
   width: 0;
   z-index: 5;
}
#text-size-range {
   appearance: none;
   background: transparent;
   position: relative;
   width: 100%;
   z-index: 1;
}
#text-size-range::-webkit-slider-thumb {
   -webkit-appearance: none;
   border-radius: 50%;
   cursor: pointer;
   height: 8px;
   margin-top: -2px;
   position: relative;
   width: 8px;
   z-index: 2;
}
#text-size-range::-webkit-slider-runnable-track {
   background: rgba(255, 255, 255, 0.3);
}
.wrap-radio-bg-color input:checked ~ span {
   color: #FF0871;
}
.block-settings .block-settings-checkbox {
   align-items: center;
   color: #fff;
   font-family: "Gabarito", sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 100%;
   display: flex;
   justify-content: space-between;
   padding-bottom: 12px;
   padding-top: 12px;
}
.block-settings .block-settings-checkbox span {
   color: #787878;
   margin: 0 auto 0 6px;
}
.block-settings .block-settings-checkbox input {
   cursor: pointer;
   height: 20px;
   margin-right: 2px;
   position: relative;
   width: 42px;
}
.block-settings .block-settings-checkbox input::before,
.block-settings .block-settings-checkbox input::after {
   border-radius: 999px;
   content: '';
   pointer-events: none;
   position: absolute;
   transform: translateY(-50%);
   top: 50%;
}
.block-settings .block-settings-checkbox input::before {
   background-color: #fff;
   height: 22px;
   width: 44px;
}
.block-settings .block-settings-checkbox input::after {
   background-color: #6710FF;
   box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.03), 0px 1px 6px -1px rgba(0, 0, 0, 0.02), 0px 2px 4px 0px rgba(0, 0, 0, 0.02);
   height: 18px;
   left: 2px;
   width: 18px;
}
.block-settings .block-settings-checkbox input:checked:before {
   background-color: #6710FF;
}
.block-settings .block-settings-checkbox input:checked:after {
   background-color: #fff;
   left: auto;
   right: 0;
}
.block-settings .wrap-buttons {
   display: flex;
   flex-wrap: wrap;
   margin-top: 12px;
}
.block-settings .wrap-buttons .button {
   background-color: #353535;
   border-radius: 5px;
   color: #fff;
   font-family: "Gabarito", sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 22px;
   height: 32px;
   text-align: center;
   width: calc(50% - 9px);
}
.block-settings .wrap-buttons .button.reset {
   margin-right: 9px;
}
.block-settings .wrap-buttons .button.submit {
   background-color: #6710FF;
   margin-left: 9px;
}
.block-settings .settings-saved {
   color: #fff;
   font-family: "Gabarito", sans-serif;
   font-weight: 400;
   font-size: 16px;
   margin-top: 20px;
   transition: 0.3s ease 0s;
}
.block-settings .settings-saved:not(.show) {
   opacity: 0;
   pointer-events: none;
   visibility: hidden;
}

.js-text-size.size-16 p {
   font-size: 16px !important;
   line-height: 18px !important;
}
.js-text-size.size-18 p {
   font-size: 18px !important;
   line-height: 21px !important;
}
.js-text-size.size-20 p {
   font-size: 20px !important;
   line-height: 23px !important;
   margin-bottom: 25px;
}
.js-text-size.size-22 p {
   font-size: 22px !important;
   line-height: 25px !important;
}
.js-text-size.size-24 p {
   font-size: 24px !important;
   line-height: 28px !important;
}
.js-text-size.size-28 p {
   font-size: 28px !important;
   line-height: 32px !important;
}

.champer-page__bottomWrapPlaeer-items {
   align-items: center;
   display: flex;
}
.champer-page__bottomWrapPlaeer-item:nth-child(1) {
   padding-top: 3px;
   width: 332px;
}
.champer-page__bottomWrapPlaeer-item:nth-child(2) {
   padding-left: 32px;
   padding-right: 32px;
   width: calc(100% - 332px);
}
.champer-page__bottomWrapPlaeer-item-head {
   align-items: center;
   display: flex;
   padding-top: 4px;
}
.champer-page__bottomWrapPlaeer-item-head .wrapCover {
   height: 87px;
   flex: 0 0 60px;
   position: relative;
   width: 60px;
}
.champer-page__bottomWrapPlaeer-item-head .wrapCover img {
   border-radius: 4px;
   left: 0;
   height: 100%;
   object-fit: cover;
   position: absolute;
   top: 0;
   width: 100%;
}
.champer-page__bottomWrapPlaeer-item-head p {
   color: #fff;
   font-family: "Gabarito", sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 16px;
   margin: 0 0 0 9px;
   max-width: 155px;
}
.champer-page__bottomWrapPlaeer-item-head p span {
   color: #A0A0A0;
   display: table;
   font-size: 12px;
   line-height: 14px;
   margin-top: 3px;
}

.audio-page {
   background-color: #000;
   min-height: 100vh;
   overflow: hidden;
}
.audio-page__content {
   min-height: inherit;
}
.audio-page .container {
   display: flex;
   min-height: inherit;
   padding-top: 93px;
}
.audio-page__content .back-link-top-page {
   position: fixed;
   top: 93px;
}
.audio-page__blockCover {
   box-shadow: 6px 15px 25px 0px rgba(0, 0, 0, 0.8);
   height: 647px;
   display: table;
   margin: auto auto 239px;
   position: relative;
   width: 432px;
}
.audio-page__blockCover img {
   display: block;
   left: 0;
   height: 100%;
   object-fit: cover;
   object-position: top;
   position: absolute;
   top: 0;
   width: 100%;
}
.audio-page__wrap {
   background-color: #1E1E1E;
   width: 100%;
}
.audio-page .champer-page__bottomWrapPlaeer {
   background-color: #1E1E1E;
   bottom: 0;
   left: 0;
   right: 0;
   position: fixed;
   z-index: 1;
}
.audio-page .champer-page__bottomWrapPlaeer-item-head p {
   padding-left: 15px;
}
.audio-page__content .audio-player {
   border-radius: 0;
   margin-left: auto;
   margin-right: auto;
   width: 986px;
   max-width: 100%;
   padding-left: 15px;
   padding-right: 15px;
}
.audio-page__content .books-fs__top .container,
.audio-page .champer-page__bottomWrapPlaeer .container {
   min-height: auto;
   padding-top: 0;
}
.audio-page__content .book-fs__illustration-top {
   bottom: 0;
   position: fixed;
   pointer-events: none;
   top: auto;
   z-index: 0;
}

@media (max-width: 1599px) {
   
   .trade-notes__item:nth-child(2) {
      padding-left: 10px;
   }

   .audio-page__blockCover {
      height: 500px;
      margin-bottom: 150px;
      width: 333px;
   }
   .audio-page__content .book-fs__illustration-top {
      max-width: 1100px;
   }
}
@media (max-width: 1200px) {
   
   .books-page {
      padding-top: 63px;
   }

   .books__block .books {
      margin-left: -20px;
      margin-right: -20px;
      padding-left: 34px;
      padding-right: 34px;
   }
   .books__block .swiper-button-prev,
   .books__block .swiper-button-next {
      top: 277px !important;
   }
   .books__block .swiper-button-prev {
      left: -7px !important;
   }
   .books__block .swiper-button-next {
      right: -7px !important;
   }
   .books-top-wrap-slider .swiper-button-prev {
      left: -15px !important;
   }
   .books-top-wrap-slider .swiper-button-next {
      right: -15px !important;
   }
}
@media (max-width: 1100px) {

   .books-fs__title {
      font-size: 54px;
   }

   .book-fs__title,
   .book-fs__subtitle {
      max-width: 500px;
   }
   .book-fs__title {
      font-size: 42px;
   }
   .book-fs__subtitle {
      font-size: 22px;
      margin: 10px 0 0;
      padding-bottom: 20px;
   }
   .book-fs__buttons a {
      font-size: 18px;
      height: 50px;
      min-width: 170px;
      padding: 8px 25px;
   }
   .book-fs__buttons a:not(:first-child) {
      margin-left: 20px;
   }

   .trade-notes .container {
      padding-bottom: 164px;
   }
}
@media (max-width: 1024px) {

   .books-fs__top li:not(:last-child) {
      margin-right: 60px;
   }
   .books-fs__item:nth-child(1) {
      width: 307px;
   }
   .books-fs__item:nth-child(2) {
      width: calc(100% - 307px);
   }
   .books-fs__title {
      font-size: 42px;
   }
   .books-fs__subtitle {
      font-size: 18px;
      margin: 5px 0 0;
   }
   .books-fs__text {
      margin: 20px 0 0;
   }
   .books-fs__buttons {
      margin-top: 30px;
   }
   .books-fs__buttons a {
      font-size: 18px;
      height: 50px;
   }
   .books-fs__blockImage {
      height: 460px;
      margin-bottom: 16px;
      width: 307px;
   }

   .book-fs__icons {
      width: 55px;
   }
   .book-fs__icons a {
      height: 33px;
      margin: 10px 0;
      width: 28px;
   }
}
@media (max-width: 1023px) {

   .books-page {
      padding-top: 68px;
   }
}
@media (max-width: 960px) {
   
   .books-fs__item:nth-child(1) {
      width: 266px;
   }
   .books-fs__item:nth-child(2) {
      width: calc(100% - 266px);
   }
   .books-fs__title {
      font-size: 32px;
   }
   .books-fs__blockImage {
      height: 400px;
      margin-bottom: 0;
      width: 266px;
   }

   .book-fs__item:nth-child(1) {
      width: 300px;
   }
   .book-fs__item:nth-child(2) {
      padding-left: 15px;
      width: calc(100% - 300px);
   }
   .book-fs__blockCover {
      height: 356px;
      width: 231px;
   }
   .book-fs__title,
   .book-fs__subtitle {
      max-width: 420px;
   }
   .book-fs__title {
      font-size: 36px;
   }
   .book-fs__subtitle {
      font-size: 20px;
   }
   .book-fs__wrap-info p {
      margin: 25px 0 0;
   }
   .book-fs__buttons a {
      font-size: 16px;
      min-width: 160px;
      padding: 8px 18px;
   }

   .trade-notes .container {
      padding-bottom: 58px;
   }
   .trade-notes__item:nth-child(2) {
      padding-left: 0;
   }

   .champer-page__item:nth-child(1) {
      width: 300px;
   }
   .champer-page__item:nth-child(2) {
      width: calc(100% - 300px);
   }
   .champer-page__content {
      padding-left: 30px;
      padding-right: 10px;
   }
   .text-size .slider-tooltip-wrap .tooltip.size-16 {
      left: -14px;
   }
   .text-size .slider-tooltip-wrap .tooltip.size-18 {
      left: 26px;
   }
   .text-size .slider-tooltip-wrap .tooltip.size-20 {
      left: 66px;
   }
   .text-size .slider-tooltip-wrap .tooltip.size-22 {
      left: 105px;
   }
   .text-size .slider-tooltip-wrap .tooltip.size-24 {
      left: 145px;
   }
   .text-size .slider-tooltip-wrap .tooltip.size-28 {
      left: 184px;
   }

   .champer-page__bottomWrapPlaeer-item:nth-child(1) {
      width: 180px;
   }
   .champer-page__bottomWrapPlaeer-item:nth-child(2) {
      padding-left: 0;
      padding-right: 0;
      width: calc(100% - 180px);
   }

   .audio-page__blockCover {
      height: 400px;
      margin-bottom: 120px;
      width: 268px;
   }

   .audio-page__content .book-fs__illustration-top {
      max-width: 900px;
   }
}
@media (min-width: 768px) {
   
   .champer-page__bottomWrapPlaeer .champer-page__bottomWrapPlaeer-item-head,
   .champer-page__bottomWrapPlaeer .champer-page__blockChampersListHead,
   .block-settings .champer-page__blockChampersListHead,
   .champer-page__sidebar.hidden-block-settings .block-settings,
   .champer-page__sidebar.show-block-settings .no-block-settings,
   .champer-page__blockWithTabs,
   .champer-page__blockChampersList,
   .champer-page__buttonMenu {
      display: none;
   }

   .audio-page__content .back-link-top-page {
      border: 1px solid #fff;
      height: 54px;
      padding: 12px 32px;
      width: 129px;
   }
}
@media (max-width: 767px) {

   .books-fs__top-block-form {
      padding-left: 15px;
   }
   .books-fs__title {
      font-size: 28px;
   }
   .books-fs__buttons a.read,
   .books-fs__buttons a {
      height: 41px;
      font-size: 16px;
      max-width: 103px;
      min-width: 103px;
      padding: 7px 12px;
   }
   .books-fs__buttons a:not(:last-child) {
      margin-right: 8px;
   }

   .books-top-wrap-slider {
      padding-left: 12px;
      padding-right: 12px;
   }
   .books-top-wrap-slider.hidden-mobile-and-tablet {
      display: none;
   }
   .books-top-wrap-slider .swiper-button-prev {
      left: -5px !important;
   }
   .books-top-wrap-slider .swiper-button-next {
      right: -5px !important;
   }
   .books-top-wrap-slider .swiper-button-prev,
   .books-top-wrap-slider .swiper-button-next {
      top: 50% !important;
   }

   .books__block .books {
      margin-left: -15px;
      margin-right: -15px;
      padding-left: 24px;
      padding-right: 24px;
   }

   .book-fs__item:nth-child(1) {
      width: 260px;
   }
   .book-fs__item:nth-child(2) {
      width: calc(100% - 260px);
   }
   .book-fs__blockCover {
      height: 300px;
      width: 200px;
   }
   .book-fs__wrap-info {
      padding-right: 75px;
   }
   .book-fs__title,
   .book-fs__subtitle {
      max-width: 320px;
   }
   .book-fs__title {
      font-size: 28px;
   }
   .book-fs__subtitle {
      font-size: 18px;
      margin-top: 5px;
      padding-bottom: 15px;
   }
   .book-fs__wrap-info p {
      margin: 15px 0 0;
   }

   .champer-page__item:nth-child(1) {
      display: none;
   }
   .champer-page__item:nth-child(2) {
      width: 100%;
   }
   .champer-page__content {
      padding-left: 0;
      padding-right: 5px;
   }
   body.page-template-champers-single .champer-page__content, 
   body.page-template-champers-single .champer-page__items {
      height: auto;
   }
   body.page-template-champers-single {
      overflow: auto;
   }

   .champer-page__buttonMenu {
      background-color: #1E1E1E;
      border-radius: 50px;
      bottom: 180px;
      height: 44px;
      position: fixed;
      right: 15px;
      transition: 0.3s ease 0s;
      transform: translateY(-50%);
      top: auto;
      width: 44px;
      z-index: 50;
   }
   .champer-page__buttonMenu.active {
      background-color: #FF0871;
   }
   .champer-page__buttonMenu > span {
      background-color: #EB0065;
      border-radius: 10px;
      color: #fff;
      font-family: "Gabarito", sans-serif;
      font-weight: 400;
      font-size: 10px;
      line-height: 100%;
      padding: 3px 5px;
      pointer-events: none;
      position: absolute;
      right: 8px;
      transform: translate(50%, -50%);
      top: 3px;
   }
   .champer-page__buttonMenu > span:empty {
      display: none;
   }
   .champer-page__buttonMenu .button {
      align-items: center;
      background-color: #37373B;
      box-shadow: 1px 5px 4px 0px rgba(0, 0, 0, 0.2);
      border-radius: 5px;
      bottom: 55px;
      height: 34px;
      display: flex;
      padding: 3px 17px;
      position: absolute;
      right: 0;
      opacity: 0;
      visibility: hidden;
      width: 223px;
      z-index: 48;
   }
   .champer-page__buttonMenu.active .button.audio-player,
   .champer-page__buttonMenu.active .button.chapters,
   .champer-page__buttonMenu.active .button.notes,
   .champer-page__buttonMenu.active .button.search,
   .champer-page__buttonMenu.active .button.setting {
      opacity: 1;
      visibility: visible;
   }
   .champer-page__buttonMenu.active .button.audio-player {
/*      bottom: 185px;*/
bottom: 140px;
      transition: 0.1s ease 0.3s;
   }
   .champer-page__buttonMenu.active .button.chapters {
/*      bottom: 141px;*/
   bottom: 98px;
      transition: 0.1s ease 0.2s;
   }
   .champer-page__buttonMenu.active .button.notes {
      bottom: 97px;
      transition: 0.1s ease 0.1s;
   }
   .champer-page__buttonMenu.active .button.search {
      bottom: 101px;
      transition: 0.1s ease 0s;
   }
   .champer-page__buttonMenu.active .button.setting {
      transition: 0.1s ease 0s;
   }
   .champer-page__buttonMenu .button.chapters {
      transition: 0.1s ease 0s;
   }
   .champer-page__buttonMenu .button.notes {
      transition: 0.1s ease 0s;
   }
   .champer-page__buttonMenu .button.search {
      transition: 0.1s ease 0.1s;
   }
   .champer-page__buttonMenu .button.setting {
      bottom: 55px;
      transition: 0.1s ease 0.2s;  
   }
   .champer-page__buttonMenu .button p { 
      align-items: center;
      color: #fff;
      font-family: "Mona Sans", sans-serif;
      font-size: 14px;
      font-weight: 400;
      line-height: 22px; 
      display: flex;
      justify-content: space-between;
      width: 100%;
   }
   .champer-page__buttonMenu .button p img,
   .champer-page__buttonMenu .button p svg,
   .champer-page__buttonMenu .button p span {
      padding-left: 5px;
      pointer-events: none;
      text-align: right;
   }
   .champer-page__blockToSelectAcolorWhenSelecting {
      bottom: 15px;
      left: 15px;
      position: fixed;
      right: 15px;
      width: calc(100% - 30px);
   }
   .champer-page__bottomWrapPlaeer {
      height: auto !important;
      padding-bottom: 17px;
      position: fixed !important;
      z-index: 5;
   }
   .champer-page__bottomWrapPlaeer:not(.show) {
      opacity: 0;
      pointer-events: none;
      visibility: hidden;
   }
   .champer-page__bottomWrapPlaeer .champer-page__btnBlockClose {
      right: 10px;
      top: 24px;
      z-index: 5;
   }
   .back-link-top-page {
      left: 0;
      position: absolute;
      top: 0;
   }
   .champer-page__content {
      height: calc(100vh - 41px - 81px) !important;
      margin-right: -7px;
      margin-top: 85px;
   }
   .champer-page__contentTop {
      justify-content: center;
      left: 20px;
      padding-bottom: 8px;
      position: fixed;
      right: 18px;
      top: 69px;
   }
   .champer-page__name {
      margin-top: 48px;
      padding-right: 0;
      text-align: center !important;
   }
   .champer-page__number-of-words {
      position: absolute;
      right: 4px;
      top: 4px;
   }
   .book-text-content h1, 
   .book-text-content h2, 
   .book-text-content h3, 
   .book-text-content h4, 
   .book-text-content h5, 
   .book-text-content h6
   {
      font-size: 24px;
      margin-bottom: 26px;
      padding-top: 33px;
   }
   .champer-page__content p {
      margin-bottom: 16px;
   }

   .block-settings,
   .champer-page__blockWithTabs,
   .champer-page__blockChampersList {
      background-color: #1E1E1E;
      box-shadow: 0px 18px 30px 0px rgba(0, 0, 0, 0.7);
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      border-top-width: 1px;
      border-right-width: 1px;
      border-left-width: 1px;
      border-style: solid;
      border-color: #4B4B4B;
      left: 15px;
      height: calc(100vh - 67px);
      padding: 16px 24px;
      position: fixed;
      right: 15px;
      transition: 0.3s ease 0s;
      top: 67px;
      width: calc(100% - 30px);
      z-index: 50;
   }
   .block-settings:not(.show),
   .champer-page__blockWithTabs:not(.show),
   .champer-page__blockChampersList:not(.show) {
      opacity: 0;
      pointer-events: none;
      visibility: hidden;
   }
   .champer-page__blockChampersListHead {
      align-items: center;
      display: flex;
   }
   .champer-page__blockChampersListHead .wrapCover {
      height: 55px;
      flex: 0 0 38px;
      position: relative;
      width: 38px;
   }
   .champer-page__blockChampersListHead .wrapCover img {
      border-radius: 2.53px;
      left: 0;
      height: 100%;
      object-fit: cover;
      position: absolute;
      top: 0;
      width: 100%;
   }
   .champer-page__blockChampersListHead p {
      color: #fff;
      font-family: "Gabarito", sans-serif;
      font-size: 14px;
      font-weight: 400;
      line-height: 100%;
      padding: 5px 15px 0 10px;
   }
   .champer-page__blockChampersListHead p span {
      color: #A0A0A0;
      display: table;
      font-size: 12px;
      line-height: 22px;
      padding-top: 1px;
   }
   .champer-page__btnBlockClose {
      height: 24px;
      position: absolute;
      right: 10px;
      top: 15px;
      width: 24px;
   }
   .champer-page__btnBlockClose svg,
   .champer-page__btnBlockClose img {
      max-height: 100%;
      max-width: 100%;
   }
   .champer-page__blockChampersList .book__wrap-search-form {
      margin-top: -6px;
   }
   .champer-page__blockChampersList .champers__list {
      margin-right: -18px;
      margin-top: 20px;
      max-height: 85%;
      padding-bottom: 35px;
      overflow-y: auto;
   }
   .champer-page__blockChampersList .champers__list li {
      padding-right: 14px;
   }
   .champer-page__blockChampersList .champers__list li:not(:last-child) {
      margin-bottom: 15px;
   }
   .champer-page__blockWithTabs .champer-page__btnBlockClose {
      right: 23px;
      top: 23px;
   }
   .champer-page__blockWithTabs .book__wrap-search-form {
      padding-right: 47px;
   }
   .champer-page__blockWithTabs .book__wrap-search-form form {
      margin: 7px 0 0;
   }
   .champer-page__blockWithTabs .tabs__wrap-tab {
      margin-top: 6px;
   }
   .wrap-content-search,
   .champer-page__blockWithTabs .tabContent {
      margin: -3px -24px 0;
      max-height: calc(100% - 92px);
      padding: 0 24px 15px;
      overflow-x: hidden;
      overflow-y: auto;
   }
   .wrap-content-search {
      padding-bottom: 22px;
      padding-top: 11px;
   }
   .champer-page__blockWithTabs .trade-notes__pagination {
      margin-top: 21px;
   }

   .block-settings .champer-page__blockChampersListHead {
      margin-bottom: 18px;
   }
   .block-settings form {
      height: calc(100vh - 83px - 110px);
   }
   .text-size .slider-tooltip-wrap {
      width: 200px;
   }
   .text-size .slider-tooltip-wrap .tooltip.size-16 {
      left: -14px;
   }
   .text-size .slider-tooltip-wrap .tooltip.size-18 {
      left: 24px;
   }
   .text-size .slider-tooltip-wrap .tooltip.size-20 {
      left: 61px;
   }
   .text-size .slider-tooltip-wrap .tooltip.size-22 {
      left: 98px;
   }
   .text-size .slider-tooltip-wrap .tooltip.size-24 {
      left: 135px;
   }
   .text-size .slider-tooltip-wrap .tooltip.size-28 {
      left: 171px;
   }

   .champer-page__bottomWrapPlaeer-item:nth-child(1) {
      display: none;
   }
   .champer-page__bottomWrapPlaeer-item:nth-child(2) {
      padding-left: 0;
      width: 100%;
   }
   .champer-page__bottomWrapPlaeer-item-head {
      padding: 27px 105px 0 0;
   }
   .champer-page__bottomWrapPlaeer-item-head .wrapCover {
      display: none;
   }
   .champer-page__bottomWrapPlaeer-item-head p {
      margin: 0;
      max-width: 100%;
   }

   .audio-page .container {
      padding-top: 70px;
   }
   .audio-page__content .back-link-top-page {
      left: 15px;
      top: 80px;
   }

   .audio-page__content .champer-page__bottomWrapPlaeer {
      padding-bottom: 0;
   }

   .audio-page__content .audio-player {
      padding-left: 0;
      padding-right: 0;
   }
   .audio-page__content .audio-player__btn.share {
      position: absolute;
      right: 15px;
      top: -36px;
   }
   .audio-page__content .audio-player__btn.plus {
      right: 51px;
      top: -37px;
   }
   .audio-page__content .champer-page__bottomWrapPlaeer-item-head {
      padding: 27px 88px 0 0;
   }

   .audio-page__blockCover {
      margin-bottom: 200px;
   }

   .audio-player__info .audio-player__progress {
      flex-wrap: nowrap;
   }
   .audio-player__info .audio-player__progress-bar {
      width: 78%;
   }
}
@media (max-width: 720px) {

   .book-fs__wrap-info {
      padding-right: 30px;
   }
   .book-fs__title,
   .book-fs__subtitle {
      max-width: 100%;
   }
   .book-fs__icons {
      height: 50px;
      flex-direction: row;
      justify-content: space-around;
      margin-top: 22px;
      position: static;
      width: auto;
   }
}
@media (min-width: 641px)  {

   .books-fs__items {
      display: flex;
      flex-wrap: wrap;
   }
   .books-fs__block {
      align-items: flex-start;
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 100%;
   }

   .book-fs__buttons .mobile {
      display: none;
   }
}
@media (max-width: 640px) {

   .books-fs__top {
      box-shadow: 1px 5px 4px 0px rgba(28, 28, 28, 0.65);
      position: relative;
      z-index: 2;
   }
   .books-fs__item:nth-child(1),
   .books-fs__item:nth-child(2) {
      padding-right: 0;
      width: 100%;
   }
   .books-fs__blockImage {
      margin: 16px auto 0;
   }
   .books-fs__block {
      align-items: center;
      display: flex;
      padding-bottom: 60px;
      padding-top: 60px;
      width: 100%;
   }
   .books-fs__content {
      padding-right: 20px;
      width: calc(100% - 120px);
   }
   .books-fs__buttons {
      align-items: flex-end;
      display: flex;
      flex-direction: column;
      margin-top: 0;
      width: 120px;
   }
   .books-fs__buttons a {
      margin-left: auto;
      margin-right: 0;
   }
   .books-fs__buttons a:not(:last-child) {
      margin-bottom: 11px;
      margin-right: 0;
   }

   .books-top-wrap-slider__blockInfo {
      padding-left: 15px;
   }

   .book-fs__item:nth-child(1),
   .book-fs__item:nth-child(2) {
      width: 100%;
   }
   .book-fs__wrap-info {
      padding: 35px 0 0;
   }
   .book-fs__item:nth-child(2) {
      display: flex;
      flex-wrap: wrap;
      padding-top: 50px;
   }
   .book-fs__wrap-info {
      padding: 0 30px 0 0;
      width: calc(100% - 103px);
   }
   .book-fs__buttons {
      display: block;
      margin-top: 0;
      width: 103px;
   }
   .book-fs__buttons a {
      font-size: 16px;
      height: 58px;
      min-width: auto;
      width: 100%;
   }
   .book-fs__buttons a:not(:first-child) {
      margin: 0;
   }
   .book-fs__buttons a:not(:last-child) {
      margin: 0 0 22px;
   }
   .book-fs__buttons .desktop {
      display: none;
   }
}
@media (min-width: 576px) {
   
   .wrap-title-above-books.hidden-no-mobile,
   .book__button.hidden-no-mobile,
   .books-fs__top.show-only-mobile,
   .start-trading-today.show-only-mobile {
      display: none;
   }
}
@media (max-width: 575px) {

   .books-fs__top li:not(:last-child) {
      margin-right: 28px;
   }
   .books-fs__top-block-form {
      height: 55px;
   }
   .books-fs__top-block-form form {
      height: 34px;
   }
   .books-fs__top-block-form input:not([type=submit]) {
      font-size: 15px;
      padding-left: 12px;
      padding-right: 12px;
   }
   .books-fs__blockImage {
      height: 270px;
      margin-top: 26px;
      width: 180px;
   }
   .books-fs__block {
      padding-bottom: 26px;
      padding-top: 24px;
   }
   .books-fs__title {
      font-size: 24px;
      font-weight: 400;
      line-height: 1.15;
      text-transform: none;
   }
   .books-fs__subtitle {
      font-size: 14px;
      margin: 7px 0 0;
   }
   .books-fs__text {
      font-size: 12px;
      line-height: 15px;
      margin: 11px 0 0;
   }

   .books-top-wrap-slider {
      margin: -10px 0 33px;
   }

   .books-sliders {
      padding-bottom: 20px;
      padding-top: 35px;
   }
   .books__topFilters {
      margin-bottom: 44px;
   }
   .books__wrap-slider {
      margin-top: 25px;
   }
   .books__block {
      margin-bottom: 36px;
   }
   .books__block .swiper-button-prev,
   .books__block .swiper-button-next {
      top: 147px !important;
   }
   .title-above-books {
      font-size: 16px;
      padding-right: 15px;
   }
   .wrap-title-above-books a {
      top: -2px;
   }
   .book__wrap-book-cover {
      max-height: 128px;
      max-width: 85px;
   }
   .book__wrap-image {
      min-height: 118px;
   }
   .book__wrap-image a {
      min-height: 124px;
   }
   .book__block-info {
      padding: 17px 20px 16px;
   }
   .book__block-info h3 a {
      font-size: 16px;
      line-height: 118%;
   }
   .book__block-info p {
      font-size: 12px;
      line-height: 14px;
   }
   .book__block-info-bottom p {
      justify-content: space-between;
      margin: 12px 0;
      width: 100%;
   }
   .book__button {
      flex: 0 0 123px;
      margin-right: auto;
      width: 133px;
   }
   .books__back-to-top-block {
      margin-top: 31px;
   }
   .books__back-to-top-block p {
      font-size: 12px;
   }
   .books__back-to-top-block .button-top {
      height: 43px;
      margin-top: 6px;
      width: 43px;
   }

   .book-fs {
      padding-top: 60px;
   }
   .books-fs__top.no-search-icon ul {
      justify-content: space-between;
      width: 100%;
   }
   .back-link-top-page {
      margin-top: 15px;
   }
   .book-fs__items {
      margin-top: -1px;
   }
   .book-fs__item:nth-child(2) {
      padding-top: 34px;
   }
   .book-fs__blockCover {
      height: 270px;
      width: 180px;
   }
   .book-fs__title {
      font-size: 24px;
      font-weight: 400;
      text-transform: none;
   }
   .book-fs__subtitle {
      border: none;
      font-size: 14px;
      margin-top: 6px;
      padding-bottom: 0;
   }
   .book-fs__wrap-info {
      padding: 0 16px 0 0;
   }
   .book-fs__wrap-info p {
      display: none;
   }
   .book-fs__icons {
      border-radius: 8px;
      margin-top: 12px;
   }
   .book-fs__illustration-top {
      width: 100%;
   }

   .book__description {
      padding-bottom: 79px;
      padding-top: 80px;
   }
   .book__description-content {
      max-width: 100%;
   }
   .book__description-content::before {
      height: calc(100% + 4px);
      transform: translateY(0);
      top: -2px;
   }

   .trade-notes .container {
      padding-bottom: 349px;
   }
   .trade-notes.there-are-blocks .container {
      padding-bottom: 33px;
   }
   .trade-notes__item:nth-child(1) ,
   .trade-notes__item:nth-child(2) {
      width: 100%;
   }
   .trade-notes__content {
      max-width: 100%;
   }
   .trade-notes__content p {
      max-width: 100%;
   }
   .trade-notes.there-are-blocks .trade-notes__content {
      min-height: auto;
   }
   .book__wrap-search-form form {
      margin: 22px 0 6px;
   }
   .tabs__wrap-tab {
      justify-content: space-between;
      width: calc(100% + 11px);
   }
   .tabs__wrap-tab .tab {
      min-width: 85px;
      padding: 11px 25px;
   }
   .trade-notes__illustration {
      bottom: 21px;
      max-width: 100%;
      right: 50%;
      transform: translateX(50%);
   }
   .trade-notes.there-are-blocks .trade-notes__content {
      padding-bottom: 0;
   }
   .trade-notes.there-are-blocks .tabs__tabContents {
      padding-top: 0;
   }
   .tabContent {
      overflow: visible;
   }
   .trade-notes__pagination {
      display: table;
      margin: 16px auto 0;
      padding: 6px 10px 0;
   }

   .start-trading-today {
      background-color: #00B0BC;
      padding-bottom: 45px;
      padding-top: 58px;
      position: relative;
   }
   .start-trading-today .container {
      position: relative;
      z-index: 1;
   }
   .start-trading-today h2,
   .start-trading-today h3 {
      font-family: "Montserrat", sans-serif;
      font-size: 18px;
      font-weight: 700;
      line-height: normal;
      margin: 0;
      text-align: center;
   }
   .start-trading-today h2 {
      color: #fff;
   }
   .start-trading-today h3 {
      color: #000;
   }
   .start-trading-today__button {
      align-items: center;
      background-color: #EB0065;
      border-radius: 40px;
      color: #fff;
      display: flex;
      justify-content: center;
      height: 48px;
      font-family: "Poppins", sans-serif;
      font-size: 17px;
      font-weight: 400;
      line-height: normal;
      margin: 22px auto 0;
      text-align: center;
      padding: 8px 12px;
      width: 236px;
   }
   .start-trading-today__bg {
      bottom: 0;
      left: 0;
      height: 100%;
      pointer-events: none;
      position: absolute;
      top: 0;
      width: auto;
      z-index: 0;
   }

   body.page-template-champers-single .champer-page {
      padding-top: 68px;
   }
   .champer-page__content {
      height: calc(100vh - 60px - 122px) !important;
      margin-top: 120px;
   }
   .champer-page__contentTop {
      top: 70px;
   }
   .champer-page__name {
      margin-top: 49px;
   }
   .champer-page__number-of-words {
      top: 19px;
   }

   .block-settings,
   .champer-page__blockWithTabs,
   .champer-page__blockChampersList {
      height: calc(100vh - 75px);
      top: 75px;
   }

   .champer-page__number-of-words.hidden {
      display: none;
   }

   .champer-page__bottomWrapPlaeer {
      padding-bottom: 10px;
   }

   .champer-page__buttonMenu {
      bottom: 139px;
      top: auto;
   }

   .audio-page .books-fs__top {
      position: fixed;
      left: 0;
      right: 0;
   }
   .audio-page .container {
      padding-top: 98px;
   }
   .audio-page__content {
      /*min-height: auto;*/
      height: calc(100vh - 70px);
      margin-top: 70px;
      overflow-y: auto;
   }
   .audio-page__content .back-link-top-page {
      left: 10px;
      top: 110px;
   }
   .audio-page__blockCover {
      height: 381px;
      margin-bottom: 300px;
      width: 254px;
   }
   .audio-page__content .champer-page__bottomWrapPlaeer {
      padding-bottom: 17px;
   }
   .audio-page .book-fs__illustration-top {
      bottom: 180px;
   }
}
@media (max-width: 480px) {

   .books-fs__top li {
      font-size: 15px;
   }
   .books-fs__top li:not(:last-child) {
      margin-right: 18px;
   }

   .books-top-wrap-slider__blockInfo h4 {
      font-size: 16px;
      font-weight: 400;
      line-height: 1.2;
   }
   .books-top-wrap-slider__blockInfo h6 {
      font-size: 13px;
      line-height: 18px;
   }
   .books-top-wrap-slider__blockInfo p {
      font-size: 12px;
   }
   .books-top-wrap-slider__blockInfo p img {
      bottom: 1px;
   }

   .trade-notes .container {
      padding-bottom: 358px;
   }
   .trade-notes__content {
      padding-bottom: 33px;
      padding-top: 33px;
   }
   .trade-notes__buttons {
      margin-top: 16px;
   }
   .trade-notes__buttons a {
      height: 40px;
      font-size: 16px;
      width: 100%;
   }
   .trade-notes__buttons a:nth-child(1) {
      margin-right: 0;
   }
   .trade-notes__buttons a:nth-child(2) {
      margin-left: 0;
   }
   .trade-notes__buttons a:not(:last-child) {
      margin-bottom: 20px;
   }
}
@media (max-width: 372px) {

   .book__block-info-bottom p span:not(:first-child) {
      margin-left: 5px;
   }
   .book__button {
      max-width: 100%;
   }
}
/* <- Books */