@charset "UTF-8";@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700");body{font-family:'q_regular', sans-serif;background:#e9e8e4;font-size:62.5%;font-weight:400;color:#000000}@font-face{font-family:'q_bold';src:url("../fonts/Quicksand-Bold.ttf") format("truetype")}@font-face{font-family:'q_regular';src:url("../fonts/Quicksand-Regular.ttf") format("truetype")}@font-face{font-family:'q_medium';src:url("../fonts/Quicksand-Medium.ttf") format("truetype")}.p,p{font-family:"q_regular", "serif";font-size:16px;line-height:1.2;margin:0.5em 0}a{font-family:"q_medium"}b{font-family:"q_bold"}.h1,.h2,.h3,.h4,.h5,.h6,.title,h1,h2,h3,h4,h5,h6{font-family:'q_medium', sans-serif;line-height:1.1;margin:0.5em 0;font-family:'q_bold'}.h1,h1{text-align:left;font-size:23px}.h2,h2{font-size:20px;text-align:left}.h2.coursetitle,h2.coursetitle{text-align:center;font-family:'q_bold'}@media (min-width:768px){.h2.page-title,h2.page-title{font-size:30px}}.h3,h3{font-size:15px}.h4,h4{font-weight:600;font-size:16px}.h5,h5{font-size:14px}.h6,h6{font-size:15px}.small{font-size:15px}a{color:#6699cc;text-decoration:none}a:hover{text-decoration:none}a:focus{text-decoration:underline}ul li{font-size:16px}ul.bplist{padding:0 1em}ul.bplist li{font-family:"q_regular", "serif";font-size:16px;line-height:1.2;margin:0.5em 0}.m-t-2{margin-top:2em}.underline{text-decoration:underline}.uc{text-transform:uppercase}.strong{font-family:'q_bold'}.italic{font-style:italic}.instr{display:block;width:100%;text-align:center;color:#872C17;font-size:15px;font-family:'q_bold';font-style:italic;margin-bottom:0.5em}@media (min-width:768px){.instr{padding-left:1em;padding-right:1em}}i{margin-right:0.15em}.js-isHidden{display:none}.js-isInvisible{visibility:hidden}.js-isTransparent{opacity:0}.js-isCollapsed{height:0;margin:0;padding:0;visibility:hidden}.js-isInvisible{opacity:0}.col-padding{padding-left:1em;padding-right:1em}@media (min-width:768px){.col-padding-sm{padding-left:1em;padding-right:1em}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-justify{text-align:justify}.text-center-mob{text-align:center}@media (min-width:768px){.text-center-mob{text-align:left}}.max-width{max-width:650px;margin-left:auto;margin-right:auto}img{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}img.adapt-width{width:100%;height:auto}.button,button{cursor:pointer;text-align:center;border:5px solid black;background-color:white;color:black;text-transform:uppercase;border-radius:0;text-decoration:none;padding:0.65em;font-weight:600;font-size:16px;display:inline-block}.button:focus,.button:hover,button:focus,button:hover{text-decoration:underline}.button.greenbtn,button.greenbtn{background-color:#6cc6ba;border-color:#6cc6ba;-webkit-transition:background 0.5s ease;-o-transition:background 0.5s ease;transition:background 0.5s ease;font-family:'q_bold'}.button.greenbtn:focus,.button.greenbtn:hover,button.greenbtn:focus,button.greenbtn:hover{text-decoration:underline;background-color:#6cc6ba}.button.bluebtn,button.bluebtn{background-color:#85add6;border-color:#85add6;-webkit-transition:background 0.5s ease, border 0.5s ease;-o-transition:background 0.5s ease, border 0.5s ease;transition:background 0.5s ease, border 0.5s ease;font-family:'q_bold'}.button.bluebtn:focus,.button.bluebtn:hover,button.bluebtn:focus,button.bluebtn:hover{border-color:#6699cc;background-color:#6699cc}.button.ylwbtn,button.ylwbtn{background-color:#fcbc46;border-color:#fcbc46;-webkit-transition:background 0.5s ease, border 0.5s ease;-o-transition:background 0.5s ease, border 0.5s ease;transition:background 0.5s ease, border 0.5s ease;font-family:'q_bold'}.button.ylwbtn:focus,.button.ylwbtn:hover,button.ylwbtn:focus,button.ylwbtn:hover{background-color:#fbab18;border-color:#fbab18}.button.wide,button.wide{padding-left:2em;padding-right:2em}.button:focus,button:focus{outline:0}.fade-in{-webkit-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-function:ease;-moz-transition-function:ease;-o-transition-function:ease;-ms-transition-function:ease;transition-function:ease;-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0;opacity:0}.inview.fade-in{opacity:1}.fade-and-move-in{-webkit-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-function:ease;-moz-transition-function:ease;-o-transition-function:ease;-ms-transition-function:ease;transition-function:ease;-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0;opacity:0;-webkit-transform:translateY(15%);-ms-transform:translateY(15%);transform:translateY(15%)}.inview.fade-and-move-in{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.border{border:1px solid}.delay-1{-webkit-transition-delay:0.25s;-o-transition-delay:0.25s;transition-delay:0.25s}.delay-2{-webkit-transition-delay:0.5s;-o-transition-delay:0.5s;transition-delay:0.5s;-webkit-animation-delay:0.5s;animation-delay:0.5s}.delay-3{-webkit-transition-delay:0.75s;-o-transition-delay:0.75s;transition-delay:0.75s}.delay-4{-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}.delay-5{-webkit-transition-delay:1.25s;-o-transition-delay:1.25s;transition-delay:1.25s}.delay-6{-webkit-transition-delay:1.5s;-o-transition-delay:1.5s;transition-delay:1.5s}.delay-7{-webkit-transition-delay:1.75s;-o-transition-delay:1.75s;transition-delay:1.75s}.delay-8{-webkit-transition-delay:2s;-o-transition-delay:2s;transition-delay:2s}.anim-delay-1{-webkit-animation-delay:0.25s;animation-delay:0.25s}.anim-delay-2{-webkit-animation-delay:0.5s;animation-delay:0.5s}.anim-delay-3{-webkit-animation-delay:0.75s;animation-delay:0.75s}.anim-delay-4{-webkit-animation-delay:1s;animation-delay:1s}.anim-delay-5{-webkit-animation-delay:1.25s;animation-delay:1.25s}.anim-delay-6{-webkit-animation-delay:1.5s;animation-delay:1.5s}.anim-delay-7{-webkit-animation-delay:1.75s;animation-delay:1.75s}.anim-delay-8{-webkit-animation-delay:2s;animation-delay:2s}@media (min-width:300px){body{font-size:80%}}@media (min-width:768px){body{font-size:100%}}@media (min-width:1024px){body{font-size:100%}}@media (min-width:1170px){body{font-size:100%}}.skip-to-content a{padding:0.3em 0.8em;position:absolute;left:0;top:-2000px}.skip-to-content a:focus{top:45px}.module .skip-to-content{display:none}.skip-to-content a{padding:0.5em 1em;position:absolute;left:0;top:-2000px;z-index:9999;background-color:black;color:white}.skip-to-content a:focus{top:0}nav{position:fixed;background-color:#666666;height:45px;width:100%;z-index:999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin:0}nav a.menu-trigger{width:3.4375em;height:100%;display:block;background-color:#404040;background-image:url(../img/btn-menu.svg);background-repeat:no-repeat;background-position:center center;background-size:contain;border-right:2px solid #e9e8e4;border-bottom:2px solid #e9e8e4}nav a.menu-trigger.open{border-bottom-color:#404040}@media (min-width:768px){nav a.menu-trigger{width:70px}}nav a{color:white;font-family:'q_bold';font-size:13px;text-transform:uppercase}nav a:hover{color:#afaeab}nav a.menu-item{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:100%;border-right:2px solid #e9e8e4;border-bottom:2px solid #e9e8e4;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:"q_bold"}nav a.menu-item:hover{background-color:#afaeab;color:white}@media (min-width:768px){nav a.menu-item{max-width:12em}}nav a.menu-item.menu-item-1.current{background-color:#6cc6ba}nav a.menu-item.menu-item-2.current{background-color:#fcbc46}nav a.menu-item.menu-item-3.current{background-color:#6699cc}nav a.menu-item.current{background-color:#6cc6ba;font-family:"q_bold";color:#000}nav a.menu-item.contact-item{position:absolute;right:1em;top:0;border-right:0}nav a.menu-item.contact-item:hover{background-color:transparent;color:white}@media (max-width:767px){nav a.menu-item.contact-item{display:none}}nav .menubar{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;height:100%;border-bottom:2px solid #e9e8e4;width:0}@media (min-width:768px){nav .menubar{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}}nav ul.expand-menu{overflow:hidden;position:absolute;left:0;top:45px;margin:0;border:0;background-color:#404040;padding:2em 3em 3em;width:80%;max-width:300px}nav ul.expand-menu li{list-style:none;margin-bottom:1em}nav ul.expand-menu li a{font-family:"q_bold"}nav ul.expand-menu li ul.inner-menu{margin:1em 0 2em}nav ul.expand-menu li ul.inner-menu li a{font-weight:400;font-size:15px;font-family:"q_regular"}#index nav{display:none}.section{width:100%;min-height:100vh;position:relative;padding:45px 0}.section.startpage{width:100%;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;text-align:center;background-image:url(../img/startbg-mob.svg);background-repeat:no-repeat;background-position:top center}@media (min-width:480px){.section.startpage{background-image:url(../img/startbg-desktop.svg)}}.section.startpage a.button{position:absolute;bottom:5em;width:10em;left:0;right:0;margin:0 auto}@media (max-width:767px){.section.startpage a.button{margin:0 auto -1em}}.section.startpage .btn-course{background-color:#85ADD6;background-image:url(../img/icon-next-dark.svg);background-repeat:no-repeat;background-position:center right 1.5em;background-size:12px 24px;padding:1.5em 4em 1.5em 1.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:1em;width:100%;border:2px solid #e9e8e4;position:absolute;bottom:2em;right:1em}@media (max-width:767px){.section.startpage .btn-course{bottom:-8em;right:0}}@media (min-width:768px){.section.startpage .btn-course{width:50%;max-width:400px}}.section.startpage .btn-course img{width:100px;height:60px;margin-right:2em;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0}.section.startpage .btn-course span{color:#000}.section.startpage .btn-course:hover{border-color:#6cc6ba}#page-start-img{width:80px;height:80px;margin-bottom:1.5em}#logotyp{width:60%;max-width:300px}.start-item-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;margin-top:1em;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.start-item-wrapper a.start-item{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:black;width:100%;height:125px;margin-bottom:0.5em;padding:0;text-align:center;background-color:#6cc6ba;background-position:center center;background-repeat:no-repeat;background-size:cover}.start-item-wrapper a.start-item .h4,.start-item-wrapper a.start-item .p{margin:0;z-index:2}.start-item-wrapper a.start-item .h2{z-index:3;margin-top:0}.start-item-wrapper a.start-item .time{position:absolute;text-align:left;top:10px;left:10px;z-index:3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.start-item-wrapper a.start-item .time img{width:25px;height:30px;margin-right:5px}.start-item-wrapper a.start-item .overlay{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:border 0.5s ease;-o-transition:border 0.5s ease;transition:border 0.5s ease;z-index:1}.start-item-wrapper a.start-item#menu-2{background-color:#fcbc46}.start-item-wrapper a.start-item#menu-2 .overlay{border-color:#fbab18}.start-item-wrapper a.start-item#menu-3{background-color:#85add6}.start-item-wrapper a.start-item#menu-3 .overlay{border-color:#6699cc}@media (min-width:768px){.start-item-wrapper a.start-item{width:400px;height:125px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-bottom:25px}}.start-item-wrapper a.start-item:hover .overlay{border-top-width:5em;border-bottom-width:5em}.bg-pattern{background-image:url(../img/bg-fakta.svg);background-repeat:repeat;background-size:439px 840px}#fakta .wrapper-btn-fakta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}#fakta .btn-fakta{background-color:#6cc6ba;border:none;width:48%;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;text-align:center;text-transform:none;margin-bottom:8px;padding:0.8em 10px 10px}#fakta .btn-fakta span{height:2em;display:block;line-height:1;font-family:'q_bold'}#fakta .btn-fakta img{margin:10px auto;width:90%}#fakta .btn-fakta.leftside{margin-right:6px}#fakta .btn-fakta.rightside{margin-left:6px}#fakta .btn-fakta:hover{background-color:#89d1c8}@media (min-width:768px){#fakta .btn-fakta{width:180px;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;margin:6px}}#fakta .btn-fakta .progress{width:100%;height:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#fakta .btn-fakta .progress .progress-item{height:100%;width:31%;background-color:white}#fakta .btn-fakta .progress .progress-item.done{background-color:#c4e8e3}#fakta .btn-fakta .progress .progress-item.undone{background-color:#872C17}.btn-bar{width:100%;height:60px;background-color:#404040;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;position:absolute;bottom:0;left:0}.btn-bar.fixed{position:fixed;bottom:0;left:0}.btn-bar a,.btn-bar button{background-color:transparent;border:none;width:50%;background-repeat:no-repeat}.btn-bar a.btn-next,.btn-bar button.btn-next{background-image:url(../img/icon-next.svg);background-position:top right}.btn-bar a.btn-next:focus,.btn-bar a.btn-next:hover,.btn-bar button.btn-next:focus,.btn-bar button.btn-next:hover{text-decoration:underline;background-color:rgba(0, 0, 0, 0.5)}.btn-bar a.btn-prev,.btn-bar button.btn-prev{background-image:url(../img/icon-prev.svg);background-position:top left}.btn-bar a.btn-prev:focus,.btn-bar a.btn-prev:hover,.btn-bar button.btn-prev:focus,.btn-bar button.btn-prev:hover{text-decoration:underline;background-color:rgba(0, 0, 0, 0.5)}@media (min-width:768px){.btn-bar{height:45px}}.chapter-wrapper{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.chapter-wrapper .h2.desktop-title{width:100%;position:absolute;top:1em;left:0;text-align:center}.chapter-wrapper .h2.desktop-title span{text-transform:uppercase;font-size:30px}.chapter-wrapper .chapter{width:100%;min-height:calc(100vh - 90px)}.chapter-wrapper .chapter .h2,.chapter-wrapper .chapter h2{font-size:20px;margin-top:1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chapter-wrapper .chapter .h2 span,.chapter-wrapper .chapter h2 span{padding-bottom:5px;text-transform:uppercase;max-width:100%;border-bottom:5px solid #6cc6ba;margin-bottom:14px;font-size:23px}@media (min-width:768px){.chapter-wrapper .chapter .h2,.chapter-wrapper .chapter h2{margin-top:1em}.chapter-wrapper .chapter .h2 span,.chapter-wrapper .chapter h2 span{text-transform:none;font-size:20px}}@media (min-width:768px){.chapter-wrapper{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:4em 0 2em}.chapter-wrapper .chapter{width:50%;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.chapter-wrapper .chapter.row.fluid{padding-left:1em;padding-right:1em}.chapter-wrapper .chapter.chapter-start{display:none}.chapter-wrapper .chapter .container{margin-top:1em;background-color:#e9e8e4;border-top:10px solid #51958b;border-bottom:10px solid #51958b;width:100%}.chapter-wrapper#cw-1{background-color:#6cc6ba;background-image:url(../img/bg-bakterier.svg);background-repeat:repeat;background-position:top left;background-attachment:fixed;background-size:439px 840px}.chapter-wrapper#cw-2{background-color:#6cc6ba;background-image:url(../img/bg-lab.svg);background-repeat:repeat;background-position:top left;background-attachment:fixed;background-size:439px 840px}.chapter-wrapper#cw-3{background-color:#6cc6ba;background-image:url(../img/bg-antibiotika.svg);background-repeat:repeat;background-position:top left;background-attachment:fixed;background-size:439px 840px}.chapter-wrapper#cw-4{background-color:#6cc6ba;background-image:url(../img/bg-resistens.svg);background-repeat:repeat;background-position:top left;background-attachment:fixed;background-size:439px 840px}.chapter-wrapper#cw-5{background-color:#6cc6ba;background-image:url(../img/bg-resistens.svg);background-repeat:repeat;background-position:top left;background-attachment:fixed;background-size:433px 801px}}@media (min-width:1024px){.chapter-wrapper{-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding:4em 1em 2em}.chapter-wrapper .chapter{width:25%;max-width:33%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-line-pack:start;align-content:flex-start}.chapter-wrapper .chapter.chapter-start{display:none}.chapter-wrapper .chapter.wide{width:33%}.chapter-wrapper .chapter .container{margin-top:1em;background-color:#e9e8e4;border-top:10px solid #51958b}}#pretest-result{display:none}#pretest-result h2{font-size:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#pretest-result h2 span{padding-bottom:5px;text-transform:uppercase;border-bottom:5px solid #6cc6ba;margin-bottom:0;font-size:23px}.img-inset img{width:55px;height:55px;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;margin-right:15px}@media (min-width:768px){.img-inset img{margin-right:10px;width:40px;height:40px}}@media (min-width:1250px){.img-inset img{margin-right:15px;width:55px;height:55px}}#patient{background-color:#e9e8e4;background-image:url(../img/bg-fakta.svg);background-position:top left;background-attachment:fixed;background-repeat:repeat;background-size:439px 840px;-webkit-transition:background 0.5s ease;-o-transition:background 0.5s ease;transition:background 0.5s ease}#patient.showcase{background:#e9e8e4}@media (min-width:768px){#patient.showcase{background-color:#85add6;background-image:url(../img/bg-patientfall.svg);background-position:top left;background-attachment:fixed;background-repeat:repeat;background-size:439px 840px}}#patient.resultbg{background-color:#404040;background-image:url(../img/bg-result.svg);background-position:bottom center;background-repeat:no-repeat;background-size:contain;max-height:100vh;overflow:hidden}@media (min-width:768px){#patient.resultbg{background-position:bottom 100px center}}#patient .section{padding-bottom:0}.btn-radio{background-color:transparent;border:none;text-align:left;text-transform:none;font-weight:400;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:5px;padding-bottom:5px}.btn-radio .selector{width:1.8em;height:1.8em;background-color:white;border-radius:50%;border:5px solid #6699cc;display:block;margin-right:0.5em}.btn-radio.selected .selector{background-color:#85add6}#game{width:100%;background-color:#4f4f4f;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:2em 1em;height:calc(100vh - 45px);margin-bottom:-45px}#game .wrapper{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width:768px){#game .wrapper{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding-bottom:80px}}@media (min-width:768px){#game{height:calc(100vh - 45px)}}#page-select{background-color:#e9e8e4;height:100vh}@media (min-width:768px){#page-select{padding:2em;border:1px solid #404040;max-width:400px;height:auto;margin:2em auto}}#gamestatus,#progress{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:white;margin-bottom:3em;margin-top:1em}#gamestatus .h2,#progress .h2{margin:0}@media (min-width:768px){#gamestatus,#progress{width:30%;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:1;flex-shrink:1}}@media (max-width:767px){#progress{margin-top:0}}#progress #instr-wrapper{background-color:rgba(64, 64, 64, 0.9);padding:1.5em 2.5em 0.75em 1.5em;position:fixed;top:0;left:0;height:100vh;width:100%;z-index:999}#progress #instr-wrapper li{margin-bottom:10px}#progress #instr-wrapper .btn-close{position:absolute;top:1em;right:1em;background-color:transparent;border:none;background-image:url(../img/btn-close-wht.svg);background-repeat:no-repeat;background-position:center center}@media (min-width:768px){#progress #instr-wrapper{background-color:rgba(255, 255, 255, 0.1);border-radius:2px;margin-top:2em;position:relative;width:140%;height:auto;padding:0.75em 2.5em 0.75em 1.5em}#progress #instr-wrapper .btn-close{display:none}}.clock-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap}#startbtn-wrapper{width:100%;padding:1em 0;text-align:center;-ms-flex-negative:0;flex-shrink:0;position:fixed;background-color:#e9e8e4;bottom:0;left:0;overflow:hidden;-webkit-transition:height 0.5s ease, padding 0.5s ease;-o-transition:height 0.5s ease, padding 0.5s ease;transition:height 0.5s ease, padding 0.5s ease;z-index:999}@media (min-width:768px){#startbtn-wrapper{padding:1.5em 0}}#startbtn-wrapper.hide{height:0;padding:0}.clock-wrapper{font-weight:600;font-size:18px}.flip-clock-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:row;flex-basis:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}#cases-wrong{margin-right:0}#cases-wrong.flip-clock-wrapper ul li a div div.inn{background-color:#ff3333!important}#cases-wrong:after{content:"Fel";position:absolute;top:100%;left:0;text-align:center;width:100%;color:white;font-size:16px;margin-top:5px}#cases-correct{margin-left:-10px;margin-right:15px}#cases-correct.flip-clock-wrapper ul li a div div.inn{background-color:#00cc66!important}#cases-correct:after{content:"Rätt";position:absolute;top:100%;left:0;text-align:center;width:100%;color:white;font-size:16px;margin-top:5px}#cases-max{margin-left:15px}#cases-max:after{content:"Totalt";position:absolute;top:100%;left:0;text-align:center;width:100%;color:white;font-size:16px;margin-top:5px}.shadow{border-top:2px solid #4f4f4f}#board{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#board .wrapper{background-color:#858585;width:22em;height:22em;padding:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-line-pack:distribute;align-content:space-around;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0}@media (max-height:580px){#board .wrapper{width:18em;height:18em}}#board .wrapper .marker{width:17%;-ms-flex-negative:0;flex-shrink:0;height:17%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#board .wrapper .marker .place{width:60%;height:60%;background-color:#4f4f4f;border-radius:50%}#board .wrapper .marker.active{background-image:url(../img/place-active.svg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%;-webkit-transition:background 1s ease;-o-transition:background 1s ease;transition:background 1s ease}#board .wrapper .marker.active .place{background:none}#board .wrapper .marker.active.current{border-radius:50%;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:pulseNmove;animation-name:pulseNmove;cursor:pointer}#board .wrapper .marker.active.wrong{background-image:url(../img/place-wrong.svg)}#board .wrapper .marker.active.correct{background-image:url(../img/place-correct.svg)}#board .extra-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}#board .extra-wrapper .extra{width:1em;height:1em;display:block;border-radius:50%;background-color:#d2d2d2;margin:5px;-webkit-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s;-webkit-box-shadow:-1px 3px 2px 0px rgba(0, 0, 0, 0.33);box-shadow:-1px 3px 2px 0px rgba(0, 0, 0, 0.33)}#board .extra-wrapper .extra.used{background-color:rgba(0, 0, 0, 0.5);-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8);-webkit-box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0)}#patientcase{width:100%;min-height:calc(100vh - 45px);display:block}#patientcase:focus{outline:none}@media (min-width:768px){#patientcase{padding:0 2em}}#patientcase .persona-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100px;padding:0 10px 0 1em;background-color:#e9e8e4;-webkit-transition:height 0.5s ease;-o-transition:height 0.5s ease;transition:height 0.5s ease}#patientcase .persona-wrapper img{margin-top:10px;height:80px;width:80px;margin-right:1em;border-radius:50%;background-color:white;-webkit-transition:height 0.5s ease, width 0.5s ease;-o-transition:height 0.5s ease, width 0.5s ease;transition:height 0.5s ease, width 0.5s ease}#patientcase .persona-wrapper .h2{margin:0}#patientcase .persona-wrapper.closed{background-color:#e9e8e4;height:60px}#patientcase .persona-wrapper.closed img{height:40px;width:40px}@media (min-width:768px){#patientcase .persona-wrapper{background-color:transparent;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:120px}#patientcase .persona-wrapper.closed{background-color:transparent;height:120px}#patientcase .persona-wrapper.closed img{height:80px;width:80px}}#patientcase .q-holder{display:none}#patientcase .q-holder:focus{outline:none}#patientcase .q-holder#q-0{display:block}#patientcase .q-holder .question{margin-bottom:1em}#patientcase .q-holder .answer .btn-answer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:1em 0 0.5em;padding:0;border:none;text-transform:none;text-align:left;font-size:16px;font-family:"q_regular";font-weight:400;width:100%}#patientcase .q-holder .answer .btn-answer .status{width:2em;height:2em;background-color:#e9e8e4;margin-right:1em;-ms-flex-negative:0;flex-shrink:0}@media (min-width:768px){#patientcase .q-holder .answer .btn-answer .status{width:1.5em;height:1.5em;margin-right:1em}}@media (min-width:1250px){#patientcase .q-holder .answer .btn-answer .status{width:2em;height:2em;margin-right:1em}}#patientcase .q-holder .answer .btn-answer.m-b-2{margin-bottom:2em}#patientcase .q-holder .answer .btn-answer.selected .status{background-color:#334d66}#patientcase .q-holder .answer .btn-answer.wrong .status{background-image:url(../img/wrong.svg)}#patientcase .q-holder .answer .btn-answer.correct .status{background-image:url(../img/correct.svg)}#patientcase .q-holder .answer .feedback{background-color:#e9e8e4;padding:7px;margin-bottom:2em;font-family:"q_regular";font-size:16px}#patientcase #info-holder{display:none}#patientcase #info-holder .info-bp{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:1em;font-size:16px;font-family:"q_regular";font-weight:400}#patientcase #info-holder .info-bp .bp{width:1em;height:1em;background-color:#6699cc;border:2px solid white;border-radius:50%;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;margin-right:1em;margin-top:2px;margin-left:-1em}#patientcase #info-holder:focus{outline:none}#patientcase #d-holder .decision{margin-bottom:2em}#patientcase #d-holder .decisions{margin:0 -2em}@media (min-width:768px){#patientcase #d-holder .decisions{margin:0 -1em}}@media (min-width:1250px){#patientcase #d-holder .decisions{margin:0 -2em}}#patientcase #d-holder .decisions .btn-decision{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0.5em 0 0.5em;padding:0.25em 2em 0.25em 2em;border:none;text-transform:none;text-align:left;font-size:16px;font-family:"q_regular";font-weight:400;width:100%;min-height:5em;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;background-color:#e9e8e4}@media (min-width:768px){#patientcase #d-holder .decisions .btn-decision{padding:0.25em 1em 0.25em 1em}}@media (min-width:1250px){#patientcase #d-holder .decisions .btn-decision{padding:0.25em 2em 0.25em 2em}}#patientcase #d-holder .decisions .btn-decision.selected{background-color:#6699cc;color:white}#patientcase #d-holder .decisions .btn-decision.correct,#patientcase #d-holder .decisions .btn-decision.wrong{background-repeat:no-repeat;background-position:center right 10px;background-size:2em 2em;padding-right:3.5em}#patientcase #d-holder .decisions .btn-decision.wrong{background-image:url(../img/wrong.svg)}#patientcase #d-holder .decisions .btn-decision.correct{background-image:url(../img/correct.svg)}#patientcase #d-holder .decisions .feedback{margin-bottom:2em;padding:10px 2em;font-family:"q_regular";font-size:16px;background-color:#e9e8e4}@media (min-width:768px){#patientcase #d-holder .decisions .feedback{padding:10px 1em}}@media (min-width:1250px){#patientcase #d-holder .decisions .feedback{padding:10px 2em}}#end-case{background-color:white;position:fixed;bottom:0;left:0;right:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100px;z-index:999}#end-case #btnDiploma,#end-case #btnSave,#end-case #btnTryAgain{background-color:#85add6;border-color:#6699cc;font-family:'q_bold'}#end-case button{min-width:14em}#btnSave{border-color:#6699cc;margin-bottom:1em;font-family:'q_bold'}#btnNextP,#btnSave{width:14em;max-width:100%;font-family:'q_bold'}.btnNext,.btnNextQ,.btnSubmit{min-width:8em;max-width:10em}.btnSubmit{margin-top:2em}#game{z-index:10}#patientcase{z-index:1}#end-result{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;padding:2em 2em 0;min-height:calc(100vh - 45px);margin-bottom:-45px;color:white}#end-result img{width:5em;height:5em;margin:1em 0}@media (max-height:600px){#end-result img{max-height:5vh;margin:10px 0}}@media (min-width:768px){#end-result{max-width:600px;margin:5em auto;min-height:400px}}@media (max-height:800px){#end-result{margin:2em auto}}@media (max-height:600px){#end-result{margin:0 auto}}#end-result .score span{color:#ff0000}#end-result.pass .score span{color:#00cc66}#end-result.ok .score span{color:#fbab18}#end-result .h3{font-weight:400}#end-result .diploma-title{margin-top:2em;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;padding:0 0 0 30px;background-image:url(../img/icon-diplom.svg);background-repeat:no-repeat;background-size:25px 25px;min-height:30px}#end-result #input-name{width:250px;z-index:99;border:none;padding:5px;color:black}.accordion-holder{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.accordion-holder .accordion-item{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.accordion-holder button.accordion-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 0 3px 0;border-radius:0;background-color:#c2d6eb;border:none;text-align:left;text-transform:none;padding:0 1em;background-image:url(../img/open.svg);background-repeat:no-repeat;background-position:right 1em center;background-size:1.25em 1.25em;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;min-height:60px}@media (min-width:768px){.accordion-holder button.accordion-btn{background-color:white}}.accordion-holder button.accordion-btn span{margin-left:5px;font-family:'q_bold'}.accordion-holder button.accordion-btn:disabled{background-image:none;cursor:default}.accordion-holder button.accordion-btn.open{background-image:url(../img/close.svg);background-color:white;border-top:3px solid #e9e8e4;margin-bottom:0}.accordion-holder button.accordion-btn.open span{border-bottom:5px solid #6699cc;margin-top:5px}.accordion-holder button.accordion-btn img{width:40px;height:40px;margin-right:10px;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0}@media (min-width:768px){.accordion-holder button.accordion-btn img{margin-right:3px;width:30px;height:30px}}@media (min-width:1250px){.accordion-holder button.accordion-btn img{margin-right:10px;width:40px;height:40px}}.accordion-holder .hidden{background-color:white;padding:0.5em 2em 2em}@media (min-width:768px){.accordion-holder .hidden{padding:0.5em 1em 2em}}@media (min-width:1250px){.accordion-holder .hidden{padding:0.5em 2em 2em}}@media (min-width:768px){.accordion-holder.horisontal{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.accordion-holder.horisontal .accordion-item{width:24%}}.accordion-holder .accordion-item.green button.accordion-btn{background-color:white;padding-left:1.5em;padding-right:2.5em}@media (min-width:768px){.accordion-holder .accordion-item.green button.accordion-btn{padding-left:0.75em}}@media (min-width:1250px){.accordion-holder .accordion-item.green button.accordion-btn{padding-left:1.5em}}.accordion-holder .accordion-item.green button.accordion-btn.open{background-color:#d0ede9}.accordion-holder .accordion-item.green button.accordion-btn.open span{border-color:#6cc6ba}.accordion-holder .accordion-item.green .hidden{background-color:#d0ede9}.accordion-holder .accordion-item.green .accordion-holder button.accordion-btn{margin-left:-0.5em;margin-right:-0.5em;background-color:#6cc6ba;color:white;background-image:url(../img/open-plus.svg)}.accordion-holder .accordion-item.green .accordion-holder button.accordion-btn.open{background-image:url(../img/close-minus.svg)}.accordion-holder .accordion-item.green .accordion-holder .hidden{background-color:white;margin-left:-0.5em;margin-right:-0.5em}.accordion-holder .accordion-item.green .accordion-holder .hidden .bplist{padding-right:0px}@media (min-width:768px){.accordion-holder .accordion-item.green .accordion-holder .hidden{padding-left:12px;padding-right:12px}}svg#konsekvenser,svg#patogena{width:300px;height:400px;max-width:90%}svg#utveckling{width:300px;height:100px;max-width:90%}.btn-click{cursor:pointer}.btn-click.current circle{fill:#d0ede9}.click-popup{background-color:#d0ede9;padding:1em 2em 3em}@media (min-width:768px){.click-popup{padding:1em 1em 3em}}@media (min-width:1250px){.click-popup{padding:1em 2em 3em}}.click-popup button.btn-close-popup{background-color:transparent;border:none;background-image:url(../img/btn-close.svg);width:40px;height:40px;position:absolute;top:5px;right:5px}.click-popup button.btn-close-popup:focus,.click-popup button.btn-close-popup:hover{border:2px solid #000}.click-popup h4{margin-bottom:2em}.click-popup h4 span{border-bottom:5px solid #6cc6ba;margin-top:5px}.click-popup:focus{outline:none}#test{background-color:#e9e8e4;background-image:url(../img/bg-test.svg);background-position:top left;background-attachment:fixed;background-repeat:repeat;background-size:cover;-webkit-transition:background 0.5s ease;-o-transition:background 0.5s ease;transition:background 0.5s ease}#test.resultbg{background-color:#404040;background-image:url(../img/bg-result.svg);background-position:bottom 80px center;background-repeat:no-repeat;background-size:contain}#testpage{position:relative;display:block;width:100%;margin-top:0;height:calc(100vh-160px)}#fakta #testpage{position:absolute;top:0;left:0;height:100vh;padding-top:3em;background-color:#e9e8e4;background-image:url(../img/bg-test.svg);background-position:top left;background-attachment:fixed;background-repeat:repeat}#quizCatSlider{position:relative;display:block;margin-top:0}#quizCatSlider .flexslider{padding:0}#quizCatSlider .flexslider ul.slides{margin:0;padding:0;list-style:none}#quizCatSlider .flexslider ul.slides>li{display:none}#quizCatSlider .flexslider ul.slides li{text-align:center}#quizCatSlider .flexslider ul.slides .flex-active-slide:focus{outline:none}#quizCatSlider .question{text-align:left;margin:1em auto;padding:1em 2em;max-width:600px;font-size:16px}#quizCatSlider .answer-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:1em;margin-bottom:1em}#quizCatSlider .answer-wrapper button{margin:0 0 5px;background-color:#fdcd74;cursor:pointer;vertical-align:top;width:100%;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;border:none;text-transform:none;font-weight:600;font-size:15px;position:relative;text-align:left;padding:1em 3em 1em 2em;min-height:5.5em;font-family:'q_bold'}#quizCatSlider .answer-wrapper button img{position:absolute;width:2em;height:2em;top:1.75em;right:5px}@media (min-width:768px){#quizCatSlider .answer-wrapper button{width:30%;margin:5px}}#quizCatSlider .answer-wrapper button:focus,#quizCatSlider .answer-wrapper button:hover{background-color:#fcbc46}#quizCatSlider .answer-wrapper button.selected{cursor:default;background-color:#FFFFFF}#quizCatSlider .answer-wrapper button.disabled{cursor:default}#quizCatSlider .answer-wrapper button.disabled:focus,#quizCatSlider .answer-wrapper button.disabled:hover{background-color:#fdcd74}@media (max-width:767px){#quizCatSlider .answer-wrapper{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}#quizCatSlider .feedback{width:80%;margin:0 auto;padding-bottom:100px;line-height:1.2}#quizCatSlider .feedback:focus{outline:none}#quizCatSlider.green-theme .answer-wrapper button{background-color:#c4e8e3}#quizCatSlider.green-theme .answer-wrapper button:focus,#quizCatSlider.green-theme .answer-wrapper button:hover{background-color:#6cc6ba}#quizCatSlider.green-theme .answer-wrapper button.selected{background-color:#FFFFFF}#quizCatSlider.green-theme .answer-wrapper button.disabled:focus,#quizCatSlider.green-theme .answer-wrapper button.disabled:hover{background-color:#c4e8e3}#fakta .feedback{padding-bottom:145px}#btn-holder{position:fixed;top:100%;left:0;width:100%;background-color:white;padding:2em 0;-webkit-transition:-webkit-transform 0.5s ease;transition:-webkit-transform 0.5s ease;-o-transition:transform 0.5s ease;transition:transform 0.5s ease;transition:transform 0.5s ease, -webkit-transform 0.5s ease}#btn-holder.show{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}#btn-holder .btn_diploma,#btn-holder .btn_next,#btn-holder .btn_nextCat,#btn-holder .btn_restart{background-color:#fcbc46;border-color:#fbab18;min-width:10em;margin:0 1em;padding-left:5px;padding-right:5px;font-family:'q_medium'}#btn-holder.green-theme .btn_next,#btn-holder.green-theme .btn_restart{background-color:#89d1c8;border-color:#6cc6ba}#btn-holder:focus{outline:none}#btn_diploma{background-color:#fcbc46;border:5px solid #fbab18;min-width:10em;margin:1em;padding-left:5px;padding-right:5px;font-family:'q_medium';cursor:pointer;text-align:center;color:black;text-transform:uppercase;border-radius:0;text-decoration:none;padding:0.65em;font-weight:600;font-size:16px}.no-js .slides>li:first-child{display:block}#result-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#404040;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;padding:2em 2em 40vh;height:100vh;width:100%;color:white}#result-wrapper .h4{max-width:400px;width:100%}#result-wrapper img{width:5em;height:5em;margin:1em 0}@media (min-width:768px){#result-wrapper{background-color:transparent;width:100vw;margin:5em auto 0;height:350px;padding:0}#result-wrapper .h4{max-width:400px}}#result-wrapper #count-correct.flip-clock-wrapper ul li a div div.inn{background-color:#00cc66!important}#progress-counter{width:100%;text-align:center;line-height:2em;font-family:'q_bold';padding:1em 2em 0;margin-top:0}#progress-counter span{padding-bottom:5px;border-bottom:5px solid #fbab18}#progress-counter.green-theme span{border-color:#6cc6ba}@-webkit-keyframes slideInFromBottom{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideInFromBottom{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@media (max-width:767px){.desktop{display:none!important}}@media (min-width:768px){.mobile{display:none!important}}