/*=======================
Theme: Ebook Landing Page Template
Author: JLP Media
Email: jennpereira13@gmail.com / lianplameras@gmail.com
Version: 1.0
Date Created: September 16, 2014
=======================
CSS Style Structure
- Import Fonts
- General
- Preloader
- Home Section
- Things that You will Learn
- Subscription
- Overview 
- Facts Counter
- Reviews Section
- Download 
- Other Books Section
- Toggle Contact Section
- Awards Section
- Footer Section
=======================*/

/**************************
****** Import Fonts *******
**************************/
@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville:400,700,400italic);
@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville:400,700,400italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);

/**************************
********* General *********
**************************/
body,
html {
    overflow-x: hidden;
    font-family: 'Open Sans', sans-serif;
    height: 100%;
    width: 100%;
    -webkit-font-smoothing: antialiased;
}
html { font-size: 100% }
body{
    overflow: hidden;
}
*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media (min-width:1200px) { 
    .container { width: 1140px }
}
p {
    font-size: 1rem;
    line-height: 1.625em;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
a {
	color: inherit;
    text-decoration: none;
    -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;
}
a:hover { 
	color: inherit;
	text-decoration: none;
	border-bottom: 1px solid;
}

h1,
h2,
h3 {
    font-family: 'Libre Baskerville', serif;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
}
h1 {
    font-size: 3rem;
    font-weight: 200;
    -webkit-font-smoothing: antialiased;
}
h2 {
    font-size: 2.5rem;
    line-height: 3.6rem;
    margin-bottom: 1.7rem;
    font-weight: 200;
    -webkit-font-smoothing: antialiased;
}
h3 {
    font-size: 1.2rem;
    line-height: 2.25rem;
    font-weight: 300;
}
h4 {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.0rem;
    line-height: 1.6rem;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
}
h5 {
    font-family: 'Open Sans', sans-serif;
    font-size: 0.8125rem;
    line-height: 1rem;
    font-weight: 300;
    color: white;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
}
ul { list-style: none }
ul,
menu,
dir {
    display: block;
    list-style: none;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 00px;
}
li { margin-top: 1.625em }
li a { display: inline }
hr {
    margin-top: 4.568em;
    margin-bottom: 4.568em;
}
.synopsis p { font-family: 'Libre Baskerville', serif; font-size: 1.2rem; text-align: justify; margin-bottom: 2em; }
.synopsis a { font-weight: bold; font-variant: small-caps; }

.left { text-align: left }
.right { text-align: right }
.padding-left { padding-left: 60px }
.bottom { padding-bottom: 40px }
.top { padding-top: 20px }
.space {
    padding-top: 40px;
    padding-bottom: 40px;
}
.highlight { color: #2468A9 }
.black { color: #000000 }
span.bold { font-weight: 700 }
span.light { font-weight: 300 }
/* a.btn { margin: 0 10px 5px 10px } */
#home a.btn { margin-left: 0; }
.dark{ 
    background: #000000;
    color: #ffffff
}
.light{
    background: #ffffff;
    color: #000000;
}
.gold{
    background: #dca url(/img/carta.jpg);
    color: #960;
}

/**************************
******** Preloader ********
**************************/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff; /* change if the mask should have another color then white */
    z-index: 9999; /* makes sure it stays on top */
}
#status {
    width: 100%;
    height: 400px;
    position: absolute;
    left: 0%; /* centers the loading animation horizontally one the screen */
    top: 15%; /* centers the loading animation vertically one the screen */
    background-image: url(../img/loading.gif); /* path to your loading animation */
    background-repeat: no-repeat;
    background-position: center;
    /*margin: -100px 0 0 -100px; */ /* is width and height divided by two */
}

/**************************
****** Home Section *******
**************************/
#home {
    position: relative;
    z-index: 0;
    overflow: hidden;
    color: #ffffff;
}

