@import 'bourbon'; // http://bourbon.io/

@import '../partials/variables'; // colors, fonts etc...

@import '../partials/mixins'; // custom mixins

@import '../partials/layout'; // responsive grid and media queries

@import '../partials/fonts'; //include font
/* --------------------------------

1. Menu mobile
2. Style login
3. Style page author details
4. Style menu humberger
5. Uber humberger
6. Style menu mega default
7. Style our team
8. Style widget home 07
9. Style hostest widget
10. Detail book
11. Detail author book
12. About this book section
13. Shop detail style 2
14. Shop detail style 3
15. Check out
16. Page book store - Shop
17. For book grid
18. For book list
19. For grid full page
20. breadthums-navigation
21. Style button wishlist and add to cart
22. For sidebar
23. Setup for book item through all page
24. For book info
25. Popup add to cart

-------------------------------- */

body{
&.active-menu{
	left: 250px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#grid-list{
	&.side-bar{
		background: #131210;
	}
	.breadthums-navigation{
		.dropdown-border{
			@include RP(M){
				margin-top: 50px;
			}
		}
		.woocommerce-ordering{
			@include RP(M){
				margin-top: 120px;
			}
		}
	}
}

.width-sm{
	@include RP(M){
		width: 75%;
	}
}
.woocommerce {
	clear: both;
}
.rp-line{
	@include RP(S){
		padding-top: 10px!important;
	}
}
.page-header{
	margin: 0;
	border-bottom:none;
}
.sbOptions{
	@include RP(S){
		left: -75px;
	}
}
#hostes-small{
	margin-top: -50px;
	.beau_hosted_Book_widget{
		display: none;
	}
}

#display-menu{
	display:none;
}

.gridlist-toggle{
	top: -65px;
}

.woocommerce-message{
	display: none;
}

.woocommerce-info{
	display:none;
}

//Menu fix

.menu-fix-all{
	width: 100%;
    background-color: #fff;
    z-index: 99999;
    min-height: 70px;
    padding-top: 10px;
    top: -200px;
    position: fixed;
    border-bottom: 1px solid $black_02;
    -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	.beau-logo{
		left: 9%;
		@include MQ(SL){
			left: 17%;
		}
		@include RP(MD){
			@include center(x);
			margin-top: 0;
		}
	}
	.menu{
		padding-left: 5%;
		@include RP(MD){
			display: none;
		}
	}
	.humberger-button{
		// line-height: 60px;
		display: none;
		float: left;
		padding-right: 20px;
		margin-right: 16px;
		border-right: 1px solid $black_01;
		@include font-size(20px);
		@include RP(MD){
			position: absolute;
			top: 30px;
			display: block;
			border-right: none;
		}
		@include RP(M){
			top: 35px;
			left: 30px;
		}
		@include RP(S){
			position: relative;
			top: 25px;
			left: 10px;
		}
		button{
			float: left;
			width: 30px;
			height: 30px;
			padding: 0px;
			background: transparent;
			border:none;
			position: relative;
			@include center(y);
			i{
				float: left;
				width: 100%;
				height: 2px;
				background: $black_03;
				margin: 3px 0px;
				@include transition(fast);
			}
			&:hover{
				i{
					background: $active-color;
					// margin: 0;
				}
			}
		}
	}
	&.stick{
		top: 0;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
}

//

//Style review

#reviews{
	padding-top: 40px;
	#review_form_wrapper{
		padding-bottom: 40px;
		#review_form{
			.your-review{
				float: left;
				padding-right: 10px;
				span{
					font-family: $Me;
					@include font-size(12px);
					font-weight: bold;
				}
			}
			.star-rating{
				float: left;
			}
			#respond{
				clear: both;
				position: relative;
				#reply-title{
					display: none;
				}
			}
			.comment-respond{
				.comment-form-author{
					width: 40%;
					float: left;
					margin-right: 30px;
				}
				.comment-form-email{
					width: 40%;
					float: left;
				}
				.comment-form-rating{
					clear: both;
					position: absolute;
					top: -50px;
				}
				.form-submit{
					#submit{
						background-color: transparent;
						border: 2px solid $active-color;
						border-radius: 30px;
						color: $active-color;
						font-family: $La;
						@include font-size(12px);
						float: right;
    					margin-top: 30px;
					}
				}
			}
		}
	}
	#comments{
		.commentlist{
			border-top: 1px dashed #eaeaea;
			padding-top: 40px!important;
			li{
				position: relative;
				&:after{
					content: '';
					height: 5px;
					width: 100px;
					border-bottom: 1px dashed #eaeaea;
					margin-left: 15px;
				}
				.comment_container{
					.comment-text{
						border:none;
						.meta{
							float: left;
							padding-right: 15px;
							clear: both;
						    display: block;
						    strong{
						    	padding-right: 15px;
						    }
						}
						.star-rating{
						 	float: left;
						 	margin-top: 3px;
						}
					}
				}
			}
		}
	}
}

#beboo-reviews{
	border-top: 1px dashed #eaeaea;
	margin-top: 0;
    padding-top: 40px;
}

#meet-author{
	border-top: 1px solid #eaeaea;
	margin-top: 0;
    padding-top: 40px;
}

// end style review

img{
	max-width:100%;
	height: auto;
}

&.single-product{
	.woocommerce-breadcrumb{
		display: none;
	}
}

.pull-right{
	@include RP(M){
		margin-top: 10px;
	}
}

/*

	1. Menu mobile

*/
#book-mobile-menu{
	position: fixed;
    width: 316px;
    z-index: 1;
	.mobile-menu{
		position: absolute;
		max-width: 78%;
	    width: 250px;
	    z-index: 9;
	    top: 0;
	    left: -250px;
	    height: 100vh;
    	overflow-y:scroll;
	    -webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		&.mobile-show{
			left: 0;
		}
		ul{
			&.menu{
				height: 100vh;
			}
			background-color: #131210;
			padding: 15px 0 15px 30px;
			li{
				font-family: $La;
				@include font-size(14px);
				list-style: none;
				padding: 5px 0;
				a{
					color: $white_06;
					background: none;
					box-shadow: none;
					&:hover{
						color: $active-color;
					}
				}
				&.ubermenu-item-level-0{
					position: relative;
					padding-right: 30px;
					width: 100%;
					&:after{
						content: '';
						border-bottom: 1px solid $white_01;
						width: 90%;
						height: 1px;
						position:absolute;
						bottom: 0;
					}
				}
				.ubermenu-submenu{
					background-color: #131210;
					border: none;
					li{
						&:first-child{
							&.ubermenu-item-level-2{
								border-left: none;
							}
						}
						&.ubermenu-item-level-2{
							font-family: $Ti;
							position: relative;
							border-left: 1px  #2b2a28;
							padding-left: 20px;
							padding-right: 20px;

							&:after{
								content: '';
								border-left: 1px dashed #fff;
								width: 2px;
								position: absolute;
								height: 90%;
								top: 0;
								left: 0;
							}
							.title-sub{
								border-bottom: none;
								color: $white_09;
								text-transform: uppercase;
								font-family: $La;
								padding-bottom: 25px;
								span{
									position:relative;
									&:after{
										content: '';
										border-bottom: 2px solid $white_07;
										width: 100%;
										position: absolute;
										height: 1px;
										bottom: -13px;
										left: 0;
									}
								}
							}
						}
					}

				}
			}
		}
	}
}
/*End menu mobile*/


/*

	2. Style login

*/

.woo-account{
	clear: both;
	.container{
		padding: 70px 0;
	}
}
.woo-login{
	clear: both;
	.container{
		padding: 70px 0;
	}
	.login-page{
		position:relative;
		&:after{
			content: '';
		    position: absolute;
		    border-right: 1px solid #e8e4d9;
		    height: 100%;
		    width: 3px;
		    right: 0;
				top: 0;
		}
		.login{
			border:none;
		}
	}
	.register{
		border:none;
	}
	h2{
		font-size: 3em;
		text-transform: capitalize;
	}
	form{border:none;  padding: 0;
		label{
			  font-weight: normal;
			  color:$black_08;
		}
		input{
			min-height: 40px;
				border-radius: 40px;border: 1px solid #c2c2c2;
				&.input-text{
					width: 90%;  padding-left: 20px;
				}
				&.button{
					background:$active-color;
					color:#fff;
					font-weight:normal;
					text-transform:uppercase;
					padding: 0 35px;
					display: block;
					margin: 25px 0 15px 0;
					border-radius: 35px;
					&:hover{
						background: $black_08;
						color: #fff;
					}
				}
		}
		.inline{
			color: $black_08;
		}
		.lost_password{
			a{
				color: $black_08;
				&:hover{
					color: $active-color;
				}
			}
		}
	}
}
/*end login*/


/*

	3. Style page author details

*/
.page-author{
	.author{
		background: #ede8de;
		padding-top: 100px;
		padding-bottom: 35px;
		.left-author{
			width: 240px;
			margin-right: 40px;
			.img-ava{
				width: 240px;
				height: 320px;
				position: relative;
				overflow: hidden;
				img{
					width: 100%;
					height: auto;
					position: absolute;
				}
			}
			.social{
				padding-bottom: 50px;
				ul{
					list-style: none;
					padding-left: 0px;
					margin-bottom: 0px;
					margin-top: 15px;
					position: absolute;
					@include center(x);
					li{
						float: left;
						margin-left: 5px;
						&:first-child{
							margin-left: 0px;
						}
						a{
							float: left;
							width: 25px;
							height: 25px;
							background: $black_01;
							color:$black_05;
							border-radius: 50%;
							text-align: center;
							line-height: 25px;
							&:hover{
								background: $active-color;
								i{
									&:before{
										color:$white_09;
									}
								}
							}
						}
					}
				}
			}
		}
		.right-author{
			.author-detail{
				.author-title{
					@include font-size(40px);
					font-weight: bold;
				}
				.author-year{
					@include font-size(12px);
					color: $black_05;
					padding-bottom: 20px;
				}
				.author-content{
					@include font-size(12px);
					font-family: $Me;
					color: $black_07;
					line-height: 24px;
				}
			}
		}
	}
	.book-by{
		padding-top: 85px;
		border-bottom: 1px dashed $black_02;
		.by-book{
			@include font-size(16px);
			font-weight: bold;
			color: $black_07;
			text-transform: uppercase;
			font-family: $La;
			padding-bottom: 40px;
		}
		.book-item-author{
			min-height: 240px;
			float: left;
			.book-item{
				max-width: 100px;
				margin-right: 40px;
			}
		}
		.author-info{
			position: relative;
    		clear: both;
    		padding-top: 10px;

			a{
				color: $black_07;
				&:hover{
					color: $active-color;
					pointer: cursor;
				}
			}
    		.book-year{
    			@include font-size(10px);
    			color: $black_05;
    			font-family: $La;
    		}
		}
	}
	.orther-author{
		padding-top: 85px;
		.orther-author-title{
			@include font-size(16px);
			color: $black_07;
			text-transform: uppercase;
			font-family: $La;
			font-weight: bold;
			padding-bottom: 40px;
		}
		.author-item{
			float: left;
			max-width: 120px;
			margin-right: 35px;
			&:nth-child(8){
				margin-right: 0;
			}
			p{
				color: $black_07;
				padding-top: 10px;
			}
		}
	}
}

