/*
 * jQuery Booklet Plugin
 * Copyright (c) 2010 - 2014 William Grauvogel (http://builtbywill.com/)
 *
 * Licensed under the MIT license (http://www.opensource.org/licenses/mit-license.php)
 *
 * Version : 1.4.4
 *
 * Originally based on the work of:
 *	1) Charles Mangin (http://clickheredammit.com/pageflip/)
 */
.booklet {
	width: 800px;
	height: 600px;
	position: absolute;
	margin: 0 auto 10px;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
	margin-top:0.8% !important;
	left: -25%;
	overflow:hidden;
	/*-webkit-box-shadow: #666666 0 0 7px;
	-moz-box-shadow: #666666 0 0 7px;
	box-shadow: #666666 0 0 7px;*/
 }

.booklet .b-page {
	left: 0;
	top: 0;
	position: absolute;
	overflow: hidden;
	padding: 0;
	outline: 1px solid rgba(0, 0, 0, 0);
	-webkit-box-shadow: #666666 0 0 7px;
	-moz-box-shadow: #666666 0 0 7px;
	box-shadow: #666666 0 0 7px;
}

.booklet .b-page-0 {
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	box-shadow:none !important;
}
.cover, .cover-back {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
}	

.booklet .b-pN  {}
.booklet .b-p0  {}
.booklet .b-p1  {}
.booklet .b-p2  {}    
.booklet .b-p3  {}
.booklet .b-p4  {}
	   
/* Page Wrappers */
.booklet .b-wrap {
	top: 0;
	position: absolute;
}
.booklet .b-wrap-left  { }
.booklet .b-wrap-right { }
.booklet .b-pN .b-wrap,
.booklet .b-p1 .b-wrap,
.booklet .b-p2 .b-wrap,
.booklet .b-p3 .b-wrap,
.booklet .b-p4 .b-wrap  {left:0;}
.booklet .b-p0 .b-wrap  {right:0;}
	
