@charset "UTF-8";header.testpage-hero{background:#fbf8f5;height:auto;padding-bottom:60px;position:relative;z-index:0}header.testpage-hero .upper{background-color:#f4ece4;min-height:360px}header.testpage-hero .upper .gridContainer{position:relative}header.testpage-hero .upper .gridContainer:after{background-image:url(../image/girl.svg);background-position:100% 0;background-repeat:no-repeat;background-size:80%;content:" ";display:block;height:400px;max-width:500px;min-height:250px;overflow:hidden;position:absolute;right:0;top:150px;width:400px}header.testpage-hero .upper .gridContainer .btn-small{display:none}@media screen and (max-width:680px){header.testpage-hero .upper .gridContainer:after{background-size:50%;top:230px}header.testpage-hero .upper .gridContainer .col-2{width:70%}}@media screen and (max-width:540px){header.testpage-hero .upper .gridContainer{min-height:380px}header.testpage-hero .upper .gridContainer:after{right:-40px;top:250px}header.testpage-hero .upper .gridContainer .col-2{margin-top:-30px;width:100%}header.testpage-hero .upper .gridContainer button.btn-small{background-color:#db0680;display:block;font-family:"Noto Serif",serif;height:auto;line-height:1;min-height:auto;padding:18px 25px;text-transform:none}}@media screen and (max-width:380px){header.testpage-hero .upper .gridContainer{min-height:410px}header.testpage-hero .upper .gridContainer:after{top:280px}}header.testpage-hero .lower{background-color:#fbf8f5;padding:30px 0}@media screen and (max-width:380px){header.testpage-hero .lower{padding-bottom:0}}header.testpage-hero .logoContainer img{width:120px}@media screen and (max-width:850px){header.testpage-hero .logoContainer img{width:100px}}header.testpage-hero h3{color:#f5599b;display:block;font-weight:600}header.testpage-hero .subtext{color:#8c1b67;display:block;font-weight:300}header.testpage-hero .notification{background:#20b4e4;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;color:#fff;display:block;font-size:12px;padding:15px 30px;position:relative;width:60%}@media screen and (max-width:850px){header.testpage-hero .notification{width:50%}}@media screen and (max-width:540px){header.testpage-hero .notification{margin-top:30px;width:100%}}header.testpage-hero .stepsIndicator{display:flex;justify-content:space-between;overflow:hidden;position:relative;width:60%}header.testpage-hero .stepsIndicator:after{background:#d2cdc9;content:"";height:4px;position:absolute;top:50%;width:100%;z-index:1}header.testpage-hero .stepsIndicator .indicator{background:url(../image/test/x.svg) no-repeat 50% #d2cdc9;background-size:30%;border:1px solid #fbf8f5;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;height:50px;position:relative;width:50px;z-index:10}header.testpage-hero .stepsIndicator .indicator.ready{background:url(../image/test/tick.svg) no-repeat 50% #f5599b;background-size:85%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;z-index:20}@media screen and (max-width:680px){header.testpage-hero .stepsIndicator .indicator{height:35px;width:35px}}header.testpage-hero .stepsIndicator .line{background:#f5599b;height:4px;position:absolute;top:50%;width:100%;z-index:5}header.testpage-hero .stepsIndicator .line.show-1{width:20%}header.testpage-hero .stepsIndicator .line.show-2{width:40%}header.testpage-hero .stepsIndicator .line.show-3{width:60%}header.testpage-hero .stepsIndicator .line.show-4{width:80%}header.testpage-hero .stepsIndicator .line.show-5{width:100%}@media screen and (max-width:540px){header.testpage-hero .stepsIndicator{margin-top:30px;width:100%}}main{height:100%;width:100%}section{background:0 0}section.stepContainer{margin-top:-50px}section.stepContainer .steps{background-color:#fff;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;filter:drop-shadow(10px 10px 10px rgba(0,1,1,.1));padding:40px 50px 20px;z-index:10}@media screen and (max-width:600px){section.stepContainer .steps{padding:30px 20px 20px}}section.stepContainer .steps.result{position:relative}section.stepContainer .steps.result h3.gradient{margin-top:-10px}section.stepContainer .steps.result .btnContainer{position:absolute;right:50px;top:40px}section.stepContainer .steps.result .btnContainer .btn{background:#f5599b;display:block;float:left;font-family:Montserrat,sans-serif}section.stepContainer .steps.result .btnContainer .btn:hover{background:#f893be}section.stepContainer .steps.result .btnContainer .btn:first-child{background-color:#e0d1da;color:#a27690;margin-right:20px}@media screen and (max-width:800px){section.stepContainer .steps.result .btnContainer{display:block;float:right;position:relative;right:auto;top:auto;width:100%}section.stepContainer .steps.result .btnContainer .btn{float:right;margin-left:20px}section.stepContainer .steps.result .btnContainer .btn:first-child{margin-right:0}}@media screen and (max-width:483px){section.stepContainer .steps.result .btnContainer{text-align:center}section.stepContainer .steps.result .btnContainer .btn{margin-left:0;width:100%}}section.stepContainer .steps.result .smaller{color:#999;font-size:13px;text-align:right}section.stepContainer .steps.result .answer{border:2px dashed #e0d1da;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;padding:20px 30px;width:auto}section.stepContainer .steps.result .answer p{color:#575757;font-size:16px;font-style:italic;margin:20px 0;text-align:justify}section.stepContainer .steps.result .answer .good{color:#810a6f;font-style:italic;margin-bottom:14px}section.stepContainer .steps.result table{margin-top:40px}section.stepContainer .steps.result table tr.parent,section.stepContainer .steps.result table tr.parent:nth-child(3),section.stepContainer .steps.result table tr.parent:nth-child(4){background-color:#f5eff3}section.stepContainer .steps.result table tr td{border:2px solid #fff;padding:10px}section.stepContainer .steps.result table tr td:first-child{text-align:left}section.stepContainer .steps.result table tr td:nth-child(2){font-size:14px}section.stepContainer .steps.result table tr td.color-1 b,section.stepContainer .steps.result table tr td.color-2 b,section.stepContainer .steps.result table tr td.color-3 b,section.stepContainer .steps.result table tr td.color-34 b,section.stepContainer .steps.result table tr td.color-4 b{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;display:block;font-size:18px;font-weight:700;height:40px;margin:0 auto;padding-top:6px;text-align:center;width:40px}section.stepContainer .steps.result table tr td.color-1 b{background-color:#58ac5e;color:#fff}section.stepContainer .steps.result table tr td.color-2 b{background-color:#76ea7f;color:#458c4a}section.stepContainer .steps.result table tr td.color-3 b{background-color:#ffea7d;color:#fd8604}section.stepContainer .steps.result table tr td.color-34 b{background-color:#feb769;color:#9a5101}section.stepContainer .steps.result table tr td.color-4 b{background-color:#fa5b4b;color:#440802}section.stepContainer .steps.result table tr td.invisible{background:0 0}section.stepContainer .steps.result table tr td.title{background-color:#e0d1da;color:#a27690;font-weight:700}section.stepContainer .steps.result table tr td.brt{border-top-left-radius:20px}section.stepContainer .steps.result table tr td.brr{border-top-right-radius:20px}section.stepContainer .steps.result table tr td.brb{border-bottom-left-radius:20px}section.stepContainer .steps.result table tr td.brl{border-bottom-right-radius:20px}section.stepContainer .steps.result table tr td img{margin:0 auto;max-width:40px}section.stepContainer .steps.result table tr.child{background-color:#fbf9fa}section.stepContainer .steps.result table tr.child td:first-child{font-size:14px;padding-left:20px}section.stepContainer .steps.result table tr.child td:first-child:before{color:#e0d1da;content:"▶";margin-right:8px}section.stepContainer .steps.result table tr.child-child{background-color:#fbf9fa}section.stepContainer .steps.result table tr.child-child td:first-child{font-size:14px;padding-left:40px}section.stepContainer .steps.result table tr.child-child td:first-child:before{color:#e0d1da;content:"▶";margin-right:8px}@media screen and (max-width:700px){section.stepContainer .steps.result table tr{background:0 0;border-bottom:0;display:block;float:left;margin-bottom:0}section.stepContainer .steps.result table tr.parent{width:100%}section.stepContainer .steps.result table tr.parent td:first-child{background-color:#e0d1da}section.stepContainer .steps.result table tr:last-child td.brb,section.stepContainer .steps.result table tr:last-child td.brl,section.stepContainer .steps.result table tr:last-child td.brr,section.stepContainer .steps.result table tr:last-child td.brt,section.stepContainer .steps.result table tr:nth-child(3) td.brb,section.stepContainer .steps.result table tr:nth-child(3) td.brl,section.stepContainer .steps.result table tr:nth-child(3) td.brr,section.stepContainer .steps.result table tr:nth-child(3) td.brt{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0}section.stepContainer .steps.result table tr td{display:block}section.stepContainer .steps.result table tr td:first-child,section.stepContainer .steps.result table tr td:nth-child(2){float:left;text-align:center;width:100%}section.stepContainer .steps.result table tr td:nth-child(3),section.stepContainer .steps.result table tr td:nth-child(4){float:left;width:50%}section.stepContainer .steps.result table tr td.title{font-size:14px;min-height:100px}section.stepContainer .steps.result table tr td.invisible{display:none}}section.stepContainer .steps.result .legend{margin-top:30px}section.stepContainer .steps.result .legend .item{align-items:center;display:flex;margin-bottom:15px}section.stepContainer .steps.result .legend .item p{color:#575757;font-size:14px;margin-bottom:0}section.stepContainer .steps.result .legend .item.color-1 b,section.stepContainer .steps.result .legend .item.color-2 b,section.stepContainer .steps.result .legend .item.color-3 b,section.stepContainer .steps.result .legend .item.color-34 b,section.stepContainer .steps.result .legend .item.color-4 b{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;display:block;float:left;font-size:14px;font-weight:700;height:30px;margin:0 8px 0 0;min-width:30px;padding-top:4px;text-align:center;width:30px}section.stepContainer .steps.result .legend .item.color-1 b{background-color:#58ac5e;color:#fff}section.stepContainer .steps.result .legend .item.color-2 b{background-color:#76ea7f;color:#458c4a}section.stepContainer .steps.result .legend .item.color-3 b{background-color:#ffea7d;color:#fd8604}section.stepContainer .steps.result .legend .item.color-34 b{background-color:#feb769;color:#9a5101}section.stepContainer .steps.result .legend .item.color-4 b{background-color:#fa5b4b;color:#440802}section.stepContainer .steps.result .legend .item .resultX{margin-right:8px;max-width:30px;width:30px}section.stepContainer .steps.result h6{color:#999}section.stepContainer .steps.result .descl{color:#999;font-size:12px}@media screen and (max-width:600px){section.stepContainer .steps.result .btn{margin-top:10px;position:relative;right:auto;top:auto}section.stepContainer .steps.result .smaller{text-align:left}}section.stepContainer .yonContainer{align-items:center;border-bottom:2px solid rgba(224,209,218,.3);display:flex;justify-content:space-between;margin-top:10px;min-height:80px;width:100%}section.stepContainer .yonContainer .question{width:50%}section.stepContainer .yonContainer .h6{color:#306;font-family:"Noto Serif",serif;font-size:larger;font-weight:500;margin:-10px 0 0}section.stepContainer .yonContainer .form-check-input[type=radio]{width:30px}@media screen and (max-width:600px){section.stepContainer .yonContainer{align-items:flex-start;flex-direction:column}section.stepContainer .yonContainer .question{margin-bottom:15px;width:100%}}section.stepContainer .smallDescription{color:#777;font-size:13px;padding:10px 10px 0}section.stepContainer h3{-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;-webkit-background-clip:text;-moz-background-clip:text;background-size:100%;font-family:Montserrat,sans-serif;font-weight:900;text-transform:uppercase}section.stepContainer h5{color:#8c1867;font-style:italic}section.stepContainer .small{color:#f5599b;font-family:Montserrat,sans-serif}section.stepContainer input{-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px}section.stepContainer label{font-family:Montserrat,sans-serif;font-style:normal;padding-bottom:20px}section.stepContainer .form-check{clear:both;float:left;width:100%}section.stepContainer .v-center{align-items:center;display:flex;justify-content:center}section.stepContainer .v-center .title{padding-right:20px}section.stepContainer .v-center .title h5{margin-top:0}section.stepContainer .v-center .calc{padding-left:20px}@media screen and (max-width:400px){section.stepContainer .v-center{flex-direction:column}section.stepContainer .v-center .calc,section.stepContainer .v-center .title{padding:0}section.stepContainer .v-center .title h5{order:1}section.stepContainer .v-center .circle{order:2}section.stepContainer .v-center .range-wrap{order:3}}section.stepContainer .test-controls{display:flex;flex-direction:row;justify-content:flex-end}section.stepContainer .test-controls .btn-large{background-color:#db0680;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;font-family:"Noto Serif",serif;font-size:large;text-transform:none}section.stepContainer .test-controls .btn-large.finish{margin-left:20px}section.stepContainer .test-controls .btn-large:disabled{background-color:#e0d1da}section.stepContainer .test-controls :first-child{width:150px}section.stepContainer .test-controls :nth-child(2){margin-left:20px;width:200px}section.stepContainer .test-controls :nth-child(2).finish{width:100%}@media screen and (max-width:600px){section.stepContainer .test-controls{flex-direction:column-reverse}section.stepContainer .test-controls .btn-large.finish,section.stepContainer .test-controls :first-child,section.stepContainer .test-controls :nth-child(2){margin-left:0;width:100%}}section.stepContainer .introTxt h5{margin-bottom:20px;margin-top:0}section.stepContainer .introTxt .btn-large{background-color:#db0680;border-color:#db0680;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;font-family:"Noto Serif",serif;font-size:large;max-width:220px;text-transform:none}section.stepContainer .introTxt .gtk{border:1px dashed #8c1867;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;color:#8c1867;font-weight:400;margin:0 0 40px;padding:10px 35px 10px 20px;position:relative}section.stepContainer .introTxt .gtk:after{background:url(../image/icn-excl.svg) no-repeat;background-size:100%;content:"";display:block;height:50px;position:absolute;right:0;top:-20px;width:50px}section.stepContainer .kid .btn-large{background-color:#e0d1da;color:#a27690;margin-top:20px}section.stepContainer .kid .btn-large:hover{background:#a27690;color:#fff}section.test-disclaimer{background:0 0;margin:20px auto 0;max-width:80%;position:relative}section.test-disclaimer p{color:#fff;font-family:Montserrat,sans-serif;font-size:12px;font-weight:300;padding-bottom:30px;text-align:center}section.test-disclaimer p.upper{font-weight:700;text-transform:uppercase}section.ready .steps{position:relative}section.ready .steps:before{background-image:url(../image/test/done.svg);background-repeat:no-repeat;background-size:60%;content:" ";display:block;height:20%;margin-top:20px;position:absolute;right:10px;top:10px;width:10%;z-index:90}footer:before{display:none}.stepContainer .step0 .bmi-score,.stepContainer .step0 .circle{border:2px solid #e0d1da;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;color:#f5599b;font-weight:700;text-align:center}.stepContainer .step0 .circle{font-size:16px;height:80px;padding-top:12px;width:80px}.stepContainer .step0 .circle b{font-size:24px}.stepContainer .step0 .circle.age{font-size:24px;padding-top:20px}.stepContainer .step0 .bmi-score{font-size:28px;height:100px;line-height:3.3;margin-top:20px;width:100px}@media screen and (max-width:520px){.stepContainer .step0 .bmi-score{margin:20px auto 10px}}.stepContainer .step0 .range-wrap{position:relative;width:100%}.stepContainer .step0 .range-wrap input[type=range]{-webkit-appearance:none;background-color:#fff;border:none;margin:10px 0;padding:0;width:100%}.stepContainer .step0 .range-wrap input[type=range]:focus{outline:0}.stepContainer .step0 .range-wrap input[type=range]::-webkit-slider-runnable-track{-webkit-animation:.2s;animation:.2s;background:#f4539d;background:linear-gradient(90deg,#f4539d,#fda881 76%,#fec76c);border-radius:25px;cursor:pointer;height:10px;width:100%}.stepContainer .step0 .range-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:5px solid #e0d1da;border-radius:50%;cursor:pointer;height:40px;margin-top:-15px;width:40px}.stepContainer .step0 .range-wrap input[type=range]:focus::-webkit-slider-runnable-track{background:#f4539d}.stepContainer .step6 h5{margin-top:40px}.stepContainer .steps .form-check{align-items:center;display:flex}.stepContainer .steps .form-check label{font-size:1em}.stepContainer .steps .form-check-input[type=radio]{border:4px solid #e0d1da;height:25px;margin-right:8px;width:25px}.stepContainer .steps .form-check-input[type=radio]:hover{border-color:#e0d1da;border-width:8px}.stepContainer .steps .form-check-input[type=radio]:checked{background-color:#e6467e;border-color:#e6467e;border-width:2px}
