.scroll-to-top {

    width: 5%;

}

.bk-list {

	list-style: none;

	position: relative;

        height: 450px;

}



.bk-list .margin-div {

	margin: 5% 0;

}

.bk-list .li {

	position: relative;

	width: 100%;

	float: left;

	z-index: 1;

	

	-webkit-perspective: 1800px;

	perspective: 1800px;

}



.bk-list .li:last-child {

	margin-right: 0;

}



.bk-info {

	position: relative;



    

}



.bk-info h3 {

	padding: 25px 0 10px;

	margin-bottom: 20px;

	border-bottom: 1px solid rgba(0,0,0,0.3);

	font-size: 26px;

}



.bk-info h3 span:first-child {

	font-size: 14px;

	font-weight: 400;

	text-transform: uppercase;

	padding-bottom: 5px;

	display: block;

	color: #777;

}



.bk-info p {

	line-height: 24px;

	color: #444;

	min-height: 160px;

}



.bk-info button.bk-bookview {

	background: #000;

	border: none;

	color: #fff;

	display: inline-block;

	 padding: 10px 15px;



	

	font-size: 10pt;

	text-transform: uppercase;

	cursor: pointer;

	margin-right: 4px;

	box-shadow: 1px 1px 1px rgba(0,0,0,0.15);

}



.bk-info button.bk-active,

.bk-info button:active {

	box-shadow: 

		0 1px 0 rgba(255, 255, 255, 0.8), 

		inset 0 -1px 1px rgba(0,0,0,0.2);

}



.no-touch .bk-info button:hover,

.bk-info button.bk-active {

	background: #d0544e;

}



.bk-list .li .bk-book {

	position: absolute;

	width: 25%;

	height: 100%;

    margin: 0 35%;



	-webkit-transform-style: preserve-3d;

	transform-style: preserve-3d;

	-webkit-transition: -webkit-transform .5s;

	transition: transform .5s;

}



.bk-list .li .bk-book.bk-bookdefault:hover {

	-webkit-transform: rotate3d(0,1,0,35deg);

	transform: rotate3d(0,1,0,35deg);

}



.bk-list .li .bk-book > div,

.bk-list .li .bk-front > div {

	display: block;

	position: absolute;

}



.bk-list .li .bk-front {

	-webkit-transform-style: preserve-3d;

	transform-style: preserve-3d;

	-webkit-transform-origin: 0% 50%;

	transform-origin: 0% 50%;

	-webkit-transition: -webkit-transform .5s;

	transition: transform .5s;

	-webkit-transform: translate3d(0,0,20px);

	transform: translate3d(0,0,20px);

	z-index: 10;

}



.bk-list .li .bk-front > div {

	z-index: 1;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	-webkit-transform-style: preserve-3d;

	transform-style: preserve-3d;

}



.bk-list .li .bk-page {

	-webkit-transform: translate3d(0,0,19px);

	transform: translate3d(0,0,19px);

	display: none;

	width: 100%;

	height: 436px;	

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	z-index: 9;

}



.bk-list .li .bk-front,

.bk-list .li .bk-back,

.bk-list .li .bk-front > div {

	width: 300px;

	height: 435px;

}



.bk-list .li .bk-left,

.bk-list .li .bk-right {

	width: 40px;

	left: -20px;

}



.bk-list .li .bk-top,

.bk-list .li .bk-bottom {

	width: 295px;

	height: 40px;

	top: -15px;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

}



.bk-list .li .bk-back {

	-webkit-transform: rotate3d(0,1,0,-180deg) translate3d(0,0,20px);

	transform: rotate3d(0,1,0,-180deg) translate3d(0,0,20px);

	box-shadow: 10px 10px 30px rgba(0,0,0,0.3);

	border-radius: 3px 0 0 3px;

}



.bk-list .li .bk-cover-back {

	background-color: #333;

	-webkit-transform: rotate3d(0,1,0,-179deg);

	transform: rotate3d(0,1,0,-179deg);

}

.bk-cover-back {

	position: absolute;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	padding: 30px;

	overflow: hidden;

	background: #fff;

	opacity: 0;

	pointer-events: none;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	-webkit-transition: opacity 0.3s ease-in-out;

	transition: opacity 0.3s ease-in-out;

	cursor: default;

}



