@font-face {
    font-family: palabrasAladasLight;
    src: url(../fonts/f_palabras_aladas_light.otf) format("opentype");
    font-display: swap
}

@font-face {
    font-family: palabrasAladas;
    src: url(../fonts/f_palabras_aladas_book.otf) format("opentype");
    font-display: swap
}

* {
    margin: 0;
    padding: 0
}

body {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    overflow-x: hidden;
    font-family: palabrasAladasLight, Helvetica;
    font-size: 18pt;
    color: #333
}

h1 {
    white-space: nowrap;
    overflow: visible;
    color: white;
    font-size: 16px;
    margin: 0 1em 0 0
}

a,
h1 {
    font-family: palabrasAladas;
    text-transform: uppercase
}

a {
    cursor: pointer;
    text-decoration: none;
    font-size: 15.3pt;
    color: #0898e0
}

p {
    word-break: break-word
}

button {
    border: none;
    background: none
}

button:hover {
    cursor: pointer
}

button:focus {
    outline: none
}

main {
    padding: 1em;
    overflow: hidden
}
.i-cmp {
    color: #0898e0!important;
    font-size: 16px;
    cursor: pointer!important;
}
i.i-cmp:hover {
    color: #ffa800!important;
}
.pad-bot {
	padding-bottom: 2em;
}
.mrgn-2 {
    margin-right: 3em!important;
    line-height: 1em;
}
@media screen and (max-width:650px) {
    html {
        font-size: 80%
    }
    main {
        padding: .5em
    }
    footer {
        margin-top: -60px!important;
    }
    footer p {
        width: 90%!important;
    }
    footer main .nav-footer {
        padding-top: 0.3em!important;
    }
    a,
    h1 {
        transition: color .2s ease-in-out;
        /*margin-bottom: 1em;*/
    }
    p {
        line-height: 2.8rem;
        font-size: 16pt ;
    }
    .book-section article span.download-pdf {
        text-align: center;
        font-size: 14pt!important;
        margin-top: 1rem
    }
    .book-section .book-card span.active {
        font-size: 16pt;
        line-height: 2.2rem;
    }
    .footer-mail {
        font-size: 13pt;
    }
    .footer-p {
        font-size: 14pt;
    }
    .main-header h1 {
        text-align: left!important;
    }
}

a span.vocal-a,
a span.vocal-e,
a span.vocal-i,
a span.vocal-o,
a span.vocal-u {
    margin: 0!important
}

a:hover .vocal-a, a.ever-colored .vocal-a {
    color: #02446a
}

a:hover .vocal-e, a.ever-colored .vocal-e {
    color: #50ab40
}

a:hover .vocal-i, a.ever-colored .vocal-i {
    color: #ffa800
}

a:hover .vocal-o, a.ever-colored .vocal-o {
    color: #9a1a19
}

a:hover .vocal-u, a.ever-colored .vocal-u {
    color: #da2aac
}

.menu {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    min-height: 65px;
    background-color: #2294b9;
    border: none;
    border-radius: 0 0 20px 20px;
    margin: 0 auto;
    text-transform: uppercase
}

.menu-main {
    display: flex;
    align-items: center;
    transition: all .2s linear;
    transition-property: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -webkit-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s
}

.menu .logo {
    margin-left: 1em;
    position: relative;
    top: .3em;
    width: 58px;
    height: 49px;
    margin-bottom: 1em;
    color: #fff
}

.menu a {
    color: #fff !important;
    font-size: 16px;
    text-decoration: none;
    margin-right: 0px!important;
    margin-top: -4px;
}

.menu .icon {
    display: block;
    width: 24px;
    height: 24px;
    margin: 0;
    /*position: absolute;
    right: 2em;
    top: 1em;*/
    background-image: url(/images/hamburger.svg);
    filter: brightness(0) invert(1)
}

.i-cmp {
	color: #0898e0!important;
	font-size: 16px;
}
    .esp-ab {
        padding: 0em 0 2em 0!important;
     }
	 