.coloroverlay {
    padding-top: 120px;
    padding-bottom: 80px;
    background: rgba(128, 100, 0, 0.9);
    position: relative; 
}
.coloroverlayReview {
    padding-top: 100px;
    padding-bottom: 10px;
}
.fotoverlay {
	position:absolute;
	left:0;right:0;top:0;bottom:0;z-index:-1;
	background-size: cover;
}
.btn {
    padding: 8px 12px;
    background-color: transparent;
    color: #212C3C;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 0px;
    border: 1px solid #212C3C;
}
.btn:hover, .btn:active, .btn-default:active, .btn.active, .btn-default.active {
    background-color: #212C3C;
    color: white;
    border: 1px solid #212C3C;
}
.btn-lg {
    padding: 15px 25px;
    font-size: 14px;
}
.btn-colored {
    padding: 15px 25px;
    background-color: #2468A9;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 0px;
}
.btn-colored:hover {
    background-color: #265F96;
    color: #ffffff;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
.btn-learn {
    padding: 15px 25px;
    background-color: transparent;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 0px;
    border: 1px solid #ffffff;
}
.btn-learn:hover,
.btn-learn:focus {
    background-color: #ffffff;
    color: #212C3C;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    text-shadow: none;
}
a.btn-altrilibri {
    padding: 15px 25px;
    background-color: transparent;
    color: #666;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 0px;
    border: 1px solid #666;
    margin-left: 0;
    margin-top: 15px;
}
.btn-altrilibri:hover,
.btn-altrilibri:focus {
    background-color: #666;
    color: white;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
.btn-download {
    padding: 15px 25px;
    background-color: #212C3C;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 0px;
    border: 1px solid transparent !important;
}
.btn-download:hover, .btn-download:focus {
    background-color: #ffffff;
    color: #212C3C;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
.btn-lined {
    padding: 15px 25px;
    background-color: #212C3C;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 0px;
    border: 1px solid #212C3C; 
}
.btn-lined:hover {
    background-color: transparent;
    color: #212C3C;
    border: 1px solid #212C3C;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

/**************************
Things that You will Learn
**************************/
#learn {
    padding-top: 5.5rem;
    padding-bottom: 5.5rem;
    position: relative;
    display: block;
    z-index: 20;
}
.section-title { text-align: center }
@media (min-width: 768px) { 
    .dl-horizontal dt {
        float: left;
        width: 60px;
        overflow: hidden;
        clear: left;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}
@media (min-width: 768px) { 
    .dl-horizontal dd { margin-left: 80px }
}
dt i.fa { margin-top: 10px }


/**************************
******* Subscription ******
**************************/
#subscribe {
    background: #2468A9;
    padding-top: 3.4rem;
    padding-bottom: 5.4rem;
    text-align: center;
    color: #ffffff;
}
.form-group {
    width: 100%;
    vertical-align: middle;
}
input.subscribe-input {
    background: rgba(255, 255, 255, 1);
    padding: 12px 20px;
    width: 395px;
    height: 70px;
    margin-right: -5px;
    font-weight: 100;
    border-radius: 0px;
    color: #000000;
    border: transparent !important;
}
.subscribe-input:focus { outline: 0 }
.subscribe-submit {
    padding: 12px 40px;
    height: 70px;
    background: #212C3C;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    -webkit-font-smoothing: antialiased;
    border-radius: 0px;
    border: transparent !important;
}
.subscribe-submit:hover {
    color: #ffffff;
    background-color: #3C557A;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
span.subscription-error,
span.subscription-success {
    display: block;
    line-height: 2rem;
}
button#subscribe-button {
outline: none;
}

/**************************
********* Overview ********
**************************/
#overview {
    margin: 0px;
    padding-top: 6rem;
    padding-bottom: 8rem;
    height: auto;    
    display: block;
    text-align: left;
    overflow: hidden;
}
.section-title {
    text-align: center;
    margin-bottom: 1.625rem;
}
.offer-title {
    text-align: center;
    margin-bottom: -20px;
}
.content-left {
    text-align: right;
    padding-right: 2rem;
    padding-bottom: 6.5rem;
}
.content-right {
    text-align: left;
    padding-left: 2rem;
    padding-bottom: 6.5rem;
}
.center img { overflow: hidden }
.overview { margin-top: 3.25rem }
video {
    width: 100%    !important;
    height: auto   !important;
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16: 9 */;
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/**************************
******* Facts Counter *****
**************************/
#counter {
    text-align: center;
    color: #ffffff;
}

#counter > .coloroverlay {
    padding-top: 40px;
    padding-bottom: 40px;
    background: rgba(0, 90, 143, 0.9);
}

/**************************
********* Reviews *********
**************************/
#reviews {
    text-align: left;
    padding-top: 4.4rem;
    text-align: center;
}
.review h1 {
    font-size: 1rem;
    font-weight: 300;
    font-style: italic;
    line-height: 2.00rem;
}
#owl-reviews .review img {
    width: 75px;
    height: 75px;
    margin-top: 40px;
    margin: 0 auto;
}
span.fa.fa-star { padding: 2px }