/*

	4. Style menu humberger

*/
#menu-humberger{
	position: absolute;
	max-width: 20%;
    width: 250px;
    z-index: 99999;
    top: 0;
    left: -250px;
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	@include RP(M){
		display: none;
	}
	.menu-main-menu-container{
		position: absolute;
		top: 0;
    	left: 0;
    	background-color: #000;
		#main-navigation-hamberger{
			li{
				list-style: none;
				a{
					color: $white_09;
				}
				&.current-menu-parent{
					float: left;
				}
				.sub-menu{
					display: none;
				}
			}
		}
	}

	/*

	5. Uber humberger

	*/
	.ubermenu-main{
		width: 250px;
    	height: 100vh;
    	background: #131210;
    	position: fixed;
		.ubermenu-nav{
			background-color: #131210;
			padding: 15px 0 30px 0;
			li{
				font-family: $La;
				@include font-size(14px);
				a{
					color: $white_06;
					background: none;
    				box-shadow: none;
    				&:hover{
    					color: $active-color;
    				}
				}
				&.ubermenu-item-level-0{
					position: relative;
					padding-right: 30px;
					width: 100%;
					&:after{
						content: '';
						border-bottom: 1px solid $white_01;
						width: 90%;
						height: 1px;
						position:absolute;
						bottom: 0;
					}
				}
				.ubermenu-submenu{
					background-color: #131210;
					border: none;
					.ubermenu-item-level-2{
						font-family: $Ti;
						position: relative;
						border-left: 1px dashed $white_05;
						padding-left: 20px;
						&:after{
								content: '';
								border-left: 1px dashed #fff;
								width: 2px;
								position: absolute;
								height: 90%;
								top: 0;
								left: 0;
							}
						.title-sub{
							border-bottom: none;
							color: $white_09;
							text-transform: uppercase;
							font-family: $La;
							padding-bottom: 25px;
							span{
								position:relative;
								&:after{
									content: '';
									border-bottom: 2px solid $white_07;
									width: 100%;
									position: absolute;
									height: 1px;
									bottom: -13px;
									left: 0;
								}
							}
						}
					}
				}
			}
		}
	}
}
/* End Style menu humberger*/


/*

	6. Style menu mega default

	*/
#menu-mega,#menu-mega-stick{
	nav{
		border: none;
    	background: none!important;
    	font-family: $La;
    	@include font-size(14px);
    	@include RP(MD){
    		font-size:1em;
    	}
		ul{
			li{
				a{
					color: $black_08;
					border: none;
    				background: none!important;
    				&:hover{
    					color: $active-color;
    				}
				}
				.ubermenu-submenu{
					background: #131210;
					border:none;
					a{
						color: $white_09;
						&:hover{
							text-decoration: underline!important;
							color: $active-color;
						}
					}
					.ubermenu-item-level-2{
						font-family: $Ti;
						position: relative;
						.title-sub{
							border-bottom: none;
							color: $white_09;
							text-transform: uppercase;
							font-family: $La;
							padding-bottom: 25px;
							span{
								position:relative;
								.ubermenu-target-title{

								}
								&:after{
									content: '';
									border-bottom: 2px solid $white_07;
									width: 100%;
									position: absolute;
									height: 1px;
									bottom: -13px;
									left: 0;
								}
							}
						}
					}
				}
			}
		}
	}
}
/*End */


/*

	7. Style our team

	*/
