.questionnaire{display:-ms-flexbox;display:flex;width:100%;color:#fff;margin-bottom:50px}.questionnaire form{width:100%}.questionnaire .main-content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;height:350px}.questionnaire .main-content input[type='number'],.questionnaire .main-content input[type='text']{width:100%;height:60px;font-size:36px;line-height:36px;background:white;text-align:center;border:0}.questionnaire .main-content.male .page .choices label svg,.questionnaire .main-content.male .page .bmi-calculator label svg{fill:#30c0d8}.questionnaire .main-content.male .page .choices label input:checked+.option-content,.questionnaire .main-content.male .page .bmi-calculator label input:checked+.option-content{background-color:#b4e0e8}.questionnaire .main-content.female .page .choices label svg,.questionnaire .main-content.female .page .bmi-calculator label svg{fill:#f1579f}.questionnaire .main-content.female .page .choices label input:checked+.option-content,.questionnaire .main-content.female .page .bmi-calculator label input:checked+.option-content{background-color:rgba(241,87,159,0.12)}.questionnaire .main-content.male .page-4{display:none !important}.questionnaire .main-content .page{display:none;-ms-flex:1;flex:1;padding:25px 15px;color:#9b9b9b;background-color:#f9f9f9}.questionnaire .main-content .page.page-0{background-color:#2fc0d8}.questionnaire .main-content .page.page-0 h2{-ms-flex:0 66%;flex:0 66%;color:#fff}.questionnaire .main-content .page.page-1 input[type='number']{width:80px}.questionnaire .main-content .page.active{display:-ms-flexbox;display:flex}.questionnaire .main-content .page .left-part,.questionnaire .main-content .page .right-part{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.questionnaire .main-content .page .left-part{-ms-flex:0 0 46%;flex:0 0 46%}.questionnaire .main-content .page .right-part{-ms-flex:0 0 54%;flex:0 0 54%}.questionnaire .main-content .page .choices{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}.questionnaire .main-content .page .choices label{-ms-flex:0 0 45%;flex:0 0 45%;height:159px;margin:4px 2.5%;font-weight:normal;color:#9b9b9b;text-align:center;cursor:pointer}.questionnaire .main-content .page .choices label input{position:absolute;opacity:0}.questionnaire .main-content .page .choices label span{display:block;width:100%}.questionnaire .main-content .page .choices label .option-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;background-color:#f0f0f0}.questionnaire .main-content .page .choices label .option-content .short-title{display:none}.questionnaire .main-content .page .choices label .option-content svg{max-height:80px;margin-bottom:15px}.questionnaire .main-content .page .choices .choice-male svg{width:80px}.questionnaire .main-content .page .choices .choice-male svg path{fill:#30c0d8}.questionnaire .main-content .page .choices .choice-female svg{width:80px}.questionnaire .main-content .page .choices .choice-female svg path{fill:#f1579f}.questionnaire .main-content .page .bmi-calculator{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around;width:100%}.questionnaire .main-content .page .bmi-calculator label.height,.questionnaire .main-content .page .bmi-calculator label.weight{-ms-flex:0 1 35%;flex:0 1 35%;padding:14px 9px;font-weight:normal;color:#9b9b9b;text-align:center;background-color:#f0f0f0}.questionnaire .main-content .page .bmi-calculator label.height span,.questionnaire .main-content .page .bmi-calculator label.weight span{display:block;color:#9b9b9b;margin-bottom:5px}.questionnaire .main-content .page .bmi-calculator label.height svg,.questionnaire .main-content .page .bmi-calculator label.weight svg{width:40px;height:40px}.questionnaire .main-content .page .bmi-calculator .bmi-output{-ms-flex:0 1 182px;flex:0 1 182px;background-color:#fdeaf3;margin:12px 18px;padding:7px 15px}.questionnaire .main-content .page .bmi-calculator .bmi-output input{border-bottom:2px solid #979797;background-color:transparent;color:#f1579f;padding:0;outline:0}.questionnaire .main-content .page h2{font-size:32px;margin-top:0;color:#9b9b9b}.questionnaire .main-content.collapsed{height:auto;background-color:transparent}.questionnaire .main-content.collapsed .page{display:block;-ms-flex:1;flex:1;margin-right:.5%;padding:0;background-color:#f9f9f9}.questionnaire .main-content.collapsed .page.page-0{display:none}.questionnaire .main-content.collapsed .page.page-1 .age-input-container:after{content:" ans";line-height:1.07;font-size:24px;margin-left:-10px}.questionnaire .main-content.collapsed .page.page-1 .age-input-container input{width:40px;line-height:1.07;font-size:24px;color:#9b9b9b;height:100%;background:transparent;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.questionnaire .main-content.collapsed .page.page-1 .age-input-container input::-webkit-outer-spin-button,.questionnaire .main-content.collapsed .page.page-1 .age-input-container input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.questionnaire .main-content.collapsed .page.page-3{-ms-flex:2;flex:2}.questionnaire .main-content.collapsed .page.page-4{-ms-flex:1.5;flex:1.5}.questionnaire .main-content.collapsed .page.page-5{-ms-flex:1.2;flex:1.2}.questionnaire .main-content.collapsed .page.page-6 .bmi-calculator{width:auto}.questionnaire .main-content.collapsed .page.page-6 .bmi-calculator .weight,.questionnaire .main-content.collapsed .page.page-6 .bmi-calculator .height{display:none}.questionnaire .main-content.collapsed .page.page-6 .bmi-calculator .bmi-output{-ms-flex:initial;flex:initial;margin:0;padding:0;background-color:transparent}.questionnaire .main-content.collapsed .page.page-6 .bmi-calculator .bmi-output input{width:40px;height:100%;margin-top:4px;line-height:1.07;font-size:14px}.questionnaire .main-content.collapsed .page.page-6 .bmi-calculator .bmi-output:before{content:"IMC"}.questionnaire .main-content.collapsed .page.modify-button-page{background-color:#219eb3;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.questionnaire .main-content.collapsed .page.modify-button-page a{font-family:DIN;font-size:14px;text-transform:uppercase;color:white}.questionnaire .main-content.collapsed .page .left-part{display:none}.questionnaire .main-content.collapsed .page input[type='text']{background:transparent;border:0;font-size:24px;color:#9b9b9b}.questionnaire .main-content.collapsed .page .choices{width:100%;-ms-flex-pack:center;justify-content:center}.questionnaire .main-content.collapsed .page .choices label{width:auto;-ms-flex:none;flex:none;height:100%;margin:0;cursor:inherit}.questionnaire .main-content.collapsed .page .choices label .option-content{display:none;-ms-flex-direction:row;flex-direction:row;padding:3px}.questionnaire .main-content.collapsed .page .choices label .option-content .short-title{display:block}.questionnaire .main-content.collapsed .page .choices label .option-content .long-title{display:none}.questionnaire .main-content.collapsed .page .choices label input:checked+.option-content{display:-ms-flexbox;display:flex;background-color:transparent}.questionnaire .main-content.collapsed .page .choices label svg{width:30px;height:25px;margin:0 5px 0 0}.questionnaire .bottom-bar{display:-ms-flexbox;display:flex;position:relative;background-color:#219eb3;padding:10px 15px;height:50px}.questionnaire .bottom-bar .progress-bar{display:none;width:100%;height:4px;background-color:rgba(255,255,255,0.5);position:absolute;top:0;left:0}.questionnaire .bottom-bar a.questionnaire-start-button{-ms-flex:1;flex:1;text-transform:uppercase;font-size:24px;color:#fff}.questionnaire .bottom-bar .arrow{width:32px;height:31px}.questionnaire .bottom-bar .arrow.arrow-prev{display:none;background:url(../bundles/primeplanetesante/images/arrow-prev.png)}.questionnaire .bottom-bar .arrow.arrow-next{background:url(../bundles/primeplanetesante/images/arrow-next.png)}.questionnaire .bottom-bar .arrow.disabled{opacity:.4}.questionnaire .bottom-bar .question-number{display:none;-ms-flex:1;flex:1;text-align:center;font-size:32px;line-height:1em;font-weight:300}#questionnaire-results .result-category{display:-ms-flexbox;display:flex;background-color:#f7f7f7;margin-bottom:25px;min-height:94px}#questionnaire-results .result-category .image{display:-ms-flexbox;display:flex;-ms-flex:92px 0 0;flex:92px 0 0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background-color:#00c3dc;margin:0 20px 0 0}#questionnaire-results .result-category .accordion-toggle:after{position:absolute;top:22px;right:28px;color:#2fc0d8;font-size:35px}#questionnaire-results .result-category .info{position:relative;-ms-flex:1;flex:1;margin:0}#questionnaire-results .result-category .info h2{margin-top:10px;color:#2fc0d8}#questionnaire-results .result-category .info .field-intro,#questionnaire-results .result-category .info .field-subtitle{font-size:15px;line-height:1.33;color:#2fc0d8}#questionnaire-results .result-category .info .field-subtitle{padding-bottom:10px;padding-right:40px}#questionnaire-results .expandable{margin-left:113px}#questionnaire-results .expandable h3{font-family:DIN;font-size:20px;color:#2fc0d8}#questionnaire-results .expandable .ezxmltext-field{margin-right:113px;padding-bottom:60px}@media only screen and (max-width:767px){.questionnaire{position:relative}.questionnaire .main-content{height:75vh;-ms-flex-wrap:wrap;flex-wrap:wrap}.questionnaire .main-content .page{background-color:transparent;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex:1 1 32%;flex:1 1 32%;padding:25px 0}.questionnaire .main-content .page h2{font-size:28px}.questionnaire .main-content .page.page-0{background-color:transparent}.questionnaire .main-content .page.page-0 h2{color:#9b9b9b}.questionnaire .main-content .page .left-part,.questionnaire .main-content .page .right-part{-ms-flex:0 0 100%;flex:0 0 100%;-ms-flex-align:initial;align-items:initial}.questionnaire .main-content .page .bmi-calculator{-ms-flex-line-pack:baseline;align-content:baseline}.questionnaire .main-content .page .bmi-calculator label.height,.questionnaire .main-content .page .bmi-calculator label.weight{margin:0 7px}.questionnaire .main-content .page .bmi-calculator .bmi-output{height:77px;margin-top:12px}.questionnaire .main-content.collapsed{margin-top:25px}.questionnaire .main-content.collapsed .page{padding:0 10px !important;margin-right:5px;margin-bottom:5px}.questionnaire .main-content.collapsed .page.page-1 .age-input-container{margin-top:6px}.questionnaire .main-content.collapsed .page.page-1 .age-input-container:after{font-size:18px;margin-left:6px;display:none}.questionnaire .main-content.collapsed .page.page-1 .age-input-container input{font-size:18px;width:30px;height:auto}.questionnaire .main-content.collapsed .page.modify-button-page{position:absolute;top:0;right:0;padding:0 !important;background:transparent !important}.questionnaire .main-content.collapsed .page.modify-button-page a{color:#219eb3}.questionnaire .main-content.collapsed .page .choices label{height:auto}.questionnaire .main-content.collapsed .page .bmi-calculator .bmi-output{height:auto}.questionnaire .bottom-bar{height:64px;padding:17px 15px}.questionnaire .bottom-bar a.questionnaire-start-button{font-size:16px;line-height:1.8}#questionnaire-results .expandable{margin-left:5px}#questionnaire-results .expandable .ezxmltext-field{margin-right:0}}.questionnaire.type-promotion .main-content .page .centered-content{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center}.questionnaire.type-promotion .main-content .page .centered-content h2{color:#219eb3;font-size:42px;font-weight:600}.questionnaire.type-promotion .main-content .page .centered-content h2 a{color:inherit}.questionnaire.type-promotion .main-content .page .field-question p{font-size:22px;color:#219eb3}.questionnaire.type-promotion .main-content .page .choices label span{font-size:32px}.questionnaire.type-promotion .main-content .page .choices label input:checked+.option-content,.questionnaire.type-promotion .main-content .page .choices label:focus .option-content,.questionnaire.type-promotion .main-content .page .choices label:active .option-content{background-color:#b4e0e8}@media only screen and (max-width:767px){.questionnaire.type-promotion .main-content .page .centered-content h2{font-size:32px}}#questionnaire-results.type-promotion{display:none;margin-bottom:20px}#questionnaire-results.type-promotion>h2{color:#219eb3;font-weight:600;font-size:32px;margin-bottom:25px}#questionnaire-results.type-promotion .result-category .info .headline{display:-ms-flexbox;display:flex}#questionnaire-results.type-promotion .result-category .info .headline h2{-ms-flex:1;flex:1}#questionnaire-results.type-promotion .result-category .info .headline .stars{-ms-flex:150px 0 0;flex:150px 0 0;margin:10px 0 0 0;font-size:18px;color:#b0b1b3}#questionnaire-results.type-promotion .result-category .info .headline .stars li{margin-right:5px}#questionnaire-results.type-promotion .result-category .info .headline .stars li.active{color:#fcaf06}#questionnaire-results.type-promotion .result-category .accordion-toggle:after{top:auto;right:5px;bottom:15px}#questionnaire-results.type-promotion .total-score{background-color:#219eb3;color:white;font-weight:600;font-size:38px;line-height:38px;padding:30px;text-transform:uppercase;text-align:right}#questionnaire-results.type-promotion .total-score #total-stars{padding:0 20px 0 25px}#questionnaire-results.type-promotion .total-score .star{color:#fcaf06}@media only screen and (max-width:767px){#questionnaire-results.type-promotion .result-category .info{padding-bottom:25px}#questionnaire-results.type-promotion .result-category .info .headline{-ms-flex-direction:column;flex-direction:column}#questionnaire-results.type-promotion .result-category .info .headline .stars{-ms-flex:45px 0 0;flex:45px 0 0;padding-left:0;margin-top:0}#questionnaire-results.type-promotion .result-category .info .field-subtitle{padding-right:0}}