.bk-list .li .bk-right {

	height: 390px;

	top: 5px;

	-webkit-transform: rotate3d(0,1,0,90deg) translate3d(0,0,295px);

	-moz-transform: rotate3d(0,1,0,90deg) translate3d(0,0,295px);

	transform: rotate3d(0,1,0,90deg) translate3d(0,0,295px);

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

}



.bk-list .li .bk-left {

	height: 435px;

	-webkit-transform: rotate3d(0,1,0,-90deg);

	transform: rotate3d(0,1,0,-90deg);

}



.bk-list .li .bk-top {

	-webkit-transform: rotate3d(1,0,0,90deg);

	transform: rotate3d(1,0,0,90deg);

}



.bk-list .li .bk-bottom {

	-webkit-transform: rotate3d(1,0,0,-90deg) translate3d(0,0,390px);

	transform: rotate3d(1,0,0,-90deg) translate3d(0,0,390px);

}



/* Transform classes */



.bk-list .li .bk-viewinside .bk-front {

	-webkit-transform: translate3d(0,0,20px) rotate3d(0,1,0,-160deg);

	transform: translate3d(0,0,20px) rotate3d(0,1,0,-160deg);

   

}



.bk-list .li .bk-book.bk-viewinside {

	-webkit-transform: translate3d(0,0,150px) rotate3d(0,1,0,0deg);

	transform: translate3d(0,0,150px) rotate3d(0,1,0,0deg);

     margin: 0 50%;

    transition:  1s ease-in-out;

}



.bk-list .li .bk-book.bk-viewback {

	-webkit-transform: translate3d(0,0,0px) rotate3d(0,1,0,180deg);

	transform: translate3d(0,0,0px) rotate3d(0,1,0,180deg);

}



/* Main colors and content */



.bk-list .li .bk-page,

.bk-list .li .bk-right,

.bk-list .li .bk-top,

.bk-list .li .bk-bottom {

	background-color: #fff;

}



.bk-list .li .bk-front > div {

	border-radius: 0 3px 3px 0;

	box-shadow: 

		inset 4px 0 10px rgba(0, 0, 0, 0.1);

}



.bk-list .li .bk-front:after {

	content: '';

	position: absolute;

	top: 1px;

	bottom: 1px;

	left: -1px;

	width: 1px;

}



.bk-list .li .bk-cover:after,

.bk-list .li .bk-back:after {

	content: '';

	position: absolute;

	top: 0;

	left: 10px;

	bottom: 0;

	width: 3px;

	background: rgba(0,0,0,0.06);

	box-shadow: 1px 0 3px rgba(255, 255, 255, 0.1);

}



.bk-list .li .bk-back:after {

	left: auto;

	right: 10px;

}



.bk-left h2 {

	width: 400px;

	height: 40px;

	-webkit-transform-origin: 0 0;

	-moz-transform-origin: 0 0;

	transform-origin: 0 0;

	-webkit-transform: rotate(90deg) translateY(-40px);

	transform: rotate(90deg) translateY(-40px);

}



.bk-content {

	position: absolute;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	padding: 30px;

	overflow: hidden;

	background: #fff;

	opacity: 0;

	pointer-events: none;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	-webkit-transition: opacity 0.3s ease-in-out;

	transition: opacity 0.3s ease-in-out;

	cursor: default;

    width: 300px;

}



.bk-content-current {

	opacity: 1;

	pointer-events: auto;

}



.bk-content p {

	padding: 0 0 10px;

	-webkit-font-smoothing: antialiased;

	color: #000;

	font-size: 13px;

	line-height: 20px;

	text-align: justify;

	-webkit-touch-callout: none;

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

}



.bk-page .page-buttons {

	

	text-align: center;

	margin-top: 20px;

	position: relative;

	z-index: 100;

	cursor: pointer;

    margin: 65% 0;

}



.bk-page .page-buttons span {

	

	width: 20px;

	height: 20px;



	border-radius: 50%;

}



/*  Individual style & artwork */



/* Book 1 */

.book-1 .bk-front > div,

.book-1 .bk-back,

.book-1 .bk-left,

.book-1 .bk-front:after {

	background-color: #000;

}



.book-1 .bk-cover {

	background-image: url(../img/capa.jpg);	

	background-repeat: no-repeat;

	background-size:contain;

}