/**************************
********* Download ********
**************************/
#download {
    color: #ffffff;
    position: relative;
    display: block;
    z-index: 20;
    text-align: center;
}
#download > .coloroverlay {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
    background: rgba(0, 90, 143, 0.9);
}

i.fa.fa-2x {
    vertical-align: middle;
    padding: 0 5px;
}
.add-space{
    padding-top: 40px;
}

/**************************
*** Other Books Section ***
**************************/
#books {
    margin: 0px;
    padding-top: 4.5rem;
    padding-bottom: 6.5rem;
    position: relative;
    display: block;
    z-index: 100;
    text-align: center;
}
#books > .coloroverlay {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
#owl-books { margin-top: 3.4rem }
.item { margin: 1rem; padding: 2rem; }
.item img {
    display: block;
    width: 100%;
    height: auto;
}

a:hover.img { z-index: 100; }
.item a img, a.img img {
    opacity: 1;
    -webkit-transform: scale(1); /* Safari and Chrome */
    -moz-transform: scale(1); /* Firefox */
    -ms-transform: scale(1); /* IE 9 */
    -o-transform: scale(1); /* Opera */
    transform: scale(1);
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}
.item a:hover img, a.img:hover img {
    opacity: 0.8;
    -webkit-transform: scale(1.1); /* Safari and Chrome */
    -moz-transform: scale(1.1); /* Firefox */
    -ms-transform: scale(1.1); /* IE 9 */
    -o-transform: scale(1.1); /* Opera */
    transform: scale(1.1);
}
.coloroverlay .item h4 a { color: white; }
.item h4 { font-size. 1rem; }
#books .owl-theme .owl-controls .owl-prev {
    margin-top: 10px;
    text-align: center;
    position: absolute;
    width: 55px;
    height: 55px;
    background: rgba(255,255,255,0.5);
    top: 40%;
    left: 0%;
    border-radius: 0px;
}
#books .owl-theme .owl-controls .owl-next {
    margin-top: 10px;
    text-align: center;
    position: absolute;
    width: 55px;
    height: 55px;
    background: rgba(255,255,255,0.5);
    top: 40%;
    right: 0%;
    border-radius: 0px;
}
.owl-controls i.fa {
    padding: 12px 0;
    position: relative;
}