.our-team{
	padding-top: 70px;
	.details-team{
		float: left;
		.person-team{
			float: left;
			margin-right: 25px;
			margin-bottom: 70px;
			@include RP(S){
				margin-left: 7%;
			}
			.img-team{
				width: 245px;
				height: auto;
				position: relative;
				overflow: hidden;
				@include RP(MD){
					width: 215px;
				}
				@include RP(M){
					width: 175px;
				}
				@include RP(S){
					width: 245px;
				}
				img{
					width: 100%;
					height: auto;
					max-width: 100%;
				}
			}
			.info-person{
				@include RP(S){
					text-align: center;
				}
				.name{
					color: $black_08;
					@include font-size(20px);
					font-weight: bold;
					margin-top: 10px;
				}
				.job{
					font-family: $Me;
					color: $black_08;
					@include font-size(12px);
				}
				.social{
					ul{
						list-style: none;
						padding-left: 0px;
						margin-bottom: 0px;
						margin-top: 15px;
						@include RP(S){
							position: absolute;
						    left: 33%;
						    right: auto;
						}
						li{
							float: left;
							margin-left: 5px;
							&:first-child{
								margin-left: 0px;
							}
							a{
								float: left;
								width: 25px;
								height: 25px;
								background: $black_01;
								color:$black_05;
								border-radius: 50%;
								text-align: center;
								line-height: 25px;
								&:hover{
									background: $active-color;
									i{
										&:before{
											color:$white_09;
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
}


/*

	8. Style widget home 07

	*/
.full-layout{
	.name-widget{
		margin-left: 10px;
		@include RP(S){
			margin-left: 10%;
		}
	}
	.content-widget {
		.list-top-book {
			margin-left: 10px;
			@include RP(S){
				padding-left: 7%;
			}
			.book-item-widget-best{
				width: 90%;
				@include RP(MD){
					width: 85%;
				}
				p{
					font-weight: normal;
				}
			}
		}
	}
	.with-widget{
		padding-left: 10%;
		@include RP(MD){
			padding-left: 0;
			padding-right: 5%;
			border-left: 1px solid #DEDEDE;
		}
		@include RP(M){
			width: 150%;
		}
		@include RP(S){
			width: 100%;
			border-left: none;
		}
		.name-widget{
			text-transform: uppercase;
			color: $active-color;
			letter-spacing: 0.1px;
			@include font-size(16px);
			font-family: $La;
			font-weight: $Heavy;
			float: left;
			margin-bottom: 40px;
			position: relative;
			&:after{
				content: "";
				position: absolute;
				border-bottom: 2px solid $active-color;
			    width: 60px;
			    top: 30px;
			    left: 0;
			}
		}
		ul{
			clear: both;
			padding: 0;
			@include RP(S){
				padding-left: 12%;
			}
			li{
				list-style: decimal;
				padding: 15px 0 15px 20%;
				position: relative;
				text-align: left;
			    font-style: italic;
			    font-weight: bold;
			    font-size: 1.9em;
				&:before {
				    content: "";
				    border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
				    top: 0px;
				    left: 2%;
				    width: 90%;
				    height: 1px;
				    position: absolute;
				    @include RP(S){
				    	display: none;
				    }
				}
				a{
					font-size: 0.6em;
					font-style: normal;
				}
				.star-rating{
					display: none;
				}
				img{
					display: none;
				}
				&:hover{
					background: rgba(255, 255, 255, 0.7);
					.book-best-right{
						.name-best{
							.b-name{
								color: #f07c29;
							}
						}
					}
				}
				.book-best-right{
					.book-item{
						max-width: 40px;
						.book-image{
							img{
								display: block;
								width: 100%;
								height: auto;
							}
						}
					}
					.name-best{
						margin-left: 50px;
						font-style: normal;
						position: relative;
						top: -35px;
						.b-name{
							font-size: 1em !important;
							color: #000;
								margin-bottom: 8px !important;
						}
						.b-author{
							display: none;
						}
						.b-price{
							font-family: $Me;
							font-size: 0.55em !important;
						    color: rgba(38, 38, 38, 0.7) !important;
						    margin-bottom: 0px;
						}
					}
				}
			}
		}
	}
}


/*

	9. Style hostest widget

	*/
footer{
	.footer-widget{
		.widget-body{
			.book-item{
				max-width: 120px;
				.book-image{
					img{
						max-width:100%;
						height: auto;
					}
				}
				.book-actions{
					.book-addtocart{
						&:hover{
							background: none;
						}
					}
					.yith-wcwl-add-to-wishlist{
						margin-top: 50px;
					}
				}
			}
			.book-info{
				width: 40%;
				.book-rate{
					.star-rating{
						float: left;
						margin-bottom: 5px;
					}
				}
			}
		}
	}
}

/*

	10. Detail book

	*/
.detail-book{
	float: left;
	width: 100%;
	height: auto;
	padding-top: 100px;
	background: #ede8de;
	padding-bottom: 120px;
	position: relative;
	@include RP(S){
		padding-top: 0;
	}
	.book-detail{
		.book-item{
			width: 93%;
		}
		.book-details-item{
			float:right;
			margin-right: 35px;
			@include RP(S){
				margin-right: inherit;
				width: 100%;

				.bk-list li{
					margin: 0 2%;
				}
				.bk-list li .bk-front,
				.bk-list li .bk-back,
				.bk-list li .bk-front > div {
					width: 280px;
    				height: 415px;
    			}
    			.bk-info{
					margin-top:420px;
				}
				.bk-list li{
					margin: 0 2%;
				}
			}
		}
		&.style03{
			@include RP(M){
				padding: 0 55px 0 100px;
			}
			@include RP(S){
				padding: 0;
			}
			.book-item-three{
				@include RP(MD){
					float: right;
					max-width: 100%;
				}
				@include RP(M){
					padding-top: 100px;

					.bk-list li .bk-front,
					.bk-list li .bk-back,
					.bk-list li .bk-front > div {
						width: 190px;
    					height: 290px;
					}
					.bk-list li .bk-left{
						height: 290px;

					}
					.bk-list li .bk-right{
						left: -130px;
						height: 290px;
					}
					.bk-info{
						margin-top: 320px;
					}
				}
				@include RP(S){
					padding-top: 30px;
					width: 100%;

					.bk-list li{
						margin: 0 2%;
					}
					.bk-list li .bk-front,
					.bk-list li .bk-back,
					.bk-list li .bk-front > div {
						width: 280px;
	    				height: 415px;
	    			}
	    			.bk-info{
						margin-top:420px;
					}
				}
			}
			.book-item-detail{
				.yith-wcwl-add-to-wishlist{
					@include RP(M){
						left: 25px;
    					top: -5px;
					}
				}
				.tagged{
					@include RP(M){
						padding-top: 20px;
					}
				}
				.social{
					@include RP(M){
						padding: 20px 0px;
					}
				}
			}
		}
		&.book-full-view{
			.book-item{
				width: 100%;
			}
			.book-item-detail{
				padding-left: 30px;
			}
			.social{
				padding: 0;
			}
		}

	}
	.book-item-nextback {
		position: absolute;
		@include center(y);
		width: 100px;
		height: auto;
		@include RP(S){
			display: none;
		}
		a{
			float: left;
			width: 100%;
			height: auto;
			// text-align: center;
			color: $black_07;
			font-weight: bold;
			&:hover{
				color: $active-color;
			}
			.book-info{
				width: 100px;
				.book-name{
					width: 100%;
					text-align: center;
					@include font-size(14px);
				}
			}
		}
		&.book-next{
			right: 0px;
			// position: relative;
			@include transition(fast);
			&:before{
				position: absolute;
				content: "\f178";
				font-family: $Aw;
				top: -30px;
				left: 0px;
				@include font-size(20px);
				color: $black_03;
			}
			&:hover{
				right: 20px;
				&:before{
					color: $active-color;
				}
			}
		}
		&.book-prev{
			// position: relative;
			left: 0px;
			@include transition(fast);
			&:before{
				position: absolute;
				content: "\f177";
				font-family: $Aw;
				top: -30px;
				right: 0px;
				@include font-size(20px);
				color: $black_03;
			}
			&:hover{
				left: 20px;
				&:before{
					color: $active-color;
				}
			}

		}
	}
}

.detail-book-action{
	float: left;
	width: 345px;
	height: 30px;
	position: relative;
	.flip-book{
		margin-top: 5px;
		white-space: nowrap;
		float: left;
		width: auto;
		position: absolute;
		// position: relative;
		background: url(../images/flip-book.png) no-repeat left center;
		@include center(xy);
		line-height: 30px;
		padding-left: 30px;
	}
}
.book-item-detail{
	padding-top: 25px;
	box-sizing: border-box;
	padding-left: 15px;
	&.detail-page-2{
		padding-left: 50px;
	}
	&.detail-book-full{
		border-sizing: border-box;
		padding-left: 15px;

	}
	.product_title{
		font-family: $Ti;
		@include font-size(40px);
		font-weight: $Bold;
		// margin-bottom: 20px;
	}
	.woocommerce-product-rating{
		margin-top: 10px;
		margin-bottom: 0!important;
		.star-rating{
			font-size:0.8em;
			color: $active-color;
			margin: 8px 10px 8px 0;
			// &:before{
			// 	color: $active-color;
			// }
		}
	}
	.price{
		position:relative;
		min-height: 60px;
		span{
			font-family: $Me;
		    font-style: italic;
		    font-weight: bold;
		    color: $black_09;
		    @include font-size(30px);
		}
		del{
			span{
				color: $black_03;
				@include font-size(14px);
				text-decoration: line-through;
				position: absolute;
				left: 140px;
    			top: 20px;
			}
		}
		ins{
			span{
				position: absolute;
			}
		}
	}
	.cart{
		.quantity{
			width: 100%;
			padding-bottom: 25px;
			input[type="number"]{
				border: 2px solid  $black_01;
				border-radius: 50px;
				min-width: 70px;
				// padding-right: 50px;
				padding: 2px 5px 2px 10px ;
				background: transparent;
			}
		}
		button{
			background-color: $active-color!important;
			border-radius: 50px;
			font-family: $La;
			padding: 0 30px 0 50px;
		    height: 40px;
		    text-transform: uppercase;
		    @include font-size(15px);
		    color: #fff!important;

		    &:before{
		    	content: "\e60c";
		    	font-family: 'Beau-Theme-Icon';
		    	font-size: 14px;
		    	position: absolute;
		    	left: 20px;
		    	color: #fff;
		    }
		    &:hover{
		    	background-color: #252420!important;
		    	color: #fff!important;
		    	&:before{
		    		color: #fff;
		    	}
		    }
		}
	}
	.product_meta{
		margin-bottom: 20px;
		.posted_in{
			display: none;
		}
		.tagged_as{
			display: none;
		}
	}
	.yith-wcwl-add-to-wishlist{
		position: relative;
    	left: 230px;
    	top: -50px;
    	@include RP(S){
    		left: 25px;
    		top: -15px;
    	}
    	span{
    		display: none;
    	}
    	a{
    		font-family: $La;
    		@include font-size(11px);
    		font-weight: bold;
    		text-transform: uppercase;
    		color: $black_03;
    		position: relative;
    		&:before{
		    	content: "\e610";
		    	font-family: 'Beau-Theme-Icon';
		    	@include font-size(14px);
		    	position: absolute;
		    	@include center(x);
		    	color: $black_03;
		    	left: -15px;
		    }
		    &:after{
		    	content: "";
			    position: absolute;
			    bottom: -5px;
			    height: 2px;
			    width: 120%;
			    background-color: rgba(0, 0, 0, 0.1);
			    left: -20px;
		    }
    	}
	}
	.tagged_as{
		text-transform: uppercase;
		font-family: $La;

		a{
			&:hover{
				color: #333;
			}
		}
	}
	.social-share{
		float: left;
		list-style: none;
		text-transform: none;
		@include RP(S){
			padding: 25px 0 0 0;
		}
		li{
			list-style: none;
			float: left;
			margin-right: 10px;
			@include font-size(14px);
			&.title-social{
				color: #000;
				font-family: $La;
			}
		}
	}
	span{

		width: 100%;
		&.sku_wrapper{
			font-family: $La;
			text-transform: uppercase;
			margin-bottom: 10px;
			color: $Black;
			.sku{
				color: #999;
			}
		}

		&.by-book{
			font-family: $La;
			@include font-size(16px);
			line-height: 25px;
			margin-bottom: 25px;
		}
		&.book-reviews{
			img{
				margin-right: 20px;
			}
			font-family: $La;
			@include font-size(12px);
			color: $black_05;
			margin-bottom: 25px;
		}
		&.book-desc{
			font-family: $Me;
			@include font-size(13px);
			font-weight: $Light;
			margin-bottom: 30px;
			line-height: 22px;
			p{
				margin-top: 15px;
				height: 70px;
				overflow: hidden;
			}
		}
		&.book-price{
			font-family: $Me;
			@include font-size(30px);
			font-weight: $Bold;
			margin-bottom: 15px;
			font-style: italic;
		}
		&.book-quanlity{
			font-family: $La;
			text-align: left;
			margin-bottom: 20px;
			p{
				float: left;
				margin-right: 10px;
				line-height: 30px;
			}
		}
		&.book-tags{
			float: left;
			text-transform: uppercase;
			color: $Black;
			font-family: $La;
			line-height: 22px;
			a{
				color: #999999;
				&:hover{
					color: $active-color;
				}
			}
			.tag-list-detail{
				float: left;
				color: $black_04;
				span{
					color: $Black;
					float: left;
					width: auto!important;
					margin-right: 5px;
				}
			}

		}
		&.button-buy{
			margin-bottom: 35px;
			.book-button{
				margin-right: 30px;
			}
			.book-button-line{
				@include font-size(11px);
				// margin-bottom: 10px;
			}
		}
	}
}


/*

	11. Detail author book

	*/
.box-meet-author{
	float: left;
	@include RP(S){
		padding-bottom: 30px;
	}
	.title-box{
		&:after{
			border-color: $white_01!important;
		}
	}
	.author-info{
		float: left;
		width: 100%;
		.img-social{
			float: left;
			width: 120px;
			height: auto;
			margin-right: 20px;
			ul{
				list-style: none;
				padding-left: 0px;
				margin-bottom: 0px;
				// position: relative;
				// @include center(x);
				margin-left: 15%;
				margin-top: 15px;
				li{
					float: left;
					margin-left: 5px;
					&:first-child{
						margin-left: 0px;
					}
					a{
						float: left;
						width: 25px;
						height: 25px;
						background-color: #f2f2f2;
						color:#a9a9a9;
						border-radius: 50%;
						text-align: center;
						line-height: 25px;
						&:hover{
							background: $active-color;
							color:$White;
						}

					}
				}
			}
		}
		.desc-name{
			float: left;
			// width: 100%;
			width: 80%;
			.name-author{
				font-family: $Ti;
				font-weight: $Bold;
				@include font-size(25px);
				line-height: 25px;
				margin-bottom: 10px;
				// color: $white_07;
			}
			.year-author{
				font-family: $La;
				// color: $white_02;
				margin-bottom: 20px;
			}
			.desc-author{
				font-family: $Me;
				font-weight: $Light;
				@include font-size(13px);
				line-height: 22px;
				height: 90px;
    			overflow: hidden;
				// color: $white_05;
			}
		}
	}
}

.detail-author-book{
	background: #252420;
	padding-top: 100px;
	padding-bottom: 60px;
	.title-box{
		color: $white_02;
	}
	.author-info{
		.desc-name{
			width: 375px;
			@include RP(S){
				max-width: 100%;
			}
			.name-author{
				a{
					color: $white_07;
					&:hover{
						color: $active-color;
					}
				}
			}
			.year-author{
				color: $white_02;
			}
			.desc-author{
				color: $white_05;
				@include font-size(12px);
				line-height: 24px;
				height: 145px;
    			overflow: hidden;
			}
		}
	}
	.box-author-book{
		box-sizing: border-box;
		padding-left: 45px;
		position: relative;
		@include RP(M){
			padding-left: 20px;
		}
		@include RP(S){
			padding-top: 40px;
    		border-top: 1px dashed #fff;
    		padding-left: 0;
		}
		&:before{
			position: absolute;
			left: 5px;
			height: 86%;
			width: 1px;
			border-left: 1px solid $white_01;
			content: "";
			@include RP(S){
				border:none;
			}
		}
		&.full-author-book{
			&:before{
				display: none!important;
			}
		}
		.title-box{
			width: 100%;
			color: $white_02;
			&:after{
				display: none;
			}
		}
		.book-item-slide{
			margin-right: 20px;
			.book-name{
				a{
					color: $white_07;
					&:hover{
						color: $active-color;
					}
				}
			}
			.book-author{
				color: $white_02;
			}
		}
		.author-book-slider{
			.swiper-wrapper{
				.swiper-slide{
					.book-item-slide{
						.book-item{
							.book-image{
								@include RP(M){
									max-width: 80px;
								}
								img{
									max-width: 100%;
								}
							}
						}
					}
				}
			}
		}
	}

}

/*

	12. About this book section

	*/
.about-this-book{
	float: left;
	width: 100%;
	height: auto;
	padding-top: 103px;
	.container{
		&.border{
			padding-bottom: 100px;
			padding-top: 200px;
			@include RP(MD){
				padding-bottom: 90px;
    			padding-top: 100px;
			}
			.border-bottom{
				border-bottom: 1px solid #eaeaea;
			}
		}
	}
}
.left-detail{
	text-align: right;
	.title-box{
		width: 100%;
		text-align: right;
		&:after{
			float: right;
		}
	}
	ul{
		list-style: none;
		padding-left: 0px;
		float: left;
		width: 100%;
		height: auto;
		li{
			float: left;
			width: 100%;
			text-align: right;
			text-transform: uppercase;
			line-height: 40px;
			font-family: $La;
			letter-spacing: 0.1;
			@include font-size(12px);
			a{
				color: #a8a8a8;
				&:hover{
					color: $active-color;
				}
			}
			&.task-active{
				a{
					color: $active-color;
				}
			}
		}
	}
}

.right-detail{
	// &.shop-detail1{
	padding-top: 40px;
	// }
	#fixed-menu{
		@include transition(fast);
		float: left;
		width: 100%;
		.list-menu{
			.task-active{
				color: $active-color!important;
				a{
					color: $active-color!important;
				}
			}
		}
	}
	.book-desc-detail{
		float: left;
		width: 100%;
		margin-top: 40px;
		border-bottom: 1px dashed #eaeaea;
		.woocommerce-tabs{
			.wc-tabs{
				margin:0!important;
    			padding: 0!important;
    			max-height: 60px;
				&:before{
					display: none!important;
				}
				li{
					background-color: transparent!important;
    				border: none!important;
    				margin:0!important;
    				padding: 0!important;
    				a{
    					font-weight: bold;
					    line-height: 25px;
					    @include font-size(16px);
					    margin-bottom: 20px;
					    color: rgba(0, 0, 0, 0.7);
					    text-transform: uppercase;
    				}
					&.description_tab{
						display: none!important;
					}
				}
			}

			#tab-reviews{
				display: block!important;
				#reviews{
					#review_form{
						#commentform{
							input[type="text"], textarea{
								border: none;
							    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
							    float: left;
							    width: 100%;
							    padding-left: 15px;
							    resize: none;
							}
						}
					}
					#comments{
						h2{
							display: none;
						}
						ol{    padding: 0;
							li{
								.comment_container{
									img{
										display: none;
									}
									.comment-text{
										margin: 0;
										.meta{
											strong{
												color: #000;
												font-family: $Me;
												@include font-size(14px);
											}
										}
									}
								}
							}
						}
					}
				}
			}
			#tab-description{
				display: none!important;
			}
		}
		.title-detail{
			text-transform: uppercase;
			float: left;
			width: 100%;
			font-family: $Ti;
			font-weight: $Bold;
			line-height: 25px;
			@include font-size(16px);
			margin-bottom: 20px;
			color: $black_07;
		}
		.box-detail-desc{
			float: left;
			font-family: $Me;
			font-weight: $Light;

			padding-bottom: 20px;
			@include font-size(13px);
			color: $black_09;
			line-height: 24px;
			strong{
				color: $black_07;
			}
			p{
				margin-bottom: 30px;
			}
		}
		.your-rating{
			float: left;
			width: 100%;
			img{
				margin-left: 10px;
			}
		}
		.comment-list{
			margin-top: 0px;
			border-top: 1px dashed $black_01;
			padding-top: 30px;
			border-bottom: none;
		}
		.book-comment-form{
			margin-bottom: 20px;
		}
	}
}

/*

	13. Shop detail style 2

	*/
.full-author-book{
	.author-book-slider{
		height: 220px;
		.book-item-slide{
			.book-item{
				.book-image{
					img{
						max-width:100px;
					}
				}
			}
		}
	}
}

.other-book-right{
	position: relative;
	float: left;
	&:before{
		height: 100%;
		position: absolute;
		width: 1px;
		left: -60px;
		content: "";
		border-left: 1px solid $black_005;
	}
	.list-book-other{
		float: right;
		width: 100%;
		height: auto;
		list-style: none;
		padding-left: 0px;
		margin-bottom: 0px;
		li{
			float: left;
			width: 100%;
			margin-bottom: 20px;
			max-width: 120px;
			.book-name{
				font-weight: normal;
				width: 120px;
			}
			.book-item{
				.book-image{
					img{
						max-width: 120px;
					}
				}
			}
		}
	}
}

/*

	14. Shop detail style 3

	*/
.list-menu-tap{
	float: left;
	width: 100%;
	// height:50px;
	margin-top: 20px;
	border-bottom: 2px solid #e5e5e5;
	list-style: none;
	padding-left: 0px;
	li{
		float: left;
		 // margin-right: 35px;
		 margin-left: 20px;
		 margin-right: 20px;
		 text-transform: uppercase;
		 font-family: $La;
		 font-weight: $Bold;
		 line-height: 40px;
		 margin-bottom: -2px;
		 border-bottom: 2px solid #e5e5e5;
		 padding-left: 5px;
		 padding-right: 5px;
		 position: relative;
		 cursor: pointer;
		 @include RP(MD){
		 	font-size: 0.85em;
		 }
		 @include RP(M){
		 	font-size: 0.8em;
		 }
		 @include RP(S){
		 	font-size: 1.2em;
		    display: block;
		    clear: both;
		    padding: 10px;
		 }
		 &:hover, &.tab-active{
		 	border-color: $active-color;
			&:before{
			 	width: 12px;
			 	height: 7px;
			 	position: absolute;
			 	@include center();
			 	// bottom: -5px;
			 	top: 107%;
			 	content:"";
			 	background: url(../images/bg-tab.png) no-repeat center center;
			 }
		 	a{
		 		color: $active-color;
		 	}
		 }
	}
}
.right-detail{
	&.content-tab{
		float: left;
		padding-top: 0px;
		.book-desc-detail{
			display: none;
			margin-top: 35px!important;
			&.book-tab-show{
				float: left;
				display: block!important;
			}
		}
		#meet-the-author{
			.box-meet-author{
				.author-info{
					.img-social{
						ul{
							li{
								a{
									background-color: #EFEFEF;
									i{
										color: #bcbcbc;
									}
									&:hover{
										background-color: $active-color;
										i{
											color: #fff;
										}
									}
								}
							}
						}
					}
					.desc-name{
						.name-author{
							@include font-size(16px);
							span{
								color: #999999;
								font-weight: normal;
							}
							a{
								color: #000;
							}
						}
						.year-author{
							@include font-size(12px);
						}
					}
				}
			}
		}
	}
}

/*

	15. Check out

	*/
.box-check-out{
	float: left;
	width: 100%;
	height: auto;
	.shipping-method{
		#order_review{
			#payment{
				.payment_methods{
					display: block;
					padding: 0;
				}
				.place-order{
					display: block;

					#place_order{
						margin-right: -10px;
					}
				}
			}
		}
	}
	#order_review{
		#payment{
			.payment_methods{
				display: none;
			}
			.place-order{
				display: none;
			}
		}
		.woocommerce-checkout-review-order-table{
			tfoot{
				.shipping{
					td{
						padding-top: 15px;
					}
				}
				.order-total{
					.amount{
						font-family: $Me;
					    font-weight: bold;
					    font-size: 1.38462em;
					    line-height: 23px;
					}
				}
			}
		}
	}

	.title-box-checkout{
		float: left;
		width: 89%;
		text-transform: uppercase;
		color: $black_07;
		@include font-size(16px);
		font-weight: $Bold;
		font-family: $La;
		margin-bottom: 30px;
	}
	.checkout-list-input{
		float: left;
		list-style: none;
		padding-left: 0px;
		width: 100%;
		margin-bottom: 0px;
		margin-top: 30px;
		li{
			float: left;
			width: 100%;
			height: auto;
			margin-bottom: 20px;
			input[type="text"]{
				float: left;
				background: transparent;
				border: none;
				border-bottom: 1px solid $black_01;
				padding-left: 10px;
				box-sizing: border-box;
				height: 30px;
				font-family: $Me;
				width: 100%;
				@include font-size(12px);
				font-weight: $Light;
				@include placeholder{
					font-style: italic;
					color: $black_05;
				}
			}
			&.half{
				input[type="text"]{
					width: 49.9%;
				}
			}
		}
	}
	.show-box-checkout{
		float: left;
		width: 100%;
		margin-top: 30px;
		font-family: $Me;
		font-weight: $Bold;
		margin-bottom: 15px;
		// @include font-size();
	}
	.list-radio{
		float: left;
		padding-left: 0px;
		margin-bottom: 0px;
		list-style: none;
		li{
			float: left;
			width: 100%;
			height: auto;
			// margin-top: 10px;
			font-family: $Me;
			@include font-size(13px);
			input{
				margin-right: 20px;
				cursor: pointer;
			}
			&:last-child{
				height: 35px;
				margin-top: 20px;
				margin-bottom: 20px;
				a{
					padding-left: 15px;
					padding-right: 15px;
					color: $black_05;
					border-color: $black_03;
					font-weight: $Bold;
					@include font-size(12px);
					&:hover{
						background-color: $active-color;
						border-color: $active-color;
						color: $White;
					}
				}
			}
		}
	}
	.list-card{
		float: left;
		width: 100%;
		list-style: none;
		padding-left: 20px;
		margin-bottom: 0px;
		margin-top: 5px;
		box-sizing:border-box;
		li{
			float: left;
			width: 25%;
			img{
				width: 62px;
				height: 30px;
			}
		}
	}
	.woocomerce-book-message{
		float: left;
		box-sizing:border-box;
		padding:25px;
		margin-top: 15px;
		background: $black_005;
		ul{
			list-style: none;
			padding-left: 0px;
			margin-bottom: 0px;
			float: left;
			width: 100%;
			height: auto;
			li{
				float: left;
				width: 100%;
				font-family: $Me;
				@include font-size(13px);
				font-weight: $Light;
				margin-bottom: 5px;
				.fa{
					margin-right: 5px;
				}
				&:last-child{
					margin-top: 20px;
					font-family: $La;
					@include font-size(14.1px);
					color: $black_03;
				}
			}
		}
	}
}

