@charset "UTF-8";
@import '../fonts/stylesheet.css';
@import '../styles/ThemeColors.css';
.container {
  margin: 0 105px;
  box-sizing: border-box;
}
@media (max-width: 1600px) {
  .container {
    margin: 0 70px;
  }
}
@media (max-width: 1199px) {
  .container {
    margin: 0 20px;
  }
}
@media (max-width: 600px) {
  .container {
    margin: 0 10px;
  }
}

.container {
  margin: 0 105px;
  box-sizing: border-box;
}
@media (max-width: 1600px) {
  .container {
    margin: 0 70px;
  }
}
@media (max-width: 1199px) {
  .container {
    margin: 0 20px;
  }
}
@media (max-width: 600px) {
  .container {
    margin: 0 10px;
  }
}
@media (max-width: 1199px) {
  .container {
    margin: 0 70px;
  }
}

.book_page {
  position: relative;
  width: 100%;
  background: var(--backgroundColor);
  padding: clamp(40px, 3.9063vmax, 76px) 0 110px 0;
  border-radius: 0 0 45px 45px;
  z-index: 2;
  padding-top: 186px;
  padding-bottom: 68px;
}
@media (max-width: 1600px) {
  .book_page {
    padding-bottom: 86px;
  }
}
@media (max-width: 1100px) {
  .book_page {
    padding-top: 26px;
    padding-bottom: 0;
    border-radius: 0;
  }
}
@media (max-width: 1600px) {
  .book_page {
    padding-top: 128px;
  }
}
@media (max-width: 1100px) {
  .book_page {
    padding-top: 152px;
  }
}
@media (max-width: 600px) {
  .book_page {
    padding-bottom: 42px;
  }
}

.book_page_nav {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-left: 5px;
  margin-bottom: 38px;
}
.book_page_nav button {
  font-family: "OpenSansSemiBold";
  font-size: 16px;
  line-height: 1;
  padding: 15px 30px;
  border-radius: 20px;
  border: 1px solid #e87b5a;
  color: white;
  background: white;
  cursor: pointer;
  transition: 0.3s;
  color: black;
  display: flex;
  align-items: center;
  transition: none;
  padding: 12px 26px;
  border-radius: 20px;
}
.book_page_nav button:hover {
  background: #e87b5a;
}
.book_page_nav button:hover {
  color: white;
}
@media (max-width: 1100px) {
  .book_page_nav button {
    padding: 15px 30px;
  }
}

.book_page_nav_button span {
  margin-left: 4px;
}
@media (max-width: 600px) {
  .book_page_nav_button span {
    display: none;
  }
}

.book_page_nav_arrow {
  font-size: max(1.15vw, 16px);
  line-height: 1;
  color: black;
  margin: 0 16px 0 0;
}
@media (min-width: 2000px) {
  .book_page_nav_arrow {
    font-size: 20px;
  }
}
.book_page_nav_arrow.next {
  margin: 0 0 0 16px;
}
.book_page_nav_arrow.hover {
  color: white;
}

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

.next_title {
  font-family: "Gilroy";
  font-size: 18px;
  line-height: 20px;
  max-width: 510px;
  text-align: right;
  margin-right: 20px;
  color: var(--titleColor);
  transition: 0.3s;
}
.next_title:hover {
  color: #e87b5a;
}
@media (max-width: 1100px) {
  .next_title {
    display: none;
  }
}

.book_page_content_nav {
  justify-content: flex-start;
  gap: 20px;
  margin-bottom: 40px;
  display: none;
}
.book_page_content_nav button {
  background: #e87b5a;
  padding: 10px 28px;
  border-radius: 30px;
  cursor: pointer;
  border: none;
  font-size: max(0.8333vw, 14px);
  line-height: 1.875;
  font-family: "OpenSansSemiBold";
  line-height: 3;
  color: white;
}
@media (max-width: 1600px) {
  .book_page_content_nav button {
    line-height: 26px;
  }
}
@media (max-width: 1100px) {
  .book_page_content_nav button {
    font-size: 16px;
  }
}
.book_page_content_nav button.active {
  background: #3c4a53;
}
@media (max-width: 1100px) {
  .book_page_content_nav {
    display: flex;
  }
}
@media (max-width: 600px) {
  .book_page_content_nav {
    display: none;
  }
}

.book_page_content_section {
  margin-bottom: 50px;
}

