.hub,.ski-quiz{font-family:jaf-facitweb,Helvetica,Arial,sans-serif;font-size:14px}.container.hub{color:#4F4F4F;max-width:980px}.ski-quiz{background:url(../img/header.jpg) center top no-repeat #fff;color:#fff;padding:0;position:relative;background-size:cover}#quizResult.ski-quiz{background-size:contain}@media screen and (max-width:768px){#quizResult.ski-quiz{background:url(../img/header-sml.jpg) center top no-repeat #fff}.ski-quiz .intro .mobile{display:block}.ski-quiz .intro .desktop{display:none}}@media screen and (min-width:1140px){#quizResult.ski-quiz{background-position-y:-100px}}.ski-quiz .quiz-intro{padding:40px}.ski-quiz .quiz-intro h1{font-size:25px;font-weight:400;margin:0}.ski-quiz .quiz-intro h2{font-size:18px;font-weight:400;margin:0}.ski-quiz .quiz-intro p{color:#000}.ski-quiz .quiz-intro#introOther{color:#000!important;padding-bottom:0}@media (min-width:768px){.ski-quiz .quiz-intro h1{font-size:40px}.ski-quiz .quiz-intro h2{font-size:26px;line-height:34px}}.ski-quiz .quiz-question,.ski-quiz .quiz-result,.ski-quiz .quiz-result:before{padding:30px 20px;min-height:370px;background:-moz-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 10%,rgba(255,255,255,.9) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 10%,rgba(255,255,255,.9) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 10%,rgba(255,255,255,.9) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ccffffff', GradientType=0 )}.ski-quiz .quiz-result:before{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100vh}.ski-quiz .quiz-question h3{font-size:20px;font-weight:400;color:#353535;margin:0;padding:10px}.ski-quiz .quiz-question h4{font-size:18px;font-weight:600;color:#353535;margin:0;padding:0}.ski-quiz .quiz-question ul{list-style-type:none;margin:40px 0;display:flex;justify-content:center;padding:0;flex-wrap:wrap}.ski-quiz .quiz-question ul li{list-style-type:none;margin:5px}.ski-quiz .quiz-question ul a.bubble{width:100px;height:100px;padding:20px;border-radius:200px;flex:1;display:flex;align-items:center;text-decoration:none;justify-content:center;cursor:pointer;background:#2350A0;color:#fff;text-align:center;font-size:.9em}.ski-quiz .quiz-question ul a.bubble:hover{background:#000}.ski-quiz .quiz-question a.prev{color:#0078FF;padding-top:10px;display:block;cursor:pointer}.ski-quiz .quiz-question a.prev:hover{color:#000}.ski-quiz .quiz-result{margin:20px 0;padding:30px 0;min-height:370px;display:flex;flex-wrap:wrap;position:relative}.ski-quiz .quiz-result .min-pad{padding-left:10px;padding-right:10px;}@media (min-width:600px){.ski-quiz .quiz-question ul a.bubble{width:150px;height:150px;font-size:1.2rem}.ski-quiz .quiz-question h4{font-size:28px}.ski-quiz .quiz-result{padding:30px 20px}}.ski-quiz .quiz-result .no-pad{padding-left:1px;padding-right:1px}.ski-quiz .quiz-result .trump-card{position:relative;background:#fff;border-radius:8px;margin-bottom:20px;border:5px solid #2350a0}.ski-quiz .quiz-result .trump-card .main-img{margin:0 auto}.ski-quiz .quiz-result .trump-card .heading{width:70%;display:flex;flex-direction:column;justify-content:center;align-items:start;min-height:60px}.ski-quiz .quiz-result .trump-card .heading h2{text-align:left;color:#0A3282;font-size:18px;line-height:20px;margin:0;padding:10px;font-weight:400}.ski-quiz .quiz-result .trump-card .flag{position:absolute;top:10px;right:0;width:30%}.ski-quiz .quiz-result .trump-card .flag img{float:right}.ski-quiz .quiz-result .trump-card .country{background:#c03}.ski-quiz .quiz-result .trump-card .country h3{font-size:12px;padding:5px 10px;margin:0;color:#fff;font-weight:400}.ski-quiz .quiz-result .trump-card .date{background:#f2f2f2}.ski-quiz .quiz-result .trump-card .date .date-content{font-size:11px;line-height:11px;padding:5px 15px;margin:0;color:#0A3282;font-weight:400}.ski-quiz .quiz-result .trump-card .date .date-content img{float:left;margin-right:5px}.ski-quiz .quiz-result .trump-card .date .date-content p{margin:0;padding:2px 0 0}.ski-quiz .quiz-result .trump-card .content{min-height:105px;padding:10px;display:flex}.ski-quiz .quiz-result .trump-card .content p{color:#000;font-size:12px;margin:0;padding:0;line-height:15px;align-self:center}.ski-quiz .quiz-result .trump-card .levels{margin:10px;font-size:12px}.ski-quiz .quiz-result .trump-card .levels .text{float:left;width:40%;color:#0A3282;background:#f2f2f2;padding:8px 5px;line-height:12px;height:28px;overflow:hidden;margin-bottom:3px}.ski-quiz .quiz-result .trump-card .levels .count{position:relative;float:left;width:60%;color:#fff;background:#2350A1;text-align:right;padding:8px 5px;line-height:12px;height:28px;overflow:hidden;margin-bottom:3px}.ski-quiz .quiz-result .trump-card .levels .count::before{border-bottom:28px solid transparent;border-top:28px solid transparent;content:'';position:absolute;top:0;left:0;height:28px;font-size:0;line-height:0;padding-bottom:10%;background:#f2f2f2;clip-path:polygon(0 0,10% 0,0 100%,0 100%);-webkit-clip-path:polygon(0 0,10% 0,0 100%,0 100%);z-index:99;width:80%}.progress,.progress-levels{width:100%;overflow:hidden}.ski-quiz .quiz-result .trump-card .levels .count.level-10::before{clip-path:polygon(0 0,10% 0,0 100%,0 100%);-webkit-clip-path:polygon(0 0,10% 0,0 100%,0 100%)}.ski-quiz .quiz-result .trump-card .levels .count.level-9::before{clip-path:polygon(0 0,20% 0,10% 100%,0 100%);-webkit-clip-path:polygon(0 0,20% 0,10% 100%,0 100%)}.ski-quiz .quiz-result .trump-card .levels .count.level-8::before{clip-path:polygon(0 0,30% 0,20% 100%,0 100%);-webkit-clip-path:polygon(0 0,30% 0,20% 100%,0 100%)}.ski-quiz .quiz-result .trump-card .levels .count.level-7::before{clip-path:polygon(0 0,40% 0,30% 100%,0 100%);-webkit-clip-path:polygon(0 0,40% 0,30% 100%,0 100%)}.ski-quiz .quiz-result .trump-card .levels .count.level-6::before{clip-path:polygon(0 0,50% 0,40% 100%,0 100%);-webkit-clip-path:polygon(0 0,50% 0,40% 100%,0 100%)}.ski-quiz .quiz-result .trump-card .levels .count.level-5::before{clip-path:polygon(0 0,60% 0,50% 100%,0 100%);-webkit-clip-path:polygon(0 0,60% 0,50% 100%,0 100%)}.ski-quiz .quiz-result .trump-card .levels .count.level-4::before{clip-path:polygon(0 0,70% 0,60% 100%,0 100%);-webkit-clip-path:polygon(0 0,70% 0,60% 100%,0 100%)}.ski-quiz .quiz-result .trump-card .levels .count.level-3::before{clip-path:polygon(0 0,80% 0,70% 100%,0 100%);-webkit-clip-path:polygon(0 0,80% 0,70% 100%,0 100%)}.ski-quiz .quiz-result .trump-card .levels .count.level-2::before{clip-path:polygon(0 0,90% 0,80% 100%,0 100%);-webkit-clip-path:polygon(0 0,90% 0,80% 100%,0 100%)}.ski-quiz .quiz-result .trump-card .levels .count.level-1::before{clip-path:polygon(0 0,100% 0,90% 100%,0 100%);-webkit-clip-path:polygon(0 0,100% 0,90% 100%,0 100%)}.ski-quiz .quiz-result .trump-card .links{margin:10px;text-align:left}.ski-quiz .quiz-footer{padding:0 20px;color:#000}.ski-quiz .quiz-footer a{overflow-wrap:break-word;color:#0078FF}.ski-quiz .quiz-footer ul{padding:0 0 20px 30px;margin:0}.ski-quiz .quiz-footer ul li{padding-top:10px}.progress-levels{font-size:12px;padding:0 10px}.progress{position:relative;background-color:#eee;margin:0 0 3px;min-height:28px}.progress .progress-text{float:left;padding:6px 0 5px 10px;margin:0 -25px 0 0;width:35%;color:#2350a1}.progress .progress-bar-wrap{float:right!important;width:60%;height:28px}.progress .progress-bar{height:48px;position:relative;float:right!important;width:100%;background:#2350A1;text-align:right;min-width:50px}.progress .progress-bar::before{content:"";position:absolute;top:0;left:0;height:48px;font-size:0;line-height:0;background:#f2f2f2;border-right:10px solid #2350A1;border-top:48px solid transparent}.progress .progress-bar .progress-label{position:absolute;overflow:hidden;right:10px;padding:7px 0;color:#fff}.progress.progress-distance .progress-bar{width:70%}.progress.progress-cost .progress-bar{width:50%}.progress .progress-bar.level-10{width:100%}.progress .progress-bar.level-9{width:90%}.progress .progress-bar.level-8{width:80%}.progress .progress-bar.level-7{width:70%}.progress .progress-bar.level-6{width:60%}.progress .progress-bar.level-5{width:50%}.progress .progress-bar.level-4{width:40%}.progress .progress-bar.level-3{width:30%}.progress .progress-bar.level-2{width:20%}.progress .progress-bar.level-1{width:10%}@media (min-width:600px){.hub .col-wrap{display:flex;flex:1}.hub .col-wrap>div{display:flex}}