.book-2 .bk-cover {

	background-image: url(../img/luxury-jewelry-cases-boca-do-lobo.jpg);	

	background-repeat: no-repeat;

	background-size:contain;

}

.book-1 .bk-cover h2 {

	position: absolute;

	bottom: 0;

	right: 0;

	left: 0;

	padding: 30px;

	background: rgba(255,255,255,0.2);

	color: #fff;

	text-shadow: 0 -1px 0 rgba(0,0,0,0.1);

}



.book-1 .bk-cover h2 span:first-child,

.book-1 .bk-left h2 span:first-child {

	text-transform: uppercase;

	font-weight: 400;

	font-size: 13px;

	padding-right: 20px;

}



.book-1 .bk-cover h2 span:first-child {

	display: block;

}



.bk-book .bk-cover h2 span:last-child,

.bk-book .bk-left h2 span:last-child {

	font-family:  'Open Sans', sans-serif;

} 



.bk-book .bk-content p {

	font-family: 'Open Sans', sans-serif;

}



.book-1 .bk-left h2 {

	color: #fff;

	font-size: 15px;

	line-height: 40px;

	padding-right: 10px;

	text-align: right;

}



.book-1 .bk-back p {

	color: #fff;

	font-size: 13px;

	padding: 40px;

	text-align: center;

	font-weight: 700;

}



/* Book 2 */



.book-2 .bk-front > div,

.book-2 .bk-back,

.book-2 .bk-left,

.book-2 .bk-front:after {

	background-color: #020403;

}





.book-2 .bk-cover h2, 

.book-2 .bk-left h2 {

	color: #fff;

	text-transform: uppercase;

}



.book-2 .bk-cover h2 {

	font-size: 138px;

	line-height: 102px;

	padding: 30px;

}



.book-2 .bk-cover h2 span:first-child {

	position: relative;

	display: block;

}



.book-2 .bk-cover h2 span:first-child:before {

	content: 'A novel';

	font-family:  'Open Sans', sans-serif;

	text-transform: uppercase;

	position: absolute;

	color: red;

	font-size: 20px;

	right: -15px;

	bottom: -60px;

}



.book-2 .bk-cover h2 span:last-child {

	font-size: 100px;

	line-height: 80px;

	display: block;

	position: relative;

}



.book-2 .bk-cover h2 span:last-child:before {

	content: 'by';

	font-size: 16px;

	color: red;

	position: absolute;

	top: -32px;

	left: 62px;

	font-family:  'Open Sans', sans-serif;

}



.book-2 .bk-cover h2 span:last-child:after {

	content: '';

	width: 20px;

	height: 20px;

	border-radius: 50%;

	background: #f9ed65;

	position: absolute;

	top: 5px;

	left: 101px;

}



.book-2 .bk-left h2 {

	font-size: 20px;

	line-height: 40px;

	padding-right: 10px;

	text-align: right;

}



.book-2 .bk-back p {

	color: red;

	font-size: 13px;

	font-family:  'Open Sans', sans-serif;

	padding: 40px;

	text-align: center;

}



/* Book 3 */



.book-3 .bk-front > div,

.book-3 .bk-back,

.book-3 .bk-left,

.book-3 .bk-front:after {

	background-color: #000;

}



.book-3 .bk-cover {

	background-image: url(../img/luxury-cigar-humidors.jpg);	

	background-repeat: no-repeat;

	background-size:contain;

}



.book-3 .bk-cover h2 {

	position: absolute;

	top: 40px;

	right: 40px;

	left: 40px;

	padding-top: 15px;

	color: #fff;

	text-shadow: 0 -1px 0 rgba(0,0,0,0.1);

}



.book-3 .bk-cover h2 span:first-child,

.book-3 .bk-left h2 span:first-child {

	text-transform: uppercase;

	font-weight: 400;

	font-size: 13px;

	padding-right: 20px;

}





.book-3 .bk-cover h2 span:first-child {

	display: block;

}



.book-3 .bk-cover h2 span:last-child,

.book-3 .bk-left h2 span:last-child,

.book-3 .bk-content p  {

	font-family: 'Open Sans', sans-serif;

} 



.book-3 .bk-left h2 {

	color: #fff;

	font-size: 14px;

	line-height: 40px;

	text-align: right;

}



.book-3 .bk-back img {

	width: 200px;

	display: block;

	margin: 30px auto 0;

}