@media screen and (max-width:801px) {
    header {
        padding: 0 5px
    }
    /*
    .menu a {
        display: none
    }
    */
    .menu a.icon {
        display: block
    }
    .menu.opened {
        height: auto;
        flex-direction: column
    }
    .menu.opened .menu-main {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-bottom: 1em;
        animation: open-effect .4s
    }
    .menu.opened a {
        display: block;
        margin: 0;
        padding-top: 1em
    }
    .menu.opened .icon {
        padding: 0;
        background-image: url(/images/delete.svg)
    }
}
@media screen and (max-width:350px) {
	.menu a {
    font-size: 15px;
	}
	h1 {
		margin: 0;
	}
}

@media screen and (max-width:320px) {
	.menu a {
    font-size: 14px;
	}
}
@keyframes open-effect {
    0% {
        transform: translateY(-10px)
    }
    50% {
        transform: translateY(10px)
    }
    to {
        transform: translateY(0)
    }
}
.main-header {
    width:100%;
    text-align:center;
}

.main-header h1{
    width: 100%;
    text-align: center;
}

@media screen and (min-width:800px){
    .main-header {
        display:none
    }
	    .esp-ab {
        margin: -20px;
     }
}
.sub-header {
    max-width: 800px;
    margin: 1em auto 0;
    padding: 0;
}

.sub-header .description {
    width: 100%;
    line-height: 2em;
	text-align: left;
}

.sub-header img.sub-image {
    max-width:100%;
}

.sub-header .description p span {
    font-family: palabrasAladas
}

@media screen and (min-width:800px) and (max-width:1024px) {
    .book-section article {
        padding: 2em .2em!important;
    }
}
@media screen and (min-width:1024px) and (max-width:1280px) {
    .book-section article {
        padding: 2em .2em!important;
    }
}

@media screen and (max-width:450px) {
    .itine {
        display: flex;
        align-items: flex-start!important;
    }
    .close {
        font-size: 2.5rem;
    }
}

.eggs-list,
.eggs-slider-list {
    list-style: none;
    display: flex;
    justify-content: center
}

.sub-header .eggs-list {
    justify-content: center
}

