.utility-page-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.utility-page-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 260px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.utility-page-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.tela_abertura {
  overflow: hidden;
  width: 100%;
  height: auto;
  min-height: 100vh;
  background-image: url('../images/Fundo_1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.img_pasta {
  position: absolute;
  width: auto;
  height: 100vh;
}

.img_pasta2 {
  position: absolute;
  display: inline-block;
  width: auto;
  height: 100vh;
}

.fundo {
  width: 100%;
  height: auto;
  min-height: 100vh;
}

.img_agenda {
  position: absolute;
  width: auto;
  height: 100vh;
}

.img_post_it1 {
  position: absolute;
  display: block;
  width: auto;
  height: 100vh;
}

.img_post_it2 {
  position: absolute;
  width: auto;
  height: 100vh;
}

.img_papel {
  position: absolute;
  width: auto;
  height: 100vh;
}

.img_livro1 {
  position: absolute;
  display: block;
  width: auto;
  height: 100vh;
}

.img_livro2 {
  position: absolute;
  width: auto;
  height: 100vh;
}

.img_post_it3 {
  position: absolute;
  width: auto;
  height: 100vh;
}

.img_caneta1 {
  position: absolute;
  width: auto;
  height: 100vh;
}

.img_caneta2 {
  position: absolute;
  width: auto;
  height: 100vh;
}

.img_xicara {
  position: absolute;
  width: auto;
  height: 100vh;
}

.img_tablet {
  position: absolute;
  display: block;
  width: auto;
  height: 100vh;
}

.img_oculos {
  position: absolute;
  display: block;
  width: auto;
  height: 100vh;
}

.img_celular {
  position: absolute;
  display: block;
  width: auto;
  height: 100vh;
}

.div_elementos {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  min-height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.img_notebook {
  width: auto;
  height: 100vh;
}

.div_livros {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: auto;
  min-height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/fundo.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.img_cidade {
  position: absolute;
  width: auto;
  height: 100vh;
}

.img_guindaste {
  position: absolute;
  width: auto;
  height: 100vh;
}

.img_pessoas {
  position: absolute;
  display: block;
  width: auto;
  height: 100vh;
}

.img_nuvens {
  position: absolute;
  overflow: hidden;
  width: auto;
  height: 100vh;
}

.div_guindaste {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.image {
  width: auto;
  height: 100vh;
}

.img_gancho {
  position: relative;
  display: block;
  width: auto;
  height: 100vh;
}

.img_livros {
  position: absolute;
  width: auto;
  height: 100vh;
  -webkit-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}

.div_pai {
  position: absolute;
}

.conteudo {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  min-height: 100vh;
  background-image: -webkit-linear-gradient(270deg, rgba(26, 115, 181, .5), rgba(26, 115, 181, .5));
  background-image: linear-gradient(180deg, rgba(26, 115, 181, .5), rgba(26, 115, 181, .5));
}

.div_conteudo {
  position: relative;
  display: block;
  width: 85%;
  height: 75vh;
  margin-right: auto;
  margin-bottom: 1%;
  margin-left: auto;
  padding: 2% 5%;
  background-image: -webkit-linear-gradient(270deg, rgba(43, 121, 179, .9), rgba(43, 121, 179, .9));
  background-image: linear-gradient(180deg, rgba(43, 121, 179, .9), rgba(43, 121, 179, .9));
}

.tab-pane {
  overflow: auto;
  height: 60vh;
  padding-top: 14px;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .2), transparent 1%);
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .2), transparent 1%);
}

.capa_livro {
  width: 25%;
  float: left;
}

.text-block {
  width: 70%;
  float: right;
}

.tab-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  color: #154680;
}

.tab-link.w--current {
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #154680;
  color: #fff;
}

.tabs-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 1%;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.tab-link-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  color: #154680;
}

.tab-link-2.w--current {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #154680;
  color: #fff;
}

.tab-link-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  color: #154680;
}

.tab-link-3.w--current {
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #154680;
  color: #fff;
}

.tab-link-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  color: #154680;
}

.tab-link-4.w--current {
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #154680;
  color: #fff;
}

.tab-link-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  color: #154680;
}

.tab-link-5.w--current {
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #154680;
  color: #fff;
}

