/* Container for BookShelf /*/

#bookshelf {
    margin-top: 60px;
}
 
.bs-container {	
  max-width: 1250px;
  margin: 0 auto;
  background:#FFFFFF;	
  overflow:hidden;
  margin-bottom:0px;
  text-align:center;  
}

/* Description for BookShelf /*/

.bs-description{
   font-family:Tahoma, Helvetica, sans-serif;
   margin-bottom:18px;
   margin-top:0px;
   color:#333333;	
}

.bs-description h3{
   font-size:30px;
   margin-bottom:20px;
   margin-top:0px;
   font-family: 'GothamRounded-Medium';
   font-weight:200;
   color:#1c1c1c;   	
}
    .bs-title h3 {
        font-size: 30px;
        margin-bottom: 20px;
        margin-top: 0px;
        font-family: 'GothamRounded-Medium';
        font-weight: 200;
        color: #1c1c1c;
        padding-bottom:40px !important;
    }
.bs-description p{
   font-size:12px;
   margin-bottom:6px;
   margin-top:0px; 	
}

/* Shelf /*/

.bs-container .bs-shelf{	
	position:relative;
	height:241px;
	margin-bottom:8%;	
}

/* Shelf - image /*/

.bs-container .bs-shelf-image {
  width: 188px;
  height: 100%;		
  display: inline-block;  
  vertical-align:bottom;  
  position:relative;  
  margin-top:0px;
  margin-bottom:0px;
  margin-left:0px;
  margin-right:25px;
  max-width: 100%;
}

  .bs-container .bs-shelf-image:hover {
	    cursor:pointer;
    }
  .bk-list li .bs-shelf-image img .bk-book.bk-bookdefault:hover {
        transform: rotate3d(0,1,0,-35deg);
    }
  .bs-container .bs-shelf-image:last-child {
      margin-right:0px; 
    }

  .bs-container .bs-shelf-image:nth-child(2) {
      margin-left:0px; 
    }
  .bs-container .bs-shelf-image img {
        max-width: 100%;
        max-height: 100%;
        box-shadow: 1px 0px 3px #666666;
        /*position: absolute;*/
        bottom: 0;
        /*left: 50%;*/
        /*-webkit-transform: translateX(-50%);
        transform: translateX(-50%);*/      
    }

   /* Image - textbox /*/

    .bs-container .bs-shelf-image .bs-mask {	
	    width:100%;
	    height:100%;	
	    pointer-events: none;
	    overflow:hidden;
	    position:relative;
    }

    .bs-container .bs-shelf-image .bs-textbox {
       position:absolute; 	
       background:#FFFFFF;
       width:100%;
       bottom:-100px;
       left:50%;  
       -webkit-transform: translateX(-50%);
       transform: translateX(-50%); 
       opacity:1; 
       padding:5px 0;
       pointer-events: none;     
    }

    .bs-container .bs-shelf-image .bs-textbox p {
      color:#000000;
      font-family:Arial, Helvetica, sans-serif;
      font-size:12px;
      font-weight:700; 
      margin:0;
      line-height:1.5;    
    }

/* Shelf - background /*/

    .bs-container .bs-shelf-background{
	    position:absolute;
	    border:0px solid #FF0000;
	    left:0;
	    bottom:-15px;
	    width:100%;
	    height:45px;
    }
    .shelf {
        border-bottom: 30px solid #a5a5a5;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        top: -20px;
        z-index: -10;
        margin-bottom: 50px
    }
    .shelf:after {
        content: '';
        background: url('concrete_bg_dark.jpg') top left repeat-x #686868;
        height: 20px;
        width: calc(100% + 40px);
        position: absolute;
        top: 30px;
        left: 0;
        right: 0;
        z-index: 1;
        margin: 0 -20px
    }
.bs-container .bs-shelf-background .bs-rectangle {
    width: 100%;
    height: 100%;
    border: 1px solid #a5a5a5;
    background: url('concrete_bg_dark.jpg') top left repeat-x #686868;
    /*border-bottom: 30px solid #a5a5a5;
    border-right: 20px solid transparent;*/
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: perspective(100px) rotateX(15deg);
    -webkit-transform-origin: 50% 100% 0;
    -ms-transform: perspective(100px) rotateX(15deg);
    -ms-transform-origin: 50% 100% 0;
    box-shadow: 0px 20px 1px #a5a5a5;
    /*box-shadow: 0px 20px 1px #676666;*/
    /*background: -moz-linear-gradient(top, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.06) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.06) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.06) 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#0f000000',GradientType=0 );*/
}
    