.modal .body-content-wrapper::-webkit-scrollbar { width: 15px; }

.modal .body-content-wrapper::-webkit-scrollbar-track { -webkit-box-shadow: inset rgba(91, 173, 137, 0.5) 0 0 5px; border-radius: 4px; }
.modal .body-content-wrapper::-webkit-scrollbar-track:hover { -webkit-box-shadow: inset rgba(91, 173, 137, 0.6) 0 0 6px; }

.modal .body-content-wrapper::-webkit-scrollbar-thumb { -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; border-radius: 4px; -webkit-box-shadow: inset rgba(91, 173, 137, 0.5) 0 0 5px; background: rgba(91, 173, 137, 0.3); }
.modal .body-content-wrapper::-webkit-scrollbar-thumb:active { background: #a6c8b9; }

.progress, .progress .bar, form.upload, section.window, form ul li, .error, a, input, section.body, #drop-overlay, aside.info, aside.info section, span.numbering, .inline-help, .cta-tooltip, footer.actions, .dingbat, .dingbat:before, header.branding a.homepage:before, article.page.warning { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

.textcontent a { color: #87c3a9; text-decoration: underline; }
.textcontent a:hover { color: white; }

.btn.alternative { float: right; }

.textcontent blockquote { *zoom: 1; }
.textcontent blockquote:after { content: ""; display: table; clear: both; }

.modal .textcontent a:hover { color: black; }

img { max-width: 100%; }

figure.video { margin-top: 1em; margin-bottom: 1em; position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; }
figure.video.ratio-4-3 { padding-bottom: 71.25%; }
figure.video.shadowed { -webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 1px 15px; -moz-box-shadow: rgba(0, 0, 0, 0.7) 0 1px 15px; box-shadow: rgba(0, 0, 0, 0.7) 0 1px 15px; }
figure.video iframe, figure.video object, figure.video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.modal figure.shadow img { -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 10px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 10px; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 10px; }

figure.full-width img { width: 100%; }
figure.shadow img { -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 1px 15px; -moz-box-shadow: rgba(0, 0, 0, 0.9) 0 1px 15px; box-shadow: rgba(0, 0, 0, 0.9) 0 1px 15px; }
figure.round img { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
@media screen and (min-width: 480px) { figure.medium { width: 30%; }
  figure.right { float: right; margin-left: 20px; margin-bottom: 10px; }
  figure.left { float: left; margin-right: 10px; margin-bottom: 10px; } }

.textcontent { margin-bottom: 20px; }

p.message { font-weight: 700; font-size: 16px; }

.dialog-modal .body .dingbat { font-size: 100px; line-height: 40px; position: relative; top: 10px; color: #ccd8d3; text-shadow: rgba(0, 0, 0, 0.3) -1px -1px 2px, white 1px 1px 0; cursor: default; width: 1em; float: left; }
.dialog-modal .body .dingbat:hover { color: #a6c8b9; }

input, textarea { display: inline-block; line-height: 25px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; border: 1px solid #87c3a9; padding: 3px 6px; font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 12px; min-height: 25px; margin: 5px 2px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: rgba(255, 255, 255, 0.8) 0 2px 2px; -moz-box-shadow: rgba(255, 255, 255, 0.8) 0 2px 2px; box-shadow: rgba(255, 255, 255, 0.8) 0 2px 2px; color: #add3c3; }
input::selection, textarea::selection { background: #87c3a9; color: white; }
input::-moz-selection, textarea::-moz-selection { background: #87c3a9; color: white; }
input:hover::selection, input:focus::selection, input:active::selection, textarea:hover::selection, textarea:focus::selection, textarea:active::selection { background: #87c3a9; color: white; }
input:hover::-moz-selection, input:focus::-moz-selection, input:active::-moz-selection, textarea:hover::-moz-selection, textarea:focus::-moz-selection, textarea:active::-moz-selection { background: #87c3a9; color: white; }
input.placeholder, textarea.placeholder { color: #dcece5; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #dcece5; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #dcece5; }
input:focus, input.focus, textarea:focus, textarea.focus { color: #87c3a9; outline: none; -webkit-box-shadow: #87c3a9 0 0 20px; -moz-box-shadow: #87c3a9 0 0 20px; box-shadow: #87c3a9 0 0 20px; }
@media screen and (min-width: 767px) { input, textarea { padding: 6px 12px; font-size: 16px; } }
@media screen and (min-width: 980px) { input, textarea { padding: 9px 12px; font-size: 18px; } }
input:nth-child(1), input:first-child, textarea:nth-child(1), textarea:first-child { margin-left: 1; }
input:nth-last-child(1), textarea:nth-last-child(1) { margin-right: 0; }

form label { font-size: 24px; cursor: pointer; color: #87c3a9; text-shadow: rgba(255, 255, 255, 0.6) 0 1px 0px; }
form input[type=file] { cursor: pointer; }
form ul li, form .error { color: #351717; padding: 5px 10px; margin-top: 10px; margin-bottom: 10px; font-weight: 400; font-size: 14px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; background: #dec9c9; background: rgba(196, 141, 141, 0.4); border: 1px solid #8a4545; text-shadow: rgba(27, 11, 11, 0.2) 0 1px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 -1px 1px, rgba(255, 255, 255, 0.7) 0 1px 2px, inset rgba(0, 0, 0, 0.2) 0 2px 10px; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 -1px 1px, rgba(255, 255, 255, 0.7) 0 1px 2px, inset rgba(0, 0, 0, 0.2) 0 2px 10px; box-shadow: rgba(0, 0, 0, 0.15) 0 -1px 1px, rgba(255, 255, 255, 0.7) 0 1px 2px, inset rgba(0, 0, 0, 0.2) 0 2px 10px; }
form ul li.closing, form .error.closing { opacity: 0; }
form ul li a.close, form .error a.close { outline: none; float: right; margin-left: 10px; position: relative; font-size: 160%; text-decoration: none; font-weight: 700; color: #8a4545; opacity: 0.5; cursor: pointer; }
form ul li a.close:hover, form ul li a.close:focus, form .error a.close:hover, form .error a.close:focus { opacity: 1; }
form ul li a.close:active, form .error a.close:active { opacity: 1; color: white; }

blockquote, p.message { padding: 1em 2em; background: rgba(0, 0, 0, 0.1); -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: 0px 2px 3px rgba(255, 255, 255, 0.1), 0px 2px 10px rgba(0, 0, 0, 0.3) inset; -moz-box-shadow: 0px 2px 3px rgba(255, 255, 255, 0.1), 0px 2px 10px rgba(0, 0, 0, 0.3) inset; box-shadow: 0px 2px 3px rgba(255, 255, 255, 0.1), 0px 2px 10px rgba(0, 0, 0, 0.3) inset; }

button, input[type=submit], footer.actions a, .btn { display: inline-block; padding: 3px 6px; cursor: pointer; vertical-align: middle; text-decoration: none !important; text-align: left; border: 0; position: relative; top: -2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; font-weight: 400; font-family: "Open Sans", sans-serif; font-size: 12px; min-height: 25px; line-height: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #858585; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); border-color: #858585; background: #dddddd; color: #585858 !important; -webkit-box-shadow: inset #858585 0 -2px 0px, inset #eeeeee 0 2px 0px, rgba(0, 0, 0, 0.3) 0 2px 6px; -moz-box-shadow: inset #858585 0 -2px 0px, inset #eeeeee 0 2px 0px, rgba(0, 0, 0, 0.3) 0 2px 6px; box-shadow: inset #858585 0 -2px 0px, inset #eeeeee 0 2px 0px, rgba(0, 0, 0, 0.3) 0 2px 6px; outline: none; display: block; width: 100%; margin-top: 5px; margin-bottom: 5px; }
@media screen and (min-width: 767px) { button, input[type=submit], footer.actions a, .btn { padding: 6px 12px; font-size: 16px; } }
@media screen and (min-width: 980px) { button, input[type=submit], footer.actions a, .btn { padding: 9px 18px; font-size: 18px; } }
button.hover, button:hover, input[type=submit].hover, input[type=submit]:hover, footer.actions a.hover, footer.actions a:hover, .btn.hover, .btn:hover { background: #d2d2d2; -webkit-box-shadow: inset #858585 0 -2px 0px, inset #eeeeee 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px; -moz-box-shadow: inset #858585 0 -2px 0px, inset #eeeeee 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px; box-shadow: inset #858585 0 -2px 0px, inset #eeeeee 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px; color: #585858 !important; color: rgba(88, 88, 88, 0.7) !important; }
button.focus, button:focus, input[type=submit].focus, input[type=submit]:focus, footer.actions a.focus, footer.actions a:focus, .btn.focus, .btn:focus { background: #dfdfdf; -webkit-box-shadow: inset #858585 0 -2px 0px, inset #eeeeee 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px, #87c3a9 0 0 20px; -moz-box-shadow: inset #858585 0 -2px 0px, inset #eeeeee 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px, #87c3a9 0 0 20px; box-shadow: inset #858585 0 -2px 0px, inset #eeeeee 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px, #87c3a9 0 0 20px; }
button.active, button:active, input[type=submit].active, input[type=submit]:active, footer.actions a.active, footer.actions a:active, .btn.active, .btn:active { background: #e0e0e0; -webkit-box-shadow: inset #858585 0 -1px 0px, inset #eeeeee 0 1px 0px, rgba(0, 0, 0, 0.6) 0 2px 4.5px; -moz-box-shadow: inset #858585 0 -1px 0px, inset #eeeeee 0 1px 0px, rgba(0, 0, 0, 0.6) 0 2px 4.5px; box-shadow: inset #858585 0 -1px 0px, inset #eeeeee 0 1px 0px, rgba(0, 0, 0, 0.6) 0 2px 4.5px; color: #585858 !important; }
button[disabled], button.disabled, input[type=submit][disabled], input[type=submit].disabled, footer.actions a[disabled], footer.actions a.disabled, .btn[disabled], .btn.disabled { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); border-color: #5e5e5e; background: #9c9c9c; color: #797979 !important; -webkit-box-shadow: inset #5e5e5e 0 -2px 0px, inset #cecece 0 2px 0px, rgba(0, 0, 0, 0.3) 0 2px 6px; -moz-box-shadow: inset #5e5e5e 0 -2px 0px, inset #cecece 0 2px 0px, rgba(0, 0, 0, 0.3) 0 2px 6px; box-shadow: inset #5e5e5e 0 -2px 0px, inset #cecece 0 2px 0px, rgba(0, 0, 0, 0.3) 0 2px 6px; outline: none; }
button[disabled].hover, button[disabled]:hover, button.disabled.hover, button.disabled:hover, input[type=submit][disabled].hover, input[type=submit][disabled]:hover, input[type=submit].disabled.hover, input[type=submit].disabled:hover, footer.actions a[disabled].hover, footer.actions a[disabled]:hover, footer.actions a.disabled.hover, footer.actions a.disabled:hover, .btn[disabled].hover, .btn[disabled]:hover, .btn.disabled.hover, .btn.disabled:hover { background: #949494; -webkit-box-shadow: inset #5e5e5e 0 -2px 0px, inset #cecece 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px; -moz-box-shadow: inset #5e5e5e 0 -2px 0px, inset #cecece 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px; box-shadow: inset #5e5e5e 0 -2px 0px, inset #cecece 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px; color: #797979 !important; color: rgba(121, 121, 121, 0.7) !important; }
button[disabled].focus, button[disabled]:focus, button.disabled.focus, button.disabled:focus, input[type=submit][disabled].focus, input[type=submit][disabled]:focus, input[type=submit].disabled.focus, input[type=submit].disabled:focus, footer.actions a[disabled].focus, footer.actions a[disabled]:focus, footer.actions a.disabled.focus, footer.actions a.disabled:focus, .btn[disabled].focus, .btn[disabled]:focus, .btn.disabled.focus, .btn.disabled:focus { background: #a1a1a1; -webkit-box-shadow: inset #5e5e5e 0 -2px 0px, inset #cecece 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px, #87c3a9 0 0 20px; -moz-box-shadow: inset #5e5e5e 0 -2px 0px, inset #cecece 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px, #87c3a9 0 0 20px; box-shadow: inset #5e5e5e 0 -2px 0px, inset #cecece 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px, #87c3a9 0 0 20px; }
button[disabled].active, button[disabled]:active, button.disabled.active, button.disabled:active, input[type=submit][disabled].active, input[type=submit][disabled]:active, input[type=submit].disabled.active, input[type=submit].disabled:active, footer.actions a[disabled].active, footer.actions a[disabled]:active, footer.actions a.disabled.active, footer.actions a.disabled:active, .btn[disabled].active, .btn[disabled]:active, .btn.disabled.active, .btn.disabled:active { background: #a6a6a6; -webkit-box-shadow: inset #5e5e5e 0 -1px 0px, inset #cecece 0 1px 0px, rgba(0, 0, 0, 0.6) 0 2px 4.5px; -moz-box-shadow: inset #5e5e5e 0 -1px 0px, inset #cecece 0 1px 0px, rgba(0, 0, 0, 0.6) 0 2px 4.5px; box-shadow: inset #5e5e5e 0 -1px 0px, inset #cecece 0 1px 0px, rgba(0, 0, 0, 0.6) 0 2px 4.5px; color: #797979 !important; }
button .dingbat, input[type=submit] .dingbat, footer.actions a .dingbat, .btn .dingbat { width: 25px; height: 10px; float: right; margin-right: 0; font-size: 25px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; line-height: 25px; color: #585858; text-shadow: rgba(255, 255, 255, 0.5) 1px 1px 1px, rgba(0, 0, 0, 0.4) -1px -1px 1px; }
@media screen and (min-width: 980px) { button .dingbat, input[type=submit] .dingbat, footer.actions a .dingbat, .btn .dingbat { margin-right: -5px; margin-left: 5px; float: none; font-size: 35px; } }
button .dingbat:before, input[type=submit] .dingbat:before, footer.actions a .dingbat:before, .btn .dingbat:before { margin-top: -1px; }
button:hover .dingbat, input[type=submit]:hover .dingbat, footer.actions a:hover .dingbat, .btn:hover .dingbat { color: rgba(88, 88, 88, 0.3); }
button.primary, input[type=submit].primary, footer.actions a.primary, .btn.primary { display: inline-block; padding: 3px 6px; cursor: pointer; vertical-align: middle; text-decoration: none !important; text-align: left; border: 0; position: relative; top: -2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; font-weight: 400; font-family: "Open Sans", sans-serif; font-size: 12px; min-height: 25px; line-height: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #428467; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); border-color: #428467; background: #87c3a9; color: white !important; -webkit-box-shadow: inset #428467 0 -2px 0px, inset #c3e1d4 0 2px 0px, rgba(0, 0, 0, 0.3) 0 2px 6px; -moz-box-shadow: inset #428467 0 -2px 0px, inset #c3e1d4 0 2px 0px, rgba(0, 0, 0, 0.3) 0 2px 6px; box-shadow: inset #428467 0 -2px 0px, inset #c3e1d4 0 2px 0px, rgba(0, 0, 0, 0.3) 0 2px 6px; outline: none; }
@media screen and (min-width: 767px) { button.primary, input[type=submit].primary, footer.actions a.primary, .btn.primary { padding: 6px 12px; font-size: 16px; } }
@media screen and (min-width: 980px) { button.primary, input[type=submit].primary, footer.actions a.primary, .btn.primary { padding: 9px 18px; font-size: 18px; } }
button.primary.hover, button.primary:hover, input[type=submit].primary.hover, input[type=submit].primary:hover, footer.actions a.primary.hover, footer.actions a.primary:hover, .btn.primary.hover, .btn.primary:hover { background: #7cbda1; -webkit-box-shadow: inset #428467 0 -2px 0px, inset #c3e1d4 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px; -moz-box-shadow: inset #428467 0 -2px 0px, inset #c3e1d4 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px; box-shadow: inset #428467 0 -2px 0px, inset #c3e1d4 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px; color: white !important; color: rgba(255, 255, 255, 0.7) !important; }
button.primary.focus, button.primary:focus, input[type=submit].primary.focus, input[type=submit].primary:focus, footer.actions a.primary.focus, footer.actions a.primary:focus, .btn.primary.focus, .btn.primary:focus { background: #8dc6ad; -webkit-box-shadow: inset #428467 0 -2px 0px, inset #c3e1d4 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px, #87c3a9 0 0 20px; -moz-box-shadow: inset #428467 0 -2px 0px, inset #c3e1d4 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px, #87c3a9 0 0 20px; box-shadow: inset #428467 0 -2px 0px, inset #c3e1d4 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px, #87c3a9 0 0 20px; }
button.primary.active, button.primary:active, input[type=submit].primary.active, input[type=submit].primary:active, footer.actions a.primary.active, footer.actions a.primary:active, .btn.primary.active, .btn.primary:active { background: #93c9b2; -webkit-box-shadow: inset #428467 0 -1px 0px, inset #c3e1d4 0 1px 0px, rgba(0, 0, 0, 0.6) 0 2px 4.5px; -moz-box-shadow: inset #428467 0 -1px 0px, inset #c3e1d4 0 1px 0px, rgba(0, 0, 0, 0.6) 0 2px 4.5px; box-shadow: inset #428467 0 -1px 0px, inset #c3e1d4 0 1px 0px, rgba(0, 0, 0, 0.6) 0 2px 4.5px; color: white !important; }
button.primary[disabled], button.primary.disabled, input[type=submit].primary[disabled], input[type=submit].primary.disabled, footer.actions a.primary[disabled], footer.actions a.primary.disabled, .btn.primary[disabled], .btn.primary.disabled { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); border-color: #5e5e5e; background: #9c9c9c; color: #797979 !important; -webkit-box-shadow: inset #5e5e5e 0 -2px 0px, inset #cecece 0 2px 0px, rgba(0, 0, 0, 0.3) 0 2px 6px; -moz-box-shadow: inset #5e5e5e 0 -2px 0px, inset #cecece 0 2px 0px, rgba(0, 0, 0, 0.3) 0 2px 6px; box-shadow: inset #5e5e5e 0 -2px 0px, inset #cecece 0 2px 0px, rgba(0, 0, 0, 0.3) 0 2px 6px; outline: none; }
button.primary[disabled].hover, button.primary[disabled]:hover, button.primary.disabled.hover, button.primary.disabled:hover, input[type=submit].primary[disabled].hover, input[type=submit].primary[disabled]:hover, input[type=submit].primary.disabled.hover, input[type=submit].primary.disabled:hover, footer.actions a.primary[disabled].hover, footer.actions a.primary[disabled]:hover, footer.actions a.primary.disabled.hover, footer.actions a.primary.disabled:hover, .btn.primary[disabled].hover, .btn.primary[disabled]:hover, .btn.primary.disabled.hover, .btn.primary.disabled:hover { background: #949494; -webkit-box-shadow: inset #5e5e5e 0 -2px 0px, inset #cecece 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px; -moz-box-shadow: inset #5e5e5e 0 -2px 0px, inset #cecece 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px; box-shadow: inset #5e5e5e 0 -2px 0px, inset #cecece 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px; color: #797979 !important; color: rgba(121, 121, 121, 0.7) !important; }
button.primary[disabled].focus, button.primary[disabled]:focus, button.primary.disabled.focus, button.primary.disabled:focus, input[type=submit].primary[disabled].focus, input[type=submit].primary[disabled]:focus, input[type=submit].primary.disabled.focus, input[type=submit].primary.disabled:focus, footer.actions a.primary[disabled].focus, footer.actions a.primary[disabled]:focus, footer.actions a.primary.disabled.focus, footer.actions a.primary.disabled:focus, .btn.primary[disabled].focus, .btn.primary[disabled]:focus, .btn.primary.disabled.focus, .btn.primary.disabled:focus { background: #a1a1a1; -webkit-box-shadow: inset #5e5e5e 0 -2px 0px, inset #cecece 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px, #87c3a9 0 0 20px; -moz-box-shadow: inset #5e5e5e 0 -2px 0px, inset #cecece 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px, #87c3a9 0 0 20px; box-shadow: inset #5e5e5e 0 -2px 0px, inset #cecece 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px, #87c3a9 0 0 20px; }
button.primary[disabled].active, button.primary[disabled]:active, button.primary.disabled.active, button.primary.disabled:active, input[type=submit].primary[disabled].active, input[type=submit].primary[disabled]:active, input[type=submit].primary.disabled.active, input[type=submit].primary.disabled:active, footer.actions a.primary[disabled].active, footer.actions a.primary[disabled]:active, footer.actions a.primary.disabled.active, footer.actions a.primary.disabled:active, .btn.primary[disabled].active, .btn.primary[disabled]:active, .btn.primary.disabled.active, .btn.primary.disabled:active { background: #a6a6a6; -webkit-box-shadow: inset #5e5e5e 0 -1px 0px, inset #cecece 0 1px 0px, rgba(0, 0, 0, 0.6) 0 2px 4.5px; -moz-box-shadow: inset #5e5e5e 0 -1px 0px, inset #cecece 0 1px 0px, rgba(0, 0, 0, 0.6) 0 2px 4.5px; box-shadow: inset #5e5e5e 0 -1px 0px, inset #cecece 0 1px 0px, rgba(0, 0, 0, 0.6) 0 2px 4.5px; color: #797979 !important; }
button.primary .dingbat, input[type=submit].primary .dingbat, footer.actions a.primary .dingbat, .btn.primary .dingbat { width: 25px; height: 10px; float: right; margin-right: 0; font-size: 25px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; line-height: 25px; color: white; text-shadow: rgba(255, 255, 255, 0.5) 1px 1px 1px, rgba(0, 0, 0, 0.4) -1px -1px 1px; }
@media screen and (min-width: 980px) { button.primary .dingbat, input[type=submit].primary .dingbat, footer.actions a.primary .dingbat, .btn.primary .dingbat { margin-right: -5px; margin-left: 5px; float: none; font-size: 35px; } }
button.primary .dingbat:before, input[type=submit].primary .dingbat:before, footer.actions a.primary .dingbat:before, .btn.primary .dingbat:before { margin-top: -1px; }
button.primary:hover .dingbat, input[type=submit].primary:hover .dingbat, footer.actions a.primary:hover .dingbat, .btn.primary:hover .dingbat { color: rgba(255, 255, 255, 0.3); }
@media screen and (min-width: 980px) { button, input[type=submit], footer.actions a, .btn { display: inline-block; width: auto; } }

.step.naming input.title, .step.naming input.email, .step.naming textarea, .step.naming input.text, form.share input.title, form.share input.email, form.share textarea, form.share input.text { width: 100%; }
.step.naming textarea, form.share textarea { resize: none; min-height: 150px; }
.step.naming label, form.share label { font-size: 12px; font-weight: 700; text-shadow: white 0 1px 1px; }
.step.naming #book_creation_terms, form.share #book_creation_terms { float: right; top: -3px; }

ul.numbers { list-style: none !important; width: 100%; margin-bottom: 20px; *zoom: 1; }
ul.numbers:after { content: ""; display: table; clear: both; }
ul.numbers li { float: left; width: 25%; }
ul.numbers span { display: block; text-align: center; }
ul.numbers span.number { font-family: "Abril Fatface", serif; font-size: 60px; line-height: 80px; color: #87c3a9; }
ul.numbers span.stat { font-size: 12px; }

html.mscrap header.branding a.homepage { overflow: hidden; }

header.branding { width: 15.25424%; float: left; margin-right: 1.69492%; display: inline; margin-left: 84.74576%; position: relative; }
header.branding a.homepage { display: block; height: 100px; width: 100%; position: absolute; color: #5bad89; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 1px; margin-top: -5px; }
header.branding a.homepage span { display: none; }
header.branding a.homepage:hover { color: #dbede5; margin-top: 0; }
header.branding a.homepage:hover:before { text-shadow: rgba(0, 0, 0, 0.8) 0 1px 10px; }
header.branding a.homepage:before, header.branding a.homepage:after { display: block; position: absolute; text-align: center; width: 100%; height: 100px; font-family: "AsTuLuDingbats", serif; font-size: 300px; text-indent: 0; top: -40px; }
@media screen and (max-width: 766px) { header.branding a.homepage:before, header.branding a.homepage:after { top: -20px; font-size: 200px; } }
@media screen and (max-width: 479px) { header.branding a.homepage:before, header.branding a.homepage:after { text-indent: -15%; } }
header.branding a.homepage:before { z-index: 100000; content: "\007C"; color: #87c3a9; text-shadow: rgba(0, 0, 0, 0.8) 0 1px 15px; }
header.branding a.homepage:after { z-index: 100005; content: "\007E"; color: #5bad89; text-shadow: rgba(255, 255, 255, 0.2) 1px 1px 0; }
header.branding a.homepage .dingbat { display: block; width: 100%; height: 100px; font-size: 80px; line-height: 120px; overflow: hidden; }
@media screen and (max-width: 766px) { header.branding a.homepage .dingbat { font-size: 60px; line-height: 100px; } }
@media screen and (max-width: 479px) { header.branding a.homepage .dingbat { font-size: 50px; line-height: 100px; } }
header.branding a.homepage .dingbat:before { z-index: 100010; cursor: pointer; display: block; width: 100%; text-align: center; height: 100px; }

nav.social { *zoom: 1; }
nav.social:after { content: ""; display: table; clear: both; }
nav.social a { display: inline-block; width: 60px; height: 80px; position: relative; margin-left: 5px; margin-right: 5px; }
@media screen and (min-width: 980px) { nav.social a { margin-left: 10px; margin-right: 10px; } }
nav.social .dingbat { width: 100%; font-size: 70px; height: 65px; line-height: 65px; display: block; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15); color: #303030; color: rgba(0, 0, 0, 0.55); }
@media screen and (min-width: 980px) { nav.social .dingbat { font-size: 90px; height: 80px; line-height: 80px; } }
nav.social .dingbat:hover { color: white; text-shadow: 0 1px 5px rgba(0, 0, 0, 0.8); }
nav.social .dingbat:before { display: block; width: 100%; }

section.window .warning p, section.window .warning h1 { color: #87c3a9; text-shadow: none; }
section.window .warning h1 { color: #9fcfba; text-shadow: rgba(44, 88, 69, 0.3) 0 1px 5px; }
section.window .warning .for-good-wrapper { font-size: 12px; font-weight: 700; color: #aaa; cursor: pointer; }
section.window .warning .for-good-wrapper input { vertical-align: middle; padding: 0; margin: 0; position: relative; top: -2px; margin-right: 10px; color: #87c3a9; }

.warning.collapse { padding-top: 0 !important; padding-bottom: 0 !important; height: 0; overflow: hidden; }
.warning.collapse .container { opacity: 0; }

.textcontent p { margin-top: .5em; margin-bottom: .5em; }
.textcontent h1 { font-size: 2em; line-height: 1em; margin-top: 0.5em; margin-bottom: 0.5em; font-weight: 300; }
.textcontent h2 { font-size: 1.5em; margin-top: .5em; margin-bottom: .5em; font-weight: 700; }
.textcontent ul { list-style: square; margin-left: 2em; }

@media screen and (min-width: 480px) { h1 { font-size: 3em; margin-top: 1em; } }
.modal .textcontent { font-size: 0.8em; }
.modal .textcontent h1 { font-size: 2em !important; }
.modal .textcontent h2 { font-size: 1.25em !important; }
.modal .textcontent blockquote { background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0; padding-left: 1.5em; border-left: 4px solid #87c3a9; font-style: italic; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }

.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999998; background-color: black; opacity: 0.7; }
.modal-backdrop.fade { opacity: 0; }
.modal-backdrop.fade.in { opacity: 0.7; }

.fade { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

label a { color: #3e6453; }
label a:hover { color: black; }

html.mscrap section.windows .body.collapse, html.mscrap aside.info.collapse, html.mscrap footer.actions.collapse { display: none; }

section.window { margin-top: 10px; position: relative; background: white; width: auto; font-weight: 400; color: #598e77; text-shadow: rgba(255, 255, 255, 0.7) 0 1px 0; border-bottom: 4px solid #87c3a9; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 2px 15px, rgba(0, 0, 0, 0.4) 0 2px 60px; -moz-box-shadow: rgba(0, 0, 0, 0.7) 0 2px 15px, rgba(0, 0, 0, 0.4) 0 2px 60px; box-shadow: rgba(0, 0, 0, 0.7) 0 2px 15px, rgba(0, 0, 0, 0.4) 0 2px 60px; }
section.window.modal { position: fixed; top: 15px; left: 10px; right: 10px; width: auto; margin: 0; opacity: 1; z-index: 999999; }
section.window.modal.dialog-modal .body { min-height: 65px; }
section.window.modal.loading .body { height: 128px; background-image: url(/asset/image/ajax-loader.gif); background-image: url(/asset/image/ajax-loader.svg); background-repeat: no-repeat; background-position: 50% 50%; text-indent: -9999em; }
section.window.modal.fade { top: -200px; opacity: 0; }
section.window.modal.fade.in { top: 15px; opacity: 1; }
@media screen and (min-width: 980px) { section.window.modal { top: 10%; left: 50%; margin-left: -280px; width: 560px; outline: none; }
  section.window.modal.fade { top: -15%; }
  section.window.modal.fade.in { top: 10%; }
  section.window.modal footer.actions { text-align: right; }
  section.window.modal footer.actions a { margin-left: 10px; } }
section.window.modal .body { padding: 10px; }
section.window.modal .body-content-wrapper { max-height: 250px; overflow-y: auto; overflow-x: hidden; padding: 10px; }
section.window.modal .error { font-weight: 700; margin-top: 10px; margin-bottom: 10px; }
section.window .titlebar { -webkit-border-radius: 2px 2px 0px 0px; -moz-border-radius: 2px 2px 0px 0px; -ms-border-radius: 2px 2px 0px 0px; -o-border-radius: 2px 2px 0px 0px; border-radius: 2px 2px 0px 0px; color: #bed4ca; font-weight: 700; padding: 10px 20px; background: #e6ebe9; border-bottom: 1px solid #dbe4e0; }
section.window .titlebar a.interaction { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset rgba(91, 173, 137, 0.5) 0 0 7px; -moz-box-shadow: inset rgba(91, 173, 137, 0.5) 0 0 7px; box-shadow: inset rgba(91, 173, 137, 0.5) 0 0 7px; text-shadow: rgba(255, 255, 255, 0.7) 0 1px 0; line-height: 25px; position: relative; float: right; display: inline-block; background: #f0f3f2; padding: 0 7px; cursor: pointer; }
section.window .titlebar a.interaction.hover, section.window .titlebar a.interaction:hover { color: #a6c8b9; -webkit-box-shadow: inset rgba(91, 173, 137, 0.8) 0 0 5px; -moz-box-shadow: inset rgba(91, 173, 137, 0.8) 0 0 5px; box-shadow: inset rgba(91, 173, 137, 0.8) 0 0 5px; text-shadow: white 0 1px 0; background: #e0e8e4; }
section.window section.step { margin-bottom: 40px; margin-left: 100px; }
section.window section.step span.numbering { color: #598e77; color: rgba(89, 142, 119, 0.8); text-shadow: rgba(255, 255, 255, 0.9) 1px 1px 1px, rgba(0, 0, 0, 0.2) -1px -1px 2px; position: absolute; display: block; margin-left: -100px; width: 80px; font-family: "Abril Fatface", serif; font-size: 70px; line-height: 70px; text-align: center; margin-top: 10px; }
section.window .body, section.window aside.info { padding: 20px; background: white; background: #f0f3f2; border-bottom: 1px solid #dbe4e0; }
section.window .body h1, section.window aside.info h1 { font-weight: 300; width: 100%; font-size: 25px; line-height: 40px; color: #87c3a9; text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0, rgba(0, 0, 0, 0.2) 0 1px 3px; }
section.window .body.collapse, section.window aside.info.collapse, section.window footer.actions.collapse { height: 0; padding-top: 0; padding-bottom: 0; border-top: 0; border-bottom: 0; opacity: 0; overflow: hidden; }
section.window aside.info section { opacity: 0.3; }
section.window aside.info section.active { opacity: 1; }
section.window aside.info section.active span.numbering { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
section.window .actions { background: #fafbfb; padding: 20px; }

@-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; }
  to { background-position: 0 0; } }

@-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; }
  to { background-position: 0 0; } }

@-ms-keyframes progress-bar-stripes { from { background-position: 40px 0; }
  to { background-position: 0 0; } }

@-o-keyframes progress-bar-stripes { from { background-position: 0 0; }
  to { background-position: 40px 0; } }

@keyframes progress-bar-stripes { from { background-position: 40px 0; }
  to { background-position: 0 0; } }

@-webkit-keyframes progress-bar-waiting { 0% { -webkit-transform: translateX(0); }
  50% { -webkit-transform: translateX(400%); }
  100% { -webkit-transform: translateX(0); } }

@-moz-keyframes progress-bar-waiting { 0% { -moz-transform: translateX(0); }
  50% { -moz-transform: translateX(400%); }
  100% { -moz-transform: translateX(0); } }

@-ms-keyframes progress-bar-waiting { 0% { -ms-transform: translateX(0); }
  50% { -ms-transform: translateX(400%); }
  100% { -ms-transform: translateX(0); } }

@-o-keyframes progress-bar-waiting { 0% { -o-transform: translateX(0); }
  50% { -o-transform: translateX(400%); }
  100% { -o-transform: translateX(0); } }

@keyframes progress-bar-waiting { 0% { transform: translateX(0); }
  50% { transform: translateX(400%); }
  100% { transform: translateX(0); } }

@font-face { font-family: "AsTuLuDingbats"; src: url("/asset/font/astuludingbats.eot"); src: url("/asset/font/astuludingbats.eot?#iefix") format("embedded-opentype"), url("/asset/font/astuludingbats.woff") format("woff"), url("/asset/font/astuludingbats.ttf") format("truetype"); font-weight: normal; font-style: normal; }

input.dingbat { background: #ECEEEF; }

.dingbat { font-family: "AsTuLuDingbats"; display: none; padding: 0; margin: 0; vertical-align: top; }
.dingbat.debug { -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; font-size: 200px; line-height: 200px; color: #ccd8d3; text-shadow: rgba(0, 0, 0, 0.3) -1px -1px 2px, white 1px 1px 0; cursor: pointer; }
.dingbat.debug:hover { color: #a6c8b9; }
.dingbat.inline { line-height: 25px; font-size: 50px; display: inline-block; width: 40px; height: 25px; position: relative; text-align: center; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15); color: #303030; color: rgba(0, 0, 0, 0.55); }
.dingbat.inline:before { text-align: center; display: block; width: 40px; height: 25px; }
.dingbat.inline:hover { color: white; text-shadow: 0 1px 5px rgba(0, 0, 0, 0.8); }
.dingbat.big { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15); color: #303030; color: rgba(0, 0, 0, 0.55); display: block; width: 150px; height: 150px; line-height: 150px; }
.dingbat.big:hover { color: white; text-shadow: 0 1px 5px rgba(0, 0, 0, 0.8); }
.dingbat.big:before { display: block; text-align: center; font-size: 150px; height: 150px; width: 150px; }
.dingbat:before { font-family: "AsTuLuDingbats"; display: block; position: absolute; }
.dingbat.konfiture:before { content: "\004B"; }
.dingbat.logo:before { content: "\0061"; }
.dingbat.heart:before { content: "H"; }
.dingbat.info:before { content: "\0049"; }
.dingbat.file:before { content: "\0066"; }
.dingbat.download:before { content: "\0064"; }
.dingbat.previous:before { content: "\003C"; }
.dingbat.next:before { content: "\003E"; }
.dingbat.book:before { content: "\0062"; }
.dingbat.share:before { content: "\0048"; }
.dingbat.twitter:before { content: "\0054"; }
.dingbat.facebook:before { content: "\0046"; }
.dingbat.rss:before { content: "\0052"; }
.dingbat.mail:before { content: "\0040"; }
.dingbat.ok:before { content: "\006F"; }
.dingbat.cancel:before { content: "\0063"; }
.dingbat.time:before { content: "\0074"; }
.dingbat.trash:before { content: "\0073"; }
.dingbat.star:before { content: "\002A"; }
.dingbat.settings:before { content: "\0053"; }
.dingbat.refresh:before, .dingbat.reload:before { content: "\0072"; }

html.fontface .dingbat { display: inline-block !important; }

html.ie7 .dingbat, html.ie6 .dingbat { display: none !important; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

.btn, nav.share a { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

html { background: #474747 url(/asset/image/background.png) top center; }

.container { margin-left: 10px; margin-right: 10px; width: auto; }
@media screen and (min-width: 980px) { .container { margin-left: auto; margin-right: auto; width: 960px; } }
@media screen and (min-width: 1200px) { .container { margin-left: auto; margin-right: auto; width: 1200px; } }

nav.share { margin-top: 10px; display: block; *zoom: 1; }
nav.share:after { content: ""; display: table; clear: both; }
nav.share h1 { font-weight: 900; text-transform: uppercase; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15); color: #303030; color: rgba(0, 0, 0, 0.55); font-size: 12px; }
@media screen and (min-width: 767px) { nav.share h1 { font-size: 14px; } }
@media screen and (min-width: 1200px) { nav.share h1 { font-size: 16px; } }
nav.share a { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15); color: #303030; color: rgba(0, 0, 0, 0.55); float: left; cursor: pointer; width: 50px; height: 50px; margin-left: -5px; margin-right: -5px; }
nav.share a:hover { color: white; text-shadow: 0 1px 5px rgba(0, 0, 0, 0.8); }
nav.share .dingbat { display: block; position: relative !important; width: 50px; height: 50px; font-size: 50px; line-height: 50px; text-align: center; }
nav.share .dingbat:before { position: relative !important; display: block; text-align: center; width: 50px; height: 50px; }
@media screen and (min-width: 980px) { nav.share a { width: 70px; height: 70px; }
  nav.share .dingbat { width: 70px; height: 70px; font-size: 70px; line-height: 70px; }
  nav.share .dingbat:before { width: 70px; height: 70px; } }
@media screen and (min-width: 1200px) { nav.share a { width: 80px; height: 80px; }
  nav.share .dingbat { width: 80px; height: 80px; font-size: 80px; line-height: 80px; }
  nav.share .dingbat:before { width: 80px; height: 80px; } }

.whole { border-top: 5px solid #87c3a9; position: relative; padding-top: 10px; }
.whole:after { content: ""; display: block; z-index: 5; position: absolute; left: 0; right: 0; top: 0; height: 10px; background: url(/asset/image/background-top-border-shadow.png) repeat-x top center; }

body { overflow-y: scroll; overflow-x: hidden; color: #ddd; font-family: "Open Sans", sans-serif; font-size: 16px; line-height: 25px; font-weight: 300; padding-bottom: 10px; }
@media screen and (min-width: 980px) { body { padding-bottom: 20px; }
  body .whole { padding-top: 10px; } }
@media screen and (min-width: 1200px) { body .whole { padding-top: 40px; } }

strong { font-weight: 600; }

.viewport { margin-left: auto; margin-right: auto; }

#flipbook-loader { position: absolute; left: 100%; opacity: 0; visibility: hidden; }
#flipbook-loader* { position: absolute; width: 1px; height: 1px; visibility: hidden; }

html.zoomed .flipbook img.standard { width: 100%; height: 100%; position: absolute; z-index: 10; }
html.zoomed .flipbook img.hd { position: relative; z-index: 100; display: block !important; cursor: move; }

.collapsable { display: none; }

@media screen and (min-width: 767px) { p.collapsable, div.collapsable, section.collapsable, article.collapsable, h1.collapsable, h2.collapsable { display: block; }
  span.collapsable, b.collapsable, i.collapsable { display: inline-block; } }
html.js .page-content-preview { display: none; }

html.no-js section.thumbnails-panel { display: none; }
html.no-js .flipbook { display: block; }
html.no-js .flipbook .page { *zoom: 1; background: white !important; border-bottom: solid 5px #87c3a9; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px; box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px; padding: 0; margin-bottom: 20px; }
html.no-js .flipbook .page:after { content: ""; display: table; clear: both; }
html.no-js .flipbook .page.loading img.standard { opacity: 1; }
html.no-js .flipbook .page img.standard { float: left; }
html.no-js .flipbook .last-page { display: none; }
html.no-js .flipbook .fixed { display: none; }
html.no-js .page-content-preview { float: right; padding: 0 20px; background: #f5f7f6; background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ebefed), color-stop(20%, #ffffff)); background: -webkit-linear-gradient(left, #ebefed, #ffffff 20%); background: -moz-linear-gradient(left, #ebefed, #ffffff 20%); background: -o-linear-gradient(left, #ebefed, #ffffff 20%); background: linear-gradient(left, #ebefed, #ffffff 20%); }
html.no-js .page-content-preview h1 { font-weight: 300; color: #87c3a9; font-size: 28px; padding-top: 30px; padding-bottom: 20px; }
html.no-js .page-content-preview pre { font-size: 14px; line-height: 20px; background: #f9fafa; background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ffffff), color-stop(100%, #f5f7f6)); background: -webkit-linear-gradient(left, #ffffff, #f5f7f6); background: -moz-linear-gradient(left, #ffffff, #f5f7f6); background: -o-linear-gradient(left, #ffffff, #f5f7f6); background: linear-gradient(left, #ffffff, #f5f7f6); border: 1px solid #d7dfdb; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 7px inset; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 7px inset; box-shadow: rgba(0, 0, 0, 0.15) 0 1px 7px inset; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 20px; font-family: monospace; max-height: 400px; color: #a9c5b9; overflow-y: auto; }

.flipbook { display: none; -webkit-transition: margin-left 0.4s ease-in-out; -moz-transition: margin-left 0.4s ease-in-out; -o-transition: margin-left 0.4s ease-in-out; transition: margin-left 0.4s ease-in-out; }
.flipbook .shadow { -webkit-box-shadow: rgba(0, 0, 0, 0.65) 0 2px 20px; -moz-box-shadow: rgba(0, 0, 0, 0.65) 0 2px 20px; box-shadow: rgba(0, 0, 0, 0.65) 0 2px 20px; }
.flipbook .page { background: #f4f4f4 url(/asset/image/paper.png) top center; }
.flipbook .page img.hd { display: none; }
.flipbook .page img { max-width: 100%; }
.flipbook .page img.standard { -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; /* the future is now ! */ -webkit-blend-mode: "multiply"; -moz-blend-mode: "multiply"; blend-mode: "multiply"; opacity: 1; }
.flipbook .page.loading { background: #f4f4f4 url(/asset/image/ajax-loader.gif) no-repeat center; background: url(/asset/image/ajax-loader.gif) no-repeat center, #f4f4f4 url(/asset/image/paper.png) top center; }
.flipbook .page.loading img.standard { opacity: 0; }
.flipbook .last-page { text-align: center; position: relative; }
.flipbook .last-page .logo { position: absolute; top: 50%; left: 50%; height: 100px; width: 100px; margin-left: -50px; margin-top: -50px; font-size: 100px; line-height: 100px; text-align: center; color: rgba(0, 0, 0, 0.1); text-shadow: rgba(255, 255, 255, 0.5) 1px 1px 0; }
.flipbook .last-page .logo:before { width: 100%; line-height: 100px; height: 100px; text-align: center; }

@media screen and (min-width: 767px) { html.svg .flipbook .page.loading { background: url(/asset/image/ajax-loader.svg) no-repeat center, #f4f4f4 url(/asset/image/paper.png) top center; background-size: 60% auto, auto auto; } }

a { color: #87c3a9; }
a:hover { color: #abd5c3; }

.viewport { overflow: visible !important; margin-left: auto; margin-right: auto; }

.flipbook .opening { float: left; }

.flipbook .closing { float: right; }

.flipbook .opening .wrapper, .flipbook .closing .wrapper { padding: 10px; padding-top: 10px; }
@media screen and (min-width: 767px) { .flipbook .opening .wrapper, .flipbook .closing .wrapper { padding: 20px; padding-top: 20px; } }
@media screen and (min-width: 980px) { .flipbook .opening .wrapper, .flipbook .closing .wrapper { padding: 30px; padding-top: 20px; } }
@media screen and (min-width: 1200px) { .flipbook .opening .wrapper, .flipbook .closing .wrapper { padding: 40px; padding-top: 40px; } }
.flipbook .opening h1.book-title, .flipbook .closing h1.book-title { display: block; font-family: "Abril Fatface", serif; font-weight: 700; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15); color: #303030; color: rgba(0, 0, 0, 0.55); font-size: 18px; line-height: 18px; margin-bottom: 10px; }
@media screen and (min-width: 480px) { .flipbook .opening h1.book-title, .flipbook .closing h1.book-title { font-size: 25px; line-height: 25px; } }
@media screen and (min-width: 767px) { .flipbook .opening h1.book-title, .flipbook .closing h1.book-title { font-size: 30px; line-height: 30px; } }
@media screen and (min-width: 980px) { .flipbook .opening h1.book-title, .flipbook .closing h1.book-title { font-size: 40px; line-height: 40px; } }
@media screen and (min-width: 1200px) { .flipbook .opening h1.book-title, .flipbook .closing h1.book-title { font-size: 50px; line-height: 50px; } }
.flipbook .opening h2, .flipbook .closing h2 { font-size: 14px; }
.flipbook .opening .logo, .flipbook .closing .logo { display: none !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15); color: #303030; color: rgba(0, 0, 0, 0.55); }
.flipbook .opening .meta, .flipbook .closing .meta { font-size: 14px; color: #999; text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5); }
.flipbook .opening p, .flipbook .closing p { font-size: 12px; line-height: 20px; }
@media screen and (min-width: 480px) { .flipbook .opening p, .flipbook .closing p { font-size: 14px; } }
@media screen and (min-width: 980px) { .flipbook .opening .logo, .flipbook .closing .logo { display: block !important; position: relative; font-size: 90px; line-height: 90px; height: 90px; } }
@media screen and (min-width: 1200px) { .flipbook .opening p, .flipbook .closing p { line-height: 25px; } }

@media screen and (min-width: 980px) { p.cta { display: inline-block; } }

.btn { display: inline-block; padding: 3px 6px; cursor: pointer; vertical-align: middle; text-decoration: none !important; text-align: left; border: 0; position: relative; top: -2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; font-weight: 400; font-family: "Open Sans", sans-serif; font-size: 12px; min-height: 25px; line-height: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #858585; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); border-color: #858585; background: #dddddd; color: #585858 !important; -webkit-box-shadow: inset #858585 0 -2px 0px, inset #eeeeee 0 2px 0px, rgba(0, 0, 0, 0.3) 0 2px 6px; -moz-box-shadow: inset #858585 0 -2px 0px, inset #eeeeee 0 2px 0px, rgba(0, 0, 0, 0.3) 0 2px 6px; box-shadow: inset #858585 0 -2px 0px, inset #eeeeee 0 2px 0px, rgba(0, 0, 0, 0.3) 0 2px 6px; outline: none; }
@media screen and (min-width: 767px) { .btn { padding: 6px 12px; font-size: 16px; } }
@media screen and (min-width: 980px) { .btn { padding: 9px 18px; font-size: 18px; } }
.btn.hover, .btn:hover { background: #d2d2d2; -webkit-box-shadow: inset #858585 0 -2px 0px, inset #eeeeee 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px; -moz-box-shadow: inset #858585 0 -2px 0px, inset #eeeeee 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px; box-shadow: inset #858585 0 -2px 0px, inset #eeeeee 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px; color: #585858 !important; color: rgba(88, 88, 88, 0.7) !important; }
.btn.focus, .btn:focus { background: #dfdfdf; -webkit-box-shadow: inset #858585 0 -2px 0px, inset #eeeeee 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px, #87c3a9 0 0 20px; -moz-box-shadow: inset #858585 0 -2px 0px, inset #eeeeee 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px, #87c3a9 0 0 20px; box-shadow: inset #858585 0 -2px 0px, inset #eeeeee 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px, #87c3a9 0 0 20px; }
.btn.active, .btn:active { background: #e0e0e0; -webkit-box-shadow: inset #858585 0 -1px 0px, inset #eeeeee 0 1px 0px, rgba(0, 0, 0, 0.6) 0 2px 4.5px; -moz-box-shadow: inset #858585 0 -1px 0px, inset #eeeeee 0 1px 0px, rgba(0, 0, 0, 0.6) 0 2px 4.5px; box-shadow: inset #858585 0 -1px 0px, inset #eeeeee 0 1px 0px, rgba(0, 0, 0, 0.6) 0 2px 4.5px; color: #585858 !important; }
.btn[disabled], .btn.disabled { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); border-color: #5e5e5e; background: #9c9c9c; color: #797979 !important; -webkit-box-shadow: inset #5e5e5e 0 -2px 0px, inset #cecece 0 2px 0px, rgba(0, 0, 0, 0.3) 0 2px 6px; -moz-box-shadow: inset #5e5e5e 0 -2px 0px, inset #cecece 0 2px 0px, rgba(0, 0, 0, 0.3) 0 2px 6px; box-shadow: inset #5e5e5e 0 -2px 0px, inset #cecece 0 2px 0px, rgba(0, 0, 0, 0.3) 0 2px 6px; outline: none; }
.btn[disabled].hover, .btn[disabled]:hover, .btn.disabled.hover, .btn.disabled:hover { background: #949494; -webkit-box-shadow: inset #5e5e5e 0 -2px 0px, inset #cecece 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px; -moz-box-shadow: inset #5e5e5e 0 -2px 0px, inset #cecece 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px; box-shadow: inset #5e5e5e 0 -2px 0px, inset #cecece 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px; color: #797979 !important; color: rgba(121, 121, 121, 0.7) !important; }
.btn[disabled].focus, .btn[disabled]:focus, .btn.disabled.focus, .btn.disabled:focus { background: #a1a1a1; -webkit-box-shadow: inset #5e5e5e 0 -2px 0px, inset #cecece 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px, #87c3a9 0 0 20px; -moz-box-shadow: inset #5e5e5e 0 -2px 0px, inset #cecece 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px, #87c3a9 0 0 20px; box-shadow: inset #5e5e5e 0 -2px 0px, inset #cecece 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px, #87c3a9 0 0 20px; }
.btn[disabled].active, .btn[disabled]:active, .btn.disabled.active, .btn.disabled:active { background: #a6a6a6; -webkit-box-shadow: inset #5e5e5e 0 -1px 0px, inset #cecece 0 1px 0px, rgba(0, 0, 0, 0.6) 0 2px 4.5px; -moz-box-shadow: inset #5e5e5e 0 -1px 0px, inset #cecece 0 1px 0px, rgba(0, 0, 0, 0.6) 0 2px 4.5px; box-shadow: inset #5e5e5e 0 -1px 0px, inset #cecece 0 1px 0px, rgba(0, 0, 0, 0.6) 0 2px 4.5px; color: #797979 !important; }
.btn .dingbat { width: 25px; height: 10px; float: right; margin-right: 0; font-size: 25px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; line-height: 25px; color: #585858; text-shadow: rgba(255, 255, 255, 0.5) 1px 1px 1px, rgba(0, 0, 0, 0.4) -1px -1px 1px; }
@media screen and (min-width: 980px) { .btn .dingbat { margin-right: -5px; margin-left: 5px; float: none; font-size: 35px; } }
.btn .dingbat:before { margin-top: -1px; }
.btn:hover .dingbat { color: rgba(88, 88, 88, 0.3); }
.btn.primary { display: inline-block; padding: 3px 6px; cursor: pointer; vertical-align: middle; text-decoration: none !important; text-align: left; border: 0; position: relative; top: -2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; font-weight: 400; font-family: "Open Sans", sans-serif; font-size: 12px; min-height: 25px; line-height: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #428467; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); border-color: #428467; background: #87c3a9; color: white !important; -webkit-box-shadow: inset #428467 0 -2px 0px, inset #c3e1d4 0 2px 0px, rgba(0, 0, 0, 0.3) 0 2px 6px; -moz-box-shadow: inset #428467 0 -2px 0px, inset #c3e1d4 0 2px 0px, rgba(0, 0, 0, 0.3) 0 2px 6px; box-shadow: inset #428467 0 -2px 0px, inset #c3e1d4 0 2px 0px, rgba(0, 0, 0, 0.3) 0 2px 6px; outline: none; }
@media screen and (min-width: 767px) { .btn.primary { padding: 6px 12px; font-size: 16px; } }
@media screen and (min-width: 980px) { .btn.primary { padding: 9px 18px; font-size: 18px; } }
.btn.primary.hover, .btn.primary:hover { background: #7cbda1; -webkit-box-shadow: inset #428467 0 -2px 0px, inset #c3e1d4 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px; -moz-box-shadow: inset #428467 0 -2px 0px, inset #c3e1d4 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px; box-shadow: inset #428467 0 -2px 0px, inset #c3e1d4 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px; color: white !important; color: rgba(255, 255, 255, 0.7) !important; }
.btn.primary.focus, .btn.primary:focus { background: #8dc6ad; -webkit-box-shadow: inset #428467 0 -2px 0px, inset #c3e1d4 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px, #87c3a9 0 0 20px; -moz-box-shadow: inset #428467 0 -2px 0px, inset #c3e1d4 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px, #87c3a9 0 0 20px; box-shadow: inset #428467 0 -2px 0px, inset #c3e1d4 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px, #87c3a9 0 0 20px; }
.btn.primary.active, .btn.primary:active { background: #93c9b2; -webkit-box-shadow: inset #428467 0 -1px 0px, inset #c3e1d4 0 1px 0px, rgba(0, 0, 0, 0.6) 0 2px 4.5px; -moz-box-shadow: inset #428467 0 -1px 0px, inset #c3e1d4 0 1px 0px, rgba(0, 0, 0, 0.6) 0 2px 4.5px; box-shadow: inset #428467 0 -1px 0px, inset #c3e1d4 0 1px 0px, rgba(0, 0, 0, 0.6) 0 2px 4.5px; color: white !important; }
.btn.primary[disabled], .btn.primary.disabled { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); border-color: #5e5e5e; background: #9c9c9c; color: #797979 !important; -webkit-box-shadow: inset #5e5e5e 0 -2px 0px, inset #cecece 0 2px 0px, rgba(0, 0, 0, 0.3) 0 2px 6px; -moz-box-shadow: inset #5e5e5e 0 -2px 0px, inset #cecece 0 2px 0px, rgba(0, 0, 0, 0.3) 0 2px 6px; box-shadow: inset #5e5e5e 0 -2px 0px, inset #cecece 0 2px 0px, rgba(0, 0, 0, 0.3) 0 2px 6px; outline: none; }
.btn.primary[disabled].hover, .btn.primary[disabled]:hover, .btn.primary.disabled.hover, .btn.primary.disabled:hover { background: #949494; -webkit-box-shadow: inset #5e5e5e 0 -2px 0px, inset #cecece 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px; -moz-box-shadow: inset #5e5e5e 0 -2px 0px, inset #cecece 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px; box-shadow: inset #5e5e5e 0 -2px 0px, inset #cecece 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px; color: #797979 !important; color: rgba(121, 121, 121, 0.7) !important; }
.btn.primary[disabled].focus, .btn.primary[disabled]:focus, .btn.primary.disabled.focus, .btn.primary.disabled:focus { background: #a1a1a1; -webkit-box-shadow: inset #5e5e5e 0 -2px 0px, inset #cecece 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px, #87c3a9 0 0 20px; -moz-box-shadow: inset #5e5e5e 0 -2px 0px, inset #cecece 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px, #87c3a9 0 0 20px; box-shadow: inset #5e5e5e 0 -2px 0px, inset #cecece 0 2px 0px, rgba(0, 0, 0, 0.5) 0 2px 6px, #87c3a9 0 0 20px; }
.btn.primary[disabled].active, .btn.primary[disabled]:active, .btn.primary.disabled.active, .btn.primary.disabled:active { background: #a6a6a6; -webkit-box-shadow: inset #5e5e5e 0 -1px 0px, inset #cecece 0 1px 0px, rgba(0, 0, 0, 0.6) 0 2px 4.5px; -moz-box-shadow: inset #5e5e5e 0 -1px 0px, inset #cecece 0 1px 0px, rgba(0, 0, 0, 0.6) 0 2px 4.5px; box-shadow: inset #5e5e5e 0 -1px 0px, inset #cecece 0 1px 0px, rgba(0, 0, 0, 0.6) 0 2px 4.5px; color: #797979 !important; }
.btn.primary .dingbat { width: 25px; height: 10px; float: right; margin-right: 0; font-size: 25px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; line-height: 25px; color: white; text-shadow: rgba(255, 255, 255, 0.5) 1px 1px 1px, rgba(0, 0, 0, 0.4) -1px -1px 1px; }
@media screen and (min-width: 980px) { .btn.primary .dingbat { margin-right: -5px; margin-left: 5px; float: none; font-size: 35px; } }
.btn.primary .dingbat:before { margin-top: -1px; }
.btn.primary:hover .dingbat { color: rgba(255, 255, 255, 0.3); }

.not-scrollable .thumbnails { float: none !important; position: relative !important; left: 50% !important; }

.thumbnails { float: left; margin-top: 20px; margin-bottom: 20px; padding-left: 40px; padding-right: 40px; }
.thumbnails .caroufredsel_wrapper { overflow: visible !important; }
.thumbnails .wrapper { margin-left: auto; margin-right: auto; text-align: center; }
.thumbnails ul { overflow: visible; list-style: none; display: block; *zoom: 1; position: relative; }
.thumbnails ul:after { content: ""; display: table; clear: both; }
.thumbnails li .item-wrapper, .thumbnails span, .thumbnails figure { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.thumbnails li { display: block; float: left; position: relative; margin: 0 7px; }
.thumbnails li.active .item-wrapper { opacity: 1; }
.thumbnails li.active .item-wrapper figure { -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -ms-transform: translateY(-3px); -o-transform: translateY(-3px); transform: translateY(-3px); -webkit-box-shadow: #85c2a7 0 2px 0, #7cbda1 0 1px 0, #66b391 0 3px 0, rgba(0, 0, 0, 0.9) 0 5px 7px; -moz-box-shadow: #85c2a7 0 2px 0, #7cbda1 0 1px 0, #66b391 0 3px 0, rgba(0, 0, 0, 0.9) 0 5px 7px; box-shadow: #85c2a7 0 2px 0, #7cbda1 0 1px 0, #66b391 0 3px 0, rgba(0, 0, 0, 0.9) 0 5px 7px; }
.thumbnails li span { text-shadow: black 0 1px 5px; font-size: 10px; font-weight: bold; line-height: 10px; margin-top: 5px; display: block; text-align: center; }
.thumbnails li img { display: block; float: left; }
.thumbnails li figure { -webkit-box-shadow: rgba(0, 0, 0, 0.8) 0 1px 7px; -moz-box-shadow: rgba(0, 0, 0, 0.8) 0 1px 7px; box-shadow: rgba(0, 0, 0, 0.8) 0 1px 7px; *zoom: 1; }
.thumbnails li figure:after { content: ""; display: table; clear: both; }
.thumbnails .item-wrapper { position: relative; z-index: 10; display: inline-block; }
.thumbnails .item-wrapper:hover { z-index: 100; -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); }
.thumbnails .item-wrapper:hover figure { -webkit-box-shadow: rgba(0, 0, 0, 0.95) 0 1px 12px; -moz-box-shadow: rgba(0, 0, 0, 0.95) 0 1px 12px; box-shadow: rgba(0, 0, 0, 0.95) 0 1px 12px; }

#book { margin-left: auto; margin-right: auto; position: relative; z-index: 10; }
#book header { margin-top: 40px; }

.scrollbarV, .scrollbarH { display: none; }

html.no-touch .thumbnails .item-wrapper { opacity: 0.6; }
html.no-touch .thumbnails .item-wrapper:hover { opacity: 1; }
html.no-touch .thumbnails .item-wrapper:hover span { opacity: 1; }
html.no-touch .thumbnails-panel { opacity: 0.8; }
html.no-touch .thumbnails-panel nav span { opacity: 0; }
html.no-touch .thumbnails-panel:hover { opacity: 1 !important; }
html.no-touch .thumbnails-panel:hover nav span { opacity: 0.6; }

.thumbnails-panel.scrollable nav a { display: block; }

.thumbnails-panel { margin-top: 20px; text-align: center; -webkit-transform: scale(0.97); -moz-transform: scale(0.97); -ms-transform: scale(0.97); -o-transform: scale(0.97); transform: scale(0.97); padding: 0 40px; }
.thumbnails-panel, .thumbnails-panel nav span { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.thumbnails-panel:hover { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.thumbnails-panel nav a { position: absolute; display: none; background: url(/asset/image/thumbnail-nav-mask.png) repeat-y; width: 80px; z-index: 200; height: 100%; cursor: pointer; }
.thumbnails-panel nav a span { display: block; width: 80px; height: 100%; text-align: center; background-repeat: no-repeat; background-position: 50% 35%; vertical-align: bottom; font-size: 60px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15), 0 -1px 1px rgba(0, 0, 0, 0.2); color: #303030; color: rgba(0, 0, 0, 0.35); }
.thumbnails-panel nav a span:before { width: 80px; text-align: center; }
.thumbnails-panel nav a:hover span { opacity: 1 !important; background-position: 50% 40% !important; }
.thumbnails-panel nav .prev { left: 0; }
.thumbnails-panel nav .prev span { background-image: url(/asset/image/thumbnail-nav-prev.png); }
.thumbnails-panel nav .next { right: 0; }
.thumbnails-panel nav .next span { background-image: url(/asset/image/thumbnail-nav-next.png); }
.thumbnails-panel.scrollable nav a { display: block; }

.thumbnails-overlay { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.8); z-index: 90000; }

html.thumbnails-popup .thumbnails-overlay { display: block; }
html.thumbnails-popup .thumbnails-panel { position: relative; z-index: 90001; top: 50%; margin-top: -140px; }
html.thumbnails-popup .thumbnails-panel nav a { background-image: none; }

html.fontface nav span { background-image: none !important; }

#so-cuir { width: 100%; height: 100%; }
#so-cuir .wrapper { text-align: center; position: absolute; width: 100%; height: 300px; top: 50%; margin-top: -150px; }
#so-cuir .wrapper span { display: block; width: 100%; line-height: 300px; opacity: 0; font-size: 150px; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(255, 255, 255, 0.2); color: #303030; color: rgba(0, 0, 0, 0.35); }
#so-cuir .wrapper span.moustache { margin-top: -300px; }
#so-cuir .wrapper span.pictogram { font-size: 300px; margin-top: -300px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-family: "AsTuLuDingbats", serif; }
#so-cuir .wrapper span.text { font-family: "Abril Fatface", serif; }
#so-cuir.cuir .cuir, #so-cuir.moustache .moustache { opacity: 1; }
#so-cuir.moustache.loop-4 .moustache { opacity: 0 !important; }
#so-cuir.moustache.loop-4 .pictogram { opacity: 1; -webkit-transform: scale(1.5) translateY(-50px); -moz-transform: scale(1.5) translateY(-50px); -ms-transform: scale(1.5) translateY(-50px); -o-transform: scale(1.5) translateY(-50px); transform: scale(1.5) translateY(-50px); }
#so-cuir.step-1 .wrapper { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); }
#so-cuir.step-2 .wrapper { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); }
#so-cuir.step-3 .wrapper { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); }