.woocomerce-cart{
	right: -15px;
	width: 57px;
	height: 40px;
	top: 5px;
	.be{
		float:left;
		@include font-size(30px);
		margin-left: 15px;
		color: $black_06;
	}
	a{
		display: block;
		position: absolute;
		width: 20px;
		height: 20px;
		line-height: 20px;
		border-radius: 50%;
		background: $active-color;
		color: $White;
		text-align: center;
		right: 0px;
		top: -2px;
	}
	&:before{
		position: absolute;
		content: "";
		border-left: 1px solid $black_01;
		left: 0px;
		top: -5px;
		height: 60px;
	}

}

.header-one{
	.woocomerce-cart{
		&:before{
			height: 40px;
			left: 5px;
		}
	}
}


/*

	16. Page book store - Shop

	*/
.shop-left-bar{
	float: left;
	width: 100%;
	height: auto;
	@include RP(S){
		margin-top: 85px;
	}
	.book-grid-full{
		.shop-list-book{
			.shop-list{
				ul{
					li{
						.book-item-shop{
							span{
								&.onsale{
									left: 135px;
								}
							}
						}
					}
				}
			}
		}
	}
	.left-bar{
		border-right: 1px dashed $black_01;
		padding-right: 0px;
		padding-top: 70px;
		margin-bottom: 30px;
		@include RP(S){
			margin-bottom: 0;
		}
		.sidebar-content-widget{
			li{
				margin-bottom: 15px;
			}
		}
		.title-sidebar-widget{
			margin-bottom: 25px;
		}
	}
}
.shop-list-book{
	float: left;
	width: 100%;
	.book-info{
		.book-name{
			margin-bottom: 5px;
		}
		.book-author{
			margin-bottom: 10px;
		}
		.book-price{

		}

	}
}

