@font-face {
  font-family: avenir-bold;
  src: url("fonts/avenir_bold.ttf") format("truetype");
}
@font-face {
  font-family: avenir-normal;
  src: url("fonts/avenir_regular.otf") format("opentype");
}
@font-face {
  font-family: typewriter;
  src: url("fonts/typewriter.otf") format("opentype");
}
@font-face {
  font-family: didot-regular;
  src: url("fonts/didot_regular.ttf") format("truetype");
}
@font-face {
  font-family: didot-medium;
  src: url("fonts/didot_medium.ttf") format("truetype");
}
@font-face {
  font-family: didot-bold;
  src: url("fonts/didot_bold.otf") format("opentype");
}
html {
  font-size: 10px;
}

a {
  color: inherit;
}
a:hover {
  color: inherit;
  text-decoration: none;
}

.violet {
  color: #7C2B5C;
}

.italic {
  font-style: italic;
}

button {
  border: none;
  background-color: #7C2B5C;
  color: white;
  font-family: didot-regular;
  padding: 2vw;
  font-size: 1vw;
  float: right;
  padding-left: 11vw;
  padding-right: 5vw;
}

#download {
  margin-top: 4vw;
}

.next, .prev {
  width: 1vw;
  height: 2vw;
  background-image: url("../img/flecha.png");
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}

.next {
  transform: rotateY(180deg);
}

.title {
  padding-left: 4vw;
  margin-bottom: 5vw;
}
.title h2 {
  font-family: typewriter;
  color: #7C2B5C;
  font-size: 4vw;
  line-height: 1;
}
.title h3 {
  color: #55565A;
  font-family: didot-regular;
  font-style: italic;
  font-size: 1.4vw;
}

