/* !-- Fonts -- */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	@import url(fonts.css);




/* !-- Imports -- */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	@import url(scrollbars.css);


/* !-- Global CSS -- */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	* { line-height: 1.3em; background-size: 100% auto !important; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -o-text-size-adjust: 100%; text-size-adjust: 100%; }
	*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	input[type="text"] { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
	h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 1em; line-height: 1.3em; margin: 0 0 1em; padding: 0; }
	p, ul, ol, dt, dd, a { margin: 0 0 1em; padding: 0; }
	ul, ol { margin-left: 2em; }
	table { margin: 0; padding: 0; border: 0; border-spacing: 0; border-collapse: collapse; }
	th, td { font-weight: normal; text-align: left; vertical-align: middle; padding: 0; }
	article, footer, header, nav, form { margin: 0; padding: 0; display: block; }
	img { margin: 0; padding: 0; border: 0; }
	hr { display: none; }
	
	html { font-size: 62.5%; }
	body { color: #000; font-size: 1.4rem; font-weight: normal; font-family: "Matterhorn", sans-serif; min-width: 768px; margin: 0; padding: 0; display: none; }
	body.mobile { min-width: 0; }

	.page-width { margin: 0 auto; max-width: 1024px; padding:0 20px; position: relative; }
	.page-width:after { content: "."; width: 0; height: 0; display: block; overflow: hidden; clear: both; visibility: hidden; }
	#viewport { background: #fff; overflow: hidden; }

	body { visibility: hidden; }
	body.loaded { visibility: visible; }
	
	body .logged-in, body.logged-in .logged-out { display: none !important; }
	html body.shop.logged-in .logged-out.idconfirmation { display: block !important; }
	body.logged-in .logged-in { display: block !important; }
	
	.action-button { height: 50px; padding: 12px 38px; background-color: #fecf00; color: #10588f; font-weight: 400; font-size: 2rem; font-family: inherit; text-decoration: none; display: inline-block; border: 0; outline: 0; cursor: pointer;
		-webkit-border-radius: 10px !important; -webkit-transition: background-color .25s ease-in-out;
		   -moz-border-radius: 10px !important;    -moz-transition: background-color .25s ease-in-out;
		        border-radius: 10px !important;         transition: background-color .25s ease-in-out;
	}

	body.website .needHelp,
	body.website .needHelp a,
	body.website.help dd a,
	body.website.help .nav-tabs ul li a:hover,
	body.website.help .nav-tabs ul li.actif a { color:#10588f; }
	
	.action-button:hover, .action-button:focus { background-color: #fee900 !important; }
	
	
	/* Media Width Indicator */

/*
	body:after { content: "1920px"; color: #fff; text-align: center; padding: 5px 10px; border: 1px solid rgba(255,255,255,.5); background: rgba(0,0,0,.7); position: fixed; bottom: 5px; right: 5px; border-radius: 5px; z-index: 9999; }
	@media (min-width: 1920px) { body:after { content: "1920px"; } }
	@media (max-width: 1919px) { body:after { content: "1024px"; } }
	@media (max-width: 1023px) { body:after { content: "768px"; } }
	@media (max-width: 767px) { body:after { content: "480px"; } }
	@media (max-width: 479px) { body:after { content: "320px"; } }
*/

	/* END:Media Width Indicator */

/*-- More button --*/
	.more { text-align:center; margin-bottom:50px; }
	.more a { display:inline-block; height:50px; padding:0 30px 0 0; margin:10px 0 0 0; font-family: "Matterhorn"; font-size:2rem; line-height:5rem; color:#fff; text-shadow:1px 1px 1px #000000; text-align:center; text-decoration:none; background-color: #10588f; 
		-webkit-border-radius:10px;
		   -moz-border-radius:10px;
		        border-radius:10px;
	}
	.more a span { font-family: "Matterhorn Serif Bold"; font-size:3.5rem; float:left; padding:0 25px 0 30px; }



/* !-- Header -- */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	header { background-color: #f2efef; position: relative; z-index: 3; border-bottom: 1px solid #d8d6d6; }
	body.homepage header { 
		-webkit-box-shadow: 0 0 17px 3px rgba(0,0,0,0.37);
           -moz-box-shadow: 0 0 17px 3px rgba(0,0,0,0.37);
                box-shadow: 0 0 17px 3px rgba(0,0,0,0.37);
	}
	
	header .page-width { height: 100px; }
	
	.logo { width: 202px; height: 68px; position: absolute; left: 10px; top: 18px; background: url(/National_Library/20161130034600oe_/https://disneystorycentral.com/assets/img/interface/disney-story-central.svg) 0 0 no-repeat; background-size: 202px 68px; }

	
	.tools { height: 60px; top: 20px; right: 0; position: absolute; }
	
/*---- Tooltip -----*/
	header #tooltip-reminder { display:block; background-color: #fff; position: absolute; cursor: default; text-align: center; top:100px; right:-108px; width:260px; height: 0; opacity:0; z-index:1;
		-webkit-border-radius: 10px; -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2); -webkit-transition: opacity 0.25s ease-in-out;
		   -moz-border-radius: 10px;    -moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);    -moz-transition: opacity 0.25s ease-in-out;
		        border-radius: 10px;         box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);         transition: opacity 0.25s ease-in-out;
	}
	header #tooltip-reminder:before { content: ""; background-color: #fff; width: 34px; height: 34px; left: 50%; top: -10px; margin: 0 0 0 -17px; position: absolute; z-index:0;
		-webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2); -webkit-transform: rotate(-45deg) skew(-15deg, -15deg);
		   -moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);    -moz-transform: rotate(-45deg) skew(-15deg, -15deg);
				box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);         transform: rotate(-45deg) skew(-15deg, -15deg);
	}

	header #tooltip-reminder.opened { opacity:1; height: auto; z-index:520;
	-webkit-transition: all 0.25s ease-in-out; -webkit-animation: toolTipAnim .75s linear 10;
	   -moz-transition: all 0.25s ease-in-out;    -moz-animation: toolTipAnim .75s linear 10;
	        transition: all 0.25s ease-in-out;         animation: toolTipAnim .75s linear 10;
	}
	
	@-webkit-keyframes toolTipAnim {
		0%   { top: 100px; }
		50%  { top: 110px; }
		100% { top: 100px; }
	}
	@-moz-keyframes toolTipAnim {
		0%   { top: 100px; }
		50%  { top: 110px; }
		100% { top: 100px; }
	}
	@keyframes toolTipAnim {
		0%   { top: 100px; }
		50%  { top: 110px; }
		100% { top: 100px; }
	}
	
	header .tooltip-content { background-color: #fff; padding: 20px 25px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; position:relative; z-index:2; }
	header .tooltip-content p { font-family: "Matterhorn"; font-size:1.4rem; margin:0; }


/* !-- Search Bar -- */
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	.wrap-searchbar { vertical-align: top; display: inline-block; margin-right: 15px; position: relative; }
	.wrap-searchbar:after { content: ""; width: 1px; height: 60px; position: absolute; right: -10px; top: 0; 
		background: #f2efef;
		background: -moz-linear-gradient(top,  #f2efef 0%, #10588f 20%, #10588f 80%, #f2efef 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2efef), color-stop(20%,#10588f), color-stop(80%,#10588f), color-stop(100%,#f2efef));
		background: -webkit-linear-gradient(top,  #f2efef 0%,#10588f 20%,#10588f 80%,#f2efef 100%);
		background: -o-linear-gradient(top,  #f2efef 0%,#10588f 20%,#10588f 80%,#f2efef 100%);
		background: -ms-linear-gradient(top,  #f2efef 0%,#10588f 20%,#10588f 80%,#f2efef 100%);
		background: linear-gradient(to bottom,  #f2efef 0%,#10588f 20%,#10588f 80%,#f2efef 100%);
	}
	
	#searchbar { width: 60px; height: 60px; margin-right: -10px; display: inline-block; position: relative; cursor: pointer; overflow: hidden;
		-webkit-transition-property: width, background-color, margin; -webkit-transition-duration: .5s; -webkit-transition-timing-function: ease-in-out;
		   -moz-transition-property: width, background-color, margin;    -moz-transition-duration: .5s;    -moz-transition-timing-function: ease-in-out;
		        transition-property: width, background-color, margin;      -o-transition-duration: .5s;         transition-timing-function: ease-in-out;
		
		-webkit-border-radius: 10px !important;
		   -moz-border-radius: 10px !important;
		        border-radius: 10px !important;
	}
	
	#searchbar.show { width: 390px; margin-right: 0; background: #fff; cursor: default; }
	#searchbar .wrap { height: 100%; position: relative; }
	
	#searchbar .wrap:before { width: 60px; height: 60px; display: block; padding: 0; content: "L"; font-family: "Web Symbols", sans-serif; color: #10588f; position: absolute; left: 15px; top: 20px; z-index: 2; font-size: 2em;
		-webkit-transition: color .5s ease-in-out;
		   -moz-transition: color .5s ease-in-out;
		        transition: color .5s ease-in-out;
	}
	
	
	#searchbar .wrap input[type="submit"] { width: 60px; height: 60px; border: 0; padding: 0; text-indent: -999px; background: none; position: absolute; left: 0; top: 0; z-index: 3; display: none; cursor: pointer; }
	#searchbar.show .wrap input[type="submit"] { display: block; }
	
	#searchbar input[type="text"] { width: 280px; height: 60px; margin: 0; padding: 0; border: 0; font-size: 1.8rem; color: #c4c4c4; background: none; outline: none; position: absolute; top: 0; left: 65px; z-index: 1; }
	
	#searchbar .wrap .close-search:after { width: 40px; height: 40px; display: block; content: "'"; font-family: "Web Symbols", sans-serif; font-size: 2em; position: absolute; right: -330px; top: 20px; text-decoration: none;
		-webkit-transition: right .5s ease-in-out;
		   -moz-transition: right .5s ease-in-out;
		        transition: right .5s ease-in-out;
	}
	#searchbar.show .wrap .close-search:after { right: 0px; }
	#searchbar .wrap .close-search span { width: 1px; height: 1px; position: absolute; top: 0; left: 0; z-index: 2; overflow: hidden; }
	#searchbar .wrap .close-search { color: #10588f; }



/* !-- User Bar -- */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	#login-btn,
	.login-btn
		{ height: 60px; padding: 18px 18px 0 67px; text-align: right; color: #10588f; text-decoration: none; font-size: 1.8rem; background: #fecf00 url(/National_Library/20161130034600oe_/https://disneystorycentral.com/assets/img/interface/login-key.svg) 10px 0 no-repeat; background-size: 48px auto !important; }
	.login-btn { position: relative; }
	
	#login-btn { display: inline-block; }
	#login-btn:hover, .login-btn:hover { background-color: #fee900; }

	#userbar { vertical-align: top; width: 300px; height: 100px; padding: 0; position: relative; top: -20px; display: none !important; -webkit-backface-visibility: hidden; }
	body.logged-in #userbar { display: inline-block !important; }
	#user p { cursor: pointer; }
	#user-avatar { width: 77px; height: 77px; display: block; position: absolute; left: 0; top: 10px; border-width: 3px; border-style: solid; overflow: hidden;
		-webkit-border-radius: 100px !important;
		   -moz-border-radius: 100px !important;
		        border-radius: 100px !important;
	}
	#user-avatar img { width: 100%; }
	#user-username { font-size: 1.4rem; position: absolute; left: 90px; top: 12px; }
	#user-levelname { font-size: 1.2rem; font-style: italic; color: #f26522; padding-right: 5px; position: absolute; left: 90px; top: 27px; }
	#user-tokens.count, #user-star.count { padding: 5px 0 0 30px; font-weight: 600; font-size: 1.6rem; position: absolute; top: 52px; }
	#user-tokens { left: 90px; }
	#user-star { left: 170px; }
	
	#user-tokens .icon, #user-star .icon { width: 26px; height: 28px; margin-top: -12px; background: 50% 50% no-repeat; background-size: 100% auto !important; position: absolute; top: 50%; left: -2px; }
	#user-tokens .icon { background: url(/National_Library/20161130034600oe_/https://disneystorycentral.com/assets/img/interface/token-icon.svg) 0 0 no-repeat; }
	#user-star .icon { background: url(/National_Library/20161130034600oe_/https://disneystorycentral.com/assets/img/interface/star-icon.svg) 0 0 no-repeat; }
	
	
	
	/* Drop Menu */
	#userbar nav, #menu-button { width: 43px; height: 50px; }
	#userbar nav { position: absolute; top: 30px; right: 0; overflow: hidden; z-index: 510; }
	#userbar nav:hover { width: auto; min-width: 100%; height: auto; overflow: visible; }
	
	#userbar #menu-button { position: absolute; top: 0; right: 0; z-index: 510; color: #000; cursor: pointer; background: #f2efef; }
	#userbar #menu-button:after { content: "²"; font-family: "Web Symbols", sans-serif; font-size: 4.0rem; line-height: 1em; text-align: center; }
	#userbar #menu-button .label { display: none; }
	
	#userbar nav .drop { margin-top: 70px; position: relative; z-index: 510; opacity: 0; -webkit-backface-visibility: hidden;
		-webkit-border-radius: 10px; -webkit-transform: translateY(-10px); -webkit-transition-property: -webkit-transform, opacity; -webkit-transition-duration: .25s; -webkit-transition-timing-function: ease-out;
		   -moz-border-radius: 10px;    -moz-transform: translateY(-10px);    -moz-transition-property:    -moz-transform, opacity;    -moz-transition-duration: .25s;    -moz-transition-timing-function: ease-out;
		        border-radius: 10px;         transform: translateY(-10px);         transition-property:         transform, opacity;         transition-duration: .25s;         transition-timing-function: ease-out;
	}
	#userbar nav:hover .drop { opacity: 1;
		-webkit-transform: translateY(0);
		   -moz-transform: translateY(0);
		        transform: translateY(0);
	}
	#userbar nav .drop, #userbar nav .drop:after {
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);
		   -moz-box-shadow: 0 0 10px rgba(0,0,0,.5);
		        box-shadow: 0 0 10px rgba(0,0,0,.5);
	}
	#userbar nav .drop:after { content: ""; width: 20px; height: 20px; position: absolute; top: -16px; right: 4px; z-index: 510;
		-webkit-transform: rotate(42deg) skew(10deg, 15deg); -webkit-transform-origin: 0 0;
		   -moz-transform: rotate(42deg) skew(10deg, 15deg);    -moz-transform-origin: 0 0;
		    -ms-transform: rotate(42deg) skew(10deg, 15deg);     -ms-transform-origin: 0 0;
		     -o-transform: rotate(42deg) skew(10deg, 15deg);      -o-transform-origin: 0 0;
		        transform: rotate(42deg) skew(10deg, 15deg);         transform-origin: 0 0;
	}
	#userbar nav ul { margin: 0; padding: 0; list-style: none; position: relative; z-index: 511; }
	
	#userbar nav li { padding: 0; margin: 0; border-width: 1px 0 0; border-style: solid; border-color: #efefef; }
	#userbar nav li.main { border-color: #d6d6d6; }
	#userbar nav li:first-child { border: 0; }
	
	#userbar nav li a { margin: 0; text-decoration: none; white-space: nowrap; padding: 16px 20px; background: #fff; display: block; position: relative; cursor: pointer; z-index: 511; font-weight: 600; }
	#userbar nav li:first-child a {
		-webkit-border-radius: 10px 10px 0 0;
		   -moz-border-radius: 10px 10px 0 0;
		        border-radius: 10px 10px 0 0;
	}
	#userbar nav li:last-child a {
		-webkit-border-radius: 0 0 10px 10px;
		   -moz-border-radius: 0 0 10px 10px;
		        border-radius: 0 0 10px 10px;
	}
	#userbar nav li.main a, #userbar nav .drop:after { background: #e1e1e1; }
	
	#userbar nav li.main a { padding-left: 70px; }
	#userbar nav li.main a .icon { width: 38px; height: 38px; margin-top: -19px; background: url(/National_Library/20161130034600oe_/https://disneystorycentral.com/assets/img/interface/menu-item-icons@2x.png) -100% -100% no-repeat; background-size: 100% auto; position: absolute; top: 50%; left: 20px; z-index: 501; overflow: hidden; }
	#userbar nav li#mn_scoreboard a .icon { background-position: 0 0; }
	#userbar nav li#mn_change-reader a .icon { background-position: 0 -38px; }
	#userbar nav li#mn_shop a .icon { background-position: 0 -76px; }
	
	#userbar nav li a:hover, #userbar nav li a:focus { background: #fed04d; border-color: #eebf55; }