.book_page_content_title {
  font-size: max(2.29vw, 32px);
  font-family: "GilroyBlack";
  margin-bottom: 36px;
  color: var(--titleColor);
}
.book_page_content_title_without_paragraph:before{
  content: ""!important;
  margin-right: 0!important;
  margin-bottom: 5px!important;
}
@media (max-width: 1600px) {
  .book_page_content_title {
    font-size: 2.34vw;
  }
}
@media (max-width: 1100px) {
  .book_page_content_title {
    font-size: 4.1667vw;
  }
}
@media (max-width: 1100px) {
  .book_page_content_title {
    font-size: 44px;
    margin-bottom: 46px;
  }
}
@media (max-width: 600px) {
  .book_page_content_title {
    font-size: 32px;
    margin-bottom: 32px;
  }
}
.book_page_content_title:before {
  content: "§";
  margin-right: 10px;
}

.book_page_content {
  display: flex;
  gap: 20px;
}
@media (max-width: 1100px) {
  .book_page_content {
    display: block;
  }
}

.book_page_content_essential {
  flex: 1;
}
@media (max-width: 1100px) {
  .book_page_content_essential {
    display: none;
  }
  .book_page_content_essential.active {
    display: block;
  }
}

.book_page_content_additional {
  flex: 1;
}

.book_page_paragraph {
  font-size: max(0.9375vw, 14px);
  line-height: 30px;
  font-family: "OpenSans";
  color: var(--textColor);
  margin-top: 0;
  margin-bottom: 32px;
}
@media (max-width: 1600px) {
  .book_page_paragraph {
    line-height: 22px;
  }
}
@media (max-width: 1100px) {
  .book_page_paragraph {
    font-size: 18px;
    line-height: 30px;
  }
}

.book_page_term {
  font-size: max(0.8333vw, 14px);
  line-height: 1.875;
  -webkit-box-shadow: -6px 5px 16px rgba(1, 2, 2, 0.2);
  -moz-box-shadow: -6px 5px 16px rgba(1, 2, 2, 0.2);
  box-shadow: -6px 5px 16px rgba(1, 2, 2, 0.2);
  display: inline-block;
  font-family: "OpenSans";
  background: white;
  padding: 26px 44px;
  border-radius: 40px;
  width: 100%;
  margin-top: 14px;
  margin-bottom: 40px;
  line-height: 20px;
}
@media (max-width: 1600px) {
  .book_page_term {
    line-height: 26px;
  }
}
@media (max-width: 1100px) {
  .book_page_term {
    font-size: 16px;
  }
}
@media (max-width: 1600px) {
  .book_page_term {
    line-height: 20px;
  }
}
.book_page_term strong:first-child {
  font-family: "GilroyBlack";
  text-transform: uppercase;
}

.book_page_list {
  margin-bottom: 30px;
}
.book_page_list ul {
  font-size: max(0.9375vw, 14px);
  line-height: 30px;
  font-family: "OpenSans";
  color: var(--textColor);
  line-height: 30px;
  margin: 0 0 0 7px;
  list-style-type: "•";
}
@media (max-width: 1600px) {
  .book_page_list ul {
    line-height: 22px;
  }
}
@media (max-width: 1100px) {
  .book_page_list ul {
    font-size: 18px;
    line-height: 30px;
  }
}
.book_page_list li {
  padding-left: 9px;
}

.book_page_list_text {
  font-size: max(0.9375vw, 14px);
  line-height: 30px;
  font-family: "OpenSans";
  color: var(--textColor);
  line-height: 30px;
  margin: 0;
}
@media (max-width: 1600px) {
  .book_page_list_text {
    line-height: 22px;
  }
}
@media (max-width: 1100px) {
  .book_page_list_text {
    font-size: 18px;
    line-height: 30px;
  }
}

.book_page_poetry {
  display: inline-block;
  margin-left: 17%;
  margin-top: 36px;
  margin-bottom: 66px;
}

.book_page_content_audio {
  margin-bottom: 28px;
}

.book_page_content_video {
  margin-bottom: 40px;
  color: var(--titleColor);
}
@media (max-width: 1100px) {
  .book_page_content_video {
    display: none;
  }
  .book_page_content_video.active {
    display: block;
  }
}
.book_page_content_video h4 {
  font-size: max(0.8333vw, 14px);
  line-height: 1.875;
  font-family: "OpenSansSemiBold";
  text-align: center;
  margin-top: 22px;
}
@media (max-width: 1600px) {
  .book_page_content_video h4 {
    line-height: 26px;
  }
}
@media (max-width: 1100px) {
  .book_page_content_video h4 {
    font-size: 16px;
  }
}