.no-margin-bot {
  margin-bottom: 0 !important;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.slashed-menu {
  float: right;
  color: #8F9092;
  text-transform: uppercase;
  font-size: 1.15vw;
  text-align: right;
  padding-right: 4vw;
}
ul.slashed-menu li {
  margin-bottom: 1vw;
  position: relative;
  cursor: pointer;
}
ul.slashed-menu li:before {
  content: "/ ";
}
ul.slashed-menu li.active {
  text-transform: none;
  color: #7C2B5C;
  font-style: italic;
  font-family: didot-regular;
  font-size: 1.6vw;
}
ul.slashed-menu li.active:before {
  content: "";
}

.carousel-control-next, .carousel-control-prev {
  opacity: 1;
}

.fa-angle-left, .fa-angle-right {
  color: #7C2B5C;
  font-size: 4vw;
}

.social {
  position: absolute;
  right: 3vw;
  font-size: 2vw;
  top: 15vw;
  color: #7C2B5C;
  z-index: 4;
}
.social .fab {
  cursor: pointer;
}
.social .fa-facebook {
  font-size: 1.8vw;
}

.home .menu-row .menu {
  background: #909090;
  width: 35.2vw;
  padding-left: 4vw;
  padding-top: 3.5vw;
  padding-bottom: 11vw;
  float: left;
  display: block;
}
.home .menu-row .menu .menu-content {
  color: white;
}
.home .menu-row .menu .menu-content .logo {
  width: 80%;
}
.home .menu-row .menu .menu-content .menu-items {
  margin-top: 2vw;
}
.home .menu-row .menu .menu-content .menu-items a {
  color: inherit;
}
.home .menu-row .menu .menu-content .menu-items a:hover {
  text-decoration: none;
}
.home .menu-row .menu .menu-content .menu-items ul li {
  margin-bottom: 2vw;
  line-height: 1;
  font-size: 1.1vw;
  color: #DBD9D6;
}
.home .menu-row .menu .menu-content .menu-items ul li.selected {
  color: #7C2B5C;
  font-family: typewriter;
  font-size: 1.7vw;
  letter-spacing: 0.3vw;
}
.home .menu-row .menu-image-maria {
  float: left;
  width: 36%;
  display: block;
  position: relative;
}
.home .menu-row .menu-image-maria img {
  height: 45vw;
  position: absolute;
  object-fit: cover;
  max-width: 100%;
  z-index: 1;
}
.home .menu-row .menu-image-manuscrito {
  float: right;
  width: 27%;
  display: block;
  position: relative;
}
.home .menu-row .menu-image-manuscrito img {
  height: 34vw;
  object-fit: fill;
  max-width: 100%;
}
.home .secrets-row {
  position: relative;
  display: flex;
}
.home .secrets-row .social {
  top: -6vw;
  color: #8F9092;
}
.home .secrets-row .quote {
  width: 34.2vw;
  float: left;
}
.home .secrets-row .quote .quote-container {
  padding: 2vw 3.8vw;
  font-size: 2vw;
  line-height: 2.5vw;
  color: #8F9092;
  font-family: didot;
  font-style: italic;
  margin-bottom: 1vw;
}
.home .secrets-row .quote .quote-container .bold-font {
  color: #55565A;
}
.home .secrets-row .quote .quote-container .left-line {
  text-align: left;
}
.home .secrets-row .quote .quote-container .right-line {
  text-align: right;
}
.home .secrets-row .quote .quote-container .maria-name {
  margin-top: 1vw;
  font-size: 1.2vw;
  font-family: typewriter;
  font-style: normal;
  font-weight: bold;
  color: black;
  margin-bottom: 1vw;
}
.home .secrets-row .image1 {
  position: relative;
  float: left;
  width: 39vw;
}
.home .secrets-row .image1 img {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.home .secrets-row .image2 {
  position: relative;
  float: left;
  width: 25.8vw;
  padding-left: 0.5vw;
}
.home .secrets-row .image2 img {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.home .realized {
  width: 65.25%;
  position: relative;
  margin-top: 0vw;
  padding-left: 1vw;
}
.home .realized .social-realized {
  position: absolute;
  left: 3vw;
  bottom: 0;
  font-size: 2vw;
  color: #909090;
  z-index: 4;
}
.home .realized .realized-content {
  float: right;
  text-align: right;
  background-color: #7C2B5C;
  color: white;
  font-size: 1.2vw;
  font-family: avenir-normal;
  line-height: 2vw;
  letter-spacing: 0px;
  width: 100%;
  /*padding-top: 2vw;*/
  padding-bottom: 2vw;
  padding-right: 2vw;
  padding-left: 0.1vw;
}
.home .realized .realized-content .la-weather {
  font-size: 2.3vw;
  font-weight: bold;
}
.home .realized .realized-content .on-sale {
  font-size: 2vw;
  font-weight: bold;
}
.home .realized .realized-content .weather-description {
  width: 100%;
}
.home .realized .realized-content .weather-description-la-weather {
  width: 100%;
  font-size: 1.5vw;
}
.home .realized .realized-content .weather-description-el-clima {
  width: 100%;
}

.writer {
  margin-top: 4vw;
}
.writer .title {
  float: left;
  margin-top: 7vw;
}
.writer .writer-group {
  display: none;
}
.writer .writer-group.active {
  display: block;
}
.writer .img-phone {
  display: none;
}
.writer .gallery .gallery-container {
  background-color: #E2E1DD;
  padding-top: 8vw;
  padding-bottom: 8vw;
  padding-left: 10vw;
  padding-right: 10vw;
  display: flex;
  align-items: baseline;
  position: relative;
  min-height: 48vw;
}
.writer .gallery .gallery-container .next, .writer .gallery .gallery-container .prev {
  color: #7C2B5C;
  font-size: 4vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.writer .gallery .gallery-container .next.next, .writer .gallery .gallery-container .prev.next {
  transform: translateY(-50%) rotateY(180deg);
}
.writer .gallery .gallery-container .next {
  right: 3vw;
}
.writer .gallery .gallery-container .prev {
  left: 3vw;
}
.writer .gallery .gallery-container .image-container {
  width: 32%;
  transition: all 0.5s;
}
.writer .gallery .gallery-container .image-container .image {
  padding: 1vw;
}
.writer .gallery .gallery-container .image-container .image img {
  max-width: 100%;
}
.writer .gallery .gallery-container .image-container .image p {
  font-size: 1vw;
  margin-top: 10px;
}
.writer .gallery .gallery-container .image-container.big {
  width: 40%;
}
.writer .gallery .gallery-container .image-container.hidden {
  width: 0;
}
.writer .gallery .gallery-container .image-container.hidden p {
  display: none;
}
.writer .biography {
  position: relative;
}
.writer .biography .text {
  width: 50%;
  float: left;
  padding-left: 4vw;
  padding-right: 8vw;
  text-align: justify;
  color: #565A64;
  font-family: avenir-normal;
  line-height: 1.9vw;
  font-size: 1.2vw;
}
.writer .biography .maria {
  width: 50%;
  float: left;
  position: relative;
}
.writer .biography .maria .photo {
  width: 70%;
  position: relative;
  z-index: 1;
}
.writer .biography .maria .quote {
  max-width: 100%;
  position: absolute;
  bottom: -17.5vw;
  left: 0;
  z-index: 2;
}
.writer .biography .show-more {
  height: 4vh;
  text-align: center;
}
.writer .biography .show-more .next {
  margin: auto;
  transform: rotate(-90deg);
}
.writer .biography .hidden-bio {
  display: none;
}
.writer .biography .hidden-bio.active {
  display: block;
}
.writer .biography .hidden-bio .text_left {
  text-align: left;
  padding-top: 1vw;
}
.writer .decide {
  margin-top: 14vw;
}
.writer .decide .decide-text {
  width: 50%;
  height: 22vw;
  float: left;
  font-family: didot-regular;
  background-color: #7C2B5C;
  color: white;
  padding: 4vw;
  padding-top: 7vw;
  font-size: 1.18vw;
  line-height: 2.2vw;
  padding-bottom: 8.25vw;
}
.writer .decide .decide-photo {
  width: 50%;
  float: left;
  height: 22vw;
}
.writer .decide .decide-photo img {
  height: 100%;
  max-width: 100%;
}

.praise {
  margin-top: -5px;
}
.praise .photo {
  float: left;
  width: 37%;
}
.praise .photo img {
  max-width: 100%;
}

.quote-carousel {
  background: #DBD9D6;
  float: left;
  width: 63%;
  height: 21.7vw;
}
@media only screen and (max-width: 800px) {
  .quote-carousel {
    height: 105vw;
  }
}
.quote-carousel .carousel {
  height: 100%;
}
.quote-carousel .carousel-inner {
  height: 100%;
}
.quote-carousel .carousel-item {
  padding-left: 8vw;
  padding-right: 8vw;
  position: relative;
  height: 100%;
}
.quote-carousel .content {
  position: absolute;
  width: 70%;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.quote-carousel .content span {
  font-size: 0.9vw;
  text-transform: uppercase;
}
.quote-carousel .title {
  margin: 0;
  padding: 0;
  color: #7C2B5C;
  font-size: 1vw;
  font-family: didot-regular;
  font-style: italic;
  font-weight: bold;
  margin-bottom: 2vw;
}
.quote-carousel .title, .quote-carousel p {
  width: 100%;
  text-align: center;
  font-size: 1.1vw;
}
@media only screen and (max-width: 800px) {
  .quote-carousel .title, .quote-carousel p {
    font-size: 1.4rem;
  }
}
.quote-carousel p {
  font-family: avenir-normal;
}

.literature {
  margin-top: 10vw;
  position: relative;
}
.literature hr {
  border-top: 1px solid #7c2b5c;
}
.literature .first-section {
  position: relative;
}
.literature .first-section .MBottom {
  margin-bottom: 0;
}
.literature .first-section .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
  height: 35vw;
  bottom: 0;
  top: auto;
}
.literature .book-presentation {
  position: relative;
  margin-bottom: 10vw;
  display: none;
}
.literature .book-presentation .quote-carousel {
  background: #7C2B5C;
  color: white;
}
.literature .book-presentation .quote-carousel .next, .literature .book-presentation .quote-carousel .prev {
  background-image: url("../img/flecha_blanca.png");
}
.literature .book-presentation.active {
  display: block;
}
.literature .book-presentation .image {
  width: 30%;
  float: left;
  text-align: right;
}
.literature .book-presentation .image img {
  width: 124%;
  margin-top: -15%;
}
.literature .book-presentation .text {
  float: left;
  width: 58%;
}
.literature .book-presentation .text .title {
  margin-bottom: 2vw;
  padding-left: 0;
}
.literature .book-presentation .text .title h3 {
  border-bottom: 1px solid #55565A;
  padding-left: 0;
  padding-left: 8vw;
  color: #7C2B5C;
  font-size: 1.7vw;
  padding-bottom: 1.5vw;
}
.literature .book-presentation .text .summary {
  padding-left: 8vw;
  font-size: 1.2vw;
  text-align: justify;
  line-height: 1.9vw;
  font-family: avenir-normal;
}
.literature .book-presentation .text .summary .italic {
  font-size: 1.2vw;
  font-family: didot-regular;
  text-transform: none;
}
.literature .book-presentation .text .summary span {
  font-size: 0.9vw;
  text-transform: uppercase;
}
.literature .book-presentation .text .quote-carousel {
  width: 100%;
}
.literature .book-presentation .other-editions {
  position: relative;
  right: 0;
}
.literature .book-selection {
  background-color: #DBD9D6;
  padding-top: 3vw;
  padding-left: 9vw;
  padding-bottom: 6vw;
  display: inline-block;
}
.literature .book-selection .book {
  float: left;
  width: 33%;
  cursor: pointer;
}
.literature .book-selection .book.selected {
  display: none;
}
.literature .book-selection .book img {
  width: 120%;
  margin-left: -32%;
}
.literature .book-selection .book h3 {
  color: #7C2B5C;
  font-family: didot-regular;
  font-style: italic;
  font-size: 1.3vw;
  padding-left: 5.5vw;
  padding-top: 0;
  margin-top: -10%;
}
@media only screen and (max-width: 800px) {
  .literature .book-selection .book h3 {
    font-size: 1.5rem !important;
  }
}

.film {
  position: relative;
}
.film .posters {
  display: none;
  padding-top: 0.35vw;
  width: 76%;
  float: left;
}
.film .posters.active {
  display: block;
}
.film .posters .poster {
  padding: 0.35vw;
  width: 37.6%;
  float: left;
  cursor: pointer;
}
.film .posters .poster img {
  width: 100%;
}
.film .posters .poster-weather {
  width: 65.6%;
}
.film .posters .poster-1 {
  width: 32.9%;
  padding-left: 0;
}
.film .posters .poster-1 img {
  height: 37.5vw;
  object-fit: cover;
}
.film .posters .poster-2 {
  width: 32.9%;
}
.film .posters .poster-2 img {
  height: 17vw;
}
.film .posters .poster-3 {
  width: 66%;
}
.film .posters .poster-3 img {
  height: 20vw;
  object-fit: cover;
}
.film .posters .poster-4 {
  width: 32.9%;
}
.film .posters .poster-4 img {
  height: 17vw;
}
.film .posters .poster-mudflap-1 {
  width: 60%;
}
.film .posters .poster-mudflap-2 {
  width: 40%;
}
.film .posters .poster-mudflap-2 img {
  height: 32vw;
  object-fit: cover;
}
.film .S-Watermark {
  width: auto;
  float: none;
  padding-top: 0;
}
.film .S-Watermark div {
  position: relative;
}
.film .S-Watermark img {
  width: 90%;
  position: absolute;
  top: 10vw;
}
.film .menu {
  float: left;
  width: 24%;
  position: relative;
  z-index: 2;
  /*img {
    width: 100%;
  }*/
}
.film .menu .title {
  margin-top: 8.5vw;
  padding-right: 4vw;
  float: right;
}
.film .menu ul {
  margin-top: 2vw;
  float: right;
}
.film .film-summary {
  margin-top: 3vw;
  margin-left: 4vw;
  position: relative;
  display: none;
}
.film .film-summary .mudflap-text {
  width: 28vw;
}
.film .film-summary .weather-text {
  width: 28vw;
}
.film .film-summary.weather {
  margin-top: 0vw;
  position: relative;
  z-index: 0;
}
.film .film-summary.active {
  display: block;
}
.film .film-summary h3 {
  color: #7C2B5C;
  font-family: didot-regular;
  font-style: italic;
  font-size: 1.5vw;
  margin-bottom: 3vw;
}
.film .film-summary p {
  width: 35vw;
  font-family: avenir-normal;
  text-align: justify;
  font-size: 1.2vw;
  color: #55565A;
  line-height: 1.9vw;
}
.film .film-summary p .italic {
  font-family: didot-regular;
}
.film .film-summary button {
  position: absolute;
  bottom: 0;
  right: 0;
}
.film .film-summary .Teaser-Button {
  border: none;
  background-color: #7c2b5c00;
  color: #7C2B5C;
  font-family: didot-regular;
  font-size: 2vw;
  text-transform: uppercase;
  float: right;
  margin-right: 4vw;
  border-bottom: 2px solid #7C2B5C;
  padding: 0;
}

.the-reader {
  margin-top: 10vw;
}
.the-reader .title {
  float: right;
}
.the-reader .comments-description {
  width: 50%;
  float: left;
  padding-left: 4vw;
  padding-right: 8vw;
}
.the-reader .comments-description .italic {
  font-family: didot-regular;
}
.the-reader .comments-description .post-comments {
  color: #7C2B5C;
  font-size: 1.6vw;
  font-family: didot-regular;
  font-style: italic;
  margin-bottom: 2vw;
  display: block;
}
.the-reader .comments-description p {
  font-size: 1.2vw;
  font-family: avenir-normal;
  line-height: 1.9vw;
  text-align: justify;
  color: #55565A;
  padding-right: 6vw;
  margin-bottom: 2.5vw;
}
.the-reader .comments-description a {
  font-size: 1.2vw;
  line-height: 1.5vw;
}
.the-reader .contact-form {
  width: 50%;
  float: left;
  background-color: #DBD9D6;
  padding-left: 6vw;
  padding-top: 2vw;
  padding-right: 4vw;
}
.the-reader .contact-form .form-input {
  margin-bottom: 1vw;
  font-size: 1.2vw;
  color: #8F9092;
}
.the-reader .contact-form .form-input label {
  width: 100%;
  color: #8F9092;
  margin-bottom: 0;
}
.the-reader .contact-form .form-input input {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #8F9092;
  width: 100%;
  height: 1vw;
  color: #8F9092;
  padding: 1vw 0;
}
.the-reader .contact-form .form-input textarea {
  margin-top: 1vw;
  resize: none;
  width: 100%;
  height: 8vw;
  border: none;
  color: #8F9092;
}
.the-reader .contact-form button {
  background-color: transparent;
  color: #7C2B5C;
  font-family: typewriter;
  font-weight: bold;
  padding: 0;
  font-size: 1.2vw;
  margin-top: 1vw;
  margin-bottom: 3vw;
}

.footer {
  position: relative;
}
.footer .logo {
  background-color: #7C2B5C;
  width: 50%;
  float: left;
  padding: 4vw;
  padding-right: 12vw;
  padding-bottom: 12.3vw;
  height: 22vw;
}
.footer .logo img {
  width: 100%;
}
.footer .poster {
  width: 50%;
  float: left;
  height: 22vw;
  background-image: url("../img/THE_READER/ImgFooter.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position-y: 85%;
}
.footer .poster img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.footer .social {
  color: white;
  left: 4vw;
}
.footer .social .fab {
  margin-right: 0.5vw;
}

.modal-open {
  overflow: inherit;
}

.modal-backdrop {
  display: none;
}

.modal {
  padding-right: 0 !important;
  position: absolute;
  border-radius: 0;
}
.modal .content {
  text-align: center;
}
.modal .modal-content {
  border: none;
  height: 100%;
  background: rgba(188, 188, 188, 0.85);
  border-radius: 0;
}
.modal .modal-header {
  position: relative;
  z-index: 4;
}
.modal .modal-body {
  position: relative;
  z-index: 2;
  padding: 0;
  overflow: hidden;
}
.modal .modal-body .gallery .gallery-container-literature {
  display: flex;
  align-items: baseline;
  position: relative;
}
.modal .modal-body .gallery .gallery-container-literature .next, .modal .modal-body .gallery .gallery-container-literature .prev {
  color: #7C2B5C;
  font-size: 4vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.modal .modal-body .gallery .gallery-container-literature .next.next, .modal .modal-body .gallery .gallery-container-literature .prev.next {
  transform: translateY(-50%) rotateY(180deg);
}
.modal .modal-body .gallery .gallery-container-literature .SL-N,
.modal .modal-body .gallery .gallery-container-literature .GaD-N,
.modal .modal-body .gallery .gallery-container-literature .LAW-N {
  right: 3vw;
  color: #7C2B5C;
  font-size: 4vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.modal .modal-body .gallery .gallery-container-literature .SL-P,
.modal .modal-body .gallery .gallery-container-literature .GaD-P,
.modal .modal-body .gallery .gallery-container-literature .LAW-P {
  left: 3vw;
  color: #7C2B5C;
  font-size: 4vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.modal .modal-body .gallery .gallery-container-literature .image-container-gad,
.modal .modal-body .gallery .gallery-container-literature .image-container-SL,
.modal .modal-body .gallery .gallery-container-literature .image-container-law {
  width: 32%;
  transition: all 0.5s;
}
.modal .modal-body .gallery .gallery-container-literature .image-container-gad .image,
.modal .modal-body .gallery .gallery-container-literature .image-container-SL .image,
.modal .modal-body .gallery .gallery-container-literature .image-container-law .image {
  padding: 1vw;
}
.modal .modal-body .gallery .gallery-container-literature .image-container-gad .image img,
.modal .modal-body .gallery .gallery-container-literature .image-container-SL .image img,
.modal .modal-body .gallery .gallery-container-literature .image-container-law .image img {
  max-width: 100%;
}
.modal .modal-body .gallery .gallery-container-literature .image-container-gad .image p,
.modal .modal-body .gallery .gallery-container-literature .image-container-SL .image p,
.modal .modal-body .gallery .gallery-container-literature .image-container-law .image p {
  font-size: 1vw;
  margin-top: 10px;
}
.modal .modal-body .gallery .gallery-container-literature .image-container-gad.big, 
.modal .modal-body .gallery .gallery-container-literature .image-container-gad.big-gad, 
.modal .modal-body .gallery .gallery-container-literature .image-container-gad.big-SL,
.modal .modal-body .gallery .gallery-container-literature .image-container-gad.big-law,
.modal .modal-body .gallery .gallery-container-literature .image-container-SL.big,
.modal .modal-body .gallery .gallery-container-literature .image-container-SL.big-gad,
.modal .modal-body .gallery .gallery-container-literature .image-container-SL.big-SL,
.modal .modal-body .gallery .gallery-container-literature .image-container-SL.big-law,
.modal .modal-body .gallery .gallery-container-literature .image-container-law.big,
.modal .modal-body .gallery .gallery-container-literature .image-container-law.big-gad,
.modal .modal-body .gallery .gallery-container-literature .image-container-law.big-SL,
.modal .modal-body .gallery .gallery-container-literature .image-container-law.big-law {
  width: 40%;
}
.modal .modal-body .gallery .gallery-container-literature .image-container-gad.hidden,
.modal .modal-body .gallery .gallery-container-literature .image-container-SL.hidden,
.modal .modal-body .gallery .gallery-container-literature .image-container-law.hidden {
  width: 0;
}
.modal .modal-body .gallery .gallery-container-literature .image-container-gad.hidden p,
.modal .modal-body .gallery .gallery-container-literature .image-container-SL.hidden p,
.modal .modal-body .gallery .gallery-container-literature .image-container-law.hidden p {
  display: none;
}
.modal .img-one {
  width: 60vw;
}
.modal .modal-header {
  border: none;
}
.modal .modal-header .close {
  opacity: 1;
  color: #7C2B5C;
  font-size: 3vw;
  font-weight: bold;
}

#gonzalez-editions.modal, #santitos-editions.modal, #laweather-editions.modal {
  overflow-x: hidden;
  overflow-y: auto;
  height: 35vw;
  bottom: 0;
  top: auto;
}
@media only screen and (max-width: 800px) {
  #gonzalez-editions.modal, #santitos-editions.modal, #laweather-editions.modal {
    overflow-x: hidden;
    overflow-y: auto;
    height: 65vw;
    bottom: 0;
    top: auto;
  }
}
#gonzalez-editions .img-fluid, #santitos-editions .img-fluid, #laweather-editions .img-fluid {
  max-width: 57vw;
  position: relative;
  margin-left: -14%;
  margin-top: -7%;
}

/* ------ MEDIA QUERIES ------ */
@media only screen and (max-width: 800px) {
  /* ------ SECTION HOME ------ */
  .home .menu-row {
    display: flex;
    flex-direction: column;
  }
  .home .menu-row .menu {
    order: 0;
    width: 100%;
    padding-bottom: 5vw;
  }
  .home .menu-row .menu .menu-content {
    text-align: center;
  }
  .home .menu-row .menu .menu-content .logo {
    width: 65%;
  }
  .home .menu-row .menu .menu-content .menu-items {
    text-align: initial;
  }
  .home .menu-row .menu .menu-content .menu-items ul li {
    font-size: 1.7rem;
    margin-bottom: 2.5rem;
  }
  .home .menu-row .menu .menu-content .menu-items ul li.selected {
    font-size: 1.7rem;
    margin-bottom: 2.5rem;
  }
  .home .menu-row .menu-image-maria {
    order: 2;
    float: none;
    width: 100%;
  }
  .home .menu-row .menu-image-maria img {
    width: 100%;
    height: 45rem;
    position: static;
    object-fit: cover;
  }
  .home .menu-row .menu-image-manuscrito {
    display: none;
  }
  .home .menu-row .secrets-row {
    order: 1;
    flex-direction: column;
  }
  .home .menu-row .secrets-row .quote {
    width: 100%;
  }
  .home .menu-row .secrets-row .quote .quote-container {
    font-size: 3.25rem;
    line-height: 5rem;
  }
  .home .menu-row .secrets-row .quote .quote-container .maria-name {
    font-size: 2rem;
  }
  .home .menu-row .secrets-row .realized {
    width: 100%;
  }
  .home .menu-row .secrets-row .realized .realized-content {
    font-size: 2.5vw;
    line-height: inherit;
    padding: 2rem 1rem;
  }
  .home .menu-row .secrets-row .realized .realized-content .on-sale {
    font-size: 4vw;
    font-weight: bold;
  }
  .home .menu-row .secrets-row .realized .realized-content .la-weather {
    font-size: 3.5vw;
  }
  .home .menu-row .secrets-row .realized .realized-content .la-weather-paperback {
    font-size: 2.5vw;
  }
  .home .menu-row .secrets-row .realized .realized-content .la-weather-el-clima {
    font-size: 2.5vw;
  }
  .home .menu-row .secrets-row .realized #weather-home {
    width: 27vw;
    position: absolute;
    left: 5vw;
    top: 6vw;
    z-index: 3;
  }

  #weather-home {
    width: 17vw;
    position: absolute;
    left: 5vw;
    top: -5vw;
    z-index: 3;
  }

  /* ------ SECTION THE WRITER ------ */
  .writer {
    display: flex;
    flex-direction: column;
    margin-top: 5rem;
  }
  .writer .title {
    order: 2;
  }
  .writer .title h2 {
    font-size: 4.5rem;
  }
  .writer .title h3 {
    font-size: 2rem;
  }
  .writer .img-phone {
    order: 1;
    width: 100%;
    display: block;
  }
  .writer .img-phone img {
    width: 100%;
    height: 85rem;
    object-fit: cover;
  }
  .writer .writer-menu {
    order: 0;
    margin-bottom: 5rem;
  }
  .writer .writer-menu ul {
    font-size: 1.7rem;
  }
  .writer .writer-menu ul li {
    font-size: 1.7rem;
  }
  .writer .writer-group {
    order: 3;
    flex-direction: column;
  }
  .writer .writer-group.active {
    display: flex;
  }
  .writer .writer-group .social {
    display: none;
  }
  .writer .writer-group .maria {
    display: none;
  }
  .writer .writer-group .maria .quote {
    display: none;
  }
  .writer .writer-group .text {
    order: 1;
    width: 100%;
    font-size: 2rem;
    line-height: inherit;
  }
  .writer .writer-group .photo {
    width: 100%;
    float: none;
  }
  .writer .writer-group .photo img {
    width: 100%;
    height: 30rem;
    object-fit: cover;
  }
  .writer .writer-group .quote-carousel {
    width: 100%;
    height: 30rem;
  }
  .writer .writer-group .quote-carousel .title {
    font-size: 2rem;
  }
  .writer .writer-group .quote-carousel .content span {
    font-size: 1.5rem;
  }
  .writer .writer-group .quote-carousel p {
    font-size: 1.5rem;
  }
  .writer .writer-group #download {
    font-size: 2rem;
  }
  .writer .gallery .gallery-container .image-container .image p {
    font-size: 0.8rem;
  }
  .writer .decide {
    order: 4;
    display: flex;
    flex-direction: column;
  }
  .writer .decide .decide-text {
    order: 0;
    width: 100%;
    height: 30rem;
    font-size: 1.8rem;
    line-height: inherit;
    padding: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .writer .decide .decide-photo {
    order: 1;
    width: 100%;
    height: 30rem;
    float: none;
  }
  .writer .decide .decide-photo img {
    width: 100%;
    object-fit: cover;
  }

  /* ------ SECTION LITERATURE ------ */
  .literature .first-section .title {
    margin-bottom: 5rem;
  }
  .literature .first-section .title h2 {
    font-size: 4.5rem;
  }
  .literature .first-section .title div h3 {
    font-size: 2rem;
  }
  .literature .first-section .book-presentation .image {
    width: 76%;
    float: none;
  }
  .literature .first-section .book-presentation .image img {
    width: 100%;
  }
  .literature .first-section .book-presentation .text {
    float: none;
    width: 85%;
    margin: 2.5rem auto 0;
  }
  .literature .first-section .book-presentation .text .title h3 {
    font-size: 2rem;
    padding-left: 0;
  }
  .literature .first-section .book-presentation .text .summary {
    font-size: 1.5rem;
    line-height: inherit;
    padding-left: 0;
  }
  .literature .first-section .book-presentation .text .summary span {
    font-size: 1.5rem;
  }

  /* ------ SECTION FILMS ------ */

  /* ------ SECTION THE READER ------ */

  /* ------ SECTION FOOTER ------ */
}
@media only screen and (max-width: 800px) and (max-width: 800px) {
  .literature .first-section .book-presentation .text .summary span {
    font-size: 1.2rem !important;
  }
}
@media only screen and (max-width: 800px) {
  .literature .first-section .book-presentation .other-editions {
    float: none;
    width: 85%;
    display: block;
    margin: 2rem auto 0;
    text-align: end;
    font-size: 1.7rem;
  }
}
@media only screen and (max-width: 800px) {
  .literature .first-section .modal .modal-content .modal-header .close {
    font-size: 2.5rem;
  }
  .literature .first-section .modal .modal-content .modal-body .gallery {
    height: 100%;
  }
  .literature .first-section .modal .modal-content .modal-body .gallery .gallery-container-literature {
    height: 100%;
    align-items: center;
    justify-content: center;
  }
  .literature .first-section .modal .modal-content .modal-body .gallery .gallery-container-literature .SL-N,
.literature .first-section .modal .modal-content .modal-body .gallery .gallery-container-literature .GaD-N,
.literature .first-section .modal .modal-content .modal-body .gallery .gallery-container-literature .LAW-N {
    font-size: 5rem;
  }
  .literature .first-section .modal .modal-content .modal-body .gallery .gallery-container-literature .SL-P,
.literature .first-section .modal .modal-content .modal-body .gallery .gallery-container-literature .GaD-P,
.literature .first-section .modal .modal-content .modal-body .gallery .gallery-container-literature .LAW-P {
    font-size: 5rem;
  }
  .literature .first-section .modal .modal-content .modal-body .gallery .gallery-container-literature .image-container-SL,
.literature .first-section .modal .modal-content .modal-body .gallery .gallery-container-literature .image-container-gad,
.literature .first-section .modal .modal-content .modal-body .gallery .gallery-container-literature .image-container-law {
    width: 0;
  }
  .literature .first-section .modal .modal-content .modal-body .gallery .gallery-container-literature .image-container-SL.big-SL, 
  .literature .first-section .modal .modal-content .modal-body .gallery .gallery-container-literature .image-container-SL.big-gad,
    .literature .first-section .modal .modal-content .modal-body .gallery .gallery-container-literature .image-container-SL.big-law,
.literature .first-section .modal .modal-content .modal-body .gallery .gallery-container-literature .image-container-gad.big-SL,
.literature .first-section .modal .modal-content .modal-body .gallery .gallery-container-literature .image-container-gad.big-gad,
.literature .first-section .modal .modal-content .modal-body .gallery .gallery-container-literature .image-container-gad.big-law,
.literature .first-section .modal .modal-content .modal-body .gallery .gallery-container-literature .image-container-law.big-SL,
.literature .first-section .modal .modal-content .modal-body .gallery .gallery-container-literature .image-container-law.big-gad,
.literature .first-section .modal .modal-content .modal-body .gallery .gallery-container-literature .image-container-law.big-law {
    width: 100%;
    margin-left: -7rem;
  }
  .literature .first-section .modal .modal-content .modal-body .gallery .gallery-container-literature .image-container-SL.hidden,
.literature .first-section .modal .modal-content .modal-body .gallery .gallery-container-literature .image-container-gad.hidden {
    width: 0;
  }
  .literature .first-section .modal .modal-content .modal-body .gallery .gallery-container-literature .image-container-SL .image,
.literature .first-section .modal .modal-content .modal-body .gallery .gallery-container-literature .image-container-gad .image,
.literature .first-section .modal .modal-content .modal-body .gallery .gallery-container-literature .image-container-law .image {
    padding: 0;
  }
}
@media only screen and (max-width: 800px) {
  .literature .book-selection {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .literature .book-selection a .book {
    float: none;
    width: auto;
  }
  .literature .book-selection a .book h3 {
    font-size: 1.5rem;
    padding-left: 5rem;
  }
}
@media only screen and (max-width: 800px) {
  .film {
    display: flex;
    flex-direction: column;
  }
  .film .menu {
    order: 0;
    width: 100%;
    float: none;
  }
  .film .menu .title {
    float: left;
  }
  .film .menu .title h2 {
    font-size: 4.5rem;
  }
  .film .menu .title h3 {
    font-size: 2rem;
  }
  .film .menu .slashed-menu li {
    font-size: 1.7rem;
  }
  .film .menu .slashed-menu li.active {
    font-size: 1.7rem;
  }
  .film .menu .posters {
    display: none;
  }
  .film .posters {
    order: 1;
    width: 100%;
  }
  .film .posters .poster-1 img {
    height: 42.5vw;
  }
  .film .posters .poster-2 img {
    height: 21vw;
  }
  .film .posters .poster-3 img {
    height: 21vw;
  }
  .film .posters .poster-4 img {
    height: 21vw;
  }
  .film .posters .poster-mudflap-1 {
    width: 100%;
  }
  .film .posters .poster-mudflap-1 img {
    width: 100%;
    height: 40rem;
  }
  .film .posters .poster-mudflap-2 {
    display: none;
  }
  .film .film-summary {
    order: 2;
  }
  .film .film-summary h3 {
    font-size: 2rem;
  }
  .film .film-summary p {
    width: 95%;
    font-size: 1.5rem;
    line-height: inherit;
  }
  .film .film-summary .mudflap-text {
    width: 95%;
  }
  .film .film-summary .weather-text {
    width: 95%;
  }
  .film .film-summary .Teaser-Button {
    font-size: 1.5rem;
    margin-top: 1rem;
    position: static;
  }
}
@media only screen and (max-width: 800px) {
  .the-reader {
    display: flex;
    flex-direction: column;
    margin-top: 5rem;
  }
  .the-reader .title {
    order: 0;
    float: left;
  }
  .the-reader .title h2 {
    font-size: 4.5rem;
  }
  .the-reader .title h3 {
    font-size: 2rem;
  }
  .the-reader .comments-description {
    order: 1;
    width: 100%;
    float: none;
    padding-bottom: 1.5rem;
  }
  .the-reader .comments-description .post-comments {
    font-size: 1.5rem;
  }
  .the-reader .comments-description p {
    font-size: 1.5rem;
    line-height: inherit;
  }
  .the-reader .comments-description a {
    font-size: 1.5rem;
    line-height: inherit;
  }
  .the-reader .contact-form {
    order: 2;
    width: 100%;
    padding-top: 3rem;
  }
  .the-reader .contact-form .form-input {
    font-size: 1.5rem;
  }
  .the-reader .contact-form button {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 800px) {
  .footer {
    display: flex;
    flex-direction: column;
  }
  .footer .logo {
    order: 1;
    width: 100%;
    float: none;
    height: 25rem;
  }
  .footer .poster {
    order: 0;
    width: 100%;
    float: none;
    height: 25rem;
    background-position-y: 60%;
  }
  .footer .poster img {
    width: 100%;
    object-fit: cover;
  }
  .footer .social {
    top: auto;
    left: 7.5rem;
    bottom: 1.5rem;
  }
  .footer .social a {
    font-size: 3.5rem;
  }
  .footer .social .fa-facebook {
    font-size: 3.5rem;
  }
}
#laweather {
  position: fixed;
  width: 100%;
  height: 100vh;
  background-color: rgba(128, 128, 128, 0.85);
  top: 0;
  z-index: 222;
  text-align: center;
}
#laweather .content {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  max-width: 1640px;
  max-height: 100vh;
}
#laweather .content img {
  max-width: 100%;
  position: relative;
  z-index: 1;
}
#laweather .content button {
  position: absolute;
  z-index: 2222;
  right: 0;
  color: white;
  font-size: 37px;
  right: 10px;
}
#laweather .content .buy-content {
  text-align: right;
  width: 100%;
}
@media only screen and (max-width: 800px) {
  #laweather .content .buy-content {
    text-align: center;
  }
}
#laweather .content .buy-content .buy-buttons {
  right: 0;
  display: inline-block;
  position: absolute;
  z-index: 20;
  line-height: 1;
  bottom: 20px;
}
@media only screen and (max-width: 1000px) {
  #laweather .content .buy-content .buy-buttons {
    bottom: 10px;
  }
}
@media only screen and (max-width: 800px) {
  #laweather .content .buy-content .buy-buttons {
    position: relative;
    margin-top: 20px;
  }
}
#laweather .content .buy-content .buy-buttons h3 {
  text-align: left;
  color: white;
  font-size: 40px;
}
@media only screen and (max-width: 1000px) {
  #laweather .content .buy-content .buy-buttons h3 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 800px) {
  #laweather .content .buy-content .buy-buttons h3 {
    text-align: center;
  }
}
#laweather .content .buy-content .buy-buttons a {
  background: #BA4A29;
  margin-right: 10px;
  margin-bottom: 2px;
  padding: 5px;
  border-radius: 5px;
  display: inline-block;
  line-height: 1;
  color: white;
  font-size: 15px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1000px) {
  #laweather .content .buy-content .buy-buttons a {
    font-size: 15px;
    margin: 4px;
    margin-bottom: 2px;
    padding: 3px;
  }
}

