/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==                G L O B A L   P A R A M E T E R S                 == --*/
/*-- ==================================-=================================== --*/
   :root {
                           --coverwidth: 250px;
                          --coverheight: 400px;
                         --coverheight2: 398px;
                          --insidewidth: 245px;
                         --insideheight: 390px;
                          --insidedepth: 40px;
   }

/*-- ==================================-=================================== --*/
/*-- ==                   M A I N   S T R U C T U R E                    == --*/
/*-- ==================================-=================================== --*/
   .main, .container > header {
                                  width: 90%;
                              max-width: 1060px;
                                 margin: 0 auto;
                               position: relative;
                             background: #FFF;
                          border-radius: 10px;
                                padding: 30px 10px 10px 23px;}
/*-- ----------------------------------=----------------------------------- --*/
   .container > header {
                                padding: 10px 20px 20px 20px;
   }
/*-- ----------------------------------=----------------------------------- --*/
   .container > header h1 {
                              font-size: 34px;
                            line-height: 38px;
                                 margin: 0;
                            font-weight: 700;
                                  color: #333;
                                  float: left;
   }
/*-- ----------------------------------=----------------------------------- --*/
   *, *:after, *:before {
                     -webkit-box-sizing: border-box;
                        -moz-box-sizing: border-box;
                             box-sizing: border-box;
                                padding: 0;
                                 margin: 0;
   }
/*-- ----------------------------------=----------------------------------- --*/
   .clearfix:before, .clearfix:after {
                                content: " ";
                                display: table;
   }
/*-- ----------------------------------=----------------------------------- --*/
   .clearfix:after {
                                  clear: both;
   }
