#personality-test .progress{text-align:center;padding:1.5em 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#personality-test .progress:after,#personality-test .progress:before{display:table;content:" "}#personality-test .progress:after{clear:both}#personality-test .progress span{-webkit-box-flex:0;-ms-flex:0 0 0.5em;flex:0 0 0.5em;display:block;border-radius:50%;background-color:#ededed;height:.5em;margin:0 .5em}#personality-test .progress span.active,#personality-test .question:first-child .progress span:nth-child(-n+1),#personality-test .question:nth-child(2) .progress span:nth-child(-n+2),#personality-test .question:nth-child(3) .progress span:nth-child(-n+3),#personality-test .question:nth-child(4) .progress span:nth-child(-n+4),#personality-test .question:nth-child(5) .progress span:nth-child(-n+5){background-color:#78faae}#personality-test .answers .box,#personality-test .question .text{padding:1em}@media (max-width:767px){#personality-test .answers .answer{padding-left:10vw;padding-right:10vw}}#personality-test .question{-webkit-box-flex:1;-ms-flex:1 1 20%;flex:1 1 20%}#personality-test .question .text{text-align:center}#personality-test .question .text h2{font-weight:700;font-size:1.3em;margin-bottom:.5em}#personality-test .question .hint{text-transform:uppercase;font-size:.825em;max-width:180px;margin:0 auto;border-bottom:2px solid #999;padding-bottom:.75em}@media (min-width:768px){#personality-test .question{display:-webkit-box;display:-ms-flexbox;display:flex}#personality-test .question .text{-webkit-box-flex:0;-ms-flex:0 1 40%;flex:0 1 40%}#personality-test .question .answers{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}}@media (max-width:767px){#personality-test .answers{margin-top:-2em}}@media (min-width:768px){#personality-test .answers{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-line-pack:justify;align-content:space-between}#personality-test .answers .box{-webkit-box-flex:0;-ms-flex:0 0 33.333%;flex:0 0 33.333%;-ms-flex-item-align:end;align-self:flex-end;-ms-flex:0 0 50%;flex:0 0 50%}}#personality-test .answers button{cursor:pointer;background-color:#78faae;color:#121415;-webkit-transition:color .3s ease-in-out,background-color .3s ease-in-out;transition:color .3s ease-in-out,background-color .3s ease-in-out}#personality-test .answers button.active,#personality-test .answers button:active,#personality-test .answers button:focus,#personality-test .answers button:hover{background-color:#161718;color:#fff}@media (max-width:767px){#personality-test .answers button{display:block;width:100%}}#personality-test .answer{position:relative;cursor:pointer}#personality-test .answer .image-holder{position:relative;display:block;padding-top:56.25%;overflow:hidden}#personality-test .answer .image-holder img{position:absolute;top:50%;left:50%;-webkit-transform:translate3D(-50%,-50%,0) scale(1.01);-ms-transform:translate3D(-50%,-50%,0) scale(1.01);transform:translate3D(-50%,-50%,0) scale(1.01);width:auto;max-width:none;height:100%;max-height:100%}#personality-test .answer .image-holder:after{content:"";display:block;top:0;left:0;right:0;bottom:0;position:absolute;-webkit-transition:box-shadow .3s ease-in-out;transition:box-shadow .3s ease-in-out}#personality-test .answer input{display:none}#personality-test .answer .font-icon{opacity:0;position:absolute;top:1em;right:1em;-webkit-transform:translate3d(70%,-70%,0);transform:translate3d(70%,-70%,0);font-size:1.5em;z-index:1;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}@media (max-width:767px){#personality-test .answer .font-icon{right:10vw;-webkit-transform:translate3d(50%,-70%,0);transform:translate3d(50%,-70%,0)}}#personality-test .answer input:checked+svg{opacity:1}#personality-test .answer input:checked~.image-holder:after{box-shadow:inset 0 0 0 .25em #78faae}#personality-test{padding-bottom:7.5vw;position:relative}#personality-test .bg{padding-top:550px;overflow:hidden;width:100%;position:absolute}#personality-test .bg img{position:absolute;top:50%;left:50%;-webkit-transform:translate3D(-50%,-50%,0);-ms-transform:translate3D(-50%,-50%,0);transform:translate3D(-50%,-50%,0);height:100%;max-height:100%;width:auto;max-width:none}#personality-test>.container{position:relative}#personality-test h1{font-size:1.5em;font-weight:700}@media (min-width:768px){#personality-test h1{font-size:2.25em;margin-bottom:.5em}}#personality-test .info{text-align:center;margin:0 auto;max-width:550px;padding:2em}#personality-test .info p{font-weight:500}@media (min-width:768px){#personality-test .info{padding:4em 0}}#personality-test .test{background-repeat:repeat;width:100%;overflow:hidden}#personality-test .test .question,#personality-test .test .result{padding:14px}@media (min-width:768px){#personality-test .test .question,#personality-test .test .result{padding:24px}}@media (max-width:767px){#personality-test .test{padding-bottom:125px}}#personality-test .question-wrapper{width:500%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}#personality-test .question-wrapper.show-q-2{-webkit-transform:translateX(-20%);-ms-transform:translateX(-20%);transform:translateX(-20%)}#personality-test .question-wrapper.show-q-3{-webkit-transform:translateX(-40%);-ms-transform:translateX(-40%);transform:translateX(-40%)}#personality-test .question-wrapper.show-q-4{-webkit-transform:translateX(-60%);-ms-transform:translateX(-60%);transform:translateX(-60%)}#personality-test .question-wrapper.show-q-5{-webkit-transform:translateX(-80%);-ms-transform:translateX(-80%);transform:translateX(-80%)}#personality-test .select-answer{display:none;padding-bottom:1.5em;color:#e82b37;font-weight:700;line-height:1}@media (max-width:767px){#personality-test .select-answer{text-align:center}}@media (max-width:767px){#personality-test.showing-persona .test{padding-bottom:0}}@media (max-width:767px){#personality-test .characters{margin:0 auto;margin-top:-100px}}@media (min-width:768px){#personality-test .characters{position:absolute;bottom:-80px;left:140px;max-width:250px;width:20vw;z-index:1;bottom:-50px;left:100px;width:25vw}}body.shMePersonas #personality-test .results>div{display:block!important}#personality-test .results>div{display:none}#personality-test .results .preview-wrapper{position:relative;display:block;padding-top:100%;overflow:hidden;margin:0 auto;overflow:visible}#personality-test .results .preview-wrapper img{position:absolute;top:50%;left:50%;-webkit-transform:translate3D(-50%,-50%,0) scale(1.01);-ms-transform:translate3D(-50%,-50%,0) scale(1.01);transform:translate3D(-50%,-50%,0) scale(1.01);width:auto;max-width:none;height:100%;max-height:100%;z-index:1;border:5px solid #fff;margin-top:5px}#personality-test .results .preview-wrapper:after,#personality-test .results .preview-wrapper:before{position:absolute;bottom:3px;opacity:.3;width:50%;content:"";box-shadow:0 0 3px 10px #161718}#personality-test .results .preview-wrapper:before{left:20px;-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(-2deg);-ms-transform:rotate(-2deg);transform:rotate(-2deg)}#personality-test .results .preview-wrapper:after{right:20px;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(2deg);-ms-transform:rotate(2deg);transform:rotate(2deg)}#personality-test .results h2{margin-bottom:.25em;font-weight:700}#personality-test .results .summary{font-weight:500}#personality-test .results .share a{display:block;text-transform:uppercase}#personality-test .results .share h3{font-size:1em;font-weight:700}#personality-test .results .share .font-icon{margin-right:.5em;vertical-align:-.3em;font-size:2em}@media (min-width:1024px){#personality-test .results{padding:0 5em}}@media (max-width:767px){#personality-test .results{text-align:center}#personality-test .results .preview{padding:0 10vw 3em}#personality-test .results h2{margin-bottom:.25em;font-size:1.5em}#personality-test .results .share a{width:100%}#personality-test .results .share a:not(:first-of-type){margin-top:14px}}@media (min-width:768px){#personality-test .results .result{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#personality-test .results .preview{-webkit-box-flex:1;-ms-flex:1 1 30%;flex:1 1 30%}#personality-test .results .content{-webkit-box-flex:1;-ms-flex:1 1 70%;flex:1 1 70%;-ms-flex-item-align:end;align-self:flex-end;padding-left:48px}#personality-test .results .preview-wrapper img{border:10px solid #fff}#personality-test .results h2{margin-bottom:.5em}#personality-test .results .summary{border-bottom:1px solid #ededed;padding-bottom:24px;margin-bottom:24px}#personality-test .results .share h3,#personality-test .results .summary p{margin:0}#personality-test .results .share a{float:left;margin-top:24px;margin-right:24px}}