/* Show it's not fixed to the top */
body {
  min-height: 75rem;
    
}
/* TIPOGRAFIA
   -------------------------------------------- */
html {
    scroll-behavior: smooth;
}

body.home-body {
    background-color: #000;
    color: #fff;
    font-family: raleway, sans-serif; 
    font-weight: 400;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

img {
    display: block
}

a,
h1,
h2,
h3,
p {
    line-height: 100%
}

a {
    text-decoration: none;
    color: #666666;
}
a:hover {
    color: #666666;
}
li {
    list-style-type: none;
    
}

.wrap {
    width: 96%;
    max-width: 1170px;
    margin: 0 auto;
}

p {
    font-family: raleway, sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 1rem;
    text-align: left
}
h1, h2, h3, h4, h5 {
font-family: haboro, sans-serif; 
font-weight: normal;
}
/* HEADER
   -------------------------------------------- */
.navbar { background-color:#B37AC1; min-height: 50px; width: 100%; }
.container-navbar { width: 92%; max-width: 360px; margin: 0 auto; display: flex; flex-wrap: inherit;
align-items: center;
justify-content: space-between;}
.navbar-brand {font-family: haboro, sans-serif; 
font-style: normal; font-size: 17px; padding: .2rem 0; color: #000!important; display: flex; line-height: 0.8;}
.navbar-brand a {color: #000;}
.nav-item { border-right:none; text-transform: uppercase; border-bottom:solid 1px #fff; font-size: 14px; text-transform: uppercase; line-height: 1; 
padding: 8px 0;} 
.dropdown-menu[data-bs-popper] {
  top: inherit;
  left: auto;
  margin-top: .125rem;
}
.navbar-nav .nav-link { color: #000; padding: .2rem 1.7rem .1rem; font-weight: 500;}
.navbar-nav .nav-link:hover { color: #fff;}
.nav-item .active {color: #000;}
.navbar-toggler {color: #000;
border-color: rgba(255,255,255,0);background-color:#b37ac1;}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/* HEADER
   -------------------------------------------- */
header {  max-width: 100%; min-height: 360px; background: url("../img/bg_header.webp") #191919 top center no-repeat; background-size:auto 277px; }


.decor-header {background: url("../img/elemento_ondas.webp") -200px top repeat-x; background-size:auto 200px; height: 200px; width: 100%; z-index: 1;margin: -90px 0 -136px;}

.header-inner {width: 100%; max-width: 820px; display: flex; position: relative; z-index: 10; padding:20px 0 5px; margin: 0 auto;}

.head-inner-esq {width: 100%; margin-right: 0;}
.head-inner-dir {width: 100%;}

.tit-home { color: #B969CC; font-size: 24px; line-height: 1.5;width: 90%; text-shadow: #000 1px 0 10px;}
.tit-home span { color: #fff; white-space: nowrap;}
.livro-header { width: 92%; max-width: 164px; height: auto; margin-bottom: -40px; margin-top: 20px;margin-left: 5px; margin-right: 5p}

@media (min-width: 768px) {
    .decor-header {background: url("../img/elemento_ondas.webp") top left repeat-x; background-size:auto 260px; height: 260px; width: 100%; z-index: 1;margin: -90px 0 -136px;}
.head-inner-esq {width: 55%; margin-right: 5%;}
.head-inner-dir {width: 40%;}
.livro-header {max-width: 205px; margin-bottom: -40px; margin-left: 10px; margin-right: 10px }
.tit-home {font-size: 28px;line-height: 1.4; width: 100%}
}

/* HEADER INTERNA
   -------------------------------------------- */
.head-inner { display: flex; flex-direction: column; align-items: center; position: relative; margin-top: 40px;width: 100%;}

/* O LIVRO
   -------------------------------------------- */
.os-livros {width: 100%; margin: 0 auto; padding:164px 0 40px;  justify-content: center;  position: relative; z-index: 4; 
    background: url("../img/divisor_sol.svg") top center no-repeat;
}
.divisor-lua {width: 100%; margin: 40px auto; justify-content: center;  position: relative; z-index: 4; 
    background: url("../img/divisor_lua.svg") top center no-repeat; height: 93px;
}
.os-livros .inner {width: 88%; max-width: 1000px;}
.box-livro {position: relative; }
.sinopse { margin-top: 20px;margin-bottom: 2rem;}
.livro-sinopse {width: 90%; max-width: 310px; height:auto; margin: 20px auto 0; position: relative; z-index: 1;}
.splash { width: 110px; height: 110px; margin: -70px 20px 10px 15%;}
@media (min-width: 768px) {.livro-sinopse {width: 90%; max-width: 468px; }
.splash { width: 152px; height: 152px; margin: -100px 20px 10px 15%;}}

.os-livros-inner p { color: #fff; font-size: 18px;line-height: 1.2;}

.card {
    border: none;
    background-color: transparent;
}

.card-body {
    padding: 0 0 1rem;
}
.link-leia {
    font-weight: 700;
    color: #03A0AF;
    text-transform: uppercase;
    text-decoration: none;
    margin-bottom: 20px;
    font-size: 21px;
    padding: 5px 0;
    text-align: left;
border-radius: 6px;
}
.link-leia span { font-size: 32px; color: #fff;}
.link-leia:hover {
    color: #fff;}

.leia-mais {font-family: 'Nicolas Cochin EF', serif;
font-weight: 700;
font-style: normal;
    color: #fff;
    text-transform: uppercase;
    font-size: 28px;
    margin: 0 auto 0;
    line-height: 1.3;
    text-shadow: 0px 0px 8px rgba(0,0,0,0.85);
}
.leia-mais:hover {color: #fff;}

.accordion-item { background-color: transparent; border-bottom: solid 1px #707070;}
.accordion-flush .accordion-item:last-child {border-bottom: solid 1px #707070;}
.accordion-button { background-color: transparent;color: #fff; font-family: raleway, sans-serif;
  line-height: 100%;
  font-size: 21px;
  font-weight: 700;
text-transform: uppercase;}
.accordion-button:not(.collapsed) { background-color: transparent; color: #fff;}


.accordion-laranja .accordion-button::after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.029' height='16.029' viewBox='0 0 16.029 16.029'%3E%3Cpath id='Caminho_343' data-name='Caminho 343' d='M12.012-11.349v-5.967h-4.1v5.967H1.989v4.095H7.917v5.967h4.1V-7.254h6.006v-4.095Z' transform='translate(-1.989 17.316)' fill='%23D6A017'/%3E%3C/svg%3E"); background-size: 1rem;}
.accordion-laranja .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23D6A017; %7D %3C/style%3E%3C/defs%3E%3C!-- Generator: Adobe Illustrator 28.6.0, SVG Export Plug-In . SVG Version: 1.2.0 Build 709) --%3E%3Cg%3E%3Cg id='Layer_1'%3E%3Cpath id='Caminho_343' class='cls-1' d='M10,6H0v4.1h16v-4.1h-6Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-size: 1rem;}

.accordion-azul .accordion-button::after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.029' height='16.029' viewBox='0 0 16.029 16.029'%3E%3Cpath id='Caminho_343' data-name='Caminho 343' d='M12.012-11.349v-5.967h-4.1v5.967H1.989v4.095H7.917v5.967h4.1V-7.254h6.006v-4.095Z' transform='translate(-1.989 17.316)' fill='%2343B5AC'/%3E%3C/svg%3E"); background-size: 1rem;}
.accordion-azul .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2343B5AC; %7D %3C/style%3E%3C/defs%3E%3C!-- Generator: Adobe Illustrator 28.6.0, SVG Export Plug-In . SVG Version: 1.2.0 Build 709) --%3E%3Cg%3E%3Cg id='Layer_1'%3E%3Cpath id='Caminho_343' class='cls-1' d='M10,6H0v4.1h16v-4.1h-6Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-size: 1rem;}


/* TRECHO   
   -------------------------------------------- */
.trecho { width: 100%;}
.trecho .inner { width: 88%; max-width: 560px;}
.capa-trecho { margin-right: 36px;}
.capa-trecho:hover {opacity: 0.7;}
.txt-trecho { font-size: 22px; width: 90%; margin-bottom: 20px;}
@media (min-width: 768px) {width: 100%; margin-bottom: 0;}
.txt-trecho span { color: #03A0AF;}
.link-trecho { z-index: 5; position: relative;}
@media (min-width: 768px) {.link-trecho {}}
.link-trecho:hover {color: #03A0AF; background-color:#000; }


/* COMPRE ONLINE
   -------------------------------------------- */

.compreonline { width: 100%;background-color: #7F3F73;
    background: url("../img/decor_onda.webp") #7F3F73 top left repeat-x;
background-size: auto 200px; padding-top: 120px}

.compreonline  .inner { width: 80%; max-width: 680px; margin-bottom: 50px;  padding-top: 30px}
.links-venda {width: 100%; max-width: 480px;}
.tit-compre-online { 
margin: 30px auto 15px;
width: 80%;
    text-transform: uppercase;
    font-size: 39px;
    line-height: 1.3;
    text-align: center;

    }
.c-azul { color: #43B5AC;}
.c-laranja { color: #D6A017;}

ul.compre-azul, ul.compre-laranja {
    margin: 0 4% 30px 4%;
    overflow: hidden;
    list-style: none;
    padding: 0;
    width: 92%;
    position: relative;
    display: block;
    text-align: center;
}
.bloco-compre { width: 100%; max-width: 280px; margin: 0 auto;}
@media (min-width: 768px) {
.tit-compre-online { margin: 30px auto 25px; width: 100%; text-align: center; font-size: 39px; }
    .bloco-compre { width: 100%; max-width: 380px;}
ul.compre-azul, ul.compre-laranja {
    margin: 0 2% 10px 2%;
    overflow: hidden;
    list-style: none;
    width: 90%;
    padding: 0;
    float: left;
}}

ul.compre-azul li, ul.compre-laranja li {
    display: grid;
    font-size: 17px;
    margin: 0 0 10px;
    text-align: center;
    
}
ul.compre-azul li a {
    text-decoration: none;
    color: #000;
    padding: 6px 4px;
    background-color: #43B5AC;
    border-radius: 6px;
}
ul.compre-laranja li a {
    text-decoration: none;
    color: #000;
    padding: 6px 4px;
    background-color: #D6A017;
    border-radius: 6px;
}
ul.compre-azul li a:hover {
    color: #fff;
    background-color: #000;
    text-decoration: none;
}
ul.compre-laranja li a:hover {
    color: #fff;
    background-color: #000;
    text-decoration: none;
}
.livro {
    margin: 0 0 18px 0;
    color: #fff;
    text-transform: uppercase;
    font-family: raleway, sans-serif; 
    line-height: 100%;
    font-size: 22px;
    text-align: center;
    font-weight: 700;
}

.video { width: 100%; padding: 10px 0 20px; background-color: #7F3F73;
}
.video .inner {width: 100%; max-width: 860px; position: relative; margin: 0;}
.wrapper-yt {
    width: 100%;
    max-width: 980px;
    margin: 0;
    padding: 0;
}

.youtube {
    background-color: #000;
    margin-bottom: 0;
    padding-top: 56.25%;
    cursor: pointer
}

.youtube img {
    width: 100%;
    top:0;
    left: 0;
    opacity: .7
}

.youtube .play-button {
    width: 90px;
    height: 60px;
    background-color: #333;
    box-shadow: 0 0 30px rgba(0, 0, 0, .6);
    z-index: 1;
    opacity: .8;
    border-radius: 6px
}

.youtube .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26px;
    border-color: transparent transparent transparent #fff
}

.youtube .play-button,
.youtube img {
    cursor: pointer
}

.youtube .play-button,
.youtube .play-button:before,
.youtube iframe,
.youtube img {
    position: absolute
}

.youtube .play-button,
.youtube .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

/*EXTRAS 
    -------------------------------------------*/

.extras {
    width: 100%;
    background-color: #7F3F73;
    background: url("../img/bg_extras.webp") #7F3F73 bottom right no-repeat;
    padding: 20px 0 90px; 
}
.extras .inner {
    width: 94%;
    max-width: 880px;
    padding: 0 0 10px
}
.box-items-extra { width: 100%; max-width: 460px}
.tit-extras {
    font-size: 41px;
    font-weight: normal;
    margin: 10px auto 20px;
    color: #fff;
    text-transform: uppercase;
    width: 70%;
    line-height: 1.1;
}
@media (min-width: 768px) {
    .tit-extras {
        font-size: 46px;
        margin: 28px auto 24px;
    }
}

.intro-extra {
    font-size: 27px;
    text-align: center;
    color: #f5ead6
}

.item-extra {
    margin: 0 10px 6px;
    padding: 5px;
    width: 100%
}

.icone-extra {
    width: 102px;
        height: 102px;
    margin: 0 10px 0 0
}

.link-extra {
text-decoration: none;
    color: #fff;
    text-align: left;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    margin: 0 0 0 8px;

}

.link-extra:hover {
    color: #fff;
    text-decoration: underline;
}

.item-extra-imagem {
    width: 30%
}
.item-extra-botao {
    width: 65%;
    text-align: left;
    margin-left: 14px
}

@media (min-width: 768px) {
.link-extra {
        text-align: center;
        font-size: 21px;
        margin: 0 auto 20px
    }

    .icone-extra {
        width: 122px;
        height: 122px;
        margin: 0 auto 10px
    }

    .item-extra {
        width: 100%
    }

    .item-extra-botao {
        width: 100%;
        text-align: center;
        margin-left: 0
    }
}
/* AUTOR
   -------------------------------------------- */
.autora {  width: 100%; padding: 30px 0 40px; background: url("../img/bg_autora.webp") top left no-repeat;}
.decor-autora {background: url("../img/decor_autora.svg") top center no-repeat; height: 219px; width: 100%;}

.autora .inner h2 {color: #03A0AF; font-size: 40px; margin-bottom: 20px; margin-top: 20px;}
@media (min-width: 768px) {
    .autora .inner h2 {color: #03A0AF; font-size: 46px; margin-bottom: 30px; margin-top: 40px;}
}

.autora .inner {
    width: 96%;
      max-width: 875px;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 10px;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.foto-autor { width: 96%; max-width: 450px; margin: 0 auto; border-radius: 50%;}

.txt-autora { width: 90%; margin: 20px auto 20px; color: #fff;}

/* FOOTER
   -------------------------------------------- */

footer { width: 100%; background-color: #000; }
.footer-inner {
    width: 96%;
    max-width: 1100px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 100px;
    text-align: center;
    overflow: hidden;
    justify-content: center;
}

ul.sociais {
    list-style: inside none none;
    margin: 0 auto 40px;
    overflow: hidden;
    padding: 10px 0 0;
    display: inline-block;
    text-align: center;
    width:96%
}
ul.sociais li {
    display: inline-block;
    margin-bottom: 10px
}
ul.sociais li:first-child {
    display: flex;
    margin-bottom: 20px;
}
ul.sociais li:hover {
    opacity: 0.5;
}
.ico-website,
.ico-facebook,
.ico-twitter,
.ico-youtube,
.ico-instagram,
.ico-tiktok,
.ico-linkedin,
.ico-faleconosco {
    color: #fff;
    display: flex;
    height: 42px;
    margin: 0 6px 0 0;
    overflow: hidden;
    font-size: 25px;
    text-align: center;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    background-color: #000;
}
.ico-facebook svg,
.ico-twitter svg,
.ico-youtube svg,
.ico-instagram svg,
.ico-tiktok svg,
.ico-linkedin svg,
.ico-faleconosco svg { fill:#fff;}
.ico-nome {
    font-family: haboro, sans-serif; 
font-style: normal;
    color: #03A0AF;
    width: 100%;
    float: none;
    margin: 0 auto 10px;
    font-size: 21px;
    width: auto;
        text-transform: uppercase;
}
.ico-facebook {    width: 42px;}
.ico-twitter {    width: 42px;}
.ico-youtube {    width: 42px;}
.ico-instagram {    width: 42px;}
.ico-faleconosco {    margin-right: 0;    width: 42px;}
.ico-tiktok, .ico-linkedin {    width: 42px;}
.icon-block {    padding: 0 15px;}
.icon-block .material-icons {    font-size: inherit;
}

/* ------- QUIZ ------------------------------ */
#foreground {
width: 100%;
background: url("../img/bg_alinhamento.webp") #000 top center no-repeat;
min-height: 650px;
background-size: auto 278px;
background-repeat: no-repeat;
background-position: center top;
padding-top: 152px;
}

#foreground h2 {
color:#fff;
font-size: 30px;
margin-top: 20px;
    text-align: center;
}
.form-mares { width:80%; margin: 0 auto;}
@media (min-width: 768px) {.quizpage h2 {font-size: 37px;}
    
.form-mares { width:100%; margin: 0 auto;}
}


.quizpage {
padding: 0 0 40px;
border-radius: 0;
text-align: center;
color: #FFF;
max-width: 960px;
margin: 0 auto;
position: relative;
z-index: 10;
}


.quiz h3 {
color: #B969CC;
font-family: raleway, sans-serif; 
font-weight: 500;
font-size: 33px;
margin-top: 40px;text-align: center;

}
#q-header h3 { margin-top: 10px;}
.right #q-header h3 {
margin-top: 90px;
}
img.resultimg {
width: 90%;
display: block;
margin: 0 auto 10px;
max-width: 560px;
}
#myDate {
padding: 6px;
font-size: 17px;
}

#q-header {
background-color: rgba(0, 0, 0, .8);
padding: 30px 20px;
margin: 10px 0 30px;
}
#q-header input {padding: 6px;
font-size: 17px; width: 100%; border-radius: 6px; margin-bottom: 10px;}

#q-header .row > * {padding-right: calc(1.5rem*.2);
padding-left: calc(1.5rem*.2);}

#q-content h2 {
text-align: center;
color: #fff559;        }

#q-header h3 {
border-bottom: 0px;
padding-bottom: 0px;
margin-bottom: 20px;
text-transform: none;
font-size: 20px; 
color:#fff;}

.right #q-header h3 {
font-size: 3vw;        }

.right p { padding: 0 5%;
font-size: 110%;        }

#q-questions {}

#q-header img {
width: 80%;
max-width: 600px;
margin: auto;
}
.dyed {
color: #FF0;        }

.halfCol {
display: inline-block;
vertical-align: top;
text-align: center;
margin: 0 .5%;        }

.halfCol.left {
width: 73%; 
margin-top: 60px;}

.halfCol.right {
width: 23%; 
margin-top: 60px;}

.left img {
width: 100%;
height: auto;        }

.buttonsBottom {
padding: 20px 0;        }

.buttonsBottom a {
display: block;
color: #fff;
text-align: center;
padding: 5px 15px;
font-weight: bold;
text-decoration: none;
border-radius: 4px;
margin: 0 1% 20px;
cursor: pointer;
font-size: 18px;
width: auto;
background: #B37AC1;        }

.buttonsBottom a div { display: flex; flex-direction: row; align-items: center; justify-content: center; text-align:center;}
@media (min-width: 768px) {.buttonsBottom a div {text-align: left;}}
.buttonsBottom a div img { margin-right: 8px;}
.buttonsBottom a:hover {
background: #8fdaea;
}

.buttonsBottom a.restart {
background: #35B2AC;
color: #000;}

.buttonsBottom a.restart:hover {
background: #cfffff;  }
.half {
display: block;
color: #000;
text-align: center;
padding: 9px 28px !important;
text-decoration: none;
margin: 20px auto 20px;
cursor: pointer;
font-size: 22px !important;
font-weight: bold;
background-color: #B37AC1;
border: 0px;
text-transform: uppercase;
max-width: 362px
}


.half:hover {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
background-color: #8fdaea;
}
@media only screen and (min-width: 1250px) {
.right #q-header h3 {
    font-size: 36px;}
}

@media only screen and (max-width: 800px) {

.halfCol.left {
    width: 90%;
    margin: 60px auto 0;}
    
.halfCol.right {
    width: 90%;
    margin: 20px auto 0;}

#q-questions a {
    font-size: 1.3em;}

.halfCol.left img {
    max-width: 500px;
    min-height: 345px;}

.right #q-header h3 {
    font-size: 24px;}

.buttonsBottom a {
    font-size: 15px;}

#foreground {
    width: 100%;
    left: 0;
    top: 0;}

.hideme {
    display: none;}

.quizpage {
    height: auto;}

#q-header {
    margin: 30px 2%;}

.buttonsBottom a {
    width: 150px;
    display: inline-block;}
}

@media only screen and (max-width: 425px) {
.half {
    padding: 10px 10%;
}

#q-header {
    padding: 30px 2%;
    margin: 30px .3%;
}
}

.link-voltar {font-family: 'Nicolas Cochin EF', serif;
font-weight: 700;
font-style: normal;
color: #fff;
text-decoration: none;
background-color: #575756;
border-radius: 6px;
padding: 2px 12px;}

.link-voltar:hover {background-color: #fff; color: #575756;}

#background-video {
  width: 100vw;
  height: 540px;
  object-fit: cover;
  position: fixed;
  left: 0;
  right: 0;
  top: 50px;
  bottom: 0;
  z-index: -1;}

.item-critica { width: 100%; max-width: 300px; margin: 0 auto;}
.txt-item-critica {color:#000; font-size: 18px;  margin-bottom: 6px; line-height: 1.2; }
.aut-critica {color: #03A0AF; font-size: 22px;}

/* ALINHADO
   -------------------------------------------- */

.alinhado { width: 100%; background: url("../img/bg_header.webp") #191919 top center no-repeat; background-size:auto 277px; padding-top: 80px; margin-bottom: 80px}

.alinhado .inner { width: 90%; max-width: 840px; }

.alinhado .inner h1 { color:#fff;
font-size: 32px;
margin-bottom: 30px;
width: 70%;}

.alinhado .inner .img-resultado-box { border:solid 1px #fff; max-width: 800px; width: 100%; }


.bt-resultado-box { color: #000; background-color: #03A0AF; border-radius: 6px; text-transform: uppercase; font-weight: 700; padding: 10px 20px 9px; margin-top: 36px; font-size: 22px; max-width: 90%; }

.bt-resultado-box:hover {color: #B37AC1; background-color:#000; }

@media (min-width: 768px) {
.alinhado .inner h1 { 
font-size: 50px; margin-bottom: 50px; width: 92%;}
    .bt-resultado-box { font-size: 24px; }
}

/* MAPAS
   -------------------------------------------- */
.header-mapas {min-height: 240px;}
.header-mapas-inner {min-height: 240px;width: 100%; max-width: 820px;}

.tit-mapas { color: #fff; font-size: 36px; text-align: center; width: 90%;  line-height: 1.3}

@media (min-width: 768px) { .tit-mapas {font-size: 50px;  text-align: left; width: 100%; margin: 20px auto; }}

.mapas {width: 100%; margin: 0 auto; padding: 0 0 40px;  justify-content: center;  position: relative; z-index: 4; background-color: #000; padding: 50px 0 60px
}
.mapas-inner { width: 100%;  max-width: 680px}
.div-mapas { border-top: 1px solid #03A0AF; margin: 20px auto; width: 92%;
}
.container-torre { width: 100%; max-width: 473px; overflow: hidden; height: 100%;}

.inst-mapa { font-size: 16px; width: 80%;}
.head-mapas { margin: 60px auto 32px; width: 100%; }
.tit-mapa { font-size: 25px; color: #03A0AF; text-align: center; margin-bottom: 12px;}

@media (min-width: 768px) {.tit-mapa { margin-right: 18px; margin-bottom: 0;}}
.download-mapa { font-size: 16px;}
.download-mapa:hover { color:#fff; background-color: #03A0AF;}
.tit-mapa a { color: #03A0AF; }
.tit-mapa a:hover { color: #333; }

#container-torre{ height:100%; margin: 0 auto; max-width: 1000px; width: 100%;overflow: hidden; }
#container-torre .zoom{ background-color: transparent; height: 100%; min-height: 460px; margin: auto; overflow: hidden; width: 1000px;max-width: 100%; }
#container-torre .zoom .media { bottom: 0; display: block; left: 0; margin: auto; max-height: 460px; max-width: auto; position: relative; right: 0; top: 0; 
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; 
}

#container-oxford{ height:100%; margin: 0 auto; max-width: 1000px; width: 100%;overflow: hidden; }
#container-oxford .zoom{ background-color: transparent; height: 100%; min-height: 460px; margin: auto; overflow: hidden; width: 1000px;max-width: 100%; }
#container-oxford .zoom .media { bottom: 0; display: block; left: 0; margin: auto; max-height: 460px; max-width: auto; position: relative; right: 0; top: 0; 
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; 
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
.ico-nome,
.ico-website,
.ico-facebook,
.ico-twitter,
.ico-youtube,
.ico-instagram,
.ico-snapchat {
        margin: 0 9px 0 0;}
    .container-navbar { width: 92%; max-width: 576px; }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
.container-navbar { width: 92%; max-width: 768px; }    
.nav-item {border-right:solid 2px #fff; border-bottom: none;padding: 0;}
.nav-item:last-of-type {border-right:none;}
.tit-autora {  font-size: 63px; margin: 0 0 12px; text-align: left;}
.foto-autor { width: 96%; max-width: 341px; margin: 0 auto; z-index: 5; position: relative;}
.txt-autora {width: 100%; margin: 20px 0 20px}
.tit-newsletter {font-size: 25px !important; margin: 8px auto 20px;}
.tit-newsletter i, .tit-newsletter b {font-size: 25px !important;}
ul.sociais li:first-child {
display: inline-block;
margin-bottom: 0;}
.ico-nome { margin: 0 20px 0 0; float: left; text-decoration: none;}
.logo { top: 20%; }
.logo img {width:25px; height:97px;}
.item-extra-imagem { width: 100%}
.img-livro {max-width: 274px; margin: 20px auto -60px;}
.box-leia-mais {margin: 0;} 
.criticas { margin-top: 0;}
}
@media (max-width: 750px) {}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}