.video_wrapper {
  border-radius: 30px;
  overflow: hidden;
  width: 100%;
  height: 25.6vw;
}
.video_wrapper iframe {
  width: 100%;
  height: 100%;
}
@media (max-width: 1100px) {
  .video_wrapper {
    height: 420px;
  }
}
@media (max-width: 600px) {
  .video_wrapper {
    height: 51vw;
  }
}

.quote_wrapper {
  -webkit-box-shadow: -6px 5px 16px rgba(1, 2, 2, 0.2);
  -moz-box-shadow: -6px 5px 16px rgba(1, 2, 2, 0.2);
  box-shadow: -6px 5px 16px rgba(1, 2, 2, 0.2);
  position: relative;
  background: white;
  border-radius: 40px;
  padding: 10px 12px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 11px 0;
  min-height: 80px;
  -webkit-box-shadow: -6px 5px 16px rgba(1, 2, 2, 0.2);
  -moz-box-shadow: -6px 5px 16px rgba(1, 2, 2, 0.2);
  box-shadow: -6px 5px 16px rgba(1, 2, 2, 0.2);
  padding: 20px 10px 20px 40px;
  margin-top: 48px;
}
.quote_wrapper h5 {
  font-size: max(0.8333vw, 14px);
  line-height: 1.875;
  line-height: 20px;
  font-family: "OpenSansSemiBold";
  margin: 0;
}
@media (max-width: 1600px) {
  .quote_wrapper h5 {
    line-height: 26px;
  }
}
@media (max-width: 1100px) {
  .quote_wrapper h5 {
    font-size: 16px;
  }
}
@media (max-width: 1600px) {
  .quote_wrapper h5 {
    line-height: 20px;
  }
}
.quote_wrapper h6 {
  font-size: max(0.8333vw, 14px);
  line-height: 1.875;
  line-height: 20px;
  font-family: "OpenSansLight";
  margin: 0;
}
@media (max-width: 1600px) {
  .quote_wrapper h6 {
    line-height: 26px;
  }
}
@media (max-width: 1100px) {
  .quote_wrapper h6 {
    font-size: 16px;
  }
}
@media (max-width: 1600px) {
  .quote_wrapper h6 {
    line-height: 20px;
  }
}
.quote_wrapper blockquote {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}

.quote_text {
  font-size: max(0.8333vw, 14px);
  line-height: 1.875;
  line-height: 20px;
  font-family: "OpenSansSemiBold";
  margin: 0 18px 0 0;
}
@media (max-width: 1600px) {
  .quote_text {
    line-height: 26px;
  }
}
@media (max-width: 1100px) {
  .quote_text {
    font-size: 16px;
  }
}
@media (max-width: 1600px) {
  .quote_text {
    line-height: 20px;
  }
}

.quote_cite {
  font-size: max(0.8333vw, 14px);
  line-height: 1.875;
  line-height: 20px;
  font-family: "OpenSansLight";
  font-style: normal;
  position: relative;
}
@media (max-width: 1600px) {
  .quote_cite {
    line-height: 26px;
  }
}
@media (max-width: 1100px) {
  .quote_cite {
    font-size: 16px;
  }
}

.quote_link {
  display: inline-block;
  border: 1px solid #e87b5a;
  border-radius: 30px;
  padding: 6px;
  background: transparent;
  margin-left: 16px;
}
@media (max-width: 600px) {
  .quote_link {
    all: unset;
  }
}

.quote_link_inner {
  font-size: max(0.8333vw, 14px);
  line-height: 1.875;
  line-height: 30px;
  font-family: "OpenSansSemiBold";
  /*
  padding: 8px 26px;
  */
  padding: 8px 26px;
  border-radius: 27px;
  display: flex;
  align-items: center;
  /*  word-spacing: 2px;
    letter-spacing: 1px;*/
  white-space: nowrap;
  color: black;
}
@media (max-width: 1600px) {
  .quote_link_inner {
    line-height: 26px;
  }
}
@media (max-width: 1100px) {
  .quote_link_inner {
    font-size: 16px;
  }
}
.quote_link_inner.hover {
  color: white;
  background: #e87b5a;
}
@media (max-width: 600px) {
  .quote_link_inner {
    display: none;
  }
}