/*-- ----------------------------------=----------------------------------- --*/
   .clearfix {
                                  *zoom: 1;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- ----------------------------------=----------------------------------- --*/
/*-- ==================================-=================================== --*/
/*-- ==                   L I S T   S T R U C T U R E                    == --*/
/*-- ==================================-=================================== --*/
   .bk-list {
                             list-style: none;
                               position: relative;
   }
/*-- ----------------------------------=----------------------------------- --*/
   .bk-list li {
                               position: relative;
                                  width: var(--coverwidth);
                                  float: left;
                                z-index: 1;
                                 margin: 0px 20px 10px 0;
                    -webkit-perspective: 1800px;
                            perspective: 1800px;
   }
/*-- ----------------------------------=----------------------------------- --*/
   .bk-list li:last-child {
                           margin-right: 0;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- ----------------------------------=----------------------------------- --*/
/*-- ----------------------------------=----------------------------------- --*/






/*-- ----------------------------------=----------------------------------- --*/
/*-- ----------------------------------=----------------------------------- --*/
/*-- ==================================-=================================== --*/
/*-- ==                   B O O K   S T R U C T U R E                    == --*/
/*-- ==================================-=================================== --*/
   .bk-list li .bk-book {
                               position: absolute;
                                   width: 100%;
                                 height: var(--coverheight);
                -webkit-transform-style: preserve-3d;
                        transform-style: preserve-3d;
                     -webkit-transition: -webkit-transform 2.0s;
                             transition: transform 2.0s;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- ==                  H O V E R   A N I M A T I O N                   == --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bk-list li .bk-book.bk-bookdefault:hover {
                      -webkit-transform: rotate3d(0,1,0,40deg);
                              transform: rotate3d(0,1,0,40deg);
                    transition-duration: 1s;
             transition-timing-function: ease-in-out;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- ----------------------------------=----------------------------------- --*/
/*-- ----------------------------------=----------------------------------- --*/






/*-- ----------------------------------=----------------------------------- --*/
/*-- ==  FRONT COVER STUFF                                               == --*/
/*-- ----------------------------------=----------------------------------- --*/
   .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 2.0s;
                             transition: transform 2.0s;
                      -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-front, .bk-list li .bk-front > div {
                                  width: var(--coverwidth);
                                 height: var(--coverheight2);
                              background: #F9F9F7;
   }
/*-- ----------------------------------=----------------------------------- --*/
   .bk-list li .bk-cover-back {
                      -webkit-transform: rotate3d(0,1,0,-180deg);
                              transform: rotate3d(0,1,0,-180deg);
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- ==  BACK COVER STUFF                                                == --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bk-list li .bk-book > div, .bk-list li .bk-back > div {
                                display: block;
                               position: absolute;
   }
/*-- ----------------------------------=----------------------------------- --*/
   .bk-list li .bk-back {
                -webkit-transform-style: preserve-3d;
                        transform-style: preserve-3d;
               -webkit-transform-origin: 0% 50%;
                       transform-origin: 0% 50%;
                     -webkit-transition: -webkit-transform 2.0s;
                             transition: transform 2.0s;
                      -webkit-transform: translate3d(0,0,-20px);
                              transform: translate3d(0,0,-20px);
                                z-index: 10;
   }
/*-- ----------------------------------=----------------------------------- --*/
   .bk-list li .bk-back > div {
                                z-index: 1;
            -webkit-backface-visibility: hidden;
                    backface-visibility: hidden;
                -webkit-transform-style: preserve-3d;
                        transform-style: preserve-3d;
   }
/*-- ----------------------------------=----------------------------------- --*/
   .bk-list li .bk-back, .bk-list li .bk-back > div {
                                  width: var(--coverwidth);
                                 height: var(--coverheight2);
                              background: #F9F9F7;
   }
/*-- ----------------------------------=----------------------------------- --*/
   .bk-list li .bk-back-outside {
                      -webkit-transform: rotate3d(0,1,0,-180deg);
                              transform: rotate3d(0,1,0,-180deg);
   }
/*-- ----------------------------------=----------------------------------- --*/













/*-- ----------------------------------=----------------------------------- --*/
/*-- ==                   P A G E   T R A N S F O R M                    == --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bk-list li .bk-page {
                      -webkit-transform: translate3d(0,0,10px);
                              transform: translate3d(0,0,10px);
                                display: none;
                                  width: var(--insidewidth);
                                 height: var(--insideheight);
                                    top: 5px;
                         pointer-events: none;
                                 cursor: none;
            -webkit-backface-visibility: hidden;
                    backface-visibility: hidden;
                                z-index: 9;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- ==             B A C K   C O V E R   T R A N S F O R M              == --*/
/*-- ----------------------------------=----------------------------------- --*/
//   .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;
//   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- ==             B A C K   C O V E R   S T R U C T U R E              == --*/
/*-- ----------------------------------=----------------------------------- --*/
//   .bk-list li .bk-back, .bk-list li .bk-back > div {
//                                  width: var(--coverwidth);
//                                 height: var(--coverheight2);
//                              background: #F9F9F7;
//   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- ==             L O N G   E D G E S   S T R U C T U R E              == --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bk-list li .bk-left {
                                  width: var(--insidedepth);
                                   left: -19px;
                             background: #F9F9F7;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- ==             L O N G   E D G E S   S T R U C T U R E              == --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bk-list li .bk-left-back {
                                  width: var(--insidedepth);
                                   left: -18px;
                             background: #F9F9F7;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- ==             L O N G   E D G E S   S T R U C T U R E              == --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bk-list li .bk-right {
                                  width: var(--insidedepth);
                                   left: -70px;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- ==            S H O R T   E D G E S   S T R U C T U R E             == --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bk-list li .bk-top, .bk-list li .bk-bottom {
                                  width: var(--insidewidth);
                                 height: var(--insidedepth);
                                    top: -15px;
            -webkit-backface-visibility: hidden;
                    backface-visibility: hidden;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- ==              O P E N   S I D E   T R A N S F O R M               == --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bk-list li .bk-right {
                                 height: var(--insideheight);
                                    top: 8px;
                      -webkit-transform: rotate3d(0,1,0,90deg)
                                         translate3d(0,0,290px);
                         -moz-transform: rotate3d(0,1,0,90deg)
                                         translate3d(0,0,290px);
                              transform: rotate3d(0,1,0,90deg)
                                         translate3d(0,0,290px);
            -webkit-backface-visibility: hidden;
                    backface-visibility: hidden;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- ==                  S P I N E   T R A N S F O R M                   == --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bk-list li .bk-left {
                                 height: var(--coverheight2);
                      -webkit-transform: rotate3d(0,1,0,-90deg);
                              transform: rotate3d(0,1,0,-90deg);
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- ==                  S P I N E   T R A N S F O R M                   == --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bk-list li .bk-left-back {
                                 height: var(--coverheight2);
                      -webkit-transform: rotate3d(0,1,0,-90deg);
                              transform: rotate3d(0,1,0,-90deg);
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- ==                    T O P   T R A N S F O R M                     == --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bk-list li .bk-top {
                      -webkit-transform: rotate3d(1,0,0,90deg);
                              transform: rotate3d(1,0,0,90deg);
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- ==                 B O T T O M   T R A N S F O R M                  == --*/
/*-- ----------------------------------=----------------------------------- --*/
   .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);
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- ----------------------------------=----------------------------------- --*/
/*-- ----------------------------------=----------------------------------- --*/



/*-- ----------------------------------=----------------------------------- --*/
/*-- ----------------------------------=----------------------------------- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bk-info {
                                  color: #000;
                               position: relative;
                                 margin: 425px auto 0;
   }
/*-- ----------------------------------=----------------------------------- --*/
   .bk-info > h3 {
                                  color: #000;
                              font-size: 16px;
                             text-align: center;
   }
/*-- ----------------------------------=----------------------------------- --*/
   .bk-info button {
                             background: #40A040;
                                 border: 0.5px solid black;
                          border-radius: 5px;
                                  color: #fff;
                                display: inline-block;
                                padding: 3px 15px;
                            font-weight: 700;
                              font-size: 12px;
                         text-transform: uppercase;
                                 cursor: pointer;
                           margin-right: 3px;
                            margin-left: 3px;
                             box-shadow: 2px 2px 2px rgba(0,0,0,0.8);
   }
/*-- ----------------------------------=----------------------------------- --*/
   .bk-info button.bk-active, .bk-info button:active {
                             box-shadow: 1px 0 rgba(255, 255, 255, 0.8),
                                         inset 0 -1px 1px rgba(0,0,0,0.4);
   }
/*-- ----------------------------------=----------------------------------- --*/
   .bk-info button:hover, .bk-info button.bk-active {
                             background: #40C040;
   }
/*-- ----------------------------------=----------------------------------- --*/
   .bk-info button.bk-bookback {
                                  float: left;
   }
/*-- ----------------------------------=----------------------------------- --*/
   .bk-info button.bk-bookview {
                                  float: right;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- ----------------------------------=----------------------------------- --*/
/*-- ----------------------------------=----------------------------------- --*/



/*-- ----------------------------------=----------------------------------- --*/
/*-- ----------------------------------=----------------------------------- --*/
/*-- ----------------------------------=----------------------------------- --*/
/*-- **  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);
   }
/*-- ----------------------------------=----------------------------------- --*/
   .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);
                    transition-duration: 1s;
             transition-timing-function: ease-in-out;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- ----------------------------------=----------------------------------- --*/
/*-- ----------------------------------=----------------------------------- --*/
/*-- **  Main colors and content  ***************************************** --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bk-list li .bk-page, .bk-list li .bk-right, .bk-list li .bk-top, .bk-list li .bk-bottom {
   }
/*-- ----------------------------------=----------------------------------- --*/
   .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.03);
                             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: var(--coverheight);
                                 height: var(--insidedepth);
               -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);
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --  Content                                                         -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bk-content {
                               position: absolute;
                                    top: 35px;
                                   left: 20px;
                                 bottom: 20px;
                                  right: 20px;
                                padding: 0px;
                               overflow: hidden;
                             background: #F9F9F7;
                                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;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --  Text                                                            -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bk-text {
                            font-family: "Times New Roman";
                              font-size: 12px;
                            text-indent: 20px; 
                             text-align: justify;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --  Content-Current                                                 -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bk-content-current {
                                opacity: 1;
                         pointer-events: auto;
}
/*-- ----------------------------------=----------------------------------- --*/
/*-- --  Content P (all descendents)                                     -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bk-content p {
/*--                                padding: 0 0 10px; --*/
                 -webkit-font-smoothing: antialiased;
                                  color: #000;
                              font-size: 12px;
                            line-height: 14px;
                            text-indent: 15px;
                             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;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --  Page Nav (all descendents)                                      -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bk-page nav {
                                display: block;
                             text-align: center;
                             margin-top: 10px;
                               position: relative;
                                z-index: 100;
                         pointer-events: auto;
                                 cursor: pointer;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --  Page Nav Span (all descendents)                                 -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bk-page nav span {
                                display: inline-block;
                                  width: 20px;
                                 height: 20px;
                                  color: #000;
                             background: #D0D0D0;
                          border-radius: 50%;
                         pointer-events: auto;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- ----------------------------------=----------------------------------- --*/
/*-- ----------------------------------=----------------------------------- --*/



/*-- ----------------------------------=----------------------------------- --*/
/*-- **  Individual style & artwork  ************************************** --*/
/*-- ----------------------------------=----------------------------------- --*/
/*-- **  Book 1  ********************************************************** --*/
/*-- ----------------------------------=----------------------------------- --*/
   .book-1 .bk-front > div, .book-1 .bk-back, .book-1 .bk-left, .book-1 .bk-front:after {
   }
/*-- ----------------------------------=----------------------------------- --*/
   .book-1 .bk-left {
   }
/*-- ----------------------------------=----------------------------------- --*/
   .book-1 .bk-cover {
   }
/*-- ----------------------------------=----------------------------------- --*/
   .book-1 .bk-content p {
                            font-family: Georgia,
                                         Times,
                                         "Times New Roman",
                                         serif;
   }
/*-- ----------------------------------=----------------------------------- --*/
   .book-1 .bk-back p {
                                  color: #000;
                              font-size: 13px;
                                padding: 40px;
                             text-align: center;
                            font-weight: 700;
                    backface-visibility: visible;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- ----------------------------------=----------------------------------- --*/
/*-- ----------------------------------=----------------------------------- --*/



/*-- ----------------------------------=----------------------------------- --*/
/*-- ----------------------------------=----------------------------------- --*/
/*-- ----------------------------------=----------------------------------- --*/
/*-- **  Fallbacks  ******************************************************* --*/
/*-- ----------------------------------=----------------------------------- --*/
   .no-csstransforms3d .bk-list li .bk-book > div, .no-csstransforms3d .bk-list li .bk-book .bk-cover-back {
                                display: none;
   }
/*-- ----------------------------------=----------------------------------- --*/
   .no-csstransforms3d .bk-list li .bk-book > div.bk-front {
                                display: block;
   }
/*-- ----------------------------------=----------------------------------- --*/
   .no-csstransforms3d .bk-info button, .no-js .bk-info button {
                                display: none;
   }
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ----------------------------------=----------------------------------- --*/
/*-- ----------------------------------=----------------------------------- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .text_hdr {
                                  color: #000000;
                                  width: 100%;
                             text-align: center;
   }
/*-- ----------------------------------=----------------------------------- --*/
   .text_hld {
                                  color: #000000;
                                  width: 95%;
                              font-size: 12px;
                            line-height: 13px;
                            margin-left: 5px;
                           margin-right: 5px;
                             text-align: justify;
                            text-indent: 0;
                                 border: 0px solid green;
   }
/*-- ----------------------------------=----------------------------------- --*/
   .text_lft {
                                  width: 48%;
                                  float: left;
                              font-size: 12px;
                            line-height: 13px;
                             text-align: left;
                            margin-left: 0px;
                           margin-right: 1px;
                                 border: 0px solid red;
   }
/*-- ----------------------------------=----------------------------------- --*/
   .text_rgt {
                                  width: 48%;
                                  float: right;
                              font-size: 12px;
                            line-height: 13px;
                             text-align: left;
                            margin-left: 1px;
                           margin-right: 0px;
                                 border: 0px solid blue;
   }
/*-- ----------------------------------=----------------------------------- --*/
   .text_ftr {
                               position: absolute;
                                  width: 45%;
                            text-indent: 20px; 
                              font-size: 11px;
                            margin-left: 56px;
                                 bottom: 15px;
                                 border: 1px solid #000;
                          border-radius: 25px;
                             background: #CDF;
                         pointer-events: auto;
                                 cursor: pointer;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- ----------------------------------=----------------------------------- --*/
/*-- ----------------------------------=----------------------------------- --*/