/*

	17. For book grid

	*/
.book-grid{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 60px;
	padding-top: 40px;
	.book-item-shop{
		float: left;
		box-sizing: border-box;
		width: 160px;
		margin: 35px 35px 0 35px;
		@include RP(S){
			margin: 35px 50px 0 50px;
		}
		&:nth-child(4n){
			margin-right: 0px;
		}
		.book-info{
			text-align: center;
			.book-name{
				line-height: 22px;
			}
		}

	}
}

/*

	18. For book list

	*/
.book-list{
	float: left;
	list-style: none;
	padding-left: 40px;
	margin-bottom: 0px;
	padding-bottom: 60px;
	padding-top: 70px;
	.book-item-shop{
		float: left;
		width: 100%;
		height: auto;
		margin-bottom: 75px;
		.book-item{
			float: left;
			width: 160px;
			height: auto;
		}
	}
	.buy-wishlist{
		float: left;
		width: 658px;
		margin-left: 30px;
		.book-info{
			float: left;
			width: 100%;
			margin-bottom: 30px;
			.book-name{
				@include font-size(25px);
				margin-bottom: 5px;
				margin-top: 10px;
			}
			.book-author{
				margin-bottom: 10px;
			}
			.book-price{
				margin-bottom: 25px;
				img{
					margin-right: 20px;
				}
				strike{
					margin-left: 20px;
					font-family: $Me;
					@include font-size(9px);
					color: $black_03;
				}
			}
			.book-desc{
				font-family: $Me;
				@include font-size(13px);
				color: $black_07;
				width: 95%;
				line-height: 22px;
				letter-spacing: 0.1px;
			}
		}
		.book-button{
			margin-right: 10px;
			// border-color: $black_03;
			// color: $black_05;
			padding-left: 20px;
			padding-right: 20px;
			// font-weight: bold;
			// @include font-size(12px);
			line-height: 25px;
			border-color: $black_005;
			&:hover{
				border-color: $active-color;
				background: $active-color;
				color: $White;
			}
		}
	}
}


/*

	19. For grid full page

	*/
.book-grid-full{
	.book-grid{
		.book-item-shop{
			margin: 33px 33px 0 33px;
			&:nth-child(5n+1){
				margin-left: 0px;
			}
			&:nth-child(4n){
				margin-right: 35px;
			}
			&:nth-child(5n){
				margin-right: 0px;
			}
		}
	}
}

/*

	20. breadthums-navigation

	*/
.breadthums-navigation{
	float: left;
	width: 100%;
	height: 120px;
	background: #fff;
	// position: relative;
	.container{
		position: relative;
		height: 120px;
		padding-top: 5px;
		border-bottom: 1px dashed $black_01;
		z-index: 9;
		@include RP(S){
			height: 190px;
		}
	}
	.navigation-listcat{
		position: relative;
		float: left;
		@include center(y);
		.title-subcat{
			font-weight: $Heavy;
			@include font-size(16px);
			font-family: $La;
			text-transform: uppercase;
			color: $black_09;
			cursor: pointer;
			.fa{
				margin-right: 10px;
				color: $active-color;
			}
		}
	}
	.breadthums{
		position: relative;
		float: left;
		@include center(y);
		@include RP(S){
			top: 25%;
		}
		.list-breadthum{
			list-style: none;
			padding-left: 0px;
			margin-bottom: 0px;
			float: left;
			li{
				float: left;
				// margin-right: 10px;
				// margin-left: 10px;
				font-family: $La;
				color: $black_02;
				a{
					color: $black_03;
					&:hover{
						color: $active-color;
					}
				}
				&:first-child{
					margin-left: 0px;
				}
				&:after{
					content:"/";
					margin-left: 10px;
					margin-right: 10px;
				}
				&:last-child{
					&:after{
						content: "";
					}
				}
			}
		}
	}
	.fillter-navigation{
		position: relative;
		@include center(y);
		float: right;
		width: auto;
		height: 30px;
		.book-dropdown{
			margin-left: 20px;
		}
		.view-perpage{
			.sbHolder{
				padding-right: 0px;
				width: 45px;
			}
		}
		.control-grid{
			margin-top: 5px;
			margin-left: 20px;
		}
	}
}


/*

	21. Style button wishlist and add to cart

	*/
.book-actions{
	.list-action{
		.button{
			width: 42px;
		    height: 42px;
		    text-align: center;
		    line-height: 42px;
		    font-size: 1px;
		    color: #fff;
		    background-color: transparent;
		    &:before{
		    	content: "\e60c";
		    	font-family: 'Beau-Theme-Icon';
		    	font-size: 14px;
		    	position: absolute;
		    	@include center(x);
		    	color: #fff;
		    	width: 42px;
			    height: 42px;
			    text-align: center;
			    line-height: 41px;
			    box-sizing: border-box;
			    border-radius: 50%;
			    border: 2px solid #fff;
		    	top: -10%;
		    }
		    &:hover{

		    	border-color: transparent;
		    	&:before{
		    		background-color: $active-color;
		    		border-color: transparent;
		    	}
		    }
		}
		.yith-wcwl-add-to-wishlist{
			font-size: 5px;
			position: relative;
			a{
				color: transparent!important;
			}
			.yith-wcwl-add-button{
				width: 42px;
			    height: 42px;
			    text-align: center;
			    line-height: 42px;
			    box-sizing: border-box;
			    border-radius: 50%;
			    border: 2px solid #fff;
			    a{
			    	&:before{
				    	content: "\e610";
				    	font-family: 'Beau-Theme-Icon';
				    	font-size: 14px;
				    	position: absolute;
				    	@include center(x);
				    	color: #fff;
				    }
			    }
			    &:hover{
			    	background-color: $active-color;
			    	border-color: transparent;
			    }
			}
			.yith-wcwl-wishlistaddedbrowse{
				width: 42px;
			    height: 42px;
			    text-align: center;
			    line-height: 42px;
			    box-sizing: border-box;
			    border-radius: 50%;
			    border: 2px solid #fff;
			    a{
			    	&:before{
				    	content: "\e610";
				    	font-family: 'Beau-Theme-Icon';
				    	font-size: 14px;
				    	position: absolute;
				    	@include center(x);
				    	color: #fff;
				    }
			    }
			    &:hover{
			    	background-color: $active-color;
			    	border-color: transparent;
			    }
			}
			.yith-wcwl-wishlistexistsbrowse{
				width: 42px;
			    height: 42px;
			    text-align: center;
			    line-height: 42px;
			    box-sizing: border-box;
			    border-radius: 50%;
			    border: 2px solid #fff;
			    span{
			    	display: none;
			    }
			    a{
			    	&:before{
				    	content: "\e610";
				    	font-family: 'Beau-Theme-Icon';
				    	font-size: 14px;
				    	position: absolute;
				    	@include center(x);
				    	color: #fff;
				    }
			    }
			    &:hover{
			    	background-color: $active-color;
			    	border-color: transparent;
			    }
			}
		}

		.wc-forward{
			display: none;
		}
	}
}