.book-3 .bk-back p {

	color: #fff;

	font-size: 13px;

	font-family: 'Open Sans', sans-serif;

	padding: 40px;

	text-align: center;

	text-shadow: 0 -1px 0 rgba(0,0,0,0.1);

}


/* Book 4 */



.book-4 .bk-front > div,

.book-4 .bk-back,

.book-4 .bk-left,

.book-4 .bk-front:after {

	background-color: #000;

}



.book-4 .bk-cover {

	background-image: url(../img/the-best-of-collectable-design.jpg);	

	background-repeat: no-repeat;

	background-size:contain;

}



.book-4 .bk-cover h2 {

	position: absolute;

	top: 40px;

	right: 40px;

	left: 40px;

	padding-top: 15px;

	color: #fff;

	text-shadow: 0 -1px 0 rgba(0,0,0,0.1);

}



.book-4 .bk-cover h2 span:first-child,

.book-4 .bk-left h2 span:first-child {

	text-transform: uppercase;

	font-weight: 400;

	font-size: 13px;

	padding-right: 20px;

}





.book-4 .bk-cover h2 span:first-child {

	display: block;

}



.book-4 .bk-cover h2 span:last-child,

.book-4 .bk-left h2 span:last-child,

.book-4 .bk-content p  {

	font-family: 'Open Sans', sans-serif;

} 



.book-4 .bk-left h2 {

	color: #fff;

	font-size: 14px;

	line-height: 40px;

	text-align: right;

}



.book-4 .bk-back img {

	width: 200px;

	display: block;

	margin: 30px auto 0;

}



.book-4 .bk-back p {

	color: #fff;

	font-size: 13px;

	font-family: 'Open Sans', sans-serif;

	padding: 40px;

	text-align: center;

	text-shadow: 0 -1px 0 rgba(0,0,0,0.1);

}

/* Book 5 */



.book-5 .bk-front > div,

.book-5 .bk-back,

.book-5 .bk-left,

.book-5 .bk-front:after {

	background-color: #000;

}



.book-5 .bk-cover {

	background-image: url(../img/super-yachts.jpg);	

	background-repeat: no-repeat;

	background-size:contain;

}



.book-5 .bk-cover h2 {

	position: absolute;

	top: 40px;

	right: 40px;

	left: 40px;

	padding-top: 15px;

	color: #fff;

	text-shadow: 0 -1px 0 rgba(0,0,0,0.1);

}



.book-5 .bk-cover h2 span:first-child,

.book-5 .bk-left h2 span:first-child {

	text-transform: uppercase;

	font-weight: 400;

	font-size: 13px;

	padding-right: 20px;

}





.book-5 .bk-cover h2 span:first-child {

	display: block;

}



.book-5 .bk-cover h2 span:last-child,

.book-5 .bk-left h2 span:last-child,

.book-5 .bk-content p  {

	font-family: 'Open Sans', sans-serif;

} 



.book-5 .bk-left h2 {

	color: #fff;

	font-size: 14px;

	line-height: 40px;

	text-align: right;

}



.book-5 .bk-back img {

	width: 200px;

	display: block;

	margin: 30px auto 0;

}



.book-5 .bk-back p {

	color: #fff;

	font-size: 13px;

	font-family: 'Open Sans', sans-serif;

	padding: 40px;

	text-align: center;

	text-shadow: 0 -1px 0 rgba(0,0,0,0.1);

}




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

    .bk-list .li .bk-book {

        margin:0 35%;

        width:30%;

    }

}

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

    .bk-list .li .bk-book {

        margin:0 25%;

        width:30%;

    }

}

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

    .bk-list .li .bk-book {

        margin:0 25%;

        width:60%;

    }

}

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

    .bk-list .li .bk-book {

        margin:0 15%;

        width:80%;

    }

    #ebookBig .btnDwl {

        font-size:9pt;

        width: 50%;

    }

}



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

    .bk-list .li .bk-book {

        margin:0;

        width:80%;

    }

     #ebookBig .btnDwl {

        font-size:9pt;

        width: 60%;

    }

}

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

    .bk-list .li .bk-book {

        margin:0;

        width:100%;

    }

     #ebookBig .btnDwl {

        font-size:9pt;

        width: 60%;

    }

}
input[name="interested"]{
	display: none;
}