.eggs-list li button,
.eggs-slider-list li button {
    background-image: url(/images/infantil/h_celeste_27_educacion_emocional.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 28px;
    height: 32px;
    margin: .5em 1em
}

.eggs-list li:active,
.eggs-list li:focus,
.eggs-list li button:active,
.eggs-list li button:focus,
.eggs-slider-list li:active,
.eggs-slider-list li:focus,
.eggs-slider-list li button:active,
.eggs-slider-list li button:focus {
    border-style: none;
    outline: none
}

.eggs-list li button.active,
.eggs-slider-list li button.active {
    background-image: url(/images/infantil/h_azul_27_educacion_emocional.jpg)
}

.egg.pink {
    background-image: url(/images/infantil/h_rosa_27_educacion_emocional.jpg)
}

.egg.pink.active {
    background-image: url(/images/infantil/h_rosa_clic_27_educacion_emocional.jpg)
}

.egg.green {
    background-image: url(/images/infantil/h_verde_27_educacion_emocional.jpg)
}

.egg.green.active {
    background-image: url(/images/infantil/h_verde_clic_27_educacion_emocional.jpg)
}

.egg.blue {
    background-image: url(/images/infantil/h_azul_27_educacion_emocional.jpg)
}

.egg.blue.active {
    background-image: url(/images/infantil/h_azul_clic_27_educacion_emocional.jpg)
}

.egg.red {
    background-image: url(/images/infantil/h_rojo_27_educacion_emocional.jpg)
}

.egg.red.active {
    background-image: url(/images/infantil/h_rojo_clic_27_educacion_emocional.jpg)
}

.egg.yellow {
    background-image: url(/images/infantil/h_amarillo_27_educacion_emocional.jpg)
}

.egg.yellow.active {
    background-image: url(/images/infantil/h_amarillo_clic_27_educacion_emocional.jpg)
}
.eggs-slider-list {
    display: none
}
.slider-forward,.slider-back{
    cursor:pointer;
}
@media screen and (max-width:800px) {
    .eggs-list,
    .sub-header .eggs-list {
        justify-content: space-around;
        padding: .3em 0 .2em 0;
    }
    .eggs-list li button {
        width: 27px;
        height: 32px;
        margin: .25em .3em
    }
    .eggs-slider-list {
        display: none
    }

    .eggs-list li button, .eggs-slider-list li button{
        margin: 0;
    }
}

.book-section {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.book-section article {
    width: 300px;
    padding: 0 .2em;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.book-section .book-card {
    background-color: #efecd4;
    height: 310px;
    border-radius: 20px 20px 0 0;
    position:relative;
}

.book-section article.active {
    height: 950px
}

.book-section article span {
    white-space: nowrap
}

.book-section article span.download-pdf {
    text-align: center;
    font-size: 1.2rem;
    margin-top: 1rem
}

.book-section .separator {
    margin: 0
}

.book-section .separator:before {
    content: "|";
    font-weight: 800;
    color: #ff64c8
}

.book-section .book-card span {
    padding: 0;
    margin: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

.book-section .book-card span.active {
    display: block
}

.book-section .book1 .book-card .first {
    background-image: url(/images/libro/palabras_magicas_para_tiempos_dificiles/palabras_magicas_300_portada.jpg)
}

.book-section .book1 .book-card .second {
    background-image: url(/images/libro/palabras_magicas_para_tiempos_dificiles/palabras_magicas_300_elemento_portada.png)
}

.book-section .book2 .book-card .first {
    background-image: url(/images/libro/emocionados/emocionados_300_portada.jpg)
}

.book-section .book2 .book-card .second {
    background-image: url(/images/libro/emocionados/emocionados_300_elemento_portada.png)
}

.book-section .book3 .book-card .first {
    background-image: url(/images/libro/emocionario/emocionario_300_portada.jpg)
}

.book-section .book3 .book-card .second {
    background-image: url(/images/libro/emocionario/emocionario_300_elemento_portada.png)
}
.book-section .book4 .book-card .first {
    background-image: url(/images/libro/amar/amar_300_portada.jpg)
}

.book-section .book4 .book-card .second {
    background-image: url(/images/libro/amar/amar_300_elemento_portada.png)
}

.book-section .book5 .book-card .first {
    background-image: url(/images/libro/diario_de_la_gratitud/diario_de_la_gratitud_300_portada.png)
}

.book-section .book5 .book-card .second {
    background-image: url(/images/libro/diario_de_la_gratitud/diario_de_la_gratitud_300_elemento_portada.png)
}

.book-section .book6 .book-card .first {
    background-image: url("/images/libro/como_alcanzar_tus_suenos/como_alcanzar_tus_suenos_300_portada.jpg")
}

.book-section .book6 .book-card .second {
    background-image: url("/images/libro/como_alcanzar_tus_suenos/como_alcanzar_tus_suenos_300_elemento_portada.png")
}
.book-section .book7 .book-card .first {
    background-image: url("/images/libro/valores_de_muchos_colores/valores_de_muchos_colores_300_portada.jpg")
}

.book-section .book7 .book-card .second {
    background-image: url("/images/libro/valores_de_muchos_colores/valores_de_muchos_colores_300_elemento_portada.png")
}

.book-section .book8 .book-card .first {
    background-image: url(/images/libro/el_juego_de_pensar/juego_de_pensar_300_portada.jpg)
}

.book-section .book8 .book-card .second {
    background-image: url(/images/libro/el_juego_de_pensar/juego_de_pensar_300_elemento_portada.png)
}

.book-section .book9 .book-card .first {
    background-image: url(/images/libro/emocionados/emocionados_con_petiblu_300_portada.png)
}

.book-section .book9 .book-card .second {
    background-image: url(/images/libro/emocionados/emocionados_con_petiblu_300_elemento_portada.png)
}


.book-section .book-card .third {
    padding: 1em;
    overflow-wrap: break-word;
    line-height: 1.5rem;
    white-space: normal;
    word-break: unset;
    overflow-x: hidden;
    text-overflow: clip;
    width: auto;
    height: 80%
}
/* Imagenes libros para móviles */
@media screen and (max-width:1280px) {
    .book-section .book1 .book-card .first {
        background-image: url(/images/libro/palabras_magicas_para_tiempos_dificiles/palabras_magicas_242_portada.jpg)
    }
    .book-section .book1 .book-card .second {
        background-image: url(/images/libro/palabras_magicas_para_tiempos_dificiles/palabras_magicas_242_elemento_portada.png)
    }
    .book-section .book2 .book-card .first {
        background-image: url(/images/libro/emocionados/emocionados_242_portada.jpg)
    }
    .book-section .book2 .book-card .second {
        background-image: url(/images/libro/emocionados/emocionados_242_elemento_portada.png) 
    }
    .book-section .book3 .book-card .first {
        background-image: url(/images/libro/emocionario/emocionario_242_portada.jpg)
    }
    .book-section .book3 .book-card .second {
        background-image: url(/images/libro/emocionario/emocionario_242_elemento_portada.png)
    }
    .book-section .book4 .book-card .first {
        background-image: url(/images/libro/amar/amar_242_portada.jpg)
    }
    
    .book-section .book4 .book-card .second {
        background-image: url(/images/libro/amar/amar_242_elemento_portada.png) 
    }
    
    .book-section .book5 .book-card .first {
        background-image: url(/images/libro/diario_de_la_gratitud/diario_de_la_gratitud_242_portada.png)
    }
    
    .book-section .book5 .book-card .second {
        background-image: url(/images/libro/diario_de_la_gratitud/diario_de_la_gratitud_242_elemento_portada.png)
    }
    
    .book-section .book6 .book-card .first {
        background-image: url("/images/libro/como_alcanzar_tus_suenos/como_alcanzar_tus_suenos_242_portada.jpg")
    }
    
    .book-section .book6 .book-card .second {
        background-image: url("/images/libro/como_alcanzar_tus_suenos/como_alcanzar_tus_suenos_242_elemento_portada.png")
    }
    .book-section .book7 .book-card .first {
        background-image: url("/images/libro/valores_de_muchos_colores/valores_de_muchos_colores_242_portada.jpg")
    }
    
    .book-section .book7 .book-card .second {
        background-image: url("/images/libro/valores_de_muchos_colores/valores_de_muchos_colores_242_elemento_portada.png")
    }
    
    .book-section .book8 .book-card .first {
        background-image: url(/images/libro/el_juego_de_pensar/juego_de_pensar_242_portada.jpg)
    }
    
    .book-section .book8 .book-card .second {
        background-image: url(/images/libro/el_juego_de_pensar/juego_de_pensar_242_elemento_portada.png)
    }
    
    .book-section .book9 .book-card .first {
        background-image: url(/images/libro/emocionados/emocionados_con_petiblu_242_portada.png)
    }
    
    .book-section .book9 .book-card .second {
        background-image: url(/images/libro/emocionados/emocionados_con_petiblu_242_elemento_portada.png)
    }
}

.title a, .title a:not([href]), .terms a:hover, .ndownload-pdf a{
    color: #0898e0;    
}

.book.active .title a .vocal-a {
    color: #02446a
}

.book.active .title a .vocal-e {
    color: #50ab40
}

.book.active .title a .vocal-i {
    color: #ffa800
}

.book.active .title a .vocal-o {
    color: #9a1a19
}

.book.active .title a .vocal-u {
    color: #da2aac
}

@media screen and (max-width:800px) {
    .book-section {
        position: static;
        justify-content: space-between
    }
    .book-section article {
        position: relative;
        margin: 0 5px;
        /*padding: 1em 0;*/
		padding: 0 0 2em 0;
        width: 100%
    }
    .book-section article.active {
        /*height: 900px*/
		height:auto;
    }
    .book-section .book-card {
        height: 420px
    }
}

@media screen and (max-width:400px) {
    .book-section article {
        width: 100%;
        position: relative;
        margin: 0 5px;
        padding: 0 0 3em 0;
    }
    .book-section article span {
        white-space: normal;
        font-size: 16pt;
        line-height: 2.2rem;
    }
    .book-section .book-card {
        height: 300px
    }
}

@media screen and (min-width:1280px) {
    .book-section {
        position: relative
    }
    .book-section article {
        position: static;
        padding: 1em 0;
        /*width: 384px*/
        width: 350px;
    }
    .book-section article.active {
        height: 1050px
    }
    .book-section .book-card {
        height: 398px
    }
}

/*
.slider {
    display: none;
    position: absolute;
    width: 80vw;
    height: 400px;
    padding: 1em;
    flex-direction: column;
    justify-content: center;
    bottom: 35%;
    left: 50%;
    transform: translateX(-50%)
}
*/
.book-section article:last-child .slider {
    bottom: 0
}

.slider article {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    padding: 1em 0;
    align-self: center
}

.slider article .image {
    width: 600px;
    height: 320px;
    border: 1px solid #bbb;
    box-shadow: 0 1px 20px 0 rgba(40, 44, 53, .3), 0 2px 5px 0 rgba(40, 44, 53, .3);
    position: relative;
}

.slider article button {
    color: #0898e0;
    font-size: 2.5em;
    padding: .1em;
    cursor:pointer;
}

.slider article * {
    cursor:pointer !important;
}
.slider.active {
    display: flex
}

.slider .image img {
    width: 100%;
    height: 100%;
    display: none
}

.slider .image img.active {
    display: block
}

.back, .forward {
    position:absolute;
    bottom:-50px;
}
.forward {
    right:0px;
}
@media screen and (max-width:800px) {
    .slider article button {
        font-size: 2.8rem;
    }
    .slider article .image {
        height: 100%
    }
    
    .slider article button.back,
    .slider article button.forward {        
        bottom:-50px;
    }
}

@media screen and (max-width:765px) {
    .book-section {
        justify-content: center
    }
}

footer {
    width: 100%;
    margin: 0 auto;
    overflow: hidden
}

form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

input[type=mail],
input[type=text],
select {
    background-color: rgba(8, 152, 224, .3);
    margin: 0 .3em;
    padding: .3em;
    border: 1px solid #bbb;
    border-radius: 0;
    box-sizing: content-box;
    width: 315px
}

select option {
    color: #333
}

footer p {
    width: 80%;
    margin: 0 auto;
    text-align: center
}

.contact-form {
    background-color: #efecd4;
    max-width: 800px;
    margin: 2em auto;
    padding: 1em .5em;
    text-align: center;
    box-shadow: 0 1px 20px 0 rgba(40, 44, 53, .3), 0 2px 5px 0 rgba(40, 44, 53, .3)
}

.contact-form div {
    width: 90%;
    margin: .5em 0;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex-wrap: wrap
}

.contact-form div:first-child {
    justify-content: center
}

.contact-form div label {
    display: none
}

.contact-form div.terms label {
    margin: .3em;
    display: block
}

.contact-form div .form-button {
    background-color: #0898e0;
    color: #fff;
    padding: .5em
}

#resource {
    width: 400px
}

@media screen and (max-width:800px) {
    input[type=mail],
    input[type=text],
    select {
        margin: .3em 0;
        width: 90vw;
        font-size: .9em
    }
    .contact-form {
        padding: 1em 0
    }
    .contact-form div {
        width: 100%;
        justify-content: center
    }
    .contact-form div.terms {
        justify-content: space-around
    }
    .contact-form label a {
        font-size: 15.3pt
    }
    .contact-form div button {
        padding: .2em
    }
    #resource {
        width: 90vw
    }
}

@media screen and (max-width:400px) {
    input[type=mail],
    input[type=text],
    select {
        font-size: .7em
    }
}

footer .footer-mail {
    text-transform: lowercase
}

footer main {
    text-align: center;
    line-height: 2em
}

footer main p {
    margin: 0 25%
}

footer main a {
    text-transform: none;
    font-family: palabrasAladas;
    font-size: 9pt;
    color: #a5a5a5;
    text-transform: uppercase
}

footer main .nav-footer {
    width: 100%;
    border-top: 1px solid #0898e0;
    line-height: 0.6em;
    padding-top: 0.8em;
}
footer main .nav-footer a{
    font-size: 6pt;
}

footer main .footer-legal {
    margin-top: 2em;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #a5a5a5
}

footer main .footer-legal span {
    font-size: 9pt
}

@media screen and (max-width:700px) {
    footer main p {
        margin: 0
    }
}


/*
@media screen and (orientation: landscape) and (max-height: 650px) {
    .book-section article {
        width: 60%;
        position: relative
    }
    .book-section article span {
        margin: 0 .6em;
        white-space: normal
    }
    .book-section .book-card {
        height: 300px
    }
    p#desc-text {
        margin-top: 200px;
    }
}
*/

.apartado {
    padding: 1em 0 0 0;
	line-height: 2.8rem;
}
.apartadox2 {
    padding: 2em 0 0 0;
	line-height: 2.8rem;
}
.apartadox3 {
    padding: 3em 0 0 0;
	line-height: 2.8rem;
}
.ln-n {
    line-height: 1.5rem!important;
}
.separador:before {
    content: "|";
    font-weight: 800;
    color: #ff64c8
}
.disp-n {
    display: none!important;
}
.txt-center {
	text-align: center
}
.marked {
    color: #0898e0;
    text-transform: uppercase;
    font-size: 15.3pt;
    font-weight: 600;
}
.cc-osc {
    color: #df1cad;
    font-weight: bold!important;
}
.dspl-f {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
}
.lh-2 {
    line-height: 2em;
}
.mrgn-lf {
    margin-left: 2em!important;
}
.mt-5 {
    margin-top: 2em;
}
.ln-15 {
	
}
.bold {
	font-weight: bold;
}

/* Icon 1 */

.animated-icon1, .animated-icon2, .animated-icon3 {
    width: 30px;
    height: 20px;
    position: relative;
    margin: 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    }
    
    .animated-icon1 span, .animated-icon2 span, .animated-icon3 span {
    display: block;
    position: absolute;
    height: 2px;
    width: 20px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    }

    .animated-icon3 span {
    background: white;
    }

    
    /* Icon 4 */
    
    .animated-icon3 span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    }
    
    .animated-icon3 span:nth-child(2) {
    top: 6px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    }
    
    .animated-icon3 span:nth-child(3) {
    top: 12px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    }
    
    .animated-icon3.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
    left: 5px;
    width:21px;
    }
    
    .animated-icon3.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
    }
    
    .animated-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 15px;
    left: 5px;
    width:21px;
    }
	
	table.borderless td,table.borderless th, ol.borderless li, ul.borderless li, li.borderless{
    border: none !important;
	}
	
	em{
		color: #FF15B2;
		font-style: inherit;
    }
    
    .slider-hover {
        position:absolute;
        width:50%;
        height:100%;
    }

    .slider-hover.slider-forward {
        right:0px;
    }

    .list-style-none {
        list-style: none;
    }

    #masinfo>ul li {
        line-height:30px;
    }

    .book-card .hover-back{
        position:absolute;
        width:50%;
        height:100%;
    }
    
    .book-card .hover-forward{
        position:absolute;
        width:50%;
        height:100%;
        right:0px;
    }

    #title-menu-collapse{
        cursor:pointer;
    }
	
@media screen and (orientation: landscape) and (max-height: 650px) {
    .book-section article {
        width: 60%;
        position: relative
    }
    .book-section article span {
        margin: 0 .6em;
        white-space: normal
    }
    .book-section .book-card {
        height: 300px
    }

}