/* !-- Title -- */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.title { width:100%; min-height:70px; padding:8px 0; margin-bottom:25px; }
	body.shop .title { margin-bottom: 0; } /* Fix for temporary removal of banner in shop page */
	.title h1 { font-family: "Matterhorn Serif SemiBold"; font-size:3.5rem; line-height:3.5rem; color:#fff; text-transform:uppercase; text-shadow: 1px 1px 1px #000; margin:0; }
	.title a.backHome { color:#fff; font-size:1.4rem; text-shadow: 1px 1px 1px #000; text-decoration:none; margin:0; }
	@media (max-width: 767px) {
		body.mobile .title h1 { font-size: 3rem; }
	}



/* !-- Content -- */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.content { background-color: #F2EFEF; }
	.content:after { content:""; clear:both; display:block; }
	
	.carousel h3 { margin: 0; padding: 22px 0 0; color: #10588f; font-size: 3.0rem; font-weight: 600; }
	
	.error-page .content { min-height: 300px; }



/* !-- Footer -- */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	footer { min-height: 360px; clear:both; text-align: center; margin: 0 auto; padding: 5px 40px 50px; }
	footer p { margin: 0 0 1.5em; padding: 0; color: #fff; }
	footer a { color: #fff; text-decoration: none; }
	footer a:hover, footer a:focus { text-decoration: underline; }
	
	footer .mobile .app-image { margin-top: -50px; position: absolute; top: 50%; left: 0; }
	footer .mobile .app-image a { width: 100px; height: 100px; border-radius: 24px; box-shadow: 0 0 5px rgba(0,0,0,.3); display: block; overflow: hidden; }
	footer .mobile .app-image img { width: 100%; height: 100%; margin: 0; padding: 0; border: 0; display: block; }
	
	footer .mobile .mobile-text { height: 100px; padding: 0 175px 0 130px; display: inline-block; position: relative; }
	footer .mobile p { margin: 0; padding: 30px 0 0; color: #fff; }
	footer .mobile .download { margin-top: -55px; position: absolute; top: 50%; right: 0; }
	
	footer .mobile,
	footer .social,
	footer .language-selector
		{ position: relative; margin: 20px 0; padding: 0 0 20px; }
	/* footer .social { padding: 20px 0; margin: 1.8em 0; position: relative; } */
	footer .mobile:after,
	footer .social:after,
	footer .language-selector:after
		{ content: ""; height: 1px; position: absolute; bottom: 0; right: 0; left: 0;
		background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.3)), color-stop(100%,rgba(255,255,255,0)));
		background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0) 100%);
		background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0) 100%);
		background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0) 100%);
		background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0) 100%);
	}
	
	footer .social a { text-decoration: none; text-indent: -999px; width: 62px; height: 62px; margin: 0 10px; background: url(/National_Library/20161130034600oe_/https://disneystorycentral.com/assets/img/interface/facebook-icon.svg) 50% 50% no-repeat rgba(255,255,255,.1); background-size: auto 35% !important; display: inline-block; overflow: hidden;
		-webkit-border-radius: 100px; -webkit-transition: background-color .25s ease-in-out;
		   -moz-border-radius: 100px;    -moz-transition: background-color .25s ease-in-out;
		        border-radius: 100px;         transition: background-color .25s ease-in-out;
	}
	footer .social a:hover, footer .social a:focus { background-color: rgba(255,255,255,.3); }
	footer .social a.facebook { background-image: url(/National_Library/20161130034600oe_/https://disneystorycentral.com/assets/img/interface/facebook-icon.svg); }
	footer .social a.twitter { background-image: url(/National_Library/20161130034600oe_/https://disneystorycentral.com/assets/img/interface/twitter-icon.svg); }
	
	footer .links a { font-size: 1.4rem; }
	body.logged-in footer .links a.logged-in, body.logged-in footer .links .separator.logged-in { display: inline-block !important; }
	footer .links .separator { padding: 0 .3em; }
	footer .copyrights { font-size: 1.2rem !important; margin-bottom: 0; }
	footer .copyrights-apple { font-size: 1.1rem !important; margin-top: 1em; margin-bottom: 0; }
	
	footer .language-selector { color: #fff; text-align: center; }
	footer .language-selector-wrapper { margin: 0 auto; display: table; }
	footer .language-selector label,
	footer .language-selector .select-wrapper
		{ display: table-cell; vertical-align: middle; }
	
	footer .language-selector label { padding: 0 15px 0 40px; position: relative; background: url(/National_Library/20161130034600oe_/https://disneystorycentral.com/assets/img/interface/world-icon.svg) 0 50% no-repeat; background-size: auto 100% !important; }
	footer .language-selector .select-wrapper { background: white; padding: 0; border-radius: 3px; position: relative; overflow: hidden; }
	footer .language-selector .select-wrapper:before { content: ""; width: 18px; height: 15px; margin-top: -8px; border-width: 15px 9px 0 9px; border-style: solid; border-color: black transparent transparent; position: absolute; top: 50%; right: 10px; z-index: 3; pointer-events: none; }
	footer .language-selector .select-wrapper:after { content: ""; width: 38px; background: white; position: absolute; top: 0; right: 0; bottom: 0; z-index: 2; pointer-events: none;
		background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjIiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
		background: -webkit-linear-gradient(left,rgba(255, 255, 255, 0) 0%,rgb(255, 255, 255) 20%);
		background: linear-gradient(to right,rgba(255, 255, 255, 0) 0%,rgb(255, 255, 255) 20%);
	}
	footer .language-selector .select-wrapper select { padding: 5px 8px; padding-right: 36px; padding-right: 8px\9; border: 0; outline: none; background: transparent; display: inline-block; position: relative; z-index: 1; cursor: pointer;
		-webkit-appearance: none;
		   -moz-appearance: none;
		    -ms-appearance: none;
		     -o-appearance: none;
		        appearance: none;
	}




/* !-- Content -- */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	
	/* Guest HERO */
	#guest-hero { height: 420px; background: #044b6f; background-size: auto auto !important; border-bottom: 1px solid #0b3f66; overflow: hidden; }
	#guest-hero img { height: 100%; }
	#guest-hero-carousel { height: 440px; }
	
	/* Temporary guest banner */
	#guest-hero-carousel .slide.magical { width: 100% !important; height: 420px; display: block; background: url(/National_Library/20161130034600oe_/https://disneystorycentral.com/assets/img/hero/guest/guest-visual-characters-banner.jpg) 50% 0 no-repeat; background-size: auto 100% !important; overflow: hidden; cursor: pointer; }
	#guest-hero-carousel .slide.magical .page-width { min-height: 420px; padding: 0; text-align: center; }
	#guest-hero-carousel .slide.magical .page-width p { width: 490px; margin: 0 auto 20px; color: #0482c4; font-size: 1.6rem; }
	#guest-hero-carousel .slide.magical .page-width p strong span { font-style: italic; }
	#guest-hero-carousel .slide.magical .page-width .action-button { height: auto; margin: 0; padding: 7px 10px; font-size: 2.3rem; line-height: .6em; background: #0c6e9d; border: 6px solid #fff; position: absolute; bottom: 15px; right: 180px; color: #fff; 
		-webkit-box-shadow: 0 2px 2px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0 2px 2px 1px rgba(0,0,0,0.75);
box-shadow: 0 2px 2px 1px rgba(0,0,0,0.75);
	}
		
	#guest-hero-carousel .slide.magical:hover .action-button { background-color: #1093d2 !important; }
	
	/*  */
	#guest-hero-carousel .slide { width: 1024px; display: block; overflow: hidden; float: left; }
	#guest-hero-carousel .slide:after { content: "."; width: 0; height: 0; display: block; overflow: hidden; clear: both; visibility: hidden; }
	#guest-hero-carousel .infos { width: 360px; height: 440px; display: block; padding: 30px 0 0; float: left; text-align: center; background: url(/National_Library/20161130034600oe_/https://disneystorycentral.com/assets/img/hero/guest/mike-wazowski.png) 0 100% no-repeat; background-size: auto auto !important; }
	#guest-hero-carousel .infos h2 { margin: 0; padding: 0; font-size: 6rem; text-transform: uppercase; font-weight: 700; line-height: .8em; color: #10588f; text-shadow: 0px 3px 3px rgba(255, 255, 255, 1); }
	#guest-hero-carousel .infos h2 span { font-size: 3rem; }
	#guest-hero-carousel .infos p { margin: 10px 0; color: #10588f; }
	#guest-hero-carousel .wrap-video { width: 664px; height: 440px; display: block; float: left; }
	#guest-hero-carousel .video { width: 516px; height: 290px; margin: 80px 0 0 30px; float: left; border: 1px solid #fff; position: relative; cursor: pointer;
		-webkit-box-shadow: 0 0 31px 10px rgba(255,255,255,0.75);
	}
	#guest-hero-carousel .video:before { content: "]"; width: 90px; height: 90px; margin: -45px 0 0 -45px; padding: 35px 0 0 5px; text-align: center; display: block; background: rgba(255,255,255,0.6); position: absolute; left: 50%; top: 50%; border: 2px solid #d8d6d6; font-family: "Web Symbols", sans-serif; font-size: 6.0rem; color: #10588f;
		-webkit-border-radius: 90px !important;
		   -moz-border-radius: 90px !important;
		        border-radius: 90px !important;
	}
	
	#guest-hero-carousel .video:hover:before { background: rgba(255,255,255,0.9); }
	
	/* Carousel controls */
	.owl-buttons  { width: 50px; height: 50px; }
	
	#guest-hero-carousel .owl-buttons div:hover, #guest-hero-carousel .owl-buttons div:focus { background: #10588f; color: #fff; }
	#guest-hero-carousel .owl-buttons .owl-prev { padding-right: 5px; left: -25px; }
	#guest-hero-carousel .owl-buttons .owl-prev:before { content: "<"; }
	#guest-hero-carousel .owl-buttons .owl-next { right: -25px; }
	#guest-hero-carousel .owl-buttons .owl-next:before { padding-left: 5px; content: ">"; }
	
	/* HERO */
	#hero { height: 360px; background-position: 50% 0; background-size: auto auto !important; background-repeat: no-repeat; position: relative; z-index: 2 !important; }
	#hero .page-width { padding: 0; }
	
	#hero .hero-characters { width: 100%; height: 380px; background-position: 50% 0; background-size: auto 100% !important; background-repeat: no-repeat; position: relative; z-index: 1000; position: absolute;  }
	
	#hero .character-glow-wrapper { width: 100%; height: 360px; overflow: hidden; position: relative; opacity: .75; }
	#hero .character-glow { width: 1000px; height: 954px; margin-left: -500px; position: absolute; top: 0; left: 50%; background: url(/National_Library/20161130034600oe_/https://disneystorycentral.com/assets/img/interface/header-character-glow@2x.png) 0 0 no-repeat; background-size: 100% 100% !important;
		-webkit-animation: CharacterGlow 300s linear infinite;
		   -moz-animation: CharacterGlow 300s linear infinite;
		        animation: CharacterGlow 300s linear infinite;
	}
	
	#hero .character-glow-invert { width: 1000px; height: 954px; margin-left: -500px; position: absolute; top: 0; left: 50%; background: url(/National_Library/20161130034600oe_/https://disneystorycentral.com/assets/img/interface/header-character-glow@2x.png) 0 0 no-repeat; background-size: 100% 100% !important;
		-webkit-animation: CharacterGlowInvert 300s linear infinite;
		   -moz-animation: CharacterGlowInvert 300s linear infinite;
		        animation: CharacterGlowInvert 300s linear infinite;
	}
	
	@-webkit-keyframes CharacterGlow {
		0%   { -webkit-transform: rotate(0deg); }
		100% { -webkit-transform: rotate(360deg); }
	}
	@-moz-keyframes CharacterGlow {
		0%   { -moz-transform: rotate(0deg); }
		100% { -moz-transform: rotate(360deg); }
	}
	@keyframes CharacterGlow {
		0%   { transform: rotate(0deg); }
		100% { transform: rotate(360deg); }
	}
	
	@-webkit-keyframes CharacterGlowInvert {
		0%   { -webkit-transform: rotate(360deg); }
		100% { -webkit-transform: rotate(0deg); }
	}
	@-moz-keyframes CharacterGlowInvert {
		0%   { -moz-transform: rotate(360deg); }
		100% { -moz-transform: rotate(0deg); }
	}
	@keyframes CharacterGlowInvert {
		0%   { transform: rotate(360deg); }
		100% { transform: rotate(0deg); }
	}
	
	/* How To Banner */
	#how-to-banner { color: white; font-size: 1rem; padding: 20px 0; border-bottom: 1px solid #0b3f66; background: url(/National_Library/20161130034600oe_/https://disneystorycentral.com/assets/img/interface/bg-banner.jpg) 50% 50% / 100% 100% no-repeat #294A6E !important; }
	#how-to-banner h4 { color: #fff; font-weight: bold; font-size: 1.6rem; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4); margin: 0; padding: 0; }
	#how-to-banner p { margin: .8em 0 0; padding: 0; }
	#how-to-banner ul { margin: 0 0 .8em 1.5em; padding: 0; }
	#how-to-banner a {
		color: white; font-weight: bold; text-decoration: underline;
		-webkit-transition: color .25s ease-in-out;
		   -moz-transition: color .25s ease-in-out;
		    -ms-transition: color .25s ease-in-out;
		     -o-transition: color .25s ease-in-out;
		        transition: color .25s ease-in-out;
	}
	#how-to-banner a:hover,
	#how-to-banner a:focus {
		color: #162533;
	}
	
	/* App Promo Banner */
	#banner { height: 140px; overflow: hidden; }
	#banner:after { content: "."; width: 0; height: 0; display: block; overflow: hidden; clear: both; visibility: hidden; }
	#banner .page-width { background: url(/National_Library/20161130034600oe_/https://disneystorycentral.com/assets/img/interface/ariel-banner.png) 95% 50% no-repeat; padding-right: 220px; padding-left: 220px; background-size: auto auto !important; }
	#banner .details { height: 140px; margin: 0 auto; position: relative; z-index: 999; text-align: center; display: table;  }
	
	#banner .details .details-text,
	#banner .details .details-links
		{ text-align: center; vertical-align: middle; display: table-cell; }
	#banner .details .details-text { padding-right: 20px; }
	#banner .details .details-links { width: 170px; }
	#banner .details .details-links a { margin: 5px 0; }
	
	#banner .details h4 { font-weight: bold; margin: 0; padding: 0; font-size: 1.6rem; color: #fff; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4); }
	#banner .details p { font-weight: normal; margin: 0; padding: 0; font-size: 1rem; color: #fff; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4); }
	#banner .details small { margin: 0; padding: 25px 0 0; font-size: 1.1rem; color: #fff; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4); display: inline-block; }
	
	#banner a.app-icon-link { text-indent: -9999px; width: 183px; height: 140px; margin: 0; padding: 0; outline: none; position: absolute; top: 14px; top: 0; left: 36px; overflow: hidden; background: transparent; background: url(/National_Library/20161130034600oe_/https://disneystorycentral.com/assets/img/interface/app-banner-visual.png) 0 50% no-repeat rgba(255,255,255,0); }
	
	
	/* Books Carousel 
	- - - - - - - - - - - - - - - - - - - - - */
	#mightlike, #peoplelike, #popularbooks { background: #f2efef; }
	
	.books-wrapper .see-all { padding: 0 20px 0 0; position: absolute; top: 25px; right: 20px; color: #fff; text-decoration: none; }
	.books-wrapper .see-all:after { content: ">"; font-family: "Web Symbols", sans-serif; font-size: 1.8rem; position: absolute; top: -2px; right: 0; }
	
	.books-carousel { height: 305px; margin: 10px 0; padding: 0 0 10px; text-align: center; box-sizing: padding-box; position: relative; }
	.books-carousel .owl-wrapper { padding: 25px 0 0 0; position: relative; z-index: 1; }
	.books-carousel .owl-wrapper .owl-item { position: relative; z-index: 1; }
	.book { width: 164px; margin: 0 auto; padding: 0; display: inline-block; cursor: pointer; text-align: center; vertical-align: middle; position: relative; }
	.book .wrap-book { width: 160px; margin: 0 auto; height: 305px; vertical-align: bottom; position: relative; display: table-cell; text-align: center; box-sizing: padding-box; z-index: 1; }
	.book .wrap-book.new a img { border: 4px solid #fff; }
	
	.book a.book-visual { margin: 0; padding: 0 0 50px; display: inline-block; position: relative; z-index: 1; }
	.book a.book-visual .bookmark { width: 33px; height: 50px; background: url(/National_Library/20161130034600oe_/https://disneystorycentral.com/assets/img/interface/bookmark.png) 0 0 no-repeat; position: absolute; top: -26px; left: 12px; z-index: 1; }
	
	.book a.book-visual img {
		width: 164px; display: block; position: relative; z-index: 2; opacity: 0;
		-webkit-transition: opacity .25s linear;
		   -moz-transition: opacity .25s linear;
		    -ms-transition: opacity .25s linear;
		     -o-transition: opacity .25s linear;
		        transition: opacity .25s linear;
	}
	.book a.book-visual img.image-loaded { opacity: 1; }
	span.free { width: 100%; margin: 0; padding: 5px 0; display: inline-block; font-size: 1.8rem; line-height: 1em; color: #fff; position: absolute; left: 0; bottom: 0; z-index: 3; background-color: #598527; box-sizing: content-box; 
		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
		        border-radius: 5px;
	}
	span.free span { display: block; font-size: 1.4rem; line-height: 1em; }
	
	
	/* My Books */
	#mybooks { height: 385px; padding-bottom: 50px; }
	#mybooks .books-carousel .owl-buttons div { background-color: #fff; }

	#mybooks h3	{ color: #fff; }
	
	
	/* Books Carousel Controls */
	.books-carousel .owl-buttons  { width: 50px; height: 50px; }
	.books-carousel .owl-buttons div, .shop-carousel  .owl-buttons div, .lightbox .owl-buttons div { width: 50px; height: 50px; margin-top: -35px; padding: 2px 0 0; border: 3px solid transparent; position: absolute; font-family: "Web Symbols", sans-serif; font-size: 3.0rem; text-align: center; top: 50%; z-index: 99;
		-webkit-border-radius: 90px !important; -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out, border-color .25s ease-in-out;
		   -moz-border-radius: 90px !important;    -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out, border-color .25s ease-in-out;
		        border-radius: 90px !important;         transition: background-color .25s ease-in-out, color .25s ease-in-out, border-color .25s ease-in-out;
	}
	.books-carousel .owl-buttons .owl-prev { padding-right: 5px; left: -45px; }
	.books-carousel .owl-buttons .owl-prev:before { content: "<"; }
	.books-carousel .owl-buttons .owl-next { right: -50px; }
	.books-carousel .owl-buttons .owl-next:before { padding-left: 5px; content: ">"; }
	
		/* My Books */
		body.website #mybooks .books-carousel .owl-buttons div:hover { color: #fff; border: 3px solid #fff; }
		
		
		/* Might like */
		#mightlike .books-carousel .owl-buttons div,
		#popularbooks .books-carousel .owl-buttons div,
		#languagebooks .books-carousel .owl-buttons div,
		.shop-carousel .owl-buttons div,
		.lightbox .owl-buttons div
			 { color: #fff; border: 3px solid transparent; background: #10588f; }
		
		body.website #mightlike .books-carousel .owl-buttons div:hover,
		body.website #popularbooks .books-carousel .owl-buttons div:hover,
		body.website #languagebooks .books-carousel .owl-buttons div:hover,
		body.website .shop-carousel .owl-buttons div:hover,
		body.website .lightbox .owl-buttons div:hover
			{ background: #fff; border: 3px solid #10588f; color: #10588f; }
	
	@media (max-width: 1023px) { 
		.books-carousel .owl-buttons .owl-prev { left: -18px; }
		.books-carousel .owl-buttons .owl-next { right: -18px; }
	}
	
/* !-- Browse by Characters -- */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	#characters { min-height: 200px !important; background-position: 50% 0; background-repeat: no-repeat; background-size: auto auto !important;
		-webkit-transition: background 0.5s ease-in-out;
		   -moz-transition: background 0.5s ease-in-out;
		   		transition: background 0.5s ease-in-out;
	}
	
	.characters-carousel .see-all { padding: 0 20px 0 0; position: absolute; top: 25px; right: 20px; text-decoration: none; color: #10588f; }
	.characters-carousel .see-all:after { content: ">"; font-family: "Web Symbols", sans-serif; font-size: 1.8rem; position: absolute; top: -2px; right: 0; }
	
	.characters-carousel { height: 330px; margin: 0 -20px; padding: 50px 0 0; }
	
	.characters-carousel .characters div,
	.characters-carousel .characters div a .pellet,
	.characters-carousel .characters div a .pellet:after {
		 -webkit-transition-duration: .5s; -webkit-transition-timing-function: ease-in-out;
		    -moz-transition-duration: .5s;    -moz-transition-timing-function: ease-in-out;
		         transition-duration: .5s;         transition-timing-function: ease-in-out;
	}
	
	.characters-carousel .characters div { width: 123px; height: 123px; margin: 70px 10px 0; float: left; position: relative; cursor: pointer;
		-webkit-transition-property: width, height, margin-top; -webkit-transform: translateZ(0);
		   -moz-transition-property: width, height, margin-top;
		        transition-property: width, height, margin-top;
	}
	.characters-carousel .characters div.highlight { width: 245px; height: 245px; margin-top: 0; cursor: default; }
	.characters-carousel .characters div a { display: block; }
	.characters-carousel .characters div.highlight a { cursor: default; }
	
	.characters-carousel .characters div a img { width: 100%; height: auto; display: block; position: relative; top: 0; z-index: 5; -webkit-backface-visibility: hidden; }
	
	.characters-carousel .characters div a .pellet { display: block; background: #fff; position: absolute; top: 4%; right: 4%; bottom: 4%; left: 4%; z-index: 5;
		-webkit-border-radius: 200px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.25); -webkit-transition-property: background-color;
		   -moz-border-radius: 200px;    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.25);    -moz-transition-property: background-color;
		        border-radius: 200px;         box-shadow: 0 0 10px rgba(0,0,0,0.25);         transition-property: background-color;
	}
	
	.characters-carousel .characters div a .pellet:after { content: ""; width: 55px; height: 55px; margin-left: -25px; position: absolute; bottom: 10px; left: 50%; background: #fff;
		-webkit-transform: rotate(-45deg); -webkit-transition-property: -webkit-transform, background-color;
		   -moz-transform: rotate(-45deg); -webkit-transition-property: -webkit-transform, background-color;
		        transform: rotate(-45deg); -webkit-transition-property: -webkit-transform, background-color;
	}
	.characters-carousel .characters div.highlight a .pellet:after {
		-webkit-transform: rotate(-45deg) skew(-22deg,-22deg) translate(-10px, 10px);
		   -moz-transform: rotate(-45deg) skew(-22deg,-22deg) translate(-10px, 10px);
		        transform: rotate(-45deg) skew(-22deg,-22deg) translate(-10px, 10px);
	}	
	
	
	body.website .characters-carousel .nav { width: 50px; height: 50px; z-index: 100; padding-top: 5px; position: absolute; top: 225px; border: 3px solid #fff; font-family: "Web Symbols", sans-serif; font-size: 2.5rem; text-align: center; color: #fff; cursor: pointer; background-color: #10588f;
		-webkit-border-radius: 25px !important; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.25); -webkit-transition-duration: .5s; -webkit-transition-timing-function: ease-in-out; -webkit-transition-property: background-color, border-color, color; -webkit-backface-visibility: hidden;
		   -moz-border-radius: 25px !important;    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.25);    -moz-transition-duration: .5s;    -moz-transition-timing-function: ease-in-out;    -moz-transition-property: background-color, border-color, color;
		        border-radius: 25px !important;         box-shadow: 0 0 10px rgba(0,0,0,0.25);         transition-duration: .5s;         transition-timing-function: ease-in-out;         transition-property: background-color, border-color, color;
	}
	.characters-carousel .nav.previous { left: 20px; }
	.characters-carousel .nav.previous:before { padding-right: 3px; content: "<"; }
	.characters-carousel .nav.next { right: 20px; }
	.characters-carousel .nav.next:before { padding-left: 5px; content: ">"; }
	
	body.website .characters-carousel .nav:hover { background-color: #fff; color: #10588f; border-color: #10588f; }
	
	#booksCharacters { min-height: 250px; margin-bottom: 10px; }
	#booksCharacters:after { content: "."; width: 0; height: 0; display: block; overflow: hidden; clear: both; visibility: hidden; }
	#booksCharacters .book { margin: 0 9px; }
	/* #booksCharacters .book .wrap-book { height: 250px; } */
	
	#booksCharacters .page { display: none; }




/* !-- Book Details Pop Over -- */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.book-details { width: 310px; height: 0; text-align: center; position: absolute; /* top: 50% !important; */ background: #fff; opacity: 0; overflow: hidden; z-index: 999; position: absolute;
		-webkit-border-radius: 10px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.5); -webkit-transform: scale(.2,.2); -webkit-transition-property: -webkit-transform, opacity; -webkit-transition-duration: .25s; -webkit-transition-timing-function: ease-in-out;
		   -moz-border-radius: 10px;    -moz-box-shadow: 0 0 10px rgba(0,0,0,.5);    -moz-transform: scale(.2,.2);    -moz-transition-property:    -moz-transform, opacity;    -moz-transition-duration: .25s;    -moz-transition-timing-function: ease-in-out;
		        border-radius: 10px;         box-shadow: 0 0 10px rgba(0,0,0,.5);         transform: scale(.2,.2);         transition-property:         transform, opacity;         transition-duration: .25s;         transition-timing-function: ease-in-out;
	}
	
	.book-details.left, .book-details.right { opacity: 1; overflow: visible;
		-webkit-transform: scale(1,1);
		   -moz-transform: scale(1,1);
		        transform: scale(1,1);
	}
	.book-details.left { margin-left: 28px;
		-webkit-transform-origin: 0 50%;
		   -moz-transform-origin: 0 50%;
		        transform-origin: 0 50%;
	}
	.book-details.right { margin-left: -28px;
		-webkit-transform-origin: 100% 50%;
		   -moz-transform-origin: 100% 50%;
		        transform-origin: 100% 50%;
	}
	
	.book-details .wrap { min-height: 100px; padding: 20px 20px; background: #fff; position: relative; z-index: 999; text-align: left;
		-webkit-border-radius: 10px;
		   -moz-border-radius: 10px;
		        border-radius: 10px;
	}
	.book-details.starter-pack p.synopsis { overflow: auto; }
	
	.book-details h4 { font-size: 1.4rem; font-family: "Matterhorn Serif SemiBold", sans-serif; text-align: left; margin: 0; padding: 0; }
	
	.book-details:before { content: ""; width: 50px; height: 50px; margin-top: -25px; display: block; background: #fff; position: absolute; top: 50%; z-index: 998;
		-webkit-transform: rotate(45deg) skew(-15deg,-15deg); 
		   -moz-transform: rotate(45deg) skew(-15deg,-15deg); 
		        transform: rotate(45deg) skew(-15deg,-15deg); 
		
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);
		   -moz-box-shadow: 0 0 10px rgba(0,0,0,.5);
		        box-shadow: 0 0 10px rgba(0,0,0,.5);
		
	}
	.book-details.left:before { left: 0; }
	.book-details.right:before { right: 0; }
	
	.book-details .pages-lang { margin: 10px 0 15px; padding: 0; font-size: 1.2rem; color: #959595; text-align: left; }
	
	.book-details .readalong, .book-details .lang { display: block; }
	.book-details .readalong:after { content: ""; width: 18px; height: 13px; margin-left: 5px; background: url(/National_Library/20161130034600oe_/https://disneystorycentral.com/assets/img/interface/read-along-icon.svg) 0 0 no-repeat; background-size: 100% 100%; display: inline-block; position: relative; top: 2px; }
	.book-details .readalong { margin-bottom: 5px; }
	.book-details .lang { margin-top: 5px; }
	.book-details .lang select { font-family: inherit; }
	
	.book-details .synopsis { margin: 0; padding: 0; font-size: 1.2rem; color: #464646; text-align: left; max-height: 6.5em; overflow: hidden; }
	.book-details .synopsis a { color: #464646 !important; }
	
	.book-details .actions { margin: 0; padding: 10px 0 0; }
	.book-details .actions a { min-height: 50px; margin: 10px 0 0; padding: 13px 0 13px; display: block; font-size: 2.0rem; text-align: center; text-decoration: none !important; text-decoration: none;
		-webkit-border-radius: 10px; -webkit-transition: background-color .25s ease-in-out;
		   -moz-border-radius: 10px;    -moz-transition: background-color .25s ease-in-out;
		        border-radius: 10px;         transition: background-color .25s ease-in-out;
	}
	.book-details .actions a, .book-details .actions a br { line-height: 1em; }
	.book-details a.preview-book { color: #000; background: #f2efef; }
	
	.book-details a.preview-book:hover, .book-details a.preview-book:focus { background-color: #d2cfcf; }
	
	.book-details a.read-book { color: #fff; background: #39b54a; }
	
	.book-details a.unlock-book { padding: 5px 60px 5px; background-size: 27px auto !important; }
	.book-details a.unlock-book.price1 { background:url(/National_Library/20161130034600oe_/https://disneystorycentral.com/assets/img/interface/token-icon.svg) 20px 10px no-repeat, #39b54a; }
	.book-details a.unlock-book.price2 { background:url(/National_Library/20161130034600oe_/https://disneystorycentral.com/assets/img/interface/token-icon.svg) 15px 5px no-repeat, url(/National_Library/20161130034600oe_/https://disneystorycentral.com/assets/img/interface/token-icon.svg) 28px 15px no-repeat, #39b54a; }
	.book-details a.unlock-book.price3 { background-size: 24px auto !important; background:url(/National_Library/20161130034600oe_/https://disneystorycentral.com/assets/img/interface/token-icon.svg) 15px 7px no-repeat, url(/National_Library/20161130034600oe_/https://disneystorycentral.com/assets/img/interface/token-icon.svg) 28px 14px no-repeat, url(/National_Library/20161130034600oe_/https://disneystorycentral.com/assets/img/interface/token-icon.svg) 40px 19px no-repeat, #39b54a; }
	.book-details a.unlock-book.price4 { background-size: 22px auto !important; background:url(/National_Library/20161130034600oe_/https://disneystorycentral.com/assets/img/interface/token-icon.svg) 15px 3px no-repeat, url(/National_Library/20161130034600oe_/https://disneystorycentral.com/assets/img/interface/token-icon.svg) 28px 10px no-repeat, url(/National_Library/20161130034600oe_/https://disneystorycentral.com/assets/img/interface/token-icon.svg) 40px 15px no-repeat, url(/National_Library/20161130034600oe_/https://disneystorycentral.com/assets/img/interface/token-icon.svg) 52px 22px no-repeat, #39b54a; }
	.book-details a.unlock-book.price5 { background-size: 20px auto !important; background:url(/National_Library/20161130034600oe_/https://disneystorycentral.com/assets/img/interface/token-icon.svg) 12px 3px no-repeat, url(/National_Library/20161130034600oe_/https://disneystorycentral.com/assets/img/interface/token-icon.svg) 22px 10px no-repeat, url(/National_Library/20161130034600oe_/https://disneystorycentral.com/assets/img/interface/token-icon.svg) 32px 15px no-repeat, url(/National_Library/20161130034600oe_/https://disneystorycentral.com/assets/img/interface/token-icon.svg) 42px 20px no-repeat, url(/National_Library/20161130034600oe_/https://disneystorycentral.com/assets/img/interface/token-icon.svg) 52px 25px no-repeat, #39b54a; }
	.book-details a.unlock-book:hover { background-color:#3fc952; }
	
	.book-details a.read-book:hover, .book-details a.read-book:focus { background-color: #329e41; }
	
	.book-details.starter-pack .actions .login-btn { text-align: center; height: 60px; margin: 0 auto 15px; padding: 18px 48px 0 68px; }

	.book-details .reflowable { color: #ad2323; font-size: .9em; margin: 5px 0 0; padding: 0; }
	.book-details .reflowable a { color: #000; font-weight: bold; }
	
	.book-details .subscriber_only { color: #000; font-size: .9em; margin: 5px 0 0; padding: 0; text-align: center; font-family: "Matterhorn Serif SemiBold", sans-serif; }
	.book-details .subscriber_only span { color: #bbbcbd; display: block; margin-top: 5px; }
	
	.book-details a.read-book.subscribe { padding-left: 65px !important; padding-right: 10px; background: url(/National_Library/20161130034600oe_/https://disneystorycentral.com/assets/img/interface/subscribe-now-button-icon.png) 8px 50% no-repeat #dc3800 !important; }
	.book-details a.read-book.subscribe:hover,
	.book-details a.read-book.subscribe:focus {
		background-color: #ff4800 !important;
	}


/* !-- Handling Content when is a mobile Web view! -- */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.mobile header, .mobile footer { display: none; }
	.mobile .title .backHome { visibility: hidden; }
	body.mobile { background-color: #F2EFEF !important; }
	


/* -------------- code-redemption ------------------- */

	body.code-redemption #redemption-footer #login-panel .help .title:before
		{ background: #fff; }

/*------------ effet hover sur les bouton de couleur --------------*/

	body.website .lightbox.unlock .readAlong:hover,
	body.website .more a:hover,
	body.code-redemption footer .social-medias a:hover,
	body.code-redemption footer .social-medias a:focus,
	body.code-redemption footer .social-medias a:active
		{ opacity: 0.9 }