div.clickimage i{font-style:normal;font-family:'eLearn-icons'}div.clickimage .imagebox{position:relative;line-height:0;color:#fff}div.clickimage .imagebox img{margin:0}div.clickimage .imagebox ol.pins{list-style:none;padding:0;margin:0;position:absolute;top:0;left:0;width:100%;height:100%}div.clickimage .imagebox ol.pins li{position:absolute;cursor:pointer}div.clickimage .imagebox ol.pins li i,div.clickimage .imagebox ol.pins li span{display:block}div.clickimage .imagebox ol.pins li i{-webkit-transform:translateY(-0.1em) translateX(-0.3em);transform:translateY(-0.1em) translateX(-0.3em);font-size:3em;color:#e2001a;text-shadow:-1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 1px 1px 0 #fff}div.clickimage .imagebox ol.pins li span{-webkit-transform:translateY(-0.7em) translateX(0.28em);transform:translateY(-0.7em) translateX(0.28em);font-weight:bold}div.clickimage .imagebox ol.pins li.visited i:first-child{opacity:0.4}div.clickimage .imagebox ol.pins li:hover i:first-child,div.clickimage .imagebox ol.pins li.active i:first-child{color:#000;opacity:1}div.clickimage .imagebox ol.pins li.top i{-webkit-transform:rotate(180deg) translateY(-0.5em) translateX(0.32em);transform:rotate(180deg) translateY(-0.5em) translateX(0.32em)}div.clickimage .imagebox ol.pins li.top span{-webkit-transform:translateY(2em) translateX(0.28em);transform:translateY(2em) translateX(0.28em)}div.clickimage .imagebox ol.pins li.right i{-webkit-transform:rotate(270deg) translateY(-0.65em) translateX(-0.2em);transform:rotate(270deg) translateY(-0.65em) translateX(-0.2em)}div.clickimage .imagebox ol.pins li.right span{-webkit-transform:translateY(0.6em) translateX(-1.2em);transform:translateY(0.6em) translateX(-1.2em)}div.clickimage .imagebox ol.pins li.left i{-webkit-transform:rotate(90deg) translateX(0.2em);transform:rotate(90deg) translateX(0.2em)}div.clickimage .imagebox ol.pins li.left span{-webkit-transform:translateY(0.6em) translateX(1.7em);transform:translateY(0.6em) translateX(1.7em)}div.clickimage .imagebox .buzzer{position:absolute;list-style:none;padding:0;margin:0;bottom:0.3em;left:calc(50% - 0.5em);font-size:5em;font-family:'eLearn-icons';text-shadow:0 3px 3px #000}div.clickimage .imagebox .buzzer li{z-index:-1;visibility:hidden;opacity:0;transition:z-index 0s ease 0.2s, visibility 0s ease 0.2s, opacity 0.2s ease 0;margin-bottom:-0.2em;height:0.35em}div.clickimage .imagebox .buzzer li:nth-child(1){transition-delay:0.05s}div.clickimage .imagebox .buzzer li:nth-child(2){transition-delay:0.1s}div.clickimage .imagebox .buzzer li:nth-child(3){transition-delay:0.15s}div.clickimage .imagebox .buzzer.active li{z-index:auto;visibility:visible;opacity:0.8;transition:opacity 0.2s ease 0}div.clickimage .imagebox.invert ol.pins li i{color:#000}div.clickimage .imagebox.invert ol.pins li.active i:first-child{color:#e2001a}div.clickimage .imagebox.invert ol.pins li:hover i:first-child{color:#e2001a}div.clickimage .pagination{display:none}div.clickimage .pagination.active{font-size:0.8em;background-color:#666;color:#ccc;width:100%;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-content:space-between;-ms-flex-line-pack:justify;align-content:space-between;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}div.clickimage .pagination div{-webkit-align-self:auto;-ms-flex-item-align:auto;align-self:auto;padding:0.7em 0.8em 0.8em 0.8em}div.clickimage .pagination .button{visibility:hidden}div.clickimage .pagination .button.active{visibility:visible}div.clickimage .infobox{font-size:0.8em;background-color:#666;color:#ccc;width:100%;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-content:space-between;-ms-flex-line-pack:justify;align-content:space-between;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}div.clickimage .infobox div{-webkit-align-self:auto;-ms-flex-item-align:auto;align-self:auto;padding:0.7em 0.8em 0.8em 0.8em}div.clickimage .infobox div:nth-child(1){-webkit-order:1;-ms-flex-order:1;order:1;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}div.clickimage .infobox div:nth-child(2){-webkit-order:2;-ms-flex-order:2;order:2;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}div.clickimage .infobox i{margin-right:0.2em;font-size:1.8em;float:left}div.clickimage .button{background-color:#666}div.clickimage .button i{margin-right:0.2em;font-size:1.8em;float:left;cursor:pointer}div.clickimage .button i.after{margin-right:0;margin-left:0.2em;float:right}div.clickimage .button:hover{color:#fff}div.clickimage .button:active{color:#fff}div.clickimage .button:focus{color:#fff}div.clickimage .pininfo>div{margin-bottom:2em}div.clickimage .pininfo blockquote.hint{background-color:#eee;border-left:12px solid #e2001a;padding:1em 1em 1em 4em;font-style:normal}div.clickimage .pininfo blockquote.hint:before{font-family:'eLearn-icons';font-weight:normal;content:"h";color:#e2001a;font-size:3em;line-height:1em;margin-top:0.2em;margin-left:-1.2em;float:left}div.clickimage .pininfo blockquote.hint p:first-line{color:#e2001a;font-size:1.2em;font-weight:bold;line-height:1.5em}div.clickimage .pininfo blockquote.task{border-left:12px solid #888;padding:1em 1em 1em 4em;font-style:normal}div.clickimage .pininfo blockquote.task:before{font-family:'eLearn-icons';font-weight:normal;content:"t";color:#888;font-size:3em;line-height:1em;margin-top:0.2em;margin-left:-1.2em;float:left}div.clickimage .pininfo blockquote.links{border-left:12px solid #888;padding:1em 1em 1em 4em;font-style:normal}div.clickimage .pininfo blockquote.links:before{font-family:'eLearn-icons';font-weight:normal;content:"l";color:#888;font-size:3em;line-height:1em;margin-top:0.2em;margin-left:-1.2em;float:left}div.clickimage .pininfo blockquote.links ul{list-style:none;padding:1em 0 0}div.clickimage .pininfo blockquote.links ul li{padding-left:2em}div.clickimage .pininfo blockquote.links ul li:before{font-family:'eLearn-icons';content:"n";color:#e2001a;margin-left:-2em;margin-right:1em}div.clickimage .pininfo div.inactive{display:none}div.clickimage .pininfo div.inline{background-color:#666;padding:0.9em 1em 1em 1em;margin-bottom:0}div.clickimage .pininfo div.inline h3{font-size:0.8em;line-height:1.5em;color:#fff;margin:0}div.clickimage .pininfo div.inline p{font-size:0.8em;line-height:1.5em;color:#fff;margin:0}div.clickimage .pininfo h3 .highlight{color:#e2001a;margin-right:1em}@supports (-moz-appearance: meterbar){div.clickimage .imagebox ol.pins li span{-webkit-transform:translateY(-1em) translateX(0.3em);transform:translateY(-1em) translateX(0.3em)}div.clickimage .imagebox ol.pins li.top i{-webkit-transform:rotate(180deg) translateY(-0.45em) translateX(0.32em);transform:rotate(180deg) translateY(-0.45em) translateX(0.32em)}div.clickimage .imagebox ol.pins li.right i{-webkit-transform:rotate(270deg) translateY(-0.55em) translateX(-0.2em);transform:rotate(270deg) translateY(-0.55em) translateX(-0.2em)}div.clickimage .imagebox ol.pins li.left i{-webkit-transform:rotate(90deg) translateY(0.05em) translateX(0.2em);transform:rotate(90deg) translateY(0.05em) translateX(0.2em)}}