.tab-link-6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  color: #154680;
}

.tab-link-6.w--current {
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #154680;
  color: #fff;
}

.tab-link-7 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  color: #154680;
}

.tab-link-7.w--current {
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #154680;
  color: #fff;
}

.tab-link-8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  color: #154680;
}

.tab-link-8.w--current {
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #154680;
  color: #fff;
}

.tab-link-9 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  color: #154680;
}

.tab-link-9.w--current {
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #154680;
  color: #fff;
}

.tab-link-10 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  color: #154680;
}

.tab-link-10.w--current {
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #154680;
  color: #fff;
}

.tab-link-11 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  color: #154680;
}

.tab-link-11.w--current {
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #154680;
  color: #fff;
}

.tab-link-12 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  color: #154680;
}

.tab-link-12.w--current {
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #154680;
  color: #fff;
}

.icon_livro {
  position: static;
  width: 5%;
}

.heading {
  width: 80%;
  float: right;
}

.titulo_01 {
  width: 87%;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 1% 2%;
  font-family: 'Museo 500', sans-serif;
  color: #fff;
  text-shadow: 1px 1px 5px #000;
}

.notebook {
  position: absolute;
  width: 45vh;
  height: 35vw;
  margin-left: 2%;
  -webkit-perspective: 1200px;
  perspective: 1200px;
  -webkit-perspective-origin: 50% 0%;
  perspective-origin: 50% 0%;
  -webkit-transform: rotateX(-60deg) rotateY(0deg) rotateZ(0deg);
  transform: rotateX(-60deg) rotateY(0deg) rotateZ(0deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.parte_baixo {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(270deg, #9eb6c3, #9eb6c3);
  background-image: linear-gradient(180deg, #9eb6c3, #9eb6c3);
  -webkit-transform: scale(0.98);
  -ms-transform: scale(0.98);
  transform: scale(0.98);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.parte_cima {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(270deg, #154680, #154680);
  background-image: linear-gradient(180deg, #154680, #154680);
  -webkit-perspective: 2000px;
  perspective: 2000px;
  -webkit-perspective-origin: 50% 0%;
  perspective-origin: 50% 0%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.info_livro_video {
  width: 100%;
  margin-bottom: 2%;
}

.aula-modulo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.titulo_modulo {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: 'Museo 500', sans-serif;
  color: #154680;
  font-size: 25px;
  line-height: 40px;
}

.linha_01 {
  margin-bottom: 1%;
  margin-left: 2%;
  padding: 2px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-image: -webkit-linear-gradient(270deg, #154680, #154680);
  background-image: linear-gradient(180deg, #154680, #154680);
}

.sinopse {
  width: 70%;
  margin-right: 2%;
  float: right;
}

.sinopse.sem_indicacao {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 35vh;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.titulo_principal {
  font-family: 'Museosans 700', sans-serif;
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
}

.paragraph {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #fff;
  font-size: 20px;
  line-height: 25px;
}

.important-text {
  font-family: 'Museosans 500', sans-serif;
}

.texto_padrao {
  font-family: 'Museosans 300', sans-serif;
  color: #fff;
  font-size: 18px;
  line-height: 25px;
  font-style: normal;
  font-weight: 300;
  text-decoration: none;
}

.texto_padrao.escuro {
  color: #000;
}

.subtitulo_autor {
  font-family: 'Museosans 500', sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}

.txt_link {
  font-family: 'Museosans 300', sans-serif;
  color: #fff;
  font-size: 14px;
  line-height: 25px;
  font-weight: 300;
}

.txt_destaque {
  color: #ffeb00;
}

.link {
  text-decoration: none;
}

.div-block {
  width: 60%;
  float: right;
}

.cabecalho {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 85%;
  margin: 3% auto 1%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.link-block {
  width: 4%;
  padding: 6px;
  cursor: pointer;
}

.img_icon {
  width: 100%;
}

.link-2 {
  text-decoration: none;
}

.img_notebook1 {
  position: absolute;
  width: auto;
  height: 100vh;
}

.notebook_tela {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  display: block;
  width: auto;
  height: 33vh;
  margin-right: auto;
  margin-left: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective-origin: 50% 100%;
  perspective-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.notebook_wrapper {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 33vh;
  -webkit-perspective: 2000px;
  perspective: 2000px;
  -webkit-perspective-origin: 50% 0%;
  perspective-origin: 50% 0%;
}

.notecovercontainer {
  position: relative;
  width: 100%;
  height: 33vh;
  -webkit-transform: rotateX(-180deg) rotateY(0deg) rotateZ(0deg);
  transform: rotateX(-180deg) rotateY(0deg) rotateZ(0deg);
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.notebook_tampa {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  display: block;
  width: auto;
  height: 33vh;
  margin-right: auto;
  margin-left: auto;
}

.tela {
  width: auto;
  height: 33vh;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.notebook_tela2 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  display: block;
  width: auto;
  height: 33vh;
  margin-right: auto;
  margin-left: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.notebook_tela3 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  display: block;
  width: auto;
  height: 33vh;
  margin-right: auto;
  margin-left: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.notebook_tela4 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  display: block;
  width: auto;
  height: 33vh;
  margin-right: auto;
  margin-left: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.notebook_tela5 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  display: block;
  width: auto;
  height: 33vh;
  margin-right: auto;
  margin-left: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.notebook_tela6 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  display: block;
  width: auto;
  height: 33vh;
  margin-right: auto;
  margin-left: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.notebook_tela7 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  display: block;
  width: auto;
  height: 33vh;
  margin-right: auto;
  margin-left: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.notebook_tela8 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  display: block;
  width: auto;
  height: 33vh;
  margin-right: auto;
  margin-left: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.notebook_tela9 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  display: block;
  width: auto;
  height: 33vh;
  margin-right: auto;
  margin-left: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.notebook_tela10 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  display: block;
  width: auto;
  height: 33vh;
  margin-right: auto;
  margin-left: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.notebook_tela11 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  display: block;
  width: auto;
  height: 33vh;
  margin-right: auto;
  margin-left: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.seta_circular {
  position: absolute;
  left: 3.5%;
  right: 0px;
  bottom: 18%;
  display: block;
  width: auto;
  height: 5vh;
  margin-right: auto;
  margin-left: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.bloqueio {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1;
  width: 65%;
  height: 10vh;
  padding: 25px;
}

.bloqueio._02 {
  width: 71%;
}

.img_capa_livro {
  position: absolute;
  top: 0px;
  right: 0%;
  bottom: 0px;
  display: block;
  width: auto;
  height: 100vh;
  margin-right: auto;
  margin-left: auto;
}

.div_capa_livro {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-perspective-origin: 100% 50%;
  perspective-origin: 100% 50%;
}

.bookcovercontainer {
  position: relative;
  display: block;
  width: 100%;
  height: 100vh;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}

.img_margem_livro {
  position: static;
  display: block;
  width: auto;
  height: 100vh;
}

.bookwrapper {
  width: 100%;
  height: 100vh;
  padding-right: 1px;
  padding-left: 1px;
}

.click_livros {
  position: absolute;
  right: 7%;
  bottom: 10%;
  width: 20%;
  height: 36vh;
  padding: 15px;
  border-radius: 10px;
  text-align: center;
  text-decoration: none;
}

.link_videos {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  display: block;
  width: 35%;
  height: 33vh;
  margin-right: auto;
  margin-left: auto;
}

.box_aviso {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 25%;
  height: auto;
  margin-left: 5%;
  padding: 1% 15px 15px;
  background-image: -webkit-linear-gradient(270deg, #e6d5b9, #e6d5b9);
  background-image: linear-gradient(180deg, #e6d5b9, #e6d5b9);
  box-shadow: 0 1px 20px 0 rgba(88, 85, 85, .8);
}

.box_aviso._02 {
  left: auto;
  top: 0px;
  right: 0px;
  display: block;
  width: 40%;
  margin-top: 8%;
  margin-right: 8%;
  padding-right: 2%;
  padding-bottom: 3%;
  padding-left: 2%;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  background-image: -webkit-linear-gradient(270deg, #e6d5b9, #e6d5b9);
  background-image: linear-gradient(180deg, #e6d5b9, #e6d5b9);
  box-shadow: 1px 1px 15px 0 #363333;
}

.titulo_padrao {
  margin-top: 0px;
  font-family: 'Museo 700', sans-serif;
  font-weight: 700;
}

.seta_baixo {
  position: relative;
  display: block;
  margin-right: auto;
  margin-left: auto;
  cursor: pointer;
}

.aviso {
  overflow: hidden;
}

.icon_fechar {
  position: relative;
  left: 90%;
  width: 10%;
  margin-bottom: 5%;
  cursor: pointer;
}

.icon_fechar2 {
  position: absolute;
  top: 5%;
  right: 5%;
  z-index: 999;
  width: 5%;
  margin-bottom: 5%;
  cursor: pointer;
}

.div_aviso {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 997;
  display: none;
  width: 45%;
  height: auto;
}

.div_partea {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 33.33%;
  height: 15vh;
  background-color: #e6d5b9;
}

.div_parteb {
  position: relative;
  display: block;
  width: 33.33%;
  height: 15vh;
  margin-right: auto;
  margin-left: auto;
  background-color: #e6d5b9;
}

.div_partec {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 33.33%;
  height: 15vh;
  border-top-right-radius: 50px;
  background-color: #e6d5b9;
}

.div_parted {
  position: absolute;
  left: 0px;
  top: 15vh;
  width: 33.33%;
  height: 15vh;
  background-color: #e6d5b9;
}

.div_partee {
  position: relative;
  display: block;
  width: 33.33%;
  height: 15vh;
  margin-right: auto;
  margin-left: auto;
  background-color: #e6d5b9;
}

.div_partef {
  position: absolute;
  top: 15vh;
  right: 0px;
  width: 33.33%;
  height: 15vh;
  background-color: #e6d5b9;
}

.div_parteg {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 33.33%;
  height: 15vh;
  border-bottom-left-radius: 50px;
  background-color: #e6d5b9;
}

.div_parteh {
  position: relative;
  display: block;
  width: 33.33%;
  height: 15vh;
  margin-right: auto;
  margin-left: auto;
  background-color: #e6d5b9;
}

.div_partei {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 33.33%;
  height: 15vh;
  background-color: #e6d5b9;
}

.aviso_ev {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  padding: 25px 50px 25px 25px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  background-color: #e6d5b9;
}

.div_botoes {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 5%;
  width: 100%;
  height: auto;
  min-height: 100vh;
}

.div_colunas {
  display: none;
}

html.w-mod-js *[data-ix="entrar-pasta"] {
  opacity: 0;
  -webkit-transform: translate(-100%, 0px);
  -ms-transform: translate(-100%, 0px);
  transform: translate(-100%, 0px);
}

html.w-mod-js *[data-ix="entrar-pasta-2"] {
  opacity: 0;
  -webkit-transform: translate(-100%, 0px) scale3d(1, 1, 0.5);
  transform: translate(-100%, 0px) scale3d(1, 1, 0.5);
}

html.w-mod-js *[data-ix="entrar-postit"] {
  opacity: 0;
  -webkit-transform: translate(-50%, 0px) scale3d(1.5, 1.5, 1.5);
  transform: translate(-50%, 0px) scale3d(1.5, 1.5, 1.5);
}

html.w-mod-js *[data-ix="entrar-postit-2"] {
  opacity: 0;
  -webkit-transform: translate(-50%, 0px) scale3d(1.5, 1.5, 1.5);
  transform: translate(-50%, 0px) scale3d(1.5, 1.5, 1.5);
}

html.w-mod-js *[data-ix="entrar-agenda"] {
  opacity: 0;
  -webkit-transform: translate(0px, 100%) rotate(-90deg);
  -ms-transform: translate(0px, 100%) rotate(-90deg);
  transform: translate(0px, 100%) rotate(-90deg);
}

html.w-mod-js *[data-ix="entrar-caneta"] {
  opacity: 0;
  -webkit-transform: translate(0px, 50%) rotate(-60deg);
  -ms-transform: translate(0px, 50%) rotate(-60deg);
  transform: translate(0px, 50%) rotate(-60deg);
}

html.w-mod-js *[data-ix="entrar-caneta-2"] {
  opacity: 0;
  -webkit-transform: translate(0px, 50%) rotate(-60deg);
  -ms-transform: translate(0px, 50%) rotate(-60deg);
  transform: translate(0px, 50%) rotate(-60deg);
}

html.w-mod-js *[data-ix="entrar-oculos"] {
  opacity: 0;
  -webkit-transform: translate(0px, 50%) scale(1.5, 1.5) rotate(-70deg);
  -ms-transform: translate(0px, 50%) scale(1.5, 1.5) rotate(-70deg);
  transform: translate(0px, 50%) scale(1.5, 1.5) rotate(-70deg);
}

html.w-mod-js *[data-ix="entrar-papel"] {
  opacity: 0;
  -webkit-transform: translate(100%, 0px);
  -ms-transform: translate(100%, 0px);
  transform: translate(100%, 0px);
}

html.w-mod-js *[data-ix="entrar-post-it3"] {
  opacity: 0;
  -webkit-transform: translate(100%, 0px) rotate(60deg);
  -ms-transform: translate(100%, 0px) rotate(60deg);
  transform: translate(100%, 0px) rotate(60deg);
}

html.w-mod-js *[data-ix="entrar-livro1"] {
  opacity: 0;
  -webkit-transform: translate(100%, 0px) rotate(50deg);
  -ms-transform: translate(100%, 0px) rotate(50deg);
  transform: translate(100%, 0px) rotate(50deg);
}

html.w-mod-js *[data-ix="entrar-livro-2"] {
  opacity: 0;
  -webkit-transform: translate(100%, 0px) rotate(50deg);
  -ms-transform: translate(100%, 0px) rotate(50deg);
  transform: translate(100%, 0px) rotate(50deg);
}

html.w-mod-js *[data-ix="entrar-celular"] {
  opacity: 0;
  -webkit-transform: translate(0px, -50%) rotate(-80deg);
  -ms-transform: translate(0px, -50%) rotate(-80deg);
  transform: translate(0px, -50%) rotate(-80deg);
}

html.w-mod-js *[data-ix="entrar-xiara"] {
  opacity: 0;
  -webkit-transform: translate(0px, -100%) rotate(-63deg);
  -ms-transform: translate(0px, -100%) rotate(-63deg);
  transform: translate(0px, -100%) rotate(-63deg);
}

html.w-mod-js *[data-ix="entrar-tablet"] {
  opacity: 0;
  -webkit-transform: translate(0px, 100%);
  -ms-transform: translate(0px, 100%);
  transform: translate(0px, 100%);
}

html.w-mod-js *[data-ix="entrar-cidade"] {
  opacity: 0;
  -webkit-transform: scale(5, 5);
  -ms-transform: scale(5, 5);
  transform: scale(5, 5);
}

html.w-mod-js *[data-ix="entrar-guinaste"] {
  opacity: 0;
  -webkit-transform: scale(5, 5);
  -ms-transform: scale(5, 5);
  transform: scale(5, 5);
}

html.w-mod-js *[data-ix="entrar-pessoas"] {
  opacity: 0;
  -webkit-transform: scale(5, 5);
  -ms-transform: scale(5, 5);
  transform: scale(5, 5);
}

html.w-mod-js *[data-ix="nuvens"] {
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

html.w-mod-js *[data-ix="nuvens-2"] {
  -webkit-transform: translate(100%, 0px);
  -ms-transform: translate(100%, 0px);
  transform: translate(100%, 0px);
}

html.w-mod-js *[data-ix="nuvens-3"] {
  -webkit-transform: translate(100%, 0px);
  -ms-transform: translate(100%, 0px);
  transform: translate(100%, 0px);
}

html.w-mod-js *[data-ix="subir-gancho"] {
  opacity: 0;
  -webkit-transform: scale(5, 5);
  -ms-transform: scale(5, 5);
  transform: scale(5, 5);
}

html.w-mod-js *[data-ix="abrir-conteudo"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="enrada"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="entrar-notebook"] {
  -webkit-transform: scale(5, 5);
  -ms-transform: scale(5, 5);
  transform: scale(5, 5);
}

html.w-mod-js *[data-ix="tampa-notebook"] {
  -webkit-transform: scale(5, 5);
  -ms-transform: scale(5, 5);
  transform: scale(5, 5);
}

html.w-mod-js *[data-ix="abrir-aviso"] {
  display: none;
}

html.w-mod-js *[data-ix="fechar-aviso"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="fechar-aviso-2"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="ocultar-aviso"] {
  -webkit-transform: translate(150%, 0px) rotate(10deg);
  -ms-transform: translate(150%, 0px) rotate(10deg);
  transform: translate(150%, 0px) rotate(10deg);
}

html.w-mod-js *[data-ix="aprecer-botao"] {
  opacity: 0;
  -webkit-transform: scale(0.5, 0.5);
  -ms-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
}

@media (max-width: 991px) {
  .img_pasta {
    width: 100%;
    height: auto;
  }
  .img_pasta2 {
    width: 100%;
    height: auto;
  }
  .img_agenda {
    width: 100%;
    height: auto;
  }
  .img_post_it1 {
    width: 100%;
    height: auto;
  }
  .img_post_it2 {
    width: 100%;
    height: auto;
  }
  .img_papel {
    width: 100%;
    height: auto;
  }
  .img_livro1 {
    width: 100%;
    height: auto;
  }
  .img_livro2 {
    width: 100%;
    height: auto;
  }
  .img_post_it3 {
    width: 100%;
    height: auto;
  }
  .img_caneta1 {
    width: 100%;
    height: auto;
  }
  .img_caneta2 {
    width: 100%;
    height: auto;
  }
  .img_xicara {
    width: 100%;
    height: auto;
  }
  .img_tablet {
    width: 100%;
    height: auto;
  }
  .img_oculos {
    width: 100%;
    height: auto;
  }
  .img_celular {
    width: 100%;
    height: auto;
  }
  .img_cidade {
    width: 100%;
    height: auto;
  }
  .img_guindaste {
    width: 100%;
    height: auto;
  }
  .img_pessoas {
    width: 100%;
    height: auto;
  }
  .img_nuvens {
    width: 100%;
    height: auto;
  }
  .img_gancho {
    width: 100%;
    height: auto;
  }
  .img_livros {
    width: 100%;
    height: auto;
  }
  .tab-link {
    width: 16.5%;
  }
  .tab-link.w--current {
    width: 16%;
  }
  .tabs-menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }
  .titulo_01 {
    width: 85%;
  }
  .linha_01 {
    margin-bottom: 2%;
  }
  .texto_padrao {
    font-size: 16px;
    line-height: 22px;
  }
  .texto_padrao.escuro {
    font-size: 16px;
    line-height: 20px;
  }
  .link-block {
    width: 5%;
  }
  .img_notebook1 {
    width: 100%;
    height: auto;
  }
  .notebook_tela {
    left: 0px;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 20vh;
  }
  .notebook_wrapper {
    height: 20vh;
    margin-top: 21vh;
  }
  .notecovercontainer {
    height: 19vh;
    margin-top: 0%;
  }
  .notebook_tampa {
    width: 100%;
    height: 20vh;
  }
  .notebook_tela2 {
    left: 0px;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 20vh;
  }
  .notebook_tela3 {
    left: 0px;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 20vh;
  }
  .notebook_tela4 {
    left: 0px;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 20vh;
  }
  .notebook_tela5 {
    left: 0px;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 20vh;
  }
  .notebook_tela6 {
    left: 0px;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 20vh;
  }
  .notebook_tela7 {
    left: 0px;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 20vh;
  }
  .notebook_tela8 {
    left: 0px;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 20vh;
  }
  .notebook_tela9 {
    left: 0px;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 20vh;
  }
  .notebook_tela10 {
    left: 0px;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 20vh;
  }
  .notebook_tela11 {
    left: 0px;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 20vh;
  }
  .seta_circular {
    left: 3.5%;
    top: 70%;
    right: 0px;
    bottom: auto;
    height: 3vh;
  }
  .box_aviso {
    width: 30%;
  }
  .titulo_padrao {
    font-size: 30px;
    line-height: 35px;
  }
  .aviso_ev {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 767px) {
  .img_pasta {
    width: 100%;
    height: 100vh;
  }
  .img_pasta2 {
    width: 100%;
    height: 100vh;
  }
  .img_agenda {
    width: 100%;
    height: 100vh;
  }
  .img_post_it1 {
    width: 100%;
    height: 100vh;
  }
  .img_post_it2 {
    width: 100%;
    height: 100vh;
  }
  .img_papel {
    width: 100%;
    height: 100vh;
  }
  .img_livro1 {
    width: 100%;
    height: 100vh;
  }
  .img_livro2 {
    width: 100%;
    height: 100vh;
  }
  .img_post_it3 {
    width: 100%;
    height: 100vh;
  }
  .img_caneta1 {
    width: 100%;
    height: 100vh;
  }
  .img_caneta2 {
    width: 100%;
    height: 100vh;
  }
  .img_xicara {
    width: 100%;
    height: 100vh;
  }
  .img_tablet {
    width: 100%;
    height: 100vh;
  }
  .img_oculos {
    width: 100%;
    height: 100vh;
  }
  .img_celular {
    width: 100%;
    height: 100vh;
  }
  .tab-pane {
    height: 45vh;
  }
  .tab-link {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .tab-link.w--current {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .text-block-2 {
    font-size: 12px;
  }
  .icon_livro {
    width: 8%;
  }
  .titulo_01 {
    width: 73%;
    font-size: 30px;
    line-height: 35px;
  }
  .linha_01 {
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .titulo_principal {
    font-size: 20px;
    line-height: 25px;
  }
  .texto_padrao {
    font-size: 12px;
    line-height: 18px;
  }
  .texto_padrao.escuro {
    font-size: 12px;
    line-height: 16px;
  }
  .subtitulo_autor {
    font-size: 14px;
  }
  .txt_link {
    font-size: 10px;
    line-height: 15px;
  }
  .link-block {
    width: 7%;
  }
  .img_notebook1 {
    width: 100%;
    height: 100vh;
  }
  .notebook_tela {
    height: 33vh;
  }
  .notebook_wrapper {
    height: 33vh;
    margin-top: 0vh;
  }
  .notecovercontainer {
    height: 33vh;
    margin-top: 0%;
  }
  .notebook_tampa {
    height: 33vh;
  }
  .notebook_tela2 {
    height: 33vh;
  }
  .notebook_tela3 {
    height: 33vh;
  }
  .notebook_tela4 {
    height: 33vh;
  }
  .notebook_tela5 {
    height: 33vh;
  }
  .notebook_tela6 {
    height: 33vh;
  }
  .notebook_tela7 {
    height: 33vh;
  }
  .notebook_tela8 {
    height: 33vh;
  }
  .notebook_tela9 {
    height: 33vh;
  }
  .notebook_tela10 {
    height: 33vh;
  }
  .notebook_tela11 {
    height: 33vh;
  }
  .box_aviso {
    width: 35%;
    margin-left: 1%;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
  }
  .titulo_padrao {
    font-size: 20px;
    line-height: 25px;
  }
  .seta_baixo {
    width: 20%;
  }
  .div_aviso {
    width: 60%;
    height: auto;
  }
  .div_partea {
    height: 25vh;
  }
  .div_parteb {
    height: 25vh;
  }
  .div_partec {
    height: 25vh;
    border-top-right-radius: 30px;
  }
  .div_parted {
    top: 25vh;
    height: 25vh;
  }
  .div_partee {
    height: 25vh;
  }
  .div_partef {
    top: 25vh;
    height: 25vh;
  }
  .div_parteg {
    height: 25vh;
    border-bottom-left-radius: 30px;
  }
  .div_parteh {
    height: 25vh;
  }
  .div_partei {
    height: 25vh;
  }
  .aviso_ev {
    display: block;
    padding-top: 25px;
    padding-right: 25px;
    padding-left: 25px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
  }
  .important-text-2 {
    font-size: 14px;
    line-height: 18px;
  }
  .important-text-3 {
    font-size: 14px;
  }
}

@media (max-width: 479px) {
  .img_pasta {
    width: 100%;
    height: auto;
  }
  .img_pasta2 {
    width: 100%;
    height: auto;
  }
  .img_agenda {
    width: 100%;
    height: auto;
  }
  .img_post_it1 {
    width: 100%;
    height: auto;
  }
  .img_post_it2 {
    width: 100%;
    height: auto;
  }
  .img_papel {
    width: 100%;
    height: auto;
  }
  .img_livro1 {
    width: 100%;
    height: auto;
  }
  .img_livro2 {
    width: 100%;
    height: auto;
  }
  .img_post_it3 {
    width: 100%;
    height: auto;
  }
  .img_caneta1 {
    width: 100%;
    height: auto;
  }
  .img_caneta2 {
    width: 100%;
    height: auto;
  }
  .img_xicara {
    width: 100%;
    height: auto;
  }
  .img_tablet {
    width: 100%;
    height: auto;
  }
  .img_oculos {
    width: 100%;
    height: auto;
  }
  .img_celular {
    width: 100%;
    height: auto;
  }
  .img_cidade {
    width: 100%;
    height: auto;
  }
  .img_guindaste {
    width: 100%;
    height: auto;
  }
  .img_guindaste._02 {
    width: 100%;
    height: auto;
  }
  .img_pessoas {
    width: 100%;
    height: auto;
  }
  .img_nuvens {
    width: 100%;
    height: auto;
  }
  .img_gancho {
    width: 100%;
    height: auto;
  }
  .img_livros {
    width: 100%;
    height: auto;
  }
  .div_conteudo {
    height: 80vh;
  }
  .tab-pane {
    height: 55vh;
  }
  .capa_livro {
    display: block;
    width: 70%;
    margin-right: auto;
    margin-left: auto;
    float: none;
  }
  .tab-link {
    width: 25%;
  }
  .tab-link.w--current {
    width: 25%;
  }
  .icon_livro {
    width: 10%;
  }
  .titulo_01 {
    width: 70%;
    font-size: 23px;
    line-height: 30px;
  }
  .sinopse {
    width: 100%;
    padding-right: 5%;
    float: none;
  }
  .sinopse.sem_indicacao {
    height: 15vh;
  }
  .link-block {
    width: 12%;
  }
  .img_notebook1 {
    width: 100%;
    height: auto;
  }
  .notebook_wrapper {
    display: none;
  }
  .click_livros {
    display: none;
  }
  .link_videos {
    display: none;
  }
  .box_aviso {
    display: block;
    width: 97%;
    margin-left: 2%;
    padding-right: 10px;
    padding-left: 10px;
  }
  .seta_baixo {
    width: 10%;
  }
  .icon_fechar {
    width: 5%;
    margin-top: 5%;
  }
  .icon_fechar2 {
    width: 7%;
  }
  .div_aviso {
    width: 100%;
  }
  .aviso_ev {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 25px;
    padding-left: 25px;
  }
  .div_botoes {
    bottom: 0%;
    overflow: hidden;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .link_paginas {
    width: 40%;
    height: auto;
    margin-bottom: 10%;
    margin-left: 5%;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    background-color: #6cc3c6;
    box-shadow: 1px 1px 3px 0 #000;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
  }
  .link_paginas.livros {
    left: auto;
    right: 0px;
    bottom: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    margin-right: 5%;
    margin-left: 0%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 15px 0px;
    background-color: #9eb6c3;
  }
  .txt_clique {
    margin-top: 5px;
    margin-bottom: 5px;
    font-family: 'Museo 700', sans-serif;
    color: #000;
    font-size: 20px;
    line-height: 25px;
    font-weight: 700;
  }
  .div_colunas {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: auto;
    margin-bottom: 0%;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .note_celular {
    position: absolute;
    width: 100%;
    height: auto;
  }
  .img_livro3 {
    position: absolute;
    width: 100%;
    height: auto;
  }
}

@font-face {
  font-family: 'Museo 500';
  src: url('../fonts/Museo_500_Regular.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Museo 700';
  src: url('../fonts/Museo_700_Regular.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Museosans 500';
  src: url('../fonts/MuseoSans_500_Regular.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Museo 900';
  src: url('../fonts/Museo_900_Regular.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Museosans 700';
  src: url('../fonts/MuseoSans_700_Italic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'Museosans 500';
  src: url('../fonts/MuseoSans_500_Italic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Museosans 300';
  src: url('../fonts/MuseoSans-300.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Museosans 700';
  src: url('../fonts/MuseoSans_700_Regular.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}