.quote_icon {
  display: inline;
  font-size: 20px;
  margin-right: 14px;
  font-size: 26px;
}
.quote_icon path {
  fill: black;
}
.quote_icon.hover path {
  fill: white;
}

.book_page_content_music {
  margin-bottom: 28px;
}
.book_page_content_music h3 {
  font-size: max(1.9792vw, 26px);
  line-height: 1;
  font-family: "GilroyBold";
  margin-bottom: 26px;
  text-align: center;
  color: var(--titleColor);
}
@media (max-width: 1100px) {
  .book_page_content_music h3 {
    font-size: 38px;
  }
}

@media (max-width: 1100px) {
  .book_page_content_audio {
    display: none;
  }
  .book_page_content_audio.active {
    display: block;
  }
}

.audio_wrapper {
  -webkit-box-shadow: -6px 5px 16px rgba(1, 2, 2, 0.2);
  -moz-box-shadow: -6px 5px 16px rgba(1, 2, 2, 0.2);
  box-shadow: -6px 5px 16px rgba(1, 2, 2, 0.2);
  position: relative;
  background: white;
  border-radius: 40px;
  padding: 10px 12px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 11px 0;
  min-height: 80px;
}
.audio_wrapper h5 {
  font-size: max(0.8333vw, 14px);
  line-height: 1.875;
  line-height: 20px;
  font-family: "OpenSansSemiBold";
  margin: 0;
}
@media (max-width: 1600px) {
  .audio_wrapper h5 {
    line-height: 26px;
  }
}
@media (max-width: 1100px) {
  .audio_wrapper h5 {
    font-size: 16px;
  }
}
@media (max-width: 1600px) {
  .audio_wrapper h5 {
    line-height: 20px;
  }
}
.audio_wrapper h6 {
  font-size: max(0.8333vw, 14px);
  line-height: 1.875;
  line-height: 20px;
  font-family: "OpenSansLight";
  margin: 0;
}
@media (max-width: 1600px) {
  .audio_wrapper h6 {
    line-height: 26px;
  }
}
@media (max-width: 1100px) {
  .audio_wrapper h6 {
    font-size: 16px;
  }
}
@media (max-width: 1600px) {
  .audio_wrapper h6 {
    line-height: 20px;
  }
}

.audio_container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-right: 20px;
}
.audio_container .file_size {
  display: none;
}
@media (max-width: 600px) {
  .audio_container .file_size {
    display: inline;
  }
}

.audio {
  background: #e87b5a;
  position: absolute;
}

.audio_controls {
  position: relative;
  width: 52px;
  min-width: 52px;
  max-width: 52px;
  height: 46px;
  margin-right: 20px;
}

.audio_button {
  position: absolute;
  background: transparent;
  border-radius: 50%;
  border: none;
  transition: 0.3s;
}
.audio_button.play_icon {
  z-index: 2;
  opacity: 1;
}
.audio_button.play_icon.played {
  opacity: 0;
  z-index: 1;
}
.audio_button.pause_icon {
  z-index: 1;
  opacity: 0;
}
.audio_button.pause_icon.played {
  opacity: 1;
  z-index: 2;
}

.audio_button_icon {
  font-size: 46px;
  cursor: pointer;
  position: relative;
}

.audio_links {
  display: flex;
}
@media (max-width: 600px) {
  .audio_links {
    display: none;
  }
}

.audio_link {
  display: inline-block;
  border: 1px solid #e87b5a;
  border-radius: 30px;
  padding: 6px;
  background: transparent;
  margin-left: 16px;
  margin-left: 10px;
}
@media (max-width: 600px) {
  .audio_link {
    all: unset;
  }
}

.audio_link_inner {
  font-size: max(0.8333vw, 14px);
  line-height: 1.875;
  line-height: 30px;
  font-family: "OpenSansSemiBold";
  /*
  padding: 8px 26px;
  */
  padding: 8px 26px;
  border-radius: 27px;
  display: flex;
  align-items: center;
  /*  word-spacing: 2px;
    letter-spacing: 1px;*/
  white-space: nowrap;
  color: black;
  padding: 0;
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1600px) {
  .audio_link_inner {
    line-height: 26px;
  }
}
@media (max-width: 1100px) {
  .audio_link_inner {
    font-size: 16px;
  }
}
.audio_link_inner.hover {
  color: white;
  background: #e87b5a;
}
@media (max-width: 600px) {
  .audio_link_inner {
    display: none;
  }
}