.hightlight-slider-section{
	.book-hightlight-slider{
		.swiper-container{
			.book-item{
				max-width: 240px;
				img{
					max-width: 100%;
					height: auto;
				}
			}
		}
	}
}
.best-seller{
	.book-bestseller{
		.book-item{
			max-width: 345px;
			img{
				max-width: 100%;
				height: auto;
			}
		}
	}
}
.hight-light-tmp{
	.book-today-hightlight{
		&.big-hightlight{
			.book-hightlight{
				ul{
					li{
						.bk-book{
							width: 115%;
							height: 520px;
							@include RP(MD){
								width: 132%;
							}
							@include RP(M){
								width: 100%;
							}
							@include RP(S){
								width: 85%;
								height: 365px;
							}
							.bk-front{
								width: 345px;
		    					height: 520px;
		    					@include RP(M){
									width: 250px;
		    						height: 375px;
								}
		    					@include RP(S){
	    							width: 250px;
									height: 365px;
	    						}
		    					.bk-cover{
		    						width: 345px;
		    						height: 520px;
		    						@include RP(M){
										width: 250px;
			    						height: 375px;
									}
		    						@include RP(S){
		    							width: 250px;
    									height: 365px;
		    						}
		    					}
							}
							.bk-back{
								width: 345px;
								height: 520px;
								@include RP(M){
									width: 250px;
		    						height: 375px;
								}
								@include RP(S){
	    							width: 250px;
									height: 365px;
	    						}
							}
							.bk-left{
								height: 520px;
								@include RP(M){
		    						height: 375px;
								}
								@include RP(S){
									height: 365px;
								}
								h2{
									width: 455px;
									@include RP(M){
										margin-top: -100px;
									}
								}
							}
							.bk-top{
								width: 345px;
								@include RP(M){
									width: 250px;
								}
							}
							.bk-right{
								height: 520px;
								@include RP(MD){
									left: 25px;
								}
								@include RP(M){
									height: 375px;
									left: -70px;
								}
								@include RP(S){
									height: 355px;
								}
							}
						}
						.bk-info{
							margin-top: 550px;
							width: 345px;
							@include RP(M){
								margin-top: 410px;
							}
							@include RP(S){
								margin-top: 375px;
								width: 250px;
							}
							.flip-book{
								@include RP(MD){
									left: 68%;
								}
								@include RP(M){
									left: 50%;
								}
							}
						}
						.bk-right{
							left: -75px;
						}
					}
				}
			}
			.book-info{
				.book-rate{
					.star-rating{
						float: left;
					}
				}
			}
		}

		.book-hightlight{
			ul{
				li{
					.bk-book{
						width: 80%;
						height: 360px;
						.bk-front{
							width: 240px;
	    					height: 360px;
	    					.bk-cover{
	    						width: 240px;
	    						height: 360px;
	    					}
						}
						.bk-back{
							width: 240px;
							height: 360px;
						}
						.bk-left{
							height: 360px;
							h2{
								width: 310px;
							}
						}
						.bk-top{
							width: 240px;
						}
						.bk-right{
							height: 360px;
						}
					}
					.bk-info{
						margin-top: 375px;
						width: 240px;
					}
					.bk-right{
						left: -75px;
					}
				}
			}
		}
	}
}
.feature-section{
	&.product-nomal{
		.book-features{
			padding-left: 3%;
			@include RP(S){
				padding-left: 5%;
			}
			.book-item-slide{
				min-height: 400px;
				max-width: 20%;
				float: left;
				padding-right: 45px;
				@include MQ(SL){
					padding-right: 50px;
				}
				@include RP(S){
					max-width: 50%;
					padding-right: 15px;
				}
				.book-info{
					max-width: 160px;
					z-index: 999;
	    			position: relative;
					.star-rating{
						margin-top: 20px;
	    				margin-bottom: 0px;
					}
					span{
						text-align: center;
						&.book-name{
							margin-top: 15px;
						}
					}
				}
			}
		}
	}
	.related{
		ul{
			li{
				@include RP(MD){
					width: 18%!important;
				}
				@include RP(M){
					width: 48%!important;
				}
				@include RP(S){
					width: 48%!important;
				}
				.book-item-shop{
					.book-item{
						.book-image{
							img{
								max-width:100%;
							}
						}
					}
				}
			}
		}
	}
}
.book-item-slide{
	.book-info{
		.star-rating{
			color: #dedede;
			position: relative;
			margin-top: 5px;
    		margin-bottom: 15px;
			@include center(x);
			float: none;
			@include font-size(10px);
			span{
				&:before{
					color: $active-color;
				}
			}
		}
	}
}
.star-rating{
	color: #dedede;
	position: relative;
	margin-top: 5px;
	margin-bottom: 15px;
	float: none;
	font-size: 0.8em!important;
	span{
		&:before{
			color: $active-color;
		}
	}
}


/*

	22. For sidebar

	*/
