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-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
HTML5 display-role reset for older browsers
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height:1;
  overflow:auto;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
b { font-weight:bold; }

html { font-size:16px; }
html, body { max-height:800px; margin:0; padding:0; min-width:15em; color:#6d6d6d; }
*:not(html) { -webkit-transform:translate3d(0, 0, 0); }

/* FONTS */
#card-widget { font-family:'Roboto Condensed', sans-serif; font-size:1.125em; color:#6d6d6d; line-height:1.5em; }
#card-widget h1 { font-family:'Vollkorn', serif; font-size:1.5em; font-style:italic; font-weight:normal; }
#card-widget h2 { font-family:'Roboto Condensed', sans-serif; font-size:1em; font-weight:normal; }
#card-widget .menu { font-family:'Roboto Condensed', sans-serif; font-size:1em; font-weight:bold; }
#card-widget .btn,
#card-widget .lnk { font-family:'Roboto Condensed', sans-serif; font-size:0.5em; font-weight:bold; outline:0; }


/* BASIC LAYOUT */
#card-widget-wrapper { width:100%; max-width:1200px; overflow-y:auto; -webkit-overflow-scrolling: touch; }
#card-widget { width:100%; position:relative; overflow:hidden; }
#card-widget > div { position:relative; top:0; bottom:0; left:0; right:0; }

#card-widget #card-widget-canvas { background:url('/img/logo_icon_hg_widget_new.png') no-repeat bottom left; border:1px solid #9c9c9c; }
#card-widget #card-widget-canvas #slide { width:100%; height:100%; padding:0.5em 0; display:flex; flex-direction:column; box-sizing:border-box; }
#card-widget #card-widget-canvas #slide #icon-row { width:100%; border-spacing: 0.25em 0; padding:0 3em; box-sizing:border-box; font-size:0.75em; opacity: 0}
#card-widget #card-widget-canvas #slide .icon-line { border-bottom:1px solid #6d6d6d; }
#card-widget #card-widget-canvas #slide #icon { width:2em; height:2em; background-repeat:no-repeat; background-position: center center; background-size:contain; margin:0 auto; }
#card-widget #card-widget-canvas #slide h1#title { text-align:center; text-transform:uppercase; margin:0.5em 0; line-height:1em; font-family: inherit; font-style: normal; color: #fff;}
#card-widget #card-widget-canvas.w4 #slide h1#title { color: #28386F; }
#card-widget #card-widget-canvas #slide #slide-content { position:relative; padding:0; flex-grow:1; padding:0 2em; }
#card-widget #card-widget-canvas #slide.second #slide-content { overflow:visible; }

#card-widget #btn-wrapper { position:absolute; width:100%; margin:0 auto; left:50%; z-index:10; }
#card-widget #btn-wrapper > .btn { position:relative; left:-50%; }
#card-widget .btn { height:4em; width:30em; display:block; margin:0 auto; border:1px solid #9c9c9c; background-color:#ffffff; text-transform:uppercase; cursor:pointer; color: #28386F;}
#card-widget .lnk { display:block; background:none; color:#fff; border:none; font-weight:bold; cursor:pointer; text-transform:uppercase; }
#card-widget .w4 .lnk { color: #28386F; }
.w4 i { border: solid #28386F; }


/* CARDS */
#card-widget #card-widget-canvas .card { transform-origin:50% 50%; -ms-transform-origin:50% 50%; -webikit-transform-origin:50% 50%; -moz-transform-origin:50% 50%; }
#card-widget #card-widget-canvas #cards-wrapper { width:100%; margin:0 auto; text-align: center; }
#card-widget #card-widget-canvas #cards-wrapper #cards { position:relative; height:auto; }
#card-widget #card-widget-canvas #cards-wrapper #cards .card { position:absolute; height:100%; width:5em; }

#card-widget #card-widget-canvas #cards-wrapper #cards .card { -webkit-perspective: 1000; -moz-perspective: 1000; -o-perspective: 1000; perspective: 1000; }
#card-widget #card-widget-canvas .card .flipper { position:relative; width:100%; padding-bottom:158%; -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; position: relative; }
#card-widget #card-widget-canvas .card .front,
#card-widget #card-widget-canvas .card .back { background-repeat:no-repeat; background-position: center center; background-size:contain; cursor:pointer; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:9%; -moz-border-radius:9%; -webkit-border-radius:9%; }
#card-widget #card-widget-canvas .card .front,
#card-widget #card-widget-canvas .card .back { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -moz-transition: 0.6s; -moz-transform-style: preserve-3d; -o-transition: 0.6s; -o-transform-style: preserve-3d; -ms-transition: 0.6s; -ms-transform-style: preserve-3d; transition: 0.6s; transform-style: preserve-3d; }
#card-widget #card-widget-canvas #cards-wrapper #cards .card .front { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); }
#card-widget #card-widget-canvas #cards-wrapper #cards .card .back { z-index: 2; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); }
#card-widget #card-widget-canvas #cards-wrapper #cards .card.flip .front { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); }
#card-widget #card-widget-canvas #cards-wrapper #cards .card.flip .back { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); }
#card-widget #card-widget-canvas #cards-revealed .back { display:none; }
/*#card-widget #card-widget-canvas #cards-revealed .card .front { z-index: 2; transform:rotateY(0deg); }
#card-widget #card-widget-canvas #cards-revealed .card .back { transform:rotateY(180deg); }*/
/*#card-widget #card-widget-canvas #cards-wrapper #cards .card .back:before { content:''; float:left; }*/
/*#card-widget #card-widget-canvas #cards-wrapper #cards .card { background-repeat:no-repeat; background-size:contain; position:absolute; border-radius:0.375em; cursor:pointer; height:100%; width:100%; }
#card-widget #card-widget-canvas #cards-revealed .card { background-repeat:no-repeat; background-size:contain; max-height:50em; }*/


/* CARD POSITIONS */
#positioning , #positioning tr, #positioning td { border:1px dotted transparent; }

#card-widget #card-widget-canvas #positioning { width:100%; border-collapse:collapse; }
#card-widget #card-widget-canvas #positioning .column { width:25%; }
#card-widget #card-widget-canvas #positioning tr { height:3em; }
#card-widget #card-widget-canvas #positioning tr td { position:relative; text-align:center; }
#card-widget #card-widget-canvas #positioning .position { width:25px; height:25px; }
#card-widget #card-widget-canvas #positioning .position { display:inline-block; position:relative; z-index:0; }

#card-widget #card-widget-canvas #card-positions { position:absolute; top:0em; right:5em; width:100px; height:100px; }
#card-widget #card-widget-canvas.w1 #card-positions,
#card-widget #card-widget-canvas.w4 #card-positions { display:none; }
#card-widget #card-widget-canvas #card-positions #positioning { height:100%; width:100px; }
#card-widget #card-widget-canvas #card-positions #positioning tr { height:1.25em; }
#card-widget #card-widget-canvas #card-positions #positioning tr td { padding:0.125em 0.3125em; }
#card-widget #card-widget-canvas #card-positions #positioning .position { width:18px; height:26px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background:rgba(255,255,255,0.5); animation-duration:2s; animation-fill-mode:both; animation-iteration-count:infinite; box-shadow:0px 0px 3px 0px #9c9c9c; }
#card-widget #card-widget-canvas.w6 #card-positions #positioning .position { background:rgba(227,222,221,1); z-index:0; }
#card-widget #card-widget-canvas.w6 #card-positions #positioning .position#pos1 { z-index:1; }
#card-widget #card-widget-canvas #card-positions #positioning .drawn { background:#ffffff !important; z-index:2 !important; }
#card-widget #card-widget-canvas.w6 #card-positions #positioning .position#pos1.drawn { z-index:3 !important; }
#card-widget #card-widget-canvas #card-positions #positioning .position.tada { z-index:5; }
#card-widget #card-widget-canvas.w6 #card-positions #positioning .position#pos2 { width:26px; height:18px; position:absolute; top:27%; left:1px; }

#card-widget #card-widget-canvas #cards-revealed #positioning { border-collapse:separate; border-spacing:0.125em 0.125em; }

#card-widget #card-widget-canvas.w2 #cards-revealed #positioning .column,
#card-widget #card-widget-canvas.w3 #cards-revealed #positioning .column,
#card-widget #card-widget-canvas.w5 #cards-revealed #positioning .column { width:33%; }
#card-widget #card-widget-canvas.w2 #cards-revealed #positioning .column:first-child,
#card-widget #card-widget-canvas.w3 #cards-revealed #positioning .column:first-child,
#card-widget #card-widget-canvas.w5 #cards-revealed #positioning .column:first-child { width:0; }
#card-widget #card-widget-canvas.w6 #cards-revealed #positioning .column { width:25%; }

#card-widget #card-widget-canvas #cards-revealed #positioning tr td { padding:0; }
#card-widget #card-widget-canvas #cards-revealed #positioning .position { width:100%; height:0; padding-bottom:158%; }
#card-widget #card-widget-canvas.w2 #cards-revealed #positioning tr:first-child,
#card-widget #card-widget-canvas.w3 #cards-revealed #positioning tr:first-child,
#card-widget #card-widget-canvas.w5 #cards-revealed #positioning tr:first-child { height:0 !important; }
#card-widget #card-widget-canvas.w2 #cards-revealed #positioning tr:first-child td,
#card-widget #card-widget-canvas.w3 #cards-revealed #positioning tr:first-child td,
#card-widget #card-widget-canvas.w5 #cards-revealed #positioning tr:first-child td { padding:0 !important; }
#card-widget #card-widget-canvas.w3 #cards-revealed #positioning tr:nth-child(2) { height:0 !important; }
#card-widget #card-widget-canvas.w3 #cards-revealed #positioning tr:nth-child(2) td { padding:0 !important; }
#card-widget #card-widget-canvas.w3 #cards-revealed #positioning tr:nth-last-child(2) { height:0 !important; }
#card-widget #card-widget-canvas.w3 #cards-revealed #positioning tr:nth-last-child(2) td { padding:0 !important; }
#card-widget #card-widget-canvas.w2 #cards-revealed #positioning tr:last-child,
#card-widget #card-widget-canvas.w3 #cards-revealed #positioning tr:last-child,
#card-widget #card-widget-canvas.w5 #cards-revealed #positioning tr:last-child { height:0 !important; }
#card-widget #card-widget-canvas.w2 #cards-revealed #positioning tr:last-child td,
#card-widget #card-widget-canvas.w3 #cards-revealed #positioning tr:last-child td,
#card-widget #card-widget-canvas.w5 #cards-revealed #positioning tr:last-child td { padding:0 !important; }
#card-widget #card-widget-canvas.w6 #cards-revealed #positioning .position#pos1 { z-index:2; }
#card-widget #card-widget-canvas.w6 #cards-revealed #positioning .position#pos2 { position:absolute; top:0.5em; left:0.5em; height:auto; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); z-index:1; }


/* FIRST SLIDE */
#card-widget #card-widget-canvas #slide #slide-content #fan { background-size:contain; background-repeat:no-repeat; background-position:center center; margin:0 auto 1em; height:11em; overflow:hidden; padding:1em 0; }
#card-widget #card-widget-canvas #slide.first #slide-content { padding-top:0; }
/*#card-widget #card-widget-canvas #slide.first #slide-content #btn-wrapper { bottom:1em; }*/
/*#card-widget #card-widget-canvas #slide.first #slide-content #btn-wrapper { bottom:1em; position:relative; left:auto; }
#card-widget #card-widget-canvas #slide.first #slide-content #btn-wrapper > .btn { left:auto; }*/

/* SECOND SLIDE */
#card-widget #card-widget-canvas #slide.second #slide-content #desc { height:100%; text-align:center; font-size:1em; }
#card-widget #card-widget-canvas #slide.second #slide-content #desc td { line-height:1.5em; padding:0; }
#card-widget #card-widget-canvas #slide.second #slide-content #desc td div { background-color:rgba(255,255,255,0.85); color: #28386F; padding:  0.25em; }
#card-widget #card-widget-canvas #slide.second #slide-content #cards-wrapper { display:none; margin-top:5em; }
#card-widget #card-widget-canvas #slide.second #slide-content #btn-wrapper { display:none; }
/*#card-widget #card-widget-canvas #slide.second #slide-content #btn-wrapper { bottom:1em; position:relative; left:auto; }
#card-widget #card-widget-canvas #slide.second #slide-content #btn-wrapper > .btn { left:auto; }*/


/* THIRD SLIDE */
#card-widget #card-widget-canvas #slide.third #slide-content #cards-wrapper #cards .card { height:120%; }
#card-widget #card-widget-canvas #slide.third #slide-content #drawing-note { position:absolute; top:1.5em; left:2em; right:2em; text-align:center; color: #fff;}
#card-widget #card-widget-canvas.w4 #slide.third #slide-content #drawing-note { color: #28386F; }
#card-widget #card-widget-canvas #slide.third #slide-content #cards-wrapper { margin-top:5em; padding:0 5px; }
#card-widget #card-widget-canvas #slide.third #slide-content #cards-wrapper #cards .card { cursor:pointer; }
#card-widget #card-widget-canvas #slide.third #slide-content #cards-wrapper #cards .card:hover { transform:translate(0, -20px); transition: all 0.1s; }
#card-widget #card-widget-canvas #slide.third #slide-content #cards-wrapper #cards.anim .card:hover { transform:none; }


/* FOURTH SLIDE + FIFTH SLIDE */
#card-widget #card-widget-canvas #slide #slide-content #cards-revealed { float:left; width:37%; position:relative; margin-left:-1em; }
#card-widget #card-widget-canvas #slide #slide-content #cards-revealed .card { position:absolute; }
#card-widget #card-widget-canvas #slide #slide-content #cards-revealed .card { width:100%; height:100%; border-radius:9%; -moz-border-radius:9%; -webkit-border-radius:9%; }
#card-widget #card-widget-canvas #slide #slide-content #card-reading { float:right; width:65%; text-align:center; position:relative; color: #fff; }
#card-widget #card-widget-canvas.w4 #slide #slide-content #card-reading { color: #28386F; }
#card-widget #card-widget-canvas #slide #slide-content #card-reading #position-description,
#card-widget #card-widget-canvas #slide #slide-content #card-reading #card-description { font-size:0.625em; line-height:1.7em; min-height:7em; }
#card-widget #card-widget-canvas #slide #slide-content #card-reading #position-description { margin:1.5em 5em 1.5em 0; }
#card-widget #card-widget-canvas #slide #slide-content #card-reading #card-name { margin:1em 0 0.5em; }
#card-widget #card-widget-canvas #slide #slide-content #card-reading #card-description { margin-bottom:1em; }

#card-widget #card-widget-canvas.w1 #slide.fourth #slide-content #btn-wrapper,
#card-widget #card-widget-canvas.w4 #slide.fourth #slide-content #btn-wrapper { margin-top:-1em; }
#card-widget #card-widget-canvas.w3 #slide.fourth #slide-content #cards-revealed #positioning,
#card-widget #card-widget-canvas.w6 #slide.fourth #slide-content #cards-revealed #positioning { border-spacing:0.125em 1.5em; }
#card-widget #card-widget-canvas.w2 #slide.fourth #slide-content #cards-revealed #positioning,
#card-widget #card-widget-canvas.w5 #slide.fourth #slide-content #cards-revealed #positioning { margin-top:2em; }

#card-widget #card-widget-canvas.w2 #slide.fourth #slide-content #cards-revealed #positioning .position,
#card-widget #card-widget-canvas.w3 #slide.fourth #slide-content #cards-revealed #positioning .position,
#card-widget #card-widget-canvas.w5 #slide.fourth #slide-content #cards-revealed #positioning .position,
#card-widget #card-widget-canvas.w6 #slide.fourth #slide-content #cards-revealed #positioning .position { width:80%; height:0; padding-bottom:120%; }
#card-widget #card-widget-canvas.w2 #slide.fourth #slide-content #cards-revealed #positioning .position,
#card-widget #card-widget-canvas.w5 #slide.fourth #slide-content #cards-revealed #positioning .position { padding-bottom:140%; }
#card-widget #card-widget-canvas #slide.fourth #slide-content #card-reading #reading-note { text-align:center; }

/*#card-widget #card-widget-canvas.w2 #slide.fourth #slide-content #cards-revealed #positioning,
#card-widget #card-widget-canvas.w5 #slide.fourth #slide-content #cards-revealed #positioning { margin-top:-2em; }*/
/*#card-widget #card-widget-canvas #slide.fourth #slide-content #cards-revealed #positioning,
#card-widget #card-widget-canvas #slide.fifth #slide-content #cards-revealed #positioning { border-spacing:1.5em 1.5em; }*/
/* one card view */
#card-widget #card-widget-canvas.w1 #slide.fourth #slide-content #cards-revealed #positioning,
#card-widget #card-widget-canvas.w4 #slide.fourth #slide-content #cards-revealed #positioning,
#card-widget #card-widget-canvas #slide.fifth #slide-content #cards-revealed #positioning { border-spacing:2.5em 1.5em; margin-top:1em; }
#card-widget #card-widget-canvas #slide.fifth #slide-content #card-reading #card-positions { right:0em; top:0.5em; }
#card-widget #card-widget-canvas.w1 #slide.fifth #slide-content #card-reading #position-description,
#card-widget #card-widget-canvas.w4 #slide.fifth #slide-content #card-reading #position-description { min-height:auto; }
#card-widget #card-widget-canvas #slide.fifth #lnk-prev { position:absolute; bottom:1em; left:3em; }


/* LAST SLIDE */
#card-widget #card-widget-canvas #slide.last .icon-line { border-bottom:none; }
#card-widget #card-widget-canvas #slide.last #icon { background-image:url('/img/icon.svg') !important; display: none; }
#card-widget #card-widget-canvas #slide.last #icon-row,
#card-widget #card-widget-canvas #slide.last h1#title { display:none; }
#card-widget #card-widget-canvas #slide.last #slide-content { text-align:center; padding-top:0; color: #fff;}
#card-widget #card-widget-canvas.w4 #slide.last #slide-content { color: #28386F; }
#card-widget #card-widget-canvas #slide.last #slide-content #last-title { font-family:'Roboto Condensed', sans-serif; font-size:1.2em; margin:1em 0 0; line-height:1.75em; }
#card-widget #card-widget-canvas #slide.last #slide-content #last-text,
#card-widget #card-widget-canvas #slide.last #slide-content #phone-text { font-family:'Roboto Condensed', sans-serif; font-size:0.875em; line-height:1.75em; margin-top:1em; }
#card-widget #card-widget-canvas #slide.last #slide-content #phone-text { font-weight:bold; }
#card-widget #card-widget-canvas #slide.last #slide-content #phone { font-family:'Roboto Condensed', sans-serif; font-size:2em; font-weight:bold; margin:0.5em 0; line-height:1em; }

#card-widget #slide.last #restart,
#card-widget #slide.last #close { width:1.5em; height:1.5em; position:absolute; top:0; cursor:pointer; background-size:contain; background-repeat:no-repeat; background-position:center center; }
#card-widget #slide.last #restart { background-image:url('/img/restart.svg'); left:1em; }
#card-widget #slide.last #close { background-image:url('/img/close.svg'); right:1em; }

#card-widget .w4 #slide.last #restart { background-image:url('/img/restart-dark.svg'); left:1em; }
#card-widget .w4 #slide.last #close { background-image:url('/img/close-dark.svg'); right:1em; }
/* CTA SIDE */

#cta-side { height: auto; overflow: hidden;}
#cta-side {color: #ffffff; text-align: center; font-family: 'Roboto Condensed', sans-serif; font-size: 0.875em; line-height: 1.75em; margin-top: 1.em; z-index: 999;}
#cta-side a { background: #F26958; color: #ffffff; text-align: center; font-family: 'Roboto Condensed', sans-serif; font-size: 0.875em; line-height: 1.75em; margin-top: 1em; z-index: 999; padding: 15px; text-decoration: none; display: inline-block; border-radius: 4px; transition: background-color 0.3s ease;}
#cta-side a:hover { background: #d45a4a; /* Slightly darker on hover */ }


/* HELPER */
.grey { color:#6d6d6d; }
.clearfix { display:inline-block; }
.clearfix:after { content:"."; clear:both; display:block; visibility:hidden; height:0; }
i { border: solid #fff; border-width: 0 0.125em 0.125em 0; display: inline-block; padding:0.25em; }
.right { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.left { transform: rotate(135deg); -webkit-transform: rotate(135deg); }
.up { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
.down { transform: rotate(45deg); -webkit-transform: rotate(45deg); }

.hvr-glow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
  box-shadow: 0 0 0.3125em rgba(0, 0, 0, 0.6) !important;
}

/* WIDGET COLORS */
#card-widget #card-widget-canvas.w1 { background-color:#7381CA; }
#card-widget #card-widget-canvas.w1 .card .back { background-image:url(/img/w1/back.png); }

#card-widget #card-widget-canvas.w2 { background-color:#28386F; }
#card-widget #card-widget-canvas.w2 .card .back { background-image:url(/img/w2/back.png); }

#card-widget #card-widget-canvas.w3 { background-color:#735581; }
#card-widget #card-widget-canvas.w3 .card .back { background-image:url(/img/w3/back.png); }

#card-widget #card-widget-canvas.w4 { background-color:#D6D1FA; }
#card-widget #card-widget-canvas.w4 .card .back { background-image:url(/img/w4/back.png); }

#card-widget #card-widget-canvas.w5 { background-color:#848BCF; }
#card-widget #card-widget-canvas.w5 .card .back { background-image:url(/img/w5/back.png); }

#card-widget #card-widget-canvas.w6 { background-color:#9699B1; }
#card-widget #card-widget-canvas.w6 .card .back { background-image:url(/img/w6/back.png); }

/* PRELOADING */
#preload { display:none; }
#preload-wrapper { width:85%; margin:0 auto; }
#preload-wrapper .meter { height:0.75em; position:relative; background:#6d6d6d; -moz-border-radius:1em; -webkit-border-radius:1em; border-radius:1em; overflow:hidden }
#preload-wrapper .meter > span { display: block; height: 100%; position: relative; overflow: hidden; background-color: #ffffff;
  -webkit-box-shadow:
    inset 0 2px 9px  rgba(255,255,255,0.3),
    inset 0 -2px 6px rgba(0,0,0,0.4);
  -moz-box-shadow:
    inset 0 2px 9px  rgba(255,255,255,0.3),
    inset 0 -2px 6px rgba(0,0,0,0.4);
  box-shadow:
    inset 0 2px 9px  rgba(255,255,255,0.3),
    inset 0 -2px 6px rgba(0,0,0,0.4);
}


/* TAROT CARD IMAGES */
.tarot_1 .front { background-image:url('/img/tarot/default/1.jpg'); }
.tarot_2 .front { background-image:url('/img/tarot/default/2.jpg'); }
.tarot_3 .front { background-image:url('/img/tarot/default/3.jpg'); }
.tarot_4 .front { background-image:url('/img/tarot/default/4.jpg'); }
.tarot_5 .front { background-image:url('/img/tarot/default/5.jpg'); }
.tarot_6 .front { background-image:url('/img/tarot/default/6.jpg'); }
.tarot_7 .front { background-image:url('/img/tarot/default/7.jpg'); }
.tarot_8 .front { background-image:url('/img/tarot/default/8.jpg'); }
.tarot_9 .front { background-image:url('/img/tarot/default/9.jpg'); }
.tarot_10 .front { background-image:url('/img/tarot/default/10.jpg'); }
.tarot_11 .front { background-image:url('/img/tarot/default/11.jpg'); }
.tarot_12 .front { background-image:url('/img/tarot/default/12.jpg'); }
.tarot_13 .front { background-image:url('/img/tarot/default/13.jpg'); }
.tarot_14 .front { background-image:url('/img/tarot/default/14.jpg'); }
.tarot_15 .front { background-image:url('/img/tarot/default/15.jpg'); }
.tarot_16 .front { background-image:url('/img/tarot/default/16.jpg'); }
.tarot_17 .front { background-image:url('/img/tarot/default/17.jpg'); }
.tarot_18 .front { background-image:url('/img/tarot/default/18.jpg'); }
.tarot_19 .front { background-image:url('/img/tarot/default/19.jpg'); }
.tarot_20 .front { background-image:url('/img/tarot/default/20.jpg'); }
.tarot_21 .front { background-image:url('/img/tarot/default/21.jpg'); }
.tarot_22 .front { background-image:url('/img/tarot/default/22.jpg'); }
.tarot_23 .front { background-image:url('/img/tarot/default/23.jpg'); }
.tarot_24 .front { background-image:url('/img/tarot/default/24.jpg'); }
.tarot_25 .front { background-image:url('/img/tarot/default/25.jpg'); }
.tarot_26 .front { background-image:url('/img/tarot/default/26.jpg'); }
.tarot_27 .front { background-image:url('/img/tarot/default/27.jpg'); }
.tarot_28 .front { background-image:url('/img/tarot/default/28.jpg'); }
.tarot_29 .front { background-image:url('/img/tarot/default/29.jpg'); }
.tarot_30 .front { background-image:url('/img/tarot/default/30.jpg'); }
.tarot_31 .front { background-image:url('/img/tarot/default/31.jpg'); }
.tarot_32 .front { background-image:url('/img/tarot/default/32.jpg'); }
.tarot_33 .front { background-image:url('/img/tarot/default/33.jpg'); }
.tarot_34 .front { background-image:url('/img/tarot/default/34.jpg'); }
.tarot_35 .front { background-image:url('/img/tarot/default/35.jpg'); }
.tarot_36 .front { background-image:url('/img/tarot/default/36.jpg'); }
.tarot_37 .front { background-image:url('/img/tarot/default/37.jpg'); }
.tarot_38 .front { background-image:url('/img/tarot/default/38.jpg'); }
.tarot_39 .front { background-image:url('/img/tarot/default/39.jpg'); }
.tarot_40 .front { background-image:url('/img/tarot/default/40.jpg'); }
.tarot_41 .front { background-image:url('/img/tarot/default/41.jpg'); }
.tarot_42 .front { background-image:url('/img/tarot/default/42.jpg'); }
.tarot_43 .front { background-image:url('/img/tarot/default/43.jpg'); }
.tarot_44 .front { background-image:url('/img/tarot/default/44.jpg'); }
.tarot_45 .front { background-image:url('/img/tarot/default/45.jpg'); }
.tarot_46 .front { background-image:url('/img/tarot/default/46.jpg'); }
.tarot_47 .front { background-image:url('/img/tarot/default/47.jpg'); }
.tarot_48 .front { background-image:url('/img/tarot/default/48.jpg'); }
.tarot_49 .front { background-image:url('/img/tarot/default/49.jpg'); }
.tarot_50 .front { background-image:url('/img/tarot/default/50.jpg'); }
.tarot_51 .front { background-image:url('/img/tarot/default/51.jpg'); }
.tarot_52 .front { background-image:url('/img/tarot/default/52.jpg'); }
.tarot_53 .front { background-image:url('/img/tarot/default/53.jpg'); }
.tarot_54 .front { background-image:url('/img/tarot/default/54.jpg'); }
.tarot_55 .front { background-image:url('/img/tarot/default/55.jpg'); }
.tarot_56 .front { background-image:url('/img/tarot/default/56.jpg'); }
.tarot_57 .front { background-image:url('/img/tarot/default/57.jpg'); }
.tarot_58 .front { background-image:url('/img/tarot/default/58.jpg'); }
.tarot_59 .front { background-image:url('/img/tarot/default/59.jpg'); }
.tarot_60 .front { background-image:url('/img/tarot/default/60.jpg'); }
.tarot_61 .front { background-image:url('/img/tarot/default/61.jpg'); }
.tarot_62 .front { background-image:url('/img/tarot/default/62.jpg'); }
.tarot_63 .front { background-image:url('/img/tarot/default/63.jpg'); }
.tarot_64 .front { background-image:url('/img/tarot/default/64.jpg'); }
.tarot_65 .front { background-image:url('/img/tarot/default/65.jpg'); }
.tarot_66 .front { background-image:url('/img/tarot/default/66.jpg'); }
.tarot_67 .front { background-image:url('/img/tarot/default/67.jpg'); }
.tarot_68 .front { background-image:url('/img/tarot/default/68.jpg'); }
.tarot_69 .front { background-image:url('/img/tarot/default/69.jpg'); }
.tarot_70 .front { background-image:url('/img/tarot/default/70.jpg'); }
.tarot_71 .front { background-image:url('/img/tarot/default/71.jpg'); }
.tarot_72 .front { background-image:url('/img/tarot/default/72.jpg'); }
.tarot_73 .front { background-image:url('/img/tarot/default/73.jpg'); }
.tarot_74 .front { background-image:url('/img/tarot/default/74.jpg'); }
.tarot_75 .front { background-image:url('/img/tarot/default/75.jpg'); }
.tarot_76 .front { background-image:url('/img/tarot/default/76.jpg'); }
.tarot_77 .front { background-image:url('/img/tarot/default/77.jpg'); }
.tarot_78 .front { background-image:url('/img/tarot/default/78.jpg'); }

/* LENORMAND CARD IMAGES */
.lenormand_1 .front { background-image:url('/img/lenormand/default/1.jpg'); }
.lenormand_2 .front { background-image:url('/img/lenormand/default/2.jpg'); }
.lenormand_3 .front { background-image:url('/img/lenormand/default/3.jpg'); }
.lenormand_4 .front { background-image:url('/img/lenormand/default/4.jpg'); }
.lenormand_5 .front { background-image:url('/img/lenormand/default/5.jpg'); }
.lenormand_6 .front { background-image:url('/img/lenormand/default/6.jpg'); }
.lenormand_7 .front { background-image:url('/img/lenormand/default/7.jpg'); }
.lenormand_8 .front { background-image:url('/img/lenormand/default/8.jpg'); }
.lenormand_9 .front { background-image:url('/img/lenormand/default/9.jpg'); }
.lenormand_10 .front { background-image:url('/img/lenormand/default/10.jpg'); }
.lenormand_11 .front { background-image:url('/img/lenormand/default/11.jpg'); }
.lenormand_12 .front { background-image:url('/img/lenormand/default/12.jpg'); }
.lenormand_13 .front { background-image:url('/img/lenormand/default/13.jpg'); }
.lenormand_14 .front { background-image:url('/img/lenormand/default/14.jpg'); }
.lenormand_15 .front { background-image:url('/img/lenormand/default/15.jpg'); }
.lenormand_16 .front { background-image:url('/img/lenormand/default/16.jpg'); }
.lenormand_17 .front { background-image:url('/img/lenormand/default/17.jpg'); }
.lenormand_18 .front { background-image:url('/img/lenormand/default/18.jpg'); }
.lenormand_19 .front { background-image:url('/img/lenormand/default/19.jpg'); }
.lenormand_20 .front { background-image:url('/img/lenormand/default/20.jpg'); }
.lenormand_21 .front { background-image:url('/img/lenormand/default/21.jpg'); }
.lenormand_22 .front { background-image:url('/img/lenormand/default/22.jpg'); }
.lenormand_23 .front { background-image:url('/img/lenormand/default/23.jpg'); }
.lenormand_24 .front { background-image:url('/img/lenormand/default/24.jpg'); }
.lenormand_25 .front { background-image:url('/img/lenormand/default/25.jpg'); }
.lenormand_26 .front { background-image:url('/img/lenormand/default/26.jpg'); }
.lenormand_27 .front { background-image:url('/img/lenormand/default/27.jpg'); }
.lenormand_28 .front { background-image:url('/img/lenormand/default/28.jpg'); }
.lenormand_29 .front { background-image:url('/img/lenormand/default/29.jpg'); }
.lenormand_30 .front { background-image:url('/img/lenormand/default/30.jpg'); }
.lenormand_31 .front { background-image:url('/img/lenormand/default/31.jpg'); }
.lenormand_32 .front { background-image:url('/img/lenormand/default/32.jpg'); }
.lenormand_33 .front { background-image:url('/img/lenormand/default/33.jpg'); }
.lenormand_34 .front { background-image:url('/img/lenormand/default/34.jpg'); }
.lenormand_35 .front { background-image:url('/img/lenormand/default/35.jpg'); }
.lenormand_36 .front { background-image:url('/img/lenormand/default/36.jpg'); }


/* MEDIA QUERIES */
@media (max-width: 50em) {

  /*    #card-widget-wrapper { overflow:visible; }*/
  #card-widget { padding-bottom:0%; }
  #card-widget > div { position:relative; }

  /*#card-widget #card-widget-canvas { min-height:30em; }*/
  #card-widget #card-widget-canvas #slide { display:block; height:auto; }
  #card-widget #card-widget-canvas #slide #slide-content { padding-top:0em; }
  #card-widget #card-widget-canvas #slide #icon { width:2em; height:2em; background-size: contain; }

  #card-widget #btn-wrapper { position:relative; left:auto; margin-top:1em; width:85%; }
  #card-widget #btn-wrapper > .btn { left:auto; }
  #card-widget .btn { width:20em; font-size:0.5em; }
  #card-widget .lnk { font-size:0.625em; }

  #card-widget #card-widget-canvas #card-positions { position:relative; text-align:center; margin:0.5em auto 0; right:auto; top:0; }
  #card-widget #card-widget-canvas.w1 #card-positions,
  #card-widget #card-widget-canvas.w4 #card-positions { height:0; }
  #card-widget #card-widget-canvas.w3 #card-positions { height:120px; }
  #card-widget #card-widget-canvas.w2 #card-positions,
  #card-widget #card-widget-canvas.w5 #card-positions { height:150px; }
  #card-widget #card-widget-canvas.w6 #card-positions { height:180px; }
  #card-widget #card-widget-canvas.w2 #card-positions #positioning,
  #card-widget #card-widget-canvas.w3 #card-positions #positioning,
  #card-widget #card-widget-canvas.w5 #card-positions #positioning,
  #card-widget #card-widget-canvas.w6 #card-positions #positioning { margin-left:-0.5em; }

  #card-widget #card-widget-canvas #slide.first #slide-content #btn-wrapper,
  #card-widget #card-widget-canvas #slide.second #slide-content #btn-wrapper { margin-top:1em; }

  /*#card-widget #card-widget-canvas #slide.third #slide-content #positioning { margin-top:1px; }*/
  #card-widget #card-widget-canvas #slide.third #slide-content #drawing-note { position:relative !important; left:auto; right:auto; top:auto; margin:3em auto 0; }
  #card-widget #card-widget-canvas #slide.third #slide-content #cards-wrapper { margin-top:1em; }
  /*#card-widget #card-widget-canvas #cards-wrapper #cards { height:25%; }*/

  #card-widget #card-widget-canvas #slide #slide-content #cards-revealed,
  #card-widget #card-widget-canvas #slide #slide-content #card-reading { float:none; width:100%; height:auto; }
  #card-widget #card-widget-canvas #slide #slide-content #card-reading { margin-bottom:2em; }
  #card-widget #card-widget-canvas #slide #slide-content #cards-revealed { position:relative; margin:0 auto; width:70%; }
  #card-widget #card-widget-canvas #slide #slide-content #card-reading #position-description
  #card-widget #card-widget-canvas #slide #slide-content #card-reading #card-description { font-size:1em; }

  #card-widget #card-widget-canvas #slide.fourth #slide-content { padding-top:0; }
  #card-widget #card-widget-canvas.w6 #slide.fourth #cards-revealed #positioning { margin-left:-1em; }
  /*#card-widget #card-widget-canvas #slide.fifth #slide-content { padding-top:1em; }*/
  #card-widget #card-widget-canvas #slide.fourth #slide-content #card-reading #card-positions { display:none; }
  #card-widget #card-widget-canvas #slide.fifth #slide-content #card-reading #card-positions { margin:0 auto 1em; right:0; }
  #card-widget #card-widget-canvas #slide #slide-content #card-reading #position-description,
  #card-widget #card-widget-canvas #slide #slide-content #card-reading #card-description{ min-height:0; margin-right:0; }
  #card-widget #card-widget-canvas #slide #slide-content #btn-fifth { margin:1.5em auto; }
}


@media screen and (min-width: 25em) and (max-width: 75em) {
  html { font-size: calc( 16px + (24 - 16) * (100vw - 400px) / (800 - 400) ); }
}
@media screen and (min-width: 75em) {
  html { font-size: 32px; }
}
@media (max-width: 800px) {
  /*#card-widget-wrapper { height:450px; max-height:450px; }*/
  #card-widget #card-widget-canvas { min-height:448px; }

  #card-widget #card-widget-canvas #slide.fifth #slide-content #cards-revealed {
    display: none;
  }

  #card-widget #card-widget-canvas.w1 #slide.fourth #slide-content #btn-wrapper, #card-widget #card-widget-canvas.w4 #slide.fourth #slide-content #btn-wrapper {
    margin-top: 0;
  }

  #card-widget #card-widget-canvas #slide.third #slide-content #cards-wrapper #cards .card {
    height: auto;
  }

  #card-widget #card-widget-canvas .fourth .card .flipper,
  #card-widget #card-widget-canvas .fifth .card .flipper {
    padding-bottom: 60%;
  }

  #card-widget #card-widget-canvas .fourth #cards-revealed #positioning .position,
  #card-widget #card-widget-canvas .fifth #cards-revealed #positioning .position {
    padding-bottom: 60%;
  }

  /* TAROT CARD IMAGES */
  .tarot_1 .front { background-image:url('/img/tarot/mobile/1.jpg'); }
  .tarot_2 .front { background-image:url('/img/tarot/mobile/2.jpg'); }
  .tarot_3 .front { background-image:url('/img/tarot/mobile/3.jpg'); }
  .tarot_4 .front { background-image:url('/img/tarot/mobile/4.jpg'); }
  .tarot_5 .front { background-image:url('/img/tarot/mobile/5.jpg'); }
  .tarot_6 .front { background-image:url('/img/tarot/mobile/6.jpg'); }
  .tarot_7 .front { background-image:url('/img/tarot/mobile/7.jpg'); }
  .tarot_8 .front { background-image:url('/img/tarot/mobile/8.jpg'); }
  .tarot_9 .front { background-image:url('/img/tarot/mobile/9.jpg'); }
  .tarot_10 .front { background-image:url('/img/tarot/mobile/10.jpg'); }
  .tarot_11 .front { background-image:url('/img/tarot/mobile/11.jpg'); }
  .tarot_12 .front { background-image:url('/img/tarot/mobile/12.jpg'); }
  .tarot_13 .front { background-image:url('/img/tarot/mobile/13.jpg'); }
  .tarot_14 .front { background-image:url('/img/tarot/mobile/14.jpg'); }
  .tarot_15 .front { background-image:url('/img/tarot/mobile/15.jpg'); }
  .tarot_16 .front { background-image:url('/img/tarot/mobile/16.jpg'); }
  .tarot_17 .front { background-image:url('/img/tarot/mobile/17.jpg'); }
  .tarot_18 .front { background-image:url('/img/tarot/mobile/18.jpg'); }
  .tarot_19 .front { background-image:url('/img/tarot/mobile/19.jpg'); }
  .tarot_20 .front { background-image:url('/img/tarot/mobile/20.jpg'); }
  .tarot_21 .front { background-image:url('/img/tarot/mobile/21.jpg'); }
  .tarot_22 .front { background-image:url('/img/tarot/mobile/22.jpg'); }
  .tarot_23 .front { background-image:url('/img/tarot/mobile/23.jpg'); }
  .tarot_24 .front { background-image:url('/img/tarot/mobile/24.jpg'); }
  .tarot_25 .front { background-image:url('/img/tarot/mobile/25.jpg'); }
  .tarot_26 .front { background-image:url('/img/tarot/mobile/26.jpg'); }
  .tarot_27 .front { background-image:url('/img/tarot/mobile/27.jpg'); }
  .tarot_28 .front { background-image:url('/img/tarot/mobile/28.jpg'); }
  .tarot_29 .front { background-image:url('/img/tarot/mobile/29.jpg'); }
  .tarot_30 .front { background-image:url('/img/tarot/mobile/30.jpg'); }
  .tarot_31 .front { background-image:url('/img/tarot/mobile/31.jpg'); }
  .tarot_32 .front { background-image:url('/img/tarot/mobile/32.jpg'); }
  .tarot_33 .front { background-image:url('/img/tarot/mobile/33.jpg'); }
  .tarot_34 .front { background-image:url('/img/tarot/mobile/34.jpg'); }
  .tarot_35 .front { background-image:url('/img/tarot/mobile/35.jpg'); }
  .tarot_36 .front { background-image:url('/img/tarot/mobile/36.jpg'); }
  .tarot_37 .front { background-image:url('/img/tarot/mobile/37.jpg'); }
  .tarot_38 .front { background-image:url('/img/tarot/mobile/38.jpg'); }
  .tarot_39 .front { background-image:url('/img/tarot/mobile/39.jpg'); }
  .tarot_40 .front { background-image:url('/img/tarot/mobile/40.jpg'); }
  .tarot_41 .front { background-image:url('/img/tarot/mobile/41.jpg'); }
  .tarot_42 .front { background-image:url('/img/tarot/mobile/42.jpg'); }
  .tarot_43 .front { background-image:url('/img/tarot/mobile/43.jpg'); }
  .tarot_44 .front { background-image:url('/img/tarot/mobile/44.jpg'); }
  .tarot_45 .front { background-image:url('/img/tarot/mobile/45.jpg'); }
  .tarot_46 .front { background-image:url('/img/tarot/mobile/46.jpg'); }
  .tarot_47 .front { background-image:url('/img/tarot/mobile/47.jpg'); }
  .tarot_48 .front { background-image:url('/img/tarot/mobile/48.jpg'); }
  .tarot_49 .front { background-image:url('/img/tarot/mobile/49.jpg'); }
  .tarot_50 .front { background-image:url('/img/tarot/mobile/50.jpg'); }
  .tarot_51 .front { background-image:url('/img/tarot/mobile/51.jpg'); }
  .tarot_52 .front { background-image:url('/img/tarot/mobile/52.jpg'); }
  .tarot_53 .front { background-image:url('/img/tarot/mobile/53.jpg'); }
  .tarot_54 .front { background-image:url('/img/tarot/mobile/54.jpg'); }
  .tarot_55 .front { background-image:url('/img/tarot/mobile/55.jpg'); }
  .tarot_56 .front { background-image:url('/img/tarot/mobile/56.jpg'); }
  .tarot_57 .front { background-image:url('/img/tarot/mobile/57.jpg'); }
  .tarot_58 .front { background-image:url('/img/tarot/mobile/58.jpg'); }
  .tarot_59 .front { background-image:url('/img/tarot/mobile/59.jpg'); }
  .tarot_60 .front { background-image:url('/img/tarot/mobile/60.jpg'); }
  .tarot_61 .front { background-image:url('/img/tarot/mobile/61.jpg'); }
  .tarot_62 .front { background-image:url('/img/tarot/mobile/62.jpg'); }
  .tarot_63 .front { background-image:url('/img/tarot/mobile/63.jpg'); }
  .tarot_64 .front { background-image:url('/img/tarot/mobile/64.jpg'); }
  .tarot_65 .front { background-image:url('/img/tarot/mobile/65.jpg'); }
  .tarot_66 .front { background-image:url('/img/tarot/mobile/66.jpg'); }
  .tarot_67 .front { background-image:url('/img/tarot/mobile/67.jpg'); }
  .tarot_68 .front { background-image:url('/img/tarot/mobile/68.jpg'); }
  .tarot_69 .front { background-image:url('/img/tarot/mobile/69.jpg'); }
  .tarot_70 .front { background-image:url('/img/tarot/mobile/70.jpg'); }
  .tarot_71 .front { background-image:url('/img/tarot/mobile/71.jpg'); }
  .tarot_72 .front { background-image:url('/img/tarot/mobile/72.jpg'); }
  .tarot_73 .front { background-image:url('/img/tarot/mobile/73.jpg'); }
  .tarot_74 .front { background-image:url('/img/tarot/mobile/74.jpg'); }
  .tarot_75 .front { background-image:url('/img/tarot/mobile/75.jpg'); }
  .tarot_76 .front { background-image:url('/img/tarot/mobile/76.jpg'); }
  .tarot_77 .front { background-image:url('/img/tarot/mobile/77.jpg'); }
  .tarot_78 .front { background-image:url('/img/tarot/mobile/78.jpg'); }

  /* LENORMAND CARD IMAGES */
  .lenormand_1 .front { background-image:url('/img/lenormand/mobile/1.jpg'); }
  .lenormand_2 .front { background-image:url('/img/lenormand/mobile/2.jpg'); }
  .lenormand_3 .front { background-image:url('/img/lenormand/mobile/3.jpg'); }
  .lenormand_4 .front { background-image:url('/img/lenormand/mobile/4.jpg'); }
  .lenormand_5 .front { background-image:url('/img/lenormand/mobile/5.jpg'); }
  .lenormand_6 .front { background-image:url('/img/lenormand/mobile/6.jpg'); }
  .lenormand_7 .front { background-image:url('/img/lenormand/mobile/7.jpg'); }
  .lenormand_8 .front { background-image:url('/img/lenormand/mobile/8.jpg'); }
  .lenormand_9 .front { background-image:url('/img/lenormand/mobile/9.jpg'); }
  .lenormand_10 .front { background-image:url('/img/lenormand/mobile/10.jpg'); }
  .lenormand_11 .front { background-image:url('/img/lenormand/mobile/11.jpg'); }
  .lenormand_12 .front { background-image:url('/img/lenormand/mobile/12.jpg'); }
  .lenormand_13 .front { background-image:url('/img/lenormand/mobile/13.jpg'); }
  .lenormand_14 .front { background-image:url('/img/lenormand/mobile/14.jpg'); }
  .lenormand_15 .front { background-image:url('/img/lenormand/mobile/15.jpg'); }
  .lenormand_16 .front { background-image:url('/img/lenormand/mobile/16.jpg'); }
  .lenormand_17 .front { background-image:url('/img/lenormand/mobile/17.jpg'); }
  .lenormand_18 .front { background-image:url('/img/lenormand/mobile/18.jpg'); }
  .lenormand_19 .front { background-image:url('/img/lenormand/mobile/19.jpg'); }
  .lenormand_20 .front { background-image:url('/img/lenormand/mobile/20.jpg'); }
  .lenormand_21 .front { background-image:url('/img/lenormand/mobile/21.jpg'); }
  .lenormand_22 .front { background-image:url('/img/lenormand/mobile/22.jpg'); }
  .lenormand_23 .front { background-image:url('/img/lenormand/mobile/23.jpg'); }
  .lenormand_24 .front { background-image:url('/img/lenormand/mobile/24.jpg'); }
  .lenormand_25 .front { background-image:url('/img/lenormand/mobile/25.jpg'); }
  .lenormand_26 .front { background-image:url('/img/lenormand/mobile/26.jpg'); }
  .lenormand_27 .front { background-image:url('/img/lenormand/mobile/27.jpg'); }
  .lenormand_28 .front { background-image:url('/img/lenormand/mobile/28.jpg'); }
  .lenormand_29 .front { background-image:url('/img/lenormand/mobile/29.jpg'); }
  .lenormand_30 .front { background-image:url('/img/lenormand/mobile/30.jpg'); }
  .lenormand_31 .front { background-image:url('/img/lenormand/mobile/31.jpg'); }
  .lenormand_32 .front { background-image:url('/img/lenormand/mobile/32.jpg'); }
  .lenormand_33 .front { background-image:url('/img/lenormand/mobile/33.jpg'); }
  .lenormand_34 .front { background-image:url('/img/lenormand/mobile/34.jpg'); }
  .lenormand_35 .front { background-image:url('/img/lenormand/mobile/35.jpg'); }
  .lenormand_36 .front { background-image:url('/img/lenormand/mobile/36.jpg'); }

  #card-widget #card-widget-canvas { background-size: 80px}
}
/*and (orientation: landscape)*/

