/* @group Books now
------------------------------------ */
.books-now { background: linear-gradient(to bottom, var(--bg-dark) 50%, var(--bg-visit) 50%, var(--bg-visit) 100%); text-align: center; position: fixed; top: -200vh; width: 100%; height: calc(100vh - 7rem); overflow: hidden; overflow-y: auto; z-index: 9;
    -webkit-transition: background .2s cubic-bezier(0.4,0.0,0.2,1), height .8s cubic-bezier(0.4,0.0,0.2,1), top .8s cubic-bezier(0.4,0.0,0.2,1);
    -moz-transition: background .2s cubic-bezier(0.4,0.0,0.2,1), height .8s cubic-bezier(0.4,0.0,0.2,1), top .8s cubic-bezier(0.4,0.0,0.2,1);
    -ms-transition: background .2s cubic-bezier(0.4,0.0,0.2,1), height .8s cubic-bezier(0.4,0.0,0.2,1), top .8s cubic-bezier(0.4,0.0,0.2,1);
    -o-transition: background .2s cubic-bezier(0.4,0.0,0.2,1), height .8s cubic-bezier(0.4,0.0,0.2,1), top .8s cubic-bezier(0.4,0.0,0.2,1);
    transition: background .2s cubic-bezier(0.4,0.0,0.2,1), height .8s cubic-bezier(0.4,0.0,0.2,1), top .8s cubic-bezier(0.4,0.0,0.2,1);
}
.books-now label { color: var(--timeline-title); font: 700 .9em / 1.339em var(--bilo-font); letter-spacing: 1.44px; display: block; margin: 0 0 .6rem; }
.books-now .books-item { margin: 0 0 1.3rem; }
.books-now .books-item .date-wrapper { max-width: 18.4rem; margin: 0 auto; }
/*Books Container
------------------------------------ */
.books-now .outerAbsolute.bottom { bottom: -3rem; }
.books-now .books-container {}
.books-now input { background: var(--bg-visit); border: .05rem solid var(--br-fakeSelect); box-shadow: 0px .3rem .6rem var(--shadow-fakeSelect); color: var(--colorOn-fakeSelect); padding: 0 4.9rem 0 2.8rem; }
.books-now .select-wrapper i,
.books-now .date-wrapper i { top: .5rem; }
.books-now ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: var(--color-fakeSelect); font-size: .8em; }
.books-now ::-moz-placeholder { /* Firefox 19+ */ color: var(--color-fakeSelect); opacity: 1; font-size: .8em; }
.books-now :-ms-input-placeholder { /* IE 10+ */ color: var(--color-fakeSelect); opacity: 1; font-size: .8em; }
.books-now :-moz-placeholder { /* Firefox 18- */ color: var(--color-fakeSelect); opacity: 1; font-size: .8em; }
/*Books IMG BOX
------------------------------------ */
.books-now .img-box { height: 30.2rem; max-width: 30.2rem; margin: 0 auto; border-radius: 100%; }
.books-now .img-box::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 15.8rem; background: transparent linear-gradient(180deg,rgba(23,23,39,0) 0%, rgba(23,23,39,1) 100%); }
.books-now .col-12-6 .img-box::after { background: transparent linear-gradient(180deg,rgba(51,51,64,0) 0%, rgba(51,51,64,1) 100%); }
/*Books Header
------------------------------------ */
.books-now .outerAbsolute.top { top: -7.4rem; }
.books-now header { display: flex; flex-direction: column-reverse; }
.books-now header h4 { color: var(--timeline-title); font-size: 1.4em; font-weight: 500; letter-spacing: 2.24px; line-height: 1.286em;  margin: 0 0 1.4rem; }
.books-now header h3 { color: var(--title-light); font-size: 3.6em; letter-spacing: 5.76px; line-height: 1.167em; }
.books-now header h3 em { display: block; }
/* showBooks
----------------------*/
body[data-state="books-open"] { overflow: hidden; }
body[data-state="books-open"].iPhone-iPod { position: fixed; top: 0; right: 0; bottom: 0; left: 0; }
body[data-state="books-open"] .books-now { top: 7rem; }
@media only screen
and (min-width : 961px) {
    .books-now { background: linear-gradient(to right, var(--bg-dark) 50%, var(--bg-visit) 50%, var(--bg-visit) 100%); }
    .books-now > .row { height: 100%; align-items: center; }
    .books-now article { margin-top: 10.4rem; margin-bottom: 9.4rem; }
    .books-now .img-box { height: 44.8rem; max-width: 44.8rem; }
    .books-now .img-box::after { top: 0; height: 25.9rem; background: transparent linear-gradient(0deg,rgba(23,23,39,0) 0%, rgba(23,23,39,1) 100%); }
    .books-now .col-12-6 .img-box::after { background: transparent linear-gradient(0deg,rgba(51,51,64,0) 0%, rgba(51,51,64,1) 100%); }
    /*Books Container
    ------------------------------------ */
    .books-now .outerAbsolute.bottom { bottom: -4.5rem; }
    .books-now .books-container { background: var(--bg-dark); display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: center; max-width: 44.8rem; margin: 0 auto; }
    .books-now .col-12-6 .books-container { background: var(--bg-visit); max-width: 53.9rem; }
    .books-now .books-container .books-item:nth-child(2) { margin-left: .8rem; }
    .books-now label { margin: .8rem 0 .8rem 3.1rem; }
    .books-now .books-item { margin: 0 0 1.6rem; }
    .books-now .books-item .select-wrapper { width: 34.7rem; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .books-now article { margin: 12.9rem 1.4rem; max-width: calc(100% - 2.8rem); }
    .books-now article::before { content: ''; position: absolute; top: -12.9rem; right: -3.2rem; bottom: -7.4rem; left: -3.2rem; height: calc(100% + 20.3rem); width: calc(100% + 6.4rem); background: var(--bg-dark); } 
    .books-now article:last-child::before { background: var(--bg-visit); } 
    .books-now .img-box::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 9.8rem; background: transparent linear-gradient(0deg,rgba(23,23,39,0) 0%, rgba(23,23,39,1) 100%); }
    .books-now .col-12-6 .img-box::before { background: transparent linear-gradient(0deg,rgba(51,51,64,0) 0%, rgba(51,51,64,1) 100%); }
    .books-now article .img-box::after { bottom: 6.7rem; height: 100%; }
    .books-now .books-container { background: linear-gradient(to top, var(--bg-dark) 9.8rem, var(--bg-visit-0) 9.8rem, var(--bg-visit-0) 100%); } 
    .books-now article:last-child .books-container { background: linear-gradient(to top, var(--bg-visit) 10.9rem, var(--bg-visit-0) 10.9rem, var(--bg-visit-0) 100%); } 
}

/* @end */