.right-sidebar{
	float: right;
	box-sizing:border-box;
	padding-top: 25px;
	.sidebar-widget{
		float: left;
		width: 100%;
		height: auto;
		border-bottom: 1px dashed $black_01;
		padding-bottom: 45px;
		margin-bottom: 45px;
		padding-left: 0;
		@include RP(S){
			padding-bottom: 0;
			margin-bottom: 0;
		}
		h2{
			text-transform: uppercase;
		    color: rgba(0,0,0,0.5);
		    letter-spacing: 0.1px;
		    font-size: 1.230769231em;
		    font-family: 'Lato',sans-serif;
		    font-weight: 700;
		    float: left;
		    margin-bottom: 25px;
		    padding-left: 0px;
			padding-right: 20px;
			position: relative;
			&:after{
				content: '';
				border-bottom: 2px solid rgba(0,0,0,0.1);
			    width: 60px;
			    float: left;
			    margin-top: 10px;
			    position: absolute;
			    bottom: -10px;
			    left: 0;
			}
		}
		ul{
			padding: 0;
			li{
				float: left;
				margin-bottom: 20px;
				float: left;
				width: 100%;
				@include font-size(16px);
				color: $black_04;
				font-family: $Ti;
				list-style: none;
				a{
					margin-right: 5px;

					color: $black_05;
				}
				&:hover{
					color: $active-color;
					a{
						color: $active-color;
					}
				}
			}
		}
		a{
			color: $black_05;
			&:hover{
				color: $active-color;
			}
		}
		&:last-child{
			border-bottom: none;
		}
		.title-sidebar-widget{
			width: 100%;
			box-sizing:border-box;
			padding-left: 20px;
		}
		.sidebar-content-widget{
			padding-left: 20px;
			box-sizing:border-box;
		}
		.twitter-follow-button{
			color: $black_05;
			border-color: $black_01;
			padding: 5px 13px;
			&:hover{
				color: $active-color;
			}
		}
		.list-recent{
			list-style: none;
			padding-left: 0px;
			li{
				float: left;
				width: 100%;
				margin-bottom: 24px;
			}
			.recent-thumbs{
				float: left;
				width: 60px;
				height: 60px;
				margin-right: 15px;
			}
			.title-news{
				line-height: 20px;
				color: $black_07;
				@include font-size(14px);
				font-weight: $Bold;
			}
		}
		.items-comment{
			float: left;
			width: 100%;
			margin-bottom: 40px;
			.comment{
				font-family: $Me;
				@include font-size(13px);
				line-height: 22px;
				color: $black_09;
				float: left;
				width: 100%;
				margin-bottom: 10px;
				strong{
					font-weight: $Bold;
				}
			}
			.date-comment{
				float: left;
				width: 100%;
				font-family: $La;
				font-weight: $Light;
				@include font-size(11px);
				color: $black_05;
			}
		}
		.list-tags{
			a{
				float: left;
				border-bottom: 2px solid $black_005;
				margin-right: 30px;
				margin-bottom: 15px;
				@include font-size(14px);
				line-height: 20px;
				&:hover{
					color: $active-color;
					border-color: $active-color;
				}
			}
		}
	}
}
.sbToggle{
	top: 0px;
}
	&.archive{

		#product-sidebar{
			display: none;
			position: relative;
			top: 100px;
			background-color: #131210;
			z-index: 999;
			padding-top: 20px;
			&.active{
				display: block;
			}
			.sidebar-widget{
				h2{
					text-transform: uppercase;
				    color: rgba(0,0,0,0.5);
				    letter-spacing: 0.1px;
				    font-size: 1.230769231em;
				    font-family: 'Lato',sans-serif;
				    font-weight: 700;
				    float: left;
				    margin-bottom: 25px;
				    padding-left: 0px;
					padding-right: 20px;
					&:after{
						content: '';
						border-bottom: 2px solid rgba(0,0,0,0.1);
					    width: 60px;
					    float: left;
					    margin-top: 10px;
					}
				}
				.product-categories{
					margin: 0;
					padding: 0;
					li{
						list-style: none;
						&:hover{
					    	a{
					    		color: $active-color;
					    	}
					    	span{
					    		color: $active-color;
					    	}
					    }
						a{
							margin-right: 5px;
						    color: rgba(0,0,0,0.5);
						    font-size: 1.2em;

						}
						span{
							color: rgba(0,0,0,0.5);
						    font-size: 1.2em;
						}
					}
				}
				.list-category{
					margin: 0;
					padding: 0;
					li{
						list-style: none;
						&:hover{
					    	a{
					    		color: $active-color;
					    	}
					    	span{
					    		color: $active-color;
					    	}
					    }
						a{
							margin-right: 5px;
						    color: rgba(255,255,255,0.3);
						    font-size: 1.2em;

						}
						span{
							color: rgba(255,255,255,0.3);
						    font-size: 1.2em;
						}
					}
				}
			}
		}
		.breadthums-navigation{
			&.grid{
				.woocommerce-ordering{
					padding-right: 0px;
					.position-sort{
						right: 65px;
					}
				}

				.gridlist-toggle{
					display: none;
				}
			}

			.woocommerce-result-count{
				display: none;
			}
			.woocommerce-ordering{
				margin-top: 40px;
				padding-right: 50px;
				@include RP(S){
					margin-top: 100px;
				}
				.position-sort{
					position: absolute;
				    right: 145px;
				    min-width: 300px;
				    @include RP(S){
				    	right: -25px;
    					top: 75px;
				    }
					.pull-left{
						line-height: 30px;
					    margin-right: 10px;
					    font-family: $La;
					    color: rgba(0, 0, 0, 0.5);
					}
					.dropdown-border {
						.sbHolder{
							min-width: 150px;
							height: 30px;
						}
					}
					.sbHolder{
						border: none;
						padding: 0;
					}
				}
				.sbHolder{
					border-radius: 50px;
				    float: left;
				    border: 2px solid rgba(0, 0, 0, 0.1);
				    padding: 3px 14px;
				    line-height: 30px;
				    height: 36px;
				    width: 100px;
				    .sbToggle{
						top: 4px;
					}
				}
			}
			.breadthums{
				.woocommerce-breadcrumb{
					color: rgba(0,0,0,0.5);
					font-size: 1em;
					font-family: $La;
					margin: 0;
					a{
						color: rgba(0,0,0,0.5);
						padding-right: 10px;
						&:nth-child(2){
							padding-left: 10px;
						}
						&:hover{
							color: $active-color;
						}
					}
					span{
						padding-left: 10px;
					}
				}
			}
		}
		#list{
			.with-widget{
				width: 100%;
				border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
			    padding-bottom: 45px;
			    margin-bottom: 45px;
			    @include RP(S){
			    	padding-bottom: 0;
			    	margin-bottom: 0;
			    }
			}
		}
		#grid-list{
			.with-widget{
				position:relative;
				top: -95px;
				padding-right: 30px;
				&:after{
					content: '';
					border-right: 1px dashed;
					height: 90%;
					width: 2px;
					position: absolute;
					left: -30px;
					top: 20px;
				}
				h2{
					color: rgba(255,255,255,0.8);
					width: 100%;
					position: relative;
					&:after{
						border-color: rgba(255,255,255,0.2);
						position: absolute;
					    left: 0;
					    top: 15px;
					}
				}
				.product-categories{
					li{
						a{
							color: rgba(255,255,255,0.3);
						}
						span{
							color: rgba(255,255,255,0.3);
						}
						&:hover{
							a{
								color: $active-color;
							}
							span{
								color: $active-color;
							}
						}
					}
				}
				.book-item{
					margin-top: -25px;
				}
				.book-info{
					.book-rate{
						.star-rating{
							float: left;
						}
					}
				}
			}
		}
		.shop-left-bar{
			.right-sidebar{
				.sidebar-widget{
					h2{
						text-transform: uppercase;
					    color: rgba(0,0,0,0.7);
					    letter-spacing: 0.1px;
					    font-size: 1.230769231em;
					    font-family: 'Lato',sans-serif;
					    font-weight: 700;
					    float: left;
					    margin-bottom: 25px;
					    padding-left: 0px;
    					padding-right: 40px;
    					&:after{
    						content: '';
    						border-bottom: 2px solid rgba(0,0,0,0.1);
						    width: 60px;
						    float: left;
						    margin-top: 10px;
    					}
					}
					.product-categories{
						margin: 0;
						padding: 0;
						li{
							list-style: none;
							&:hover{
						    	a{
						    		color: $active-color;
						    	}
						    	span{
						    		color: $active-color;
						    	}
						    }
							a{
								margin-right: 5px;
							    color: rgba(0,0,0,0.8);
							    font-size: 1em;

							}
							span{
								color: rgba(0,0,0,0.5);
							    font-size: 1em;
							}
						}
					}
				}
			}
			.shop-list{
				ul{
					&.book-grid{
    					padding-top: 40px;
    					z-index: 0;
    					@include RP(S){
    						padding-top: 45px;
    					}
    					li{
    						@include RP(S){
    							width: 100%;
    						}
    						.book-item-shop{
    							.onsale{
    								@include RP(M){
    									left: 140px;
    								}
    							}
    						}
    					}
					}
					&.list{
						li{
							margin: 0 3.8% 0 0;
							@include RP(S){
								margin: 0 3.8% 45% 7%;
							}
							.book-item-shop{
								width: inherit;
								position: relative;
								margin: 35px 35px 40px 35px;
								@include RP(M){
									margin: 50px 35px 40px 35px;
								}
								@include RP(S){
									margin: 0;
								}
								span{
									&.onsale{
										top: 25px;
    									left: 140px;
    									@include RP(M){
    										left: 78px;
    									}
    									@include RP(S){
    										left: 45px;
    									}
									}
								}
								.book-item{
									width: 18%;
									.book-image{
										&:before{
											min-height: 242px;
											@include RP(MD){
												min-height: 242px;
											}
											@include RP(M){
												min-height: 135px;
											}
											@include RP(S){
												min-height: 72px;
											}
										}
										img{
											@include RP(M){
												max-width: 100px;
											}
											@include RP(S){
												max-width: 70px;
											}
										}
									}
									&:hover{
										.book-actions{
											background: rgba(0,0,0,0.4);
										}
									}
								}
								.book-actions{
									opacity: 1;
									background: rgba(0,0,0,0.0);

									.list-action{
										position: relative;
										hr{
											display: none;
										}
										[itemprop="description"]{
											display: none;
										}
										.gridlist-buttonwrap{
											a{
												border-color: #e5e5e5;
												min-width: 160px;
												min-height: 35px;
												border-radius: 25px;
												@include font-size(12px);
												font-family: $La;
												font-weight: 700;
												color: $black_05;
												text-transform: uppercase;
												line-height: 25px;
												position: relative;
											    left: 245px;
											    top: 98px;
											    padding-left: 40px;
											    border:2px solid #e5e5e5;
											    @include RP(M){
											    	left: 215px;
    												top: 115px;
											    }
											    @include RP(S){
											    	left: 150px;
											    	top: 150px;
											    }
											    &:before{
											    	content: "\e60c";
											    	font-family: 'Beau-Theme-Icon';
											    	font-size: 14px;
											    	position: absolute;
											    	left: 30px;
											    	top: 0px;
											    	color: $black_04;
											    	border: none;
											    	height: 35px;
											    }
											    &:hover{
											    	color: #fff;
											    	border-color: transparent;
											    	background: $active-color;
											    	border-color: $active-color;
											    	&:before{
											    		color: #fff;
											    	}
											    }
											}
										}
										.yith-wcwl-add-to-wishlist{
											position: relative;
										    left: 300px;
    										top: 110px;
										    font-size:0.923076923em!important;
										    text-transform: uppercase;
											line-height: 25px;
											@include RP(M){
												left: 280px;
    											top: 128px;
											}
											@include RP(S){
												display: none;
											}
											.yith-wcwl-add-button{
												border:2px solid #e5e5e5!important;
												min-width: 160px;
												min-height: 35px;
												border-radius: 25px!important;
												font-family: $La;
												font-weight: 700;
												color: $black_05;
												&:hover{
													border-color: transparent!important;
													a{
														color: #fff!important;
														&:before{
															color: #fff!important;
														}
													}
												}
												a{
													color: $black_05!important;
													position: absolute;
													min-width: 180px;
													&:before{
												    	content: "\e610";
												    	font-family: 'Beau-Theme-Icon';
												    	font-size: 14px;
												    	position: absolute;
												    	left: 20px!important;
												    	color: $black_04!important;
												    }
												}

											}
											.yith-wcwl-wishlistaddedbrowse{
												border:2px solid #e5e5e5!important;
												min-width: 160px;
												min-height: 35px;
												border-radius: 25px!important;
												font-family: $La;
												font-weight: 700;
												color: $black_05;
												&:hover{
													border-color: transparent!important;
													a{
														color: #fff!important;
														&:before{
															color: #fff!important;
														}
													}
												}
												a{
													color: $black_05!important;
													position: absolute;
													min-width: 180px;
    												padding-left: 10px;
													&:before{
												    	content: "\e610";
												    	font-family: 'Beau-Theme-Icon';
												    	font-size: 14px;
												    	position: absolute;
												    	left: 20px!important;
												    	color: $black_04!important;
												    }
												}
												span{
													display: none;
												}
											}
											.yith-wcwl-wishlistexistsbrowse{
												border:2px solid #e5e5e5!important;
												min-width: 160px;
												min-height: 35px;
												border-radius: 25px!important;
												font-family: $La;
												font-weight: 700;
												color: $black_05;
												&:hover{
													border-color: transparent!important;
													a{
														color: #fff!important;
														&:before{
															color: #fff!important;
														}
													}
												}
												a{
													color: $black_05!important;
													position: absolute;
													min-width: 180px;
    												padding-left: 10px;
													&:before{
												    	content: "\e610";
												    	font-family: 'Beau-Theme-Icon';
												    	font-size: 14px;
												    	position: absolute;
												    	left: 20px!important;
												    	color: $black_04!important;
												    }
												}
											}
										}
									}
								}
								.book-info{
									width: 80%;
									text-align: left;
									padding-left: 30px;
									@include RP(S){
										padding-left: 45px;
									}
									.star-rating{
										left: 30px;
										position: relative;
										top: 110px;
										@include RP(S){
											top: 60px;
										}
									}
									.book-name{
										font-size: 1.92308em;
									    margin-bottom: 5px;
									    margin-top: 10px;
									    @include RP(S){
									    	margin-top: 0;
									    	max-height: 45px;
    										overflow: hidden;
									    }
									}
									.book-author{
										margin-top: 10px;
										@include RP(S){
											margin-bottom: 20px;
										}
									}
									.book-price{
										position: relative;
										min-height: 50px;
										.price{
											span{
												font-size: 1.2em;
											}
											del{
												span{
													position: absolute;
												    left: 90px;
												    font-size: 0.7em;
												}
											}
											ins{
												span{
													position: absolute;
												    left: 0px;
												    top: -5px;
												}
											}
										}
									}
									.book-desc{
										display: block;
										font-family: $Me;
										font-weight: 300;
										color: $black_07;
										line-height: 22px;
										height: 45px;
										overflow: hidden;
										@include RP(S){
											display: none;
										}
									}
								}
							}
						}
					}
					li{
						.book-item-shop{
							span{
								&.onsale{
									background-color: $active-color;
									top: 55px;
    								left: 175px;
    								width: 40px;
									height: 40px;
									font-family: $La;
									font-weight: bold;
									text-transform: uppercase;
									z-index: 99;
									font-size: .757em;
								}
								&.onhot{
									background-color: #000;
									top: 95px;
									width: 40px;
									height: 40px;
									font-family: $La;
									font-weight: bold;
									text-transform: uppercase;
									z-index: 99;
									font-size: .757em;
								}
								&.onnew{
									background-color: #379ddd;
									top: 145px;
									width: 40px;
									height: 40px;
									font-family: $La;
									font-weight: bold;
									text-transform: uppercase;
									z-index: 99;
									font-size: .757em;
								}
							}
							.book-item{
								width: 100%;
								.book-image{
									img{
										margin: 0;
										max-width: 160px;

									}
								}

							}
							.book-info{
								position: relative;
								.star-rating{
									color: #dedede;
									position: relative;
									margin-top: 20px;
									margin-bottom: -10px;
									@include center(x);
									span{
										&:before{
											color: $active-color;
										}
									}
								}
								.book-price{
									.price{
										span{
											font-family: $Me;
										    font-style: italic;
										    font-weight: bold;
										    color: $active-color;
										    font-size: 1.538461538em;
										}
										del{
											span{
												color: $black_03;
												@include font-size(12px);
												text-decoration: line-through;
											}
										}
									}
								}
								.book-desc{
									display: none;
								}
							}
						}
					}
				}
			}
		}

		.woocommerce-pagination{
			.pagging{
				.pagging-contain{
					ul{
						&.page-numbers{
							border:none;
							li{
								border:none;
								margin-right: 5px;
								a{
									font-weight: bold;
									line-height: 14px;
									border: 2px solid transparent;
									background: transparent;
									&:hover{
										border-color: rgba(0,0,0,0.2);
										&.prev{
											border-color: transparent;
										}
										&.next{
											border-color: transparent;
										}
									}
								}
								span{
									&.page-numbers{

										&.current{
											background: $active-color;
	    									color: #fff;
	    									font-weight: bold;
	    									line-height: 14px;
	    									border: 2px solid transparent;
										}
									}
								}

							}
						}
					}
				}
			}
		}
	}
}