.audio_link_icon_wrapper.hover {
  filter: brightness(0) invert(1);
}

.audio_link_icon {
  font-size: 26px;
  line-height: 30px;
  display: block;
}
.audio_link_icon.fa-apple {
  color: black;
  transform: translateY(-1px);
}
.audio_link_icon.fa-itunes-note {
  color: #cb6ae2;
  transform: translateX(-1px);
}
.audio_link_icon.fa-yandex {
  color: #f43d1c;
  transform: translateX(-1px);
}

.book_page_content_documents {
  margin-bottom: 28px;
}
@media (max-width: 1100px) {
  .book_page_content_documents {
    display: none;
  }
  .book_page_content_documents.active {
    display: block;
  }
}
.book_page_content_documents h3 {
  font-size: max(1.9792vw, 26px);
  line-height: 1;
  font-family: "GilroyBold";
  margin-bottom: 26px;
  text-align: center;
  color: var(--titleColor);
}
@media (max-width: 1100px) {
  .book_page_content_documents h3 {
    font-size: 38px;
  }
}

.documents_downloads_wrapper {
  -webkit-box-shadow: -6px 5px 16px rgba(1, 2, 2, 0.2);
  -moz-box-shadow: -6px 5px 16px rgba(1, 2, 2, 0.2);
  box-shadow: -6px 5px 16px rgba(1, 2, 2, 0.2);
  position: relative;
  background: white;
  border-radius: 40px;
  padding: 10px 12px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 11px 0;
  min-height: 80px;
}
.documents_downloads_wrapper h5 {
  font-size: max(0.8333vw, 14px);
  line-height: 1.875;
  line-height: 20px;
  font-family: "OpenSansSemiBold";
  margin: 0;
}
@media (max-width: 1600px) {
  .documents_downloads_wrapper h5 {
    line-height: 26px;
  }
}
@media (max-width: 1100px) {
  .documents_downloads_wrapper h5 {
    font-size: 16px;
  }
}
@media (max-width: 1600px) {
  .documents_downloads_wrapper h5 {
    line-height: 20px;
  }
}
.documents_downloads_wrapper h6 {
  font-size: max(0.8333vw, 14px);
  line-height: 1.875;
  line-height: 20px;
  font-family: "OpenSansLight";
  margin: 0;
}
@media (max-width: 1600px) {
  .documents_downloads_wrapper h6 {
    line-height: 26px;
  }
}
@media (max-width: 1100px) {
  .documents_downloads_wrapper h6 {
    font-size: 16px;
  }
}
@media (max-width: 1600px) {
  .documents_downloads_wrapper h6 {
    line-height: 20px;
  }
}

.documents_name_wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-right: 20px;
  margin-left: 18px;
}
.documents_name_wrapper .file_size {
  display: none;
}
@media (max-width: 600px) {
  .documents_name_wrapper .file_size {
    display: inline;
  }
}