/**************************
**** About the Author ****
**************************/
#about {
    padding-top: 4.5rem;
   /* background: #2468A9; 
    color: #ffffff; */
}
.social-icons li {
    display: inline;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    color: #ffffff;
}
.social-icons li a { color: #ffffff }
.social-icons li a:hover {
    color: #212C3C;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    -webkit-font-smoothing: antialiased;
}

/*****************************
*** Toggle Contact Section ***
*****************************/
#contactbtn {
    text-align: center;
    cursor: pointer;
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
    background: #212C3C;
}
#contactbtn a{
    color: #ffffff;
}
#contact {
    text-align: center;
    padding-bottom: 5.5rem;
    display: none;
    background: #212C3C;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    background-color: rgba(255, 255, 255, 0);
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
button.btn.btn-learn {
    outline: none;
}
section#contact .form-group {
    margin-bottom: 25px;
    width: 100%;
    vertical-align: middle;
}
section#contact .form-group input,
section#contact .form-group textarea {
    padding: 20px;
    border-radius: 0px;
    color: #ffffff;
}
section#contact .form-group input.form-control { height: auto }
section#contact .form-group textarea.form-control {
height: 206px;
}
section#contact .form-control:focus {
    border-color: #ffffff;
    box-shadow: none;
}
section#contact::-webkit-input-placeholder {
    text-transform: uppercase;
    font-weight: 700;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
}
section#contact:-moz-placeholder {
    text-transform: uppercase;
    font-weight: 700;
    color: #bbb;
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
}
section#contact::-moz-placeholder {
    text-transform: uppercase;
    font-weight: 700;
    color: #bbb;
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
}
section#contact:-ms-input-placeholder {
    text-transform: uppercase;
    font-weight: 700;
    color: #bbb;
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
}
section#contact .text-danger {
    color: #ffffff;
    font-size: 0.75rem;
    margin-top: -15px;
}
section#contact .alert-danger {
    color: #ffffff;
    background-color: transparent !important;
    letter-spacing: 1px;
    font-weight: lighter;
    border-color: transparent !important;
    border-radius: 0px;
}
.alert-danger {
    color: #c00;
    border-color: #f00;
}
#contact .close {
    color: #ffffff;
    opacity: 0.5;
}
section#contact .alert-success {
    color: #ffffff;
    letter-spacing: 1px;
    background-color: transparent !important;
    border-color: transparent !important;
    border-radius: 0px;
}

/**************************
****** Awards Section *****
**************************/
#awards {
    text-align: center;
    padding-top: 5.4rem;
}

/**************************
****** Footer Section *****
**************************/
#footer {
    text-align: center;
    padding: 15px 0;
}
#footer p {
    font-size: 14px;
}

.socials ul li {
display: inline-block;
padding: 5px;
}



/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
}

.dark .socials li a{
    color: #ffffff;
}
.light .socials li a{
    color: #212C3C;
}
.socials li a:hover {
    color: #2468A9;
}
.ebook-cover {
	box-shadow: 5px 5px 50px rgba(0,0,0,.8);
}
.collaboratori { margin: 1em 0; }
.collaboratori p { margin: 0; }
.abstract { font-family: 'Libre Baskerville', serif; font-size: 120%; margin: 2em 0; }