/*

	23. Setup for book item through all page

	*/
.book-item{
	float: left;
	position: relative;
	box-sizing: border-box;
	-webkit-box-shadow: 0px 15px 30px -10px $black_03;
	-moz-box-shadow:    0px 15px 30px -10px $black_03;
	box-shadow:         0px 15px 30px -10px $black_03;
	z-index: 90;
	width:100%;
	max-width: 160px;
	&:after{
		content: "";
		border-radius: 5px;
		background: $black_04;
		width:75%;
		height: 50%;
		position: absolute;
		bottom: -4%;
		z-index: -1;
		@include center(x);
		@include filter(blur,9px);
		opacity: 0.6;
		@include transition;
	}
	&:hover{
		&:after{
			bottom: -0.1%;
		}
	}
	.book-image{
		position: relative;
		width:100%;
		height: 100%;
		&:before{
			content: "";
			position: absolute;
			z-index: 22;
			height: 100%;
			width: 100%;
			background: url(../images/book-after.png) repeat-y left;
			background-size: 100% auto;
			box-shadow: inset 0px 0px 2px $black_09;
		}
		span{
			&.onsale{
				background-color: $active-color;
				top: 55px;
				left: 94.5%;
				width: 40px;
				height: 40px;
				font-family: $La;
				font-weight: bold;
				text-transform: uppercase;
				z-index: 99;
				font-size: .757em;
			}
			&.onhot{
				background-color: #000;
				top: 95px;
				width: 40px;
				height: 40px;
				font-family: $La;
				font-weight: bold;
				text-transform: uppercase;
				z-index: 99;
				font-size: .757em;
			}
			&.onnew{
				background-color: #379ddd;
				top: 145px;
				width: 40px;
				height: 40px;
				font-family: $La;
				font-weight: bold;
				text-transform: uppercase;
				z-index: 99;
				font-size: .757em;
			}
		}
		.front{
			.images{
				width: 100%!important;
				margin-bottom: 0;
			}
		}
	}
	&.hot-item{
		.book-image{
			&:before{
				width: 52px;
				height: 52px;
				content: "HOT";
				background: $Black;
				color: $White;
				border-radius: 50%;
				top: -20px;
				right: -20px;
				position: absolute;
				line-height: 52px;
				text-align: center;
				text-transform: uppercase;
				font-family: $La;
				font-weight: bold;
				z-index: 26;
			}
		}
	}
	.book-actions{
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		opacity: 0;
		@include transition;
		background:  $black_04;
		cursor: pointer;
		z-index: 25;
		.list-action{
			position: absolute;
			width: 42px;
			height: auto;
			@include center(xy);
			span{
				float: left;
				margin-bottom: 10px;
				width: 42px;
				height: 42px;
				text-align: center;
				line-height: 42px;
				box-sizing: border-box;
				@include transition(fast);
				@include font-size(18px);
				a{
					color: $White;
				}
				&:hover{
					background: $active-color;
					border-color: $active-color;
				}
				&:last-child{
					margin-bottom: 0px;
				}
			}
		}
	}
	&:hover{
		.book-actions{
			opacity: 1;
		}
	}
}

/*

	24. For book info

	*/
.book-info{
	float: left;
	span{
		float: left;
		width: 100%;
		&.book-name{
			font-family: $Ti;
			font-weight: bold;
			@include font-size(18px);
			margin-top: 20px;
			a{
				color: $black_08;
				&:hover{
					color: $active-color;
				}
			}
		}
		&.book-author{
			font-family: $La;
			color: $black_04;
			a{
				color:  $black_04!important;
				&:hover{
					color: $black_08!important;
				}
			}
		}
		&.book-price{
			font-family: $Me;
			font-style: italic;
			color: $active-color;
			@include font-size(20px);
		}
		.book-tags{
			font-family: $La;
			@include font-size(12px);
			line-height: 22px;
		}
	}
}

/*

	25. Popup add to cart

	*/

body div#festi-cart-pop-up-content{
  margin-top: 5%!important;
  background: #fff;
}

div#festi-cart-pop-up-content span.festi-cart-closed.b-close{
  right: 50%!important;
}
div#festi-cart-pop-up-content span.festi-cart-closed.b-close span.festi-cart-closed-button{
    color: transparent!important;
    background: url('../images/close_white.png') no-repeat;
    position: absolute;
    top: -50px;
    width: 35px;
    height: 35px;
}

div#festi-cart-pop-up-content div.festi-cart-pop-up-body{
  max-height: 600px;
  overflow-y: scroll;
  width: 500px!important;
}
div.festi-cart-pop-up-footer span.festi-cart-continue.b-close span.festi-cart-continue-shopping{
  margin: 35px 0 30px 40px!important;
  font-family: $La;
}

body div.festi-cart-pop-up-products-content table.festi-cart-list tr{
  border: 1px solid #e1e1e1!important;
}
body div.festi-cart-pop-up-products-content table.festi-cart-list tr:last-child{
  border-bottom: none;
}
body div.festi-cart-pop-up-products-content table.festi-cart-list tr.festi-cart-item td.festi-cart-product-delete a.festi-cart-remove-product{
  position: relative;
  color: transparent!important;
}
body div.festi-cart-pop-up-products-content table.festi-cart-list tr.festi-cart-item td.festi-cart-product-delete a.festi-cart-remove-product:after{
    content: '';
    background: url('../images/icon-organic.png') no-repeat -258px -144px;
    position: absolute;
    top: 0;
    width: 16px;
    left: -15px;
    height: 16px;
}

body div#festi-cart-pop-up-content div.festi-cart-pop-up-body{
  border-color: transparent!important;
  border-radius: 0!important;
  padding: 0;
}

body div.festi-cart-pop-up-body div.festi-cart-pop-up-header span.festi-cart-added-to-cart-msg{
  color: #252525;
  font-size: 1.7em;
  float: left;
  padding: 25px;
  font-family: $La;
}

body div.festi-cart-pop-up-products-content table.festi-cart-list tr.festi-cart-item .festi-cart-product-delete{
      padding: 40px 5px 0 31px;
}

body div.festi-cart-pop-up-products-content table.festi-cart-list tr.festi-cart-item td.festi-cart-product-title a.festi-cart-title{
  color: $active-color!important;
  font-size: 1.2em!important;
  float: left;
  text-align: left;
  line-height: 25px;
  width: 100%;
}

body div.festi-cart-pop-up-products-content table.festi-cart-list tr.festi-cart-item td.festi-cart-product-title a.festi-cart-title:hover{
	color: $black_05!important;
}

body div.festi-cart-pop-up-products-content table.festi-cart-list tr.festi-cart-item td.festi-cart-product-title .festi-cart-product-count{
      float: left;
}

body div.festi-cart-pop-up-products-content table.festi-cart-list tr.festi-cart-item td.festi-cart-product-title .festi-cart-product-price{
    float: left;
}

div.festi-cart-pop-up-products-content table.festi-cart-list tr.festi-cart-item td.festi-cart-product-img{
    width: 23%;
    border-right: 1px solid #e1e1e1;
}

div.festi-cart-pop-up-products-content table.festi-cart-list tr.festi-cart-item td.festi-cart-product-img a img{
  width: 75px!important;
  max-width: 75px!important;
  height: auto;
}

div.festi-cart-pop-up-products-content table.festi-cart-list tr.festi-cart-item td.festi-cart-product-title{
    width: 67%;
    border-right: 1px solid #e1e1e1;
    font-family: $La;
    padding: 10px;
}
div.festi-cart-pop-up-products-content p.festi-cart-buttons{
    position: relative;
    top: -40px;
}
div.festi-cart-pop-up-products-content div.festi-cart-total{
    padding-bottom: 40px!important;
    margin-top: 0!important;
    border-top: 1px solid #e1e1e1!important;
}
body div.festi-cart-pop-up-products-content p.festi-cart-buttons a.festi-cart-view-cart{
    position: absolute;
    left: 40px;
    top: -45px;
    font-family: $La;
    border: none!important;
    color: #252525!important;
}
body div.festi-cart-pop-up-products-content p.festi-cart-buttons a.festi-cart-view-cart:hover{
  background: none!important;
  color: $active-color!important;
}

div.festi-cart-pop-up-products-content table.festi-cart-list{
  width: 85%;
  margin-left: 8%!important;
}
body div.festi-cart-pop-up-products-content p.festi-cart-buttons a.festi-cart-checkout
{
    position: absolute;
    left: 120px;
    top: -45px;
    font-family: $La;
    border: none!important;
    color: #252525!important;
}

body div.festi-cart-pop-up-footer span.festi-cart-continue.b-close span.festi-cart-continue-shopping{
  color: #fff;
  padding: 17px;
  line-height: 30px;
  border-radius: 30px!important;
  line-height: 5px;
  float: left;
  font-size: 1.153846154em;
  font-weight: bold;
  font-family: $La;
  background: $active-color;
  text-transform: uppercase;
}

body div.festi-cart-pop-up-products-content p.festi-cart-buttons a.festi-cart-checkout:hover{
  background: none!important;
  color: $active-color!important;

}

body div.festi-cart-pop-up-footer span.festi-cart-continue.b-close span.festi-cart-continue-shopping:hover{
  color: #fff!important;
  background: #000;
}

body div.festi-cart-pop-up-products-content div.festi-cart-total{
    font-family: $La;
    font-weight: normal;
    border-radius: 0!important;
    color: #252525!important;
    padding-right: 35px!important;
}
body div.festi-cart-pop-up-products-content div.festi-cart-total span{
    display: block;
    color: #ff0000;
}