/* DEBUG */
/*body { background:yellow; }
#card-widget-wrapper { background:green; }
#card-widget { background:blue; }*/
/*    position:absolute; top: 50%; left: 50%;
    transform: translate(-50%,-50%); }*/
/*#cards-revealed,
#card-reading  { border: 1px dotted white;  box-sizing:border-box;}*/
/*#card-widget #card-widget-canvas #slide #slide-content {border:1px solid red; }*/
/*#positioning , #positioning tr, #positioning td { border:1px dotted blue; }*/
/*table { border:1px dotted purple; }
tr, td { border:1px dotted blue; }*/

/*#card-widget #card-widget-canvas #slide.third #slide-content #cards-wrapper #cards .card { border:2px dashed red; box-sizing:border-box; }*/


@media (max-width: 35em) {
  #card-widget .btn { width:100%; }
  #card-widget #card-widget-canvas #slide #slide-content #cards-revealed { position:relative; margin:0 auto; width:100%; border-spacing:0 0; }

  #card-widget #card-widget-canvas #slide h1#title { margin-bottom:1em; font-size:1.25em; }
  #card-widget #card-widget-canvas #slide #slide-content { padding:0 1em; }
  #card-widget #card-widget-canvas #cards-wrapper #cards .card { width:4em; }

  #card-widget #card-widget-canvas #slide #slide-content #card-reading { margin-bottom:0;  }

  #card-widget #card-widget-canvas #slide.first #slide-content,
  #card-widget #card-widget-canvas #slide.second #slide-content { padding:0 1em; margin-top:-1em; }

  #card-widget #card-widget-canvas.w2 #slide.third #slide-content #card-positions,
  #card-widget #card-widget-canvas.w3 #slide.third #slide-content #card-positions,
  #card-widget #card-widget-canvas.w5 #slide.third #slide-content #card-positions { margin-top:-2em; }
  #card-widget #card-widget-canvas.w3 #slide.third #slide-content #card-positions { margin-bottom:2em; }
  #card-widget #card-widget-canvas.w6 #slide.third #slide-content #card-positions { margin-top:-1em; }
  #card-widget #card-widget-canvas #slide.third #slide-content #drawing-note { margin: 0 auto; }

  #card-widget #card-widget-canvas #slide #slide-content #card-reading #position-description,
  #card-widget #card-widget-canvas #slide #slide-content #card-reading #card-description { font-size:14px; line-height: 1.4;}
  #card-widget #card-widget-canvas #slide #slide-content #card-reading #card-name { font-size:1em; }

  #card-widget #card-widget-canvas #slide.fourth #slide-content #positioning tr { height:1em; }
  #card-widget #card-widget-canvas.w1 #slide.fourth #slide-content #cards-revealed #positioning,
  #card-widget #card-widget-canvas.w4 #slide.fourth #slide-content #cards-revealed #positioning,
  #card-widget #card-widget-canvas #slide.fifth #slide-content #cards-revealed #positioning { width:100%; height:auto; padding-bottom:0; margin:0; }
  #card-widget #card-widget-canvas.w3 #slide.fourth #slide-content #cards-revealed #positioning { border-spacing: 1.5em 2em !important; margin:-6em 0 -4em -1em; }
  #card-widget #card-widget-canvas.w2 #slide.fourth #slide-content #cards-revealed #positioning,
  #card-widget #card-widget-canvas.w5 #slide.fourth #slide-content #cards-revealed #positioning { margin-top:0em; }
  #card-widget #card-widget-canvas.w2 #slide.fourth #slide-content #cards-revealed #positioning,
  #card-widget #card-widget-canvas.w5 #slide.fourth #slide-content #cards-revealed #positioning { border-spacing: 1.75em 1.5em; margin:-3em 0 -1em -1em; }
  #card-widget #card-widget-canvas.w6 #slide.fourth #slide-content #cards-revealed #positioning { border-spacing: 1em 1em; margin:-2em 0 0 0; }
  #card-widget #card-widget-canvas #slide.fourth #slide-content #cards-revealed #positioning .position,
  #card-widget #card-widget-canvas #slide.fifth #slide-content #cards-revealed #positioning .position { height:0; width:80%; padding-bottom:80%; }

  /*#card-widget #card-widget-canvas.w6 #slide.fourth #slide-content #cards-revealed #positioning .position#pos2 { top:25%; left:20%; }*/
  /*#card-widget #card-widget-canvas.w6 #slide.fourth #slide-content #cards-revealed #positioning .position#pos2 { top:14%; left:10%; }*/
  #card-widget #card-widget-canvas.w6 #slide.fourth #slide-content #cards-revealed #positioning .position#pos2 { top:0.5em; left:0.5em; }

  #card-widget #card-widget-canvas #slide.fourth #slide-content #btn-wrapper { margin-bottom:1em; }
  #card-widget #card-widget-canvas.w1 #slide.fourth #slide-content #btn-wrapper,
  #card-widget #card-widget-canvas.w4 #slide.fourth #slide-content #btn-wrapper { margin:1em; }

  #card-widget #card-widget-canvas #slide.fifth { margin-bottom:1em; }
  #card-widget #card-widget-canvas #slide.fifth #slide-content #card-reading #card-positions { margin:-2em auto 1em; }
  /*#card-widget #card-widget-canvas #slide.fifth #slide-content #cards-revealed #positioning { margin-top:-1em; },
  #card-widget #card-widget-canvas #slide.fifth #slide-content #cards-revealed #positioning .position { height:0; width:80%; padding-bottom:120%; }
  #card-widget #card-widget-canvas #slide.fifth #slide-content #cards-revealed #positioning .card { position:relative; margin:0 auto;  }*/
  /*#card-widget #card-widget-canvas #slide.fifth #slide-content #cards-revealed #positioning .card { position:relative; margin:0 auto; width:80%; }*/
  #card-widget #card-widget-canvas.w3 #slide.fifth #slide-content #card-reading #card-positions { margin:-2em auto 2em; }
  #card-widget #card-widget-canvas.w6 #slide.fifth #slide-content #card-reading #card-positions { margin:-1em auto 1em; }
  #card-widget #card-widget-canvas.w2 #slide.fifth #slide-content #cards-revealed #positioning tr:first-child,
  #card-widget #card-widget-canvas.w3 #slide.fifth #slide-content #cards-revealed #positioning tr:first-child,
  #card-widget #card-widget-canvas.w5 #slide.fifth #slide-content #cards-revealed #positioning tr:first-child { height:0 !important; }
  #card-widget #card-widget-canvas.w2 #slide.fifth #slide-content #cards-revealed #positioning tr:first-child td,
  #card-widget #card-widget-canvas.w3 #slide.fifth #slide-content #cards-revealed #positioning tr:first-child td,
  #card-widget #card-widget-canvas.w5 #slide.fifth #slide-content #cards-revealed #positioning tr:first-child td { padding:0 !important; }
  #card-widget #card-widget-canvas.w3 #slide.fifth #slide-content #cards-revealed #positioning tr:nth-child(2) { height:0 !important; }
  #card-widget #card-widget-canvas.w3 #slide.fifth #slide-content #cards-revealed #positioning tr:nth-child(2) td { padding:0 !important; }
  #card-widget #card-widget-canvas.w3 #slide.fifth #slide-content #cards-revealed #positioning tr:nth-last-child(2) { height:0 !important; }
  #card-widget #card-widget-canvas.w3 #slide.fifth #slide-content #cards-revealed #positioning tr:nth-last-child(2) td { padding:0 !important; }
  #card-widget #card-widget-canvas.w2 #slide.fifth #slide-content #cards-revealed #positioning tr:last-child,
  #card-widget #card-widget-canvas.w3 #slide.fifth #slide-content #cards-revealed #positioning tr:last-child,
  #card-widget #card-widget-canvas.w5 #slide.fifth #slide-content #cards-revealed #positioning tr:last-child { height:0 !important; }
  #card-widget #card-widget-canvas.w2 #slide.fifth #slide-content #cards-revealed #positioning tr:last-child td,
  #card-widget #card-widget-canvas.w3 #slide.fifth #slide-content #cards-revealed #positioning tr:last-child td,
  #card-widget #card-widget-canvas.w5 #slide.fifth #slide-content #cards-revealed #positioning tr:last-child td { padding:0 !important; }

  #card-widget #card-widget-canvas.w1 #slide.fifth #slide-content #card-reading #position-description,
  #card-widget #card-widget-canvas.w4 #slide.fifth #slide-content #card-reading #position-description { min-height:0; }
  #card-widget #card-widget-canvas #slide.fifth #lnk-prev { bottom:0; }

  #card-widget #card-widget-canvas #slide.last #slide-content #phone { font-size:1.9em; margin:0.5em;line-height: 1.2em;  }

  #card-widget #card-widget-canvas .fourth .card .flipper, #card-widget #card-widget-canvas .fifth .card .flipper {
    padding-bottom: 100%;
  }
}