#show-on-sale, #show-on-sale-la-weather, #show-on-sale-el-clima {
  cursor: pointer;
  color: #009999;
}

#weather-home {
  width: 17vw;
  position: absolute;
  left: 5vw;
  top: 0vw;
  z-index: 3;
}

.carousel-item {
  left: 0px;
}

.carousel-item-hide {
  display: none;
  transition: left 3s;
  animation-name: fade;
  animation-duration: 3s;
}

.carousel-item-show {
  display: block;
}

.carousel-item-scroll {
  animation-name: fade;
  animation-duration: 6s;
}

.realized-content-description {
  width: 41vw;
  float: right;
  text-align: left;
  padding-left: 3vw;
  padding-top: 10vw;
  margin-top: 4vw;
}

.owl-prev {
  width: 15px;
  position: absolute;
  top: 10vw;
  margin-left: 1vw;
  display: block !important;
  border: 0px;
}

.owl-next {
  width: 15px;
  position: absolute;
  top: 10vw;
  right: 1vw;
  display: block !important;
  border: 0px;
}

.owl-prev i, .owl-next i {
  transform: scale(1, 6);
  color: #ccc;
}

.owl-next:focus, .owl-prev:focus {
  outline: none;
}

@media only screen and (min-width: 600px) {
  .owl-prev {
    top: 0vw;
  }

  .owl-next {
    top: 0vw;
  }
}
@media only screen and (min-width: 768px) {
  .owl-prev {
    top: 9vw;
  }

  .owl-next {
    top: 9vw;
  }
}
@media only screen and (min-width: 992px) {
  .owl-prev {
    top: 8vw;
  }

  .owl-next {
    top: 8vw;
  }
}
@keyframes fade {
  from {
    left: 500px;
  }
  to {
    left: 0px;
  }
}
@keyframes fadeToLeft {
  from {
    left: 0px;
  }
  to {
    left: -1000px;
  }
}

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