h4.collection {
	font-size: 1rem;
    font-family: 'Open Sans', sans-serif;
	font-weight: 300; 
	color: black;
	background: white;
	border-radius: 15px; 
	position: absolute;
	line-height: 1rem;
	padding: 10px 15px;
	text-transform: uppercase;
}
h4.collection a { 
	font-size: 1rem;
	font-family: 'Open Sans Condensed',sans-serif;
	color: black;
	font-weight: 700; 
	padding: 0; margin: 0; line-height: 1rem;
}
h4.collection a:hover { color: #f00; }
.collection-wrap { height: 3rem; }

h4.authormonth {
	font-size: 1rem;
    font-family: 'Open Sans', sans-serif;
	font-weight: 300; 
	color: black;
	background: #db6;
	border-radius: 15px; 
	position: absolute;
	line-height: 1rem;
	padding: 10px 15px;
	text-transform: uppercase;
}
h4.authormonth span { 
	font-size: 1rem;
	font-family: 'Open Sans Condensed',sans-serif;
	color: black;
	font-weight: 700; 
	padding: 0; margin: 0; line-height: 1rem;
}
.authormonth-wrap { height: 3rem; }

#home h3 + h3 { margin-top: -10px; }
#home p.small { text-transform: uppercase; }
#home p.small a { color: white; border-bottom: 1px white dotted; font-weight: 400;}
#home p.small a:hover { border-bottom-style: solid; }
.coloroverlay h2 { color: white; }

#lista { background: #eed; padding: 30px 0; }
#lista .item-wrap { position: relative; }
#lista .item-ebook { /*background: white; border: 1px solid #442;*/ padding: 0; margin: 20px 0 40px 0; }
#lista .item-ebook figure img { width: 100%; box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.6)  }
#lista .item-ebook figure { margin: 15px; }
#lista .item-ebook h2 { font-size: 1.3rem; line-height: 1.3; margin: 0 15px; }
#lista .item-ebook h3 { font-size: 1rem; line-height: 1.3; margin: 0 15px; }
#lista .item-ebook .abstract { margin: 15px; }
#lista .item-ebook .collection { margin: 15px; margin-bottom: 0; text-transform: uppercase; font-size: 70%; }
#lista .item-ebook .offerta { margin: 15px; margin-bottom: 0; text-transform: uppercase; font-size: 100%; font-weight:bold; padding: 2px 4px; background: red; color: white; }
#lista .item-ebook .collection a { font-weight: bold; }
#lista .item-ebook .info { margin: 15px; margin-top: 0;text-transform: uppercase; font-size: 70%; }
#lista .list-tools  { margin: 15px; }
#home .btn { margin-right: 15px; }
#download .btn { margin-bottom: 5px; }
.more { text-align: center; line-height: 60px; margin-bottom: 15px; }
.more .loading { display: none; }
#home .social { margin-top: 20px; }
#home .social .btn { border-color: white; color: white; margin-right: 5px; }
#home .social .btn:hover, #home .social .btn:active { background-color: white; color: black; }
.navbar { box-shadow: 0 5px 15px rgba(0,0,0,0.5); }
.navbar .nav>li { margin-top: 0; }
.navbar-header { line-height: 50px; }
.navbar a { border: solid 2px white; border-width: 0 0 2px 0; }
.navbar a:hover { border-color: red; border-width: 0 0 2px 0; }
@media (max-width: 966px) {
.container>.navbar-header {  margin-left: -15px; }
}
@media (max-width: 850px) {
	.navbar-nav>li>a { padding-left: 10px; padding-right: 10px; }
}
@media (min-width: 768px) {
	.navbar-nav>li>a { padding-top: 13pt; padding-bottom: 8pt; }
}
/* #infoModal { z-index: 1000; } */
#infoModal .modal-dialog { margin-top: 51px; }
#infoModal .modal-dialog .modal-content { border-radius: 0; box-shadow: 0 5px 8px rgba(0,0,0,.5)}

.author-home .fotoverlay { background-image:url(/imgbank/author_bg.jpg); background-repeat: repeat; background-size: auto; }
.author-home .bio { margin: 2em 3em 2em 0; }
.author-home .author-foto { opacity: 0.7; margin-top:70px;}

.macrogenre-home .fotoverlay { background-image:url(/imgbank/genre_bg.jpg); background-repeat: repeat; background-size: auto; }
#home .intro { margin: 2em 3em 2em 0; }
.summary { text-transform: uppercase; }

#bibliography {
    padding-top: 3rem;
    padding-bottom: 3rem;
    position: relative;
    display: block;
    z-index: 20;
    text-align: left;
}
#bibliography li {
    text-align: left;
	font-family: 'Libre Baskerville', serif; 
	font-size: 1.2rem;
}
#bibliography li .fa { font-size: 80%; margin-right: 10px; opacity: .5; }
#bibliography li a:hover .fa { opacity: 1; }


