.bb{max-width:1060px;margin:auto;background:url(/images/widgets/bb/strokes.svg) 0 0 no-repeat #fff;background-position:40% 100%;background-size:120% 120%;border-radius:24px;padding:55px;overflow:hidden}.bb h2{font-size:24px;line-height:42px;color:#092c42;margin-bottom:0;font-weight:700}.bb.has-discipline h2{display:inline-block}.illustration{float:right;position:relative;width:600px;max-width:50%;text-align:center}.illustration img{max-width:70%;position:relative;z-index:3;height:480px;margin:20px auto 0;display:block}.illustration .circle{position:absolute;z-index:2;width:384px;padding-bottom:384px;left:50%;transform:translateX(-50%);bottom:32px;border-radius:100%;background-color:rgba(232,54,40,.1)}.illustration .logo{background:url(/images/logo/gymdesk.png) 0 0 no-repeat;background-size:34px 34px;padding-left:58px;min-height:34px;display:inline-block;letter-spacing:3px;font-size:14px;padding-top:7px;font-weight:500;line-height:21px;text-transform:uppercase}.main{max-width:50%;display:inline-block}.main h3{font-size:14px;font-weight:700;margin-bottom:10px;margin-top:15px}.main li input[type=radio]{display:none}.main ul{background:#fafafa;border-radius:40px;padding:8px;overflow:hidden;display:inline-block}.main li{float:left;padding:8px 20px;cursor:pointer;border-radius:25px;margin-right:3px}.main li:hover{background:#fff}.main li:last-child{margin-right:0}.main li:active{box-shadow:0px 2px 7px rgba(0,0,0,.04)}.main li.selected{background:#fff;font-weight:500;color:#e83628;box-shadow:0px 2px 7px rgba(0,0,0,.04)}.main input[type=number]{width:80px;border-radius:30px;border:0;font-size:16px;text-align:center}.main input[type=number]:focus{outline:none}.main .button{border-radius:30px;margin-top:22px;display:block;text-transform:none;letter-spacing:0;font-size:16px}.step .button{display:none}.main .result{display:none;margin-top:60px}.bb.has-discipline .result{margin-top:61px}.result h2{font-size:32px;margin-bottom:24px}.result h4{font-size:18px;font-weight:700;line-height:30px;margin-bottom:25px;max-width:320px}.result .age{color:#e83628}.main .result .slider{width:310px;max-width:100%;border:0;height:5px;background:#e1e1e1;border-radius:5px}.result .slider .ui-slider-range{background:#e83628}.result .slider .ui-slider-handle{background:#e83628;border-radius:20px;height:18px;width:18px;top:-6px;position:relative;border:0}.result .slider .ui-slider-handle span{position:absolute;bottom:-32px;background:#e83628;color:#fff;font-size:14px;text-align:center;width:32px;line-height:23px;left:-8px;border-radius:6px}.result .slider .ui-slider-handle span:before{position:absolute;top:-10px;content:"";border-width:5px;border-style:solid;border-color:transparent transparent #e83628;left:50%;transform:translateX(-50%)}.result p{font-size:16px;font-weight:700;margin-bottom:15px}.result .restart{margin-top:36px}.result .share{margin-top:60px;margin-bottom:32px}.result .share h4{color:#7c7c7c;font-size:14px;line-height:1.2;margin-bottom:8px}.result .share>a{font-size:30px;text-decoration:none;display:inline-block}.result .share .facebook{color:#1877f2}.result .share .twitter{color:#1da1f2;text-align:center}.result .share .instagram{color:#000}.result .share .whatsapp{color:#37bb4c}.result .share input{background:#fafafa;padding:16px;border-radius:30px;font-size:12px;color:#000;border:0;outline:0;margin-top:8px;width:100%}.result .share .input{position:relative;width:320px;max-width:100%}.result .share .input a{position:absolute;right:18px;top:24px;font-weight:700;color:#075fd4;font-size:12px;cursor:pointer}.result .button{background-color:#e83628;box-shadow:none}@media only screen and (max-width :1010px){.bb{padding:35px}.main ul{font-size:13px}}@media only screen and (max-width :920px){.bb.has-discipline h2{display:block}.illustration{margin:0 auto;float:none;max-width:100%;position:relative;width:370px;margin-bottom:20px}.illustration img{height:390px}.illustration .circle{width:302px;padding-bottom:302px}.main{max-width:100%;width:425px;margin:auto;display:block}.illustration .logo{position:absolute;top:-78px;left:50%;font-size:12px;font-weight:500;transform:translateX(-50%);background-size:24px 24px;white-space:nowrap;padding-top:2px;padding-left:40px}.bb{padding-top:56px;min-height:700px}.bb h2{text-align:center;font-size:18px;line-height:24px;margin-bottom:5px}.main .submit{display:none}.main .step{display:none;text-align:center}.main .step.active{display:block}.main h3{margin-top:8px}.main .step .button{display:block;padding:3px;line-height:39px;margin:25px auto 0;width:160px}.main .result,.bb.has-discipline .result{margin-top:0}.result h2{font-size:18px;margin-bottom:5px;line-height:18px}.result h4{font-size:14px;margin:auto;text-align:center;line-height:24px}.adjust-age{text-align:center;width:310px;margin:auto}.result .restart{margin-top:54px}}@media only screen and (max-width :500px){.bb{padding:56px 20px 20px}}@media only screen and (max-width :470px){body .main ul{background:0 0;display:block;font-size:14px;text-align:left}.main li,.main li.selected{display:list-item;border:8px solid #fafafa;margin-bottom:5px;float:none;box-shadow:none;margin-right:0;position:relative}.main li:after{content:"\E828";font-family:"mor";position:absolute;right:14px;font-size:18px;top:6px}.main li:active:after,.main li.selected:after{content:"\E86D";color:#fff;background:#e83628;border-radius:20px;height:20px;width:20px;line-height:20px;font-size:11px;display:inline-block;text-align:center}.main li:active{box-shadow:none;background:#f9f9f9}.main .result .slider{width:290px;margin:auto}.illustration img{height:300px}.illustration .circle{padding-bottom:230px;width:230px;bottom:23px}}@media only screen and (max-width :400px){.result .share input{font-size:11px}}@media only screen and (max-width :359px){.bb h2{font-size:17px}.main .result .slider{width:270px}.adjust-age{width:auto}}@media only screen and (max-width:320px){.bb h2{font-size:15px}}