.document_name {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.document_name h5 {
  font-family: "GilroyBold";
  line-height: 1.2;
}
@media (max-width: 1100px) {
  .document_name h5 {
    margin-bottom: -18px;
  }
}
@media (max-width: 600px) {
  .document_name h5 {
    margin-bottom: -10px;
  }
}
.document_name h6 {
  font-family: "OpenSansLight";
  line-height: 1.2;
  margin: 0;
}
.document_name .file_size {
  font-family: "OpenSansLight";
  font-size: 12px;
  margin-top: 10px;
}
@media (max-width: 1100px) {
  .document_name {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
}

.documents_icon {
  font-size: 46px;
  line-height: 30px;
  margin-right: 20px;
}

.document_link_container {
  display: flex;
  align-items: center;
}
@media (max-width: 600px) {
  .document_link_container {
    display: none;
  }
}

.document_link {
  display: inline-block;
  border: 1px solid #e87b5a;
  border-radius: 30px;
  padding: 6px;
  background: transparent;
  margin-left: 16px;
}
@media (max-width: 600px) {
  .document_link {
    all: unset;
  }
}

.document_link_inner {
  font-size: max(0.8333vw, 14px);
  line-height: 1.875;
  line-height: 30px;
  font-family: "OpenSansSemiBold";
  /*
  padding: 8px 26px;
  */
  padding: 8px 26px;
  border-radius: 27px;
  display: flex;
  align-items: center;
  /*  word-spacing: 2px;
    letter-spacing: 1px;*/
  white-space: nowrap;
  color: black;
}
@media (max-width: 1600px) {
  .document_link_inner {
    line-height: 26px;
  }
}
@media (max-width: 1100px) {
  .document_link_inner {
    font-size: 16px;
  }
}
.document_link_inner.hover {
  color: white;
  background: #688ab7;
}
@media (max-width: 600px) {
  .document_link_inner {
    display: none;
  }
}

.cloud_download_icon {
  display: inline;
  font-size: 20px;
  margin-right: 14px;
}
.cloud_download_icon path {
  fill: #688ab7;
}
.cloud_download_icon.hover path {
  fill: white;
}

.document_link_file_name {
  font-size: max(0.8333vw, 14px);
  line-height: 1.875;
  font-family: "OpenSansLight";
}
@media (max-width: 1600px) {
  .document_link_file_name {
    line-height: 26px;
  }
}
@media (max-width: 1100px) {
  .document_link_file_name {
    font-size: 16px;
  }
}

.main_book_content_library {
  margin-bottom: 28px;
}
@media (max-width: 1100px) {
  .main_book_content_library {
    display: none;
  }
  .main_book_content_library.active {
    display: block;
  }
}
.main_book_content_library h3 {
  font-size: max(1.9792vw, 26px);
  line-height: 1;
  font-family: "GilroyBold";
  margin-bottom: 26px;
  text-align: center;
  color: var(--titleColor);
}
@media (max-width: 1100px) {
  .main_book_content_library h3 {
    font-size: 38px;
  }
}

@media (max-width: 1100px) {
  .book_page_slider_container {
    display: none;
  }
  .book_page_slider_container.active {
    display: block;
  }
}
.book_page_slider_container.hidden {
  display: none;
}

.book_page_slider_wrapper {
  position: relative;
  max-height: 31.25vw;
  max-width: 44.01vw;
  overflow: hidden;
  border-radius: 40px;
  margin-bottom: 20px;
}
@media (max-width: 1100px) {
  .book_page_slider_wrapper {
    max-height: 513px;
    max-width: 100%;
    width: 100%;
  }
}
@media (max-width: 600px) {
  .book_page_slider_wrapper {
    all: unset;
    max-height: 100%;
    max-width: 100%;
    margin-bottom: 40px;
  }
}

.slick_controls {
  position: absolute;
  right: 105px;
  bottom: 20px;
  width: 198px;
  height: 60px;
  padding: 0 8px;
  background: #ffffff;
  border-radius: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 2;
}
@media (max-width: 1600px) {
  .slick_controls {
    width: 180px;
    right: 70px;
  }
}
@media (max-width: 1100px) {
  .slick_controls {
    right: 50%;
    transform: translateX(50%);
  }
}

.prev_arrow,
.next_arrow {
  width: 48px;
  height: 48px;
  cursor: pointer;
}

.slide_number {
  font-family: "GilroyLight";
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 5px;
}

.buttonNextSVG {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 2px #e87b5a solid;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: 0.3s;
  cursor: pointer;
}
.buttonNextSVG svg {
  width: 20px;
  height: auto;
  margin: 0;
  transform: rotate(0);
}
.buttonNextSVG.arr {
  transition: 0.3s;
}

.buttonPrevSVG {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 2px #e87b5a solid;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: 0.3s;
  cursor: pointer;
}
.buttonPrevSVG svg {
  width: 20px;
  height: auto;
  margin: 0;
  transform: rotate(180deg);
}
.buttonPrevSVG.arr {
  transition: 0.3s;
}

.book_page_slide {
  position: relative;
  height: 31.25vw;
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
@media (max-width: 1100px) {
  .book_page_slide {
    height: 513px;
  }
}
@media (max-width: 600px) {
  .book_page_slide {
    width: 100%;
    height: 100%;
  }
}

.book_page_slider_img_background {
  position: absolute;
  align-self: center;
  width: 100%;
  height: auto;
  opacity: 0.5;
  filter: blur(5px);
}
@media (max-width: 600px) {
  .book_page_slider_img_background {
    display: none;
  }
}

.book_page_slider_img {
  position: absolute;
  height: 100%;
  width: auto;
}
@media (max-width: 600px) {
  .book_page_slider_img {
    position: relative;
    width: 100%;
    height: auto;
  }
}

.book_page_slide_name {
  font-size: max(0.8333vw, 14px);
  line-height: 1.875;
  font-family: "OpenSansSemiBold";
  text-align: center;
  display: none;
  color: var(--titleColor);
}
@media (max-width: 1600px) {
  .book_page_slide_name {
    line-height: 26px;
  }
}
@media (max-width: 1100px) {
  .book_page_slide_name {
    font-size: 16px;
  }
}
.book_page_slide_name.visible {
  display: block;
}
@media (max-width: 600px) {
  .book_page_slide_name {
    display: block;
    margin-bottom: 38px;
  }
}

.book_page_slick_control {
  right: 50%;
  transform: translateX(50%);
}
@media (max-width: 600px) {
  .book_page_slick_control {
    display: none;
  }
}

@media (max-width: 600px) {
  .book_page_slide_description {
    display: none;
  }
}

@media (max-width: 1100px) {
  .book_page_geography {
    display: none;
  }
  .book_page_geography.active {
    display: block;
  }
}

.book_page_geography_title {
  font-size: max(1.9792vw, 26px);
  line-height: 1;
  font-family: "GilroyBold";
  margin-bottom: 26px;
  text-align: center;
  color: var(--titleColor);
  text-align: left;
  margin-bottom: 48px;
}
@media (max-width: 1100px) {
  .book_page_geography_title {
    font-size: 38px;
  }
}

.map_wrapper {
  width: 100%;
  margin-bottom: 48px;
}
.map_wrapper iframe {
  width: 100%;
  height: 31.2vw;
}
@media (max-width: 1100px) {
  .map_wrapper {
    display: none;
  }
}

.book_page_attractions {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 52px;
}
@media (max-width: 1100px) {
  .book_page_attractions {
    flex-wrap: wrap;
  }
}

.book_page_attractions_item {
  width: 100%;
}
.book_page_attractions_item h5 {
  font-size: max(0.8333vw, 14px);
  line-height: 1.875;
  line-height: 20px;
  font-family: "OpenSansSemiBold";
  color: var(--titleColor);
  transition: 0.3s;
}
@media (max-width: 1600px) {
  .book_page_attractions_item h5 {
    line-height: 26px;
  }
}
@media (max-width: 1100px) {
  .book_page_attractions_item h5 {
    font-size: 16px;
  }
}
@media (max-width: 1100px) {
  .book_page_attractions_item h5 {
    margin-top: 18px;
  }
}
.book_page_attractions_item.hover h5 {
  color: #e87b5a;
}
@media (max-width: 1100px) {
  .book_page_attractions_item {
    width: calc(50% - 10px);
  }
}
@media (max-width: 600px) {
  .book_page_attractions_item {
    width: 100%;
  }
  .book_page_attractions_item:last-child {
    margin-bottom: -20px;
  }
}

.attractions_image_wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 12.604vw;
  border-radius: 20px;
}
.attractions_image_wrapper img {
  height: 100%;
  width: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: 0.3s;
  transform: translate(-50%, -50%);
}
@media (max-width: 600px) {
  .attractions_image_wrapper img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 430px) {
  .attractions_image_wrapper img {
    width: auto;
    height: 100%;
  }
}
.attractions_image_wrapper.hover img {
  transform: translate(-50%, -50%) scale(1.03);
}
@media (max-width: 1100px) {
  .attractions_image_wrapper {
    width: 100%;
    height: 26.82vw;
  }
}
@media (max-width: 600px) {
  .attractions_image_wrapper {
    width: 100%;
    height: 202px;
  }
}

.book_page_mobile_nav {
  display: none;
}
@media (max-width: 600px) {
  .book_page_mobile_nav {
    display: flex;
    margin-bottom: 32px;
  }
}

.book_page_mobile_select {
  font-family: "OpenSansSemiBold";
  border: none;
  width: 100%;
  font-size: 16px;
  line-height: 30px;
  padding: 10px 20px 10px 58px;
  border-radius: 20px;
  appearance: none;
  outline: none;
  background: #ffc800;
  background-image: url("../images/burger.png");
  background-position: 24px center;
  background-repeat: no-repeat;
  margin-bottom: 32px;
  display: none;
  color: black;
}
@media (max-width: 600px) {
  .book_page_mobile_select {
    display: block;
  }
}

/*# sourceMappingURL=bookPage.css.map */