/* Custom Page Types */
.booklet .b-page-blank  {padding:0; width:100%; height:100%; background:#fff;}
.booklet .b-page-cover  {padding:0 !important; width:100%; height:100%; }
.booklet .b-page-cover h3  {color:#fff; text-shadow:0 1px 3px #222;}
   
/* Page Numbers */
.booklet .b-counter {bottom:10px; position:absolute; display:block; width:25px; height:20px; background:#ccc; color:#444; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; padding:5px 0 0;}
.booklet .b-wrap-left  .b-counter  {left:10px;}
.booklet .b-wrap-right .b-counter {right:10px;}
   
/* Page Shadows */
/*
.booklet .b-shadow-f  {right:0; top:0; position:absolute; opacity:0; background-image:url("images/shadow-top-forward.png"); background-repeat:repeat-y; background-position:100% 0;}
.booklet .b-shadow-b  {left:0;  top:0; position:absolute; opacity:0; background-image:url("images/shadow-top-back.png");    background-repeat:repeat-y; background-position:0 0;}
.booklet .b-p0 {background-image:url("images/shadow.png"); background-repeat:repeat-y; background-position:100% 10px;}
.booklet .b-p3 {background-image:url("images/shadow.png"); background-repeat:repeat-y; background-position:0 10px;}
*/
	
/* Overlay Controls */
/*.booklet .b-grab     {cursor: url("images/openhand.cur"), default;}
.booklet .b-grabbing {cursor: url("images/closedhand.cur"), default;}*/
	
/* Overlay Controls */
.booklet .b-overlay      {top:0; position:absolute; height:100%; width:50%;}
.booklet .b-overlay-prev {left:0;}
.booklet .b-overlay-next {right:0;}
	
/* Tab Controls */
.booklet .b-tab        {background:#000; height:40px; width:100%; padding:10px 0 0; text-align:center; color:#ccc; position:absolute; font-size:11px;}
.booklet .b-tab-prev   {left:0;}
.booklet .b-tab-next   {right:0;}
.booklet .b-tab:hover  {background:#aaa; color:#000;}	
	
/* Arrow Controls */
.booklet .b-arrow          {display:block; position:absolute; text-indent:-9999px; top:0; height:100%; width:74px;}
.booklet .b-arrow div      {display:none; text-indent:-9999px; height:170px; width:74px; position:absolute; left:0; top:25%;}
.booklet .b-arrow-next     {right:-80px;}
.booklet .b-arrow-prev     {left:-80px;}
/*.booklet .b-arrow-next div {background:url("images/arrow-next.png") no-repeat left top;}
.booklet .b-arrow-prev div {background:url("images/arrow-prev.png") no-repeat left top;}*/
		
/* @z-index fix (needed for older IE browsers)
----------------------------------------*/
body              {z-index:0;}
.b-menu           {z-index:100;}
.b-selector       {z-index:100;}
.booklet          {z-index:10;}
.b-pN             {z-index:10;}
.b-p0             {z-index:30;}
.b-p1             {z-index:20;}
.b-p2             {z-index:20;}
.b-p3             {z-index:30;}
.b-p4             {z-index:10;}
.b-prev           {z-index:40;}
.b-next           {z-index:40;}
.b-counter        {z-index:40;}
	
/* @Menu Items
----------------------------------------*/
	.b-menu {height:40px; padding:0 0 10px;}
	
	.b-selector             {height:40px; position:relative; float:right; border:none; color:#cecece; cursor:pointer; font:normal 12px "Myriad Pro", Myriad, "DejaVu Sans Condensed","Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;}
	.b-selector .b-current  {padding:8px 15px 12px; line-height:20px; min-width:18px; height:20px; display:block; background:#000; text-align:center;}
	.b-selector-page        {width:auto; margin-left:15px;}
	.b-selector-chapter     {width:auto;}
	
	.b-selector:hover            {color:#fff; background-position:left 0;}
	.b-selector:hover .b-current {background-position:right 0;}
	.b-selector ul               {overflow:hidden; margin:0; list-style:none !important; position:absolute; top:40px; right:0; padding:0 0 10px; background:#000; width:240px;}
	.b-selector li               {border:none;}
	.b-selector a                {color:#cecece; height:14px; text-decoration:none; display:block; padding:5px 10px;}
	.b-selector a .b-text        {float:left; clear:none;}
	.b-selector a .b-num         {float:right; clear:none;}
	.b-selector a:hover          {color:#fff;}
	
.book-shadow {
	-webkit-box-shadow: #666666 0 0 7px;
	-moz-box-shadow: #666666 0 0 7px;
	box-shadow: #666666 0 0 7px;
	top: 0px;
	position: absolute;
	z-index: 0;
	display: block;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
}

.book {
	position:relative; 
	clear:both;
}
	
.cover {
	-webkit-box-shadow: #666666 0 0 7px;
	-moz-box-shadow: #666666 0 0 7px;
	box-shadow: #666666 0 0 7px;
	-moz-transform-origin: 0px 0px 0px;
	-webkit-transform-origin: 0px 0px 0px;
	-ms-transform-origin: 0px 0px 0px;
	-o-transform-origin: 0px 0px 0px;
	transform-origin: 0px 0px 0px; 
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
	width:50%; 
	left:25%; 
	position:absolute; 
	z-index:11;
}

.cover-back {
	-moz-transform-origin: 0px 0px 0px;
	-webkit-transform-origin: 0px 0px 0px;
	-ms-transform-origin: 0px 0px 0px;
	-o-transform-origin: 0px 0px 0px;
	transform-origin: 0px 0px 0px; 
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
	width:50%; 
	left:25%; 
	position:absolute; 
	z-index:9;
}
	
.front_cover_image, .front_cover_back_image, .back_cover_image, .back_cover_back_image, #openCoverBook, #CloseBook, .make_it_link {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
}
.front_cover_image {
	width: 100%;
	z-index: 15;
	position: relative;
	-webkit-perspective-origin: 0px 50%;
	-moz-perspective-origin: 0px 50%;
	-ms-perspective-origin: 0px 50%;
	-o-perspective-origin: 0px 50%;
	perspective-origin: 0px 50%;
	-webkit-transform-origin: 0px 50% 0px;
	-moz-transform-origin: 0px 50% 0px;
	-ms-transform-origin: 0px 50% 0px;
	-o-transform-origin: 0px 50% 0px;
	transform-origin: 0px 50% 0px;
	margin: 0 auto;
	-webkit-box-shadow: #333 0 0 7px;
	-moz-box-shadow: #333 0 0 7px;
	box-shadow: #333 0 0 7px;
}

.front_cover_back_image {
	width: 100%;
	z-index: 15;
	-webkit-perspective-origin: 0px 50%;
	-moz-perspective-origin: 0px 50%;
	-ms-perspective-origin: 0px 50%;
	-o-perspective-origin: 0px 50%;
	perspective-origin: 0px 50%;
	-webkit-transform-origin: 100% 50% 0px;
	-moz-transform-origin: 100% 50% 0px;
	-ms-transform-origin: 100% 50% 0px;
	-o-transform-origin: 100% 50% 0px;
	transform-origin: 100% 50% 0px;
	-webkit-transform: perspective(2000px) rotate3d(0, 1, 0, 90deg);
	-moz-transform: perspective(2000px) rotate3d(0, 1, 0, 90deg);
	-ms-transform: perspective(2000px) rotate3d(0, 1, 0, 90deg);
	-o-transform: perspective(2000px) rotate3d(0, 1, 0, 90deg);
	transform: perspective(2000px) rotate3d(0, 1, 0, 90deg);
	position: relative;
	margin: 0 auto;
	/*-webkit-box-shadow: #666666 0 0 7px;
	-moz-box-shadow: #666666 0 0 7px;
	box-shadow: #666666 0 0 7px;*/
}

.front_cover_image img, .front_cover_back_image img {
	position:relative
}

.back_cover_image {
	width: 100%;
	z-index: 15;
	-webkit-perspective-origin: 0px 50%;
	-moz-perspective-origin: 0px 50%;
	-ms-perspective-origin: 0px 50%;
	-o-perspective-origin: 0px 50%;
	perspective-origin: 0px 50%;
	transform-origin: 0px 50% 0px;
	-webkit-transform-origin: 0px 50% 0px;
	-moz-transform-origin: 0px 50% 0px;
	-ms-transform-origin: 0px 50% 0px;
	-o-transform-origin: 0px 50% 0px;
	transform-origin: 0px 50% 0px;
	margin: 0 auto;
}
	
	
/*#openCoverBook {
	position:absolute; right:-30px; width:40px; height:40px; background:url(images/OpenBook.png) no-repeat; z-index:0; bottom:20px; outline:none; transition:all 0.4s ease 0s; display:inline; 
}
#openCoverBook:hover {
	background:url(images/OpenBook_On.png) no-repeat; 
}
#CloseBook {
	position:absolute; left:-30px; width:40px; height:40px; background:url(images/CloseBook.png) no-repeat; z-index:0; bottom:20px; outline:none; transition:all 0.4s linear 0s; display:inline;
}
#CloseBook:hover {
	background:url(images/CloseBook_On.png) no-repeat;
}
	
.shadow-right {
	position:absolute; top:0px; left:810px; z-index:20; height:354px; width:75px; background:url(../booklet/images/shadow_right.png) repeat-y 50px 0; display:none; opacity:0.5; transition:display 0.4s ease 0.2s; margin-top:0.8%;
}
.shadow-left {
	position:absolute; top:0px; left:730px; z-index:20; height:354px; width:75px; background:url(../booklet/images/shadow_left.png) repeat-y right; display:none; opacity:0.5; transition:display 0.4s ease 0.2s; margin-top:0.8%;
}
.light-effect-right {
	position:absolute; top:0px; left:810px; z-index:20; height:354px; width:75px; background:url(../booklet/images/light.png) repeat-y 26px 0; display:none; transition:display 0.4s ease 0.2s; margin-top:0.8%;
}
.light-effect-left {
	position:absolute; top:0px; left:810px; z-index:20; height:354px; width:75px; background:url(../booklet/images/light_reverse.png) repeat-y 22px 0; display:none; transition:display 0.4s ease 0.2s; margin-top:0.8%;
}*/

.book svg {
	width:100%;
	height: 100%;
}

.graphics-white *{
	fill: #fff;
}

.graphics-yellow *{
	fill: #F2AF00;
}

.graphics-grey{
	fill: #fff;
	opacity: 0.5;
}
/*
.pdp-icon-thumbs li a {
    	margin: 0 auto;
    	width: 100%;
}	

.pdp-icon-thumbs li a span {
	display:table-cell;
	vertical-align:bottom;
}*/

.make_it_link {
	right: -8%; top: 10%; z-index: 25; position: relative !important;
}

.pdp-page-title {
    color: #FFFFFF; font-size: 1.875rem; font-family: "BrandonGrotesque"; /*line-height: 1.05;*/ text-rendering: auto !important;
}



/********** Calendars **************/
			.page {
				float: left;
				font-size: 0.8em;
				-webkit-perspective: 1000px;
				perspective: 1000px;
				position: absolute;
				width: 100%;
				-webkit-transition: all 0.4s ease-in-out 0s;
				transition: all 0.4s ease-in-out 0s;
			}
			.page .front {
				-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
				float: none;
				height: inherit;
				left: 0;
				position: absolute;
				text-align: center;
				top: 0;
				-webkit-transform: rotateX(0deg);
				-webkit-transform-style: preserve-3d;
				-webkit-transition: all 0.4s ease-in-out 0s;
				transform: rotateX(0deg);
				transform-style: preserve-3d;
				transition: all 0.4s ease-in-out 0s;
				width: inherit;
				z-index: 900;
			}
			.page.flip .front {
				-webkit-transform: rotateX(180deg);
				transform: rotateX(180deg);
				z-index: 900;
			}
			.page .back {
				-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
				float: none;
				height: inherit;
				left: 0;
				position: absolute;
				text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
				top: 0;
				-webkit-transform: rotateX(-179deg);
				-webkit-transform-style: preserve-3d;
				-webkit-transition: all 0.4s ease-in-out 0s;
				transform: rotateX(-179deg);
				transform-style: preserve-3d;
				transition: all 0.4s ease-in-out 0s;
				width: inherit;
				z-index: 800;
			}
			.page.flip .back {
				 -webkit-transform: rotateX(0deg);
				transform: rotateX(0deg);
				z-index: 1000;
			}
			.page .front {
				cursor: pointer;
				-webkit-transform: rotateX(0deg);
				transform: rotateX(0deg);
			}
			.page.flip .front {
				-webkit-transform: rotateX(180deg);
				transform: rotateX(180deg);
			}
			.page .back {
				cursor: pointer;
				-webkit-transform: rotateX(-180deg);
				transform: rotateX(-180deg);
			}
			.page.flip .back {
				-webkit-transform: rotateX(0deg);
				transform: rotateX(0deg);
			}
			
			.page .front, .page .back {
				-webkit-backface-visibility: visible;
				backface-visibility: visible;
				-webkit-transform-origin: 170px 0 0;
				-webkit-transition-duration: 1s;
				transform-origin: 170px 0 0;
				transition-duration: 1s;
				width: 100%;
			}
			.page .front {
				-webkit-transform: rotateX(0deg);
				transform: rotateX(0deg);
			}
			.page .back {
				-webkit-transform: rotateX(0deg);
				transform: rotateX(0deg);
			}
			.page.flip .front {
				-webkit-transform: rotateX(180deg);
				transform: rotateX(180deg);
			}
			.page.flip .back {
				-webkit-transform: rotateX(180deg);
				transform: rotateX(180deg);
			}
			
			.page .back img, .page .back svg {
				-webkit-transform:rotateX(180deg);
				transform:rotateX(180deg);
			}
			.wrapper {
				position:relative;
				-webkit-transition: all 0.4s ease-in-out 0s;
				transition: all 0.4s ease-in-out 0s;
				width:30%;
				margin:0 auto;
			}
			.spine {
				height:10px;
				width:100%;
				position:absolute;
				z-index:20;
				top:-10px;
			}
			
			/*#open-button {
				background: url("images/OpenBook.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
				bottom: 20px;
				display: inline;
				height: 40px;
				outline: medium none;
				position: absolute;
				right: -30px;
				transition: all 0.4s ease 0.4s;
				width: 40px;
				z-index: 0;
			}
			#open-button:hover {
				background: url("images/OpenBook_On.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
			}
			
			#close-button {
				background: url("images/CloseBook.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
				top: -60px;
				display: inline;
				height: 40px;
				left: -30px;
				outline: medium none;
				position: absolute;
				transition: all 0.4s linear 0.4s;
				width: 40px;
				z-index: 0;
			}
			
			#close-button:hover {
				background: url("images/CloseBook_On.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
			}*/
			
			.z-index {
				transition: all 0.4s linear 0.4s;
				-webkit-transition: all 0.4s linear 0.4s;
				z-index:1 !important;
			}
			
			.opacity-0 {
				transition: all 0.4s linear 0.4s;
				-webkit-transition: all 0.4s linear 0.4s;
				filter: alpha(opacity=0);
				-moz-opacity:0;
				-khtml-opacity: 0;
				opacity:0;
			}