.homesplash { padding: 15px; }
.homesplash .column { padding: 1px; }
.welcome .fotoverlay { background-image: url(/imgbank/home.jpg); }
.welcome .coloroverlay { background: transparent; }
.welcome .social { text-align: center; }
.welcome p.scopri { text-align: center;  margin: 15px; }
.novita-home .fotoverlay { background-image: url(/imgbank/home.jpg); }
.novita-home .coloroverlay { background: rgba(0,0,128,0.7); }
#home.home h1 { display: none; }
#home.home h2 { text-align: center; font-style: italic; margin: 0; }
.collections { text-align: center; margin-bottom: 2em; }
#collections h4 { margin-bottom: 0; }
#collections p.small { margin-top: 0; }
#collections h4 a { color: #960; }
#autoredelmese { margin-bottom: 2em; }
#autoredelmese h3 { margin-top: 3em; margin-bottom: 0; }
#autoredelmese h2 { color: #960; }
#publishwithus { text-align: center; color: white; text-shadow: 2px 2px 3px black;}
.genrecell a { color: white; display: block; padding: 2em 1px; font-size: 120%; margin: 15px 0; text-transform: uppercase; text-align: center; }
.genrecell a:hover { opacity: 0.6; text-decoration: none; border: none; }
#generi { text-align: center; }
.authors-list h2 { color: #960; }
.authors-list a span { font-variant: small-caps; font-size: 130%; font-weight: bold; }
.collections-list h3 { margin: 0; line-height: 1.5rem; margin-bottom: 15px; }
.collections-list .collection { margin-bottom: 30px; }
.collections-list .collection img { float: right; margin-left: 15px; }
.collections-list .collection a:hover img { opacity:0.5; }
.collections-list .collection a { display: block; padding: 10px 15px; }
.collections-list .collection a:hover { background: rgba(0,0,0,0.6); color: white; border: none; }
.selections { text-align: center; margin-bottom: 30px; }

.dropdown-menu { padding: 0; }
.dropdown-menu>li { margin: 0; }
.dropdown-menu>li>a { display: block; border:solid #e7e7e7 2px; padding: 15px 10px; border-width: 0 0 2px 0; background: #e7e7e7; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:active { border: solid #c00 2px; color: black; border-width: 0 0 2px 0; background: white; }

#page { padding: 100px 0; background: #eed; }
#page h1 { text-align: left; }
#page h2 { font-size: 2rem; text-align: left; color: #960; font-style: italic; margin: 2em 0 0.5em 0; }

#page.error { text-align: center; }
#page.error h1 { font-size: 2rem; margin: 3em 0; text-align: center; }

#back-to-top {
	display: block;
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 60px;
	border-radius: 30px;
	height: 60px;
	line-height: 50px;
	background: #ccc;
	opacity: 0;
	text-align: center;
	font-size:25px;
	pointer-events: none;
	-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;
	z-index:999;
}
#back-to-top.visible {
	pointer-events: auto;
	opacity: 0.5;
}
#back-to-top.visible:hover {
	opacity: 1;
	border: none;
	box-shadow: 0 0 10px rgba(0,0,0,.7);
}
.author-row + .author-row { margin-top: 4em; }

.navbar-default .navbar-brand { padding-left: 0; padding-right: 0; }
.navbar-fixed-top { border: none; }
#nav-container { position: relative; }
.navbar-bg { background: white; z-index: 1030; position: relative; border-bottom: 1px solid #777; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { margin-right: 50px; }
.search-toggle { position: absolute; right: 5px; top: 17px; width: 40px; color: #777; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
.search-toggle a { color: #777; }
@media (max-width: 767px) {
	.search-toggle { right: 50px; }
}

.searchbar { display: block; position: fixed; top: -50px; left: 0; right: 0; background: white; box-shadow: 0 5px 15px rgba(0,0,0,0.5); padding: 15px 0; 
	-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; z-index: 1020;
}
.searchbar.visible { display: block; top: 51px; }
.searchbar input { font-size: 1rem; padding: 5px; margin-left: 15px; border: none; width: 70%; outline: 0; }

.searchresult { display: none; position: fixed; top: 114px; left: 0; right: 0; background: rgba(255,255,255,0.9); padding: 0;
	-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; z-index: 1020;
}
.searchresult.visible { display: block; }
.searchresult ul { margin: 0; padding: 25px; }
.searchresult ul li { margin: 0; padding: 0; }
.searchresult ul li a { display: block; line-height: 30px; font-size: 1rem; color: #999; border: none; }
.searchresult ul li a span { color: #666; }
.searchresult ul li a:hover { border: none; }
.searchresult ul li a:hover span { color: black; }
.row-offerta { margin: 10px 0 30px 0; text-align: center; }
.row-offerta img { max-width: 100%; }

.ebook-info { padding: 20px 0; }
.item-wrap-large .ebook-info { padding: 20px 0; }
#lista .item-wrap-large .item-ebook h2 { font-size: 2rem; line-height: 1.6; margin: 0 15px; }
#lista .item-wrap-large .item-ebook h3 { font-size: 1.3rem; line-height: 1.3; margin: 0 15px; }
#lista .item-wrap-large .item-ebook .abstract { margin: 40px 15px; font-size: 16pt; }
#lista .item-wrap-large .item-ebook .collection { margin: 15px; margin-bottom: 0; text-transform: uppercase; font-size: 100%; }
#lista .item-wrap-large .item-ebook .collection a { font-weight: bold; }
#lista .item-wrap-large .item-ebook .info { margin: 15px; margin-top: 0;text-transform: uppercase; font-size: 100%; }
#lista.lista-novita { background: #eef; }
#lista.lista-novita-1 { background: #ddf; }

.press-release p { font-family: 'Libre Baskerville', serif; font-size: 1.2rem; margin: 1.5em 0; }

/* 3d book */

.book {
  display: inline-block;
  box-shadow: 5px 5px 20px #333;
  margin: 10px;
}

.book img { vertical-align: middle; }

.csstransforms3d  .books {
  -moz-perspective: 100px;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
}

.csstransforms3d  .book {
  position: relative;
  -moz-perspective: 100px;
  -moz-transform: rotateY(-1deg);
  -webkit-transform: perspective(100) rotateY(-1deg);
  outline: 1px solid transparent; /* Helps smooth jagged edges in Firefox */
  box-shadow: none;
  margin: 0;
  -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; 
}

.csstransforms3d .book:hover {
  -moz-transform: rotateY(-3deg);
  -webkit-transform: perspective(100) rotateY(-3deg);
}

.csstransforms3d  .book img {
  position: relative;
  max-width: 100%;
}

.csstransforms3d  .book:before,
.csstransforms3d  .book:after {
	position: absolute;
	content: ' ';
	z-index: -1;
}

.csstransforms3d  .book:before {
	width: 100%;
	left: 3.5%;
	top: 2%;
	height: 96%;
	background-size: cover; 
	background-color: #333;
	box-shadow: 5px 5px 20px #333;
}

.csstransforms3d  .book:after {
  width: 5%;
  left: 98%;
  top: 2%;
  height: 96%;
  background-color: #EFefcc;
  box-shadow: inset 5px 0px 15px #aaa;
  -moz-transform: rotateY(14deg) translateZ(-4px);
  -webkit-transform: perspective(100) rotateY(15deg) translateZ(-4px);
}

.csstransforms3d  .book.book100:after {
  top: 2.5%;
  height: 96%;
  width: 7%;
  left: 100%;
}
.csstransforms3d  .book.book100:before {
	left: 4%;
	height: 91%;
	top: 5%;
}
.csstransforms3d  .book.book200:after {
  top: 2.5%;
  height: 96%;
  width: 10%;
  left: 100%;
}
.csstransforms3d  .book.book200:before {
	left: 7%;
	height: 91%;
	top: 5%;
}
.csstransforms3d  .book.book300:after {
	top: 2%;
	height: 96%;
	width: 16%;
	left: 100%;
	-moz-transform: rotateY(11deg) translateZ(-5px);
	box-shadow: inset 10px 0px 25px #aaa;
}
.csstransforms3d  .book.book300:before {
	left: 11%;
	height: 89%;
	top: 5.5%;
}

@supports (-webkit-appearance:none) {
	.csstransforms3d  .book.book100:after {
	  top: .5%;
	  height: 99%;
	  width: 4%;
	  left: 100%;
	}
	.csstransforms3d  .book.book100:before {
		left: 4.5%;
		height: 95%;
		top: 2.5%;
	}
	.csstransforms3d  .book.book200:after {
		top: 1.5%;
		height: 97%;
    	width: 7%;
    	left: 100%;
	}
	.csstransforms3d  .book.book200:before {
		left: 8%;
		height: 92%;
		top: 4%;
	}
	.csstransforms3d  .book.book300:after {
		top: 2%;
		height: 96%;
		width: 11%;
		left: 100%;
	}
	.csstransforms3d  .book.book300:before {
		left: 11.5%;
		height: 89%;
		top: 5.5%;
	}
}



.csstransforms3d .book .gutter {
position: absolute;
top: 1%;
bottom: 1%;
left: 3%;
width: 3px;
background: white;
opacity: 0.1;
box-shadow: 2px 0 2px #000;
}

/* EBOOK ENV */
.ebook-env {
	border: 20px solid rgba(255,255,255,0.3);
	border-radius: 16px;
	box-shadow: 5px 5px 50px rgba(0,0,0,.8);
	position: relative;
}
.ebook-env div {
	border: 1px solid;
	border-color: rgba(100,100,100,.5) rgba(200,200,200,.5) rgba(200,200,200,.5) rgba(100,100,100,.5);
}
.ebook-env::after {
	content: ' ';
	position: absolute;
	left: 50%;
	margin-left: -5px;
	width: 12px;
	height: 12px;
	border-radius: 10px;
	bottom: -15px;
	box-shadow: 1px 1px 2px inset rgba(0,0,0,.5);
}
.ebook-cover {
	box-shadow: none;
}

p.offerta { margin-top: 10px; }
.package { float: right; text-transform: uppercase; margin-top: 40px; }
.package span { font-size: 14px; }

#libri .section-title { margin: 0; }
#libri .scopri { text-align: center; margin: 3em 0; }

.btn-gold {
    padding: 15px 25px;
    background-color: transparent;
    color: #960;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 0px;
    border: 1px solid #960;
}
.btn-gold:hover,
.btn-gold:focus {
    background-color: #960;
    color: #dca;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    text-shadow: none;
}
.card { margin:5px; }

#newsletter { background: #37361c; }
#newsletter h2 { text-align: center; }
#newsletter-info { text-align: left; }
#newsletter-info h2 { font-size: 2rem; }
#newsletter-info .info { font-size: 80%; }
#newsletter-form { text-align: left; }
#newsletter-form .email-group { margin: 10px 0 15px; }
#newsletter-form .email-group .input-group-addon { background: transparent; color: white; }
#newsletter-form .email-group input { color: white; }

.btn-white {
    background-color: transparent;
    color: #ffffff;
    border-radius: 0px;
    border: 1px solid #ffffff;
}
img.newsletter-splash { width: 400px; }

@keyframes bounce {
  0%, 10%, 40%, 100% { transform: rotate(0deg);}
  22% { transform: rotate(-15deg); }
  25%  { transform: rotate(15deg); }
  30%  { transform: rotate(-15deg); }
  35% { transform: rotate(15deg); }
}

.bounce {
  animation: bounce 4s infinite;
}
.gdpr, .gdpr p, .gdpr h3 { font-size: 90%; line-height: 120%;}
.offerta-scheda { margin: 0; text-transform: uppercase; font-size: 90%; font-weight:bold; padding: 2px 4px; background: red; color: white; }


.input-lg, .form-group-lg .form-control {
	height: 46px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.33;
	border-radius: 6px;
}

.recaptcha-wrap { display: inline-block; text-align: center; margin: 10px auto; }

#page.subscribe-page { background: url(/img/poster1.jpg) #eed top no-repeat fixed; }
#page.subscribe-page h1 { color: white; margin-bottom: 1em; }
.newsletter-highlights li { text-align: left; margin-top: 1em; }