.mobile-frame{padding:10px 20px 30px;width:100%}.bmr-calculator .content-wrapper{position:relative;z-index:1}.bmr-calculator .mobile-frame h2{font-size:18px;font-weight:800;line-height:1.4;margin-bottom:20px;text-align:center;text-transform:uppercase}.bmr-calculator .mobile-frame .controls form h3{font-size:18px;margin-bottom:10px;text-align:center}.mobile-frame .controls form .age-field,.mobile-frame .controls form .gender,.mobile-frame .controls form .height,.mobile-frame .controls form .weight{background-color:var(--white_color);border-radius:10px;margin-top:10px;padding:15px 20px}.mobile-frame .controls form .gender .d-flex-box{justify-content:space-evenly;text-align:center}.mobile-frame .controls form .d-flex-box{align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:stretch}.mobile-frame .controls form .age-field{flex-basis:47.5%;margin-right:2%}.mobile-frame .controls form .weight{flex-basis:48%;margin-left:2%}.mobile-frame .controls form input[type=radio]:checked{bottom:-3px;margin-bottom:-3px;padding-bottom:0}.mobile-frame .controls form .gender .gen-female label,.mobile-frame .controls form .gender .gen-male label{font-size:14px;font-weight:600;margin-bottom:0;margin-top:7px}.mobile-frame .controls form input[type=radio]{margin-right:0}.btn-grp{align-items:center;display:flex;flex-direction:row;justify-content:space-evenly;margin-left:auto;margin-right:auto;margin-top:10px;max-width:90px;width:100%}.mobile-frame .controls form .gender .d-flex-box{margin:0 auto;max-width:150px}a.number-btn img{background-color:var(--primary_color);border-radius:100%;max-width:25px;padding:6px}.mobile-frame .controls form .age-field input,.mobile-frame .controls form .height input,.mobile-frame .controls form .weight input{border:none;font-size:22px;font-weight:400;opacity:.88;outline:none;padding:4px;text-align:center}.result a.calculate-btn.cta-link{margin-top:20px;padding:15px 20px;width:100%}.result-message{padding-top:20px;text-align:center}.hint-text p,.result-message span{font-weight:700}.hint-text p{font-size:14px;margin-bottom:0;margin-top:12px;opacity:.4;text-align:center}.section-heading-top{padding-bottom:25px}.bmr-row-flex{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.bmr-right-col h4{margin-bottom:5px}.bmr-right-col ul{margin-bottom:10px;padding-left:16px}.bmr-calories-table table.calc,.bmr-calories-table table.calc tbody tr td,.bmr-calories-table table.calc th{border:5px solid var(--primary_color)}.bmr-calories-table table.calc{width:100%}.bmr-calories-table table.calc tbody tr:first-child{background-color:var(--primary_color)}.bmr-calories-table table.calc tbody tr:first-child th:first-child{border-right:5px solid rgba(0,0,0,.1)}.bmr-calories-table table.calc tbody tr:first-child th{color:var(--white_color)}.bmr-description h3{margin-bottom:13px;margin-top:25px}.bmr-calculator .mobile-frame .controls form .gender input{border-color:var(--primary_color)}.bmr-calculator .mobile-frame .controls form input[type=radio]:before{box-shadow:inset 10px 10px var(--primary_color)}.user-image{margin-right:2%;max-width:50px}.user-image img{width:100%}.bmr-calculator .female-user{display:none}.bmr-calculator.f-user .female-user{display:block}.bmr-calculator.f-user .male-user{display:none}.result-message.desktop-result{align-items:center;display:flex}span.calorie-per-day{font-weight:500;left:5px;margin-bottom:0;position:relative}.button-block{position:absolute;right:20px;text-align:right;top:0}button#generatePDF{background-color:transparent;background-image:url(https://21891732.fs1.hubspotusercontent-na1.net/hubfs/21891732/Code_library/BMR/cloud-download.png);background-position:center 50%;background-repeat:no-repeat;background-size:contain;border:none;min-height:40px;padding:5px;width:40px}@media(min-width:1025px){.bmr-right-col{flex-basis:63%}.bmr-left-col{flex-basis:33%;margin-right:4%}.result-message.desktop-result{font-size:42px;margin-bottom:14px;padding-top:0}.bmr-calories-table table.calc tbody tr td{font-size:18px}.bmr-calories-table table.calc{margin-bottom:25px}span.calorie-per-day{bottom:-4px;font-size:22px}}@media(max-width:1024px) and (min-width:768px){.bmr-left-col{flex-basis:40%;margin-right:3%}.bmr-right-col{flex-basis:56%}.result-message.desktop-result{font-size:30px;margin-bottom:5px;padding-top:0}.bmr-calories-table table.calc tbody tr td{font-size:14px}span.calorie-per-day{bottom:-4px;font-size:16px}}@media(min-width:768px){.mobile-frame{border:15px solid var(--primary_color);border-radius:25px;max-width:380px}.result-message.mobile-result{display:none}.result-message.desktop-result{text-align:left}.bmr-right-col ul li span{font-size:20px;font-weight:500;margin-right:15px}.bmr-description{flex-basis:100%;padding-top:35px}}@media(max-width:767.5px){.mobile-frame{max-width:100%}.result-message.desktop-result{display:none}.bmr-right-col{padding-top:35px}.bmr-right-col ul li span{font-size:16px;font-weight:600;margin-right:15px}.bmr-description,.bmr-left-col,.bmr-right-col{flex-basis:100%}.bmr-calories-table table.calc tbody tr td{font-size:14px;width:70%}.bmr-calories-table p big{font-size:16px}.bmr-calculator .mobile-frame{border:15px solid #f5f5f5;border-radius:25px}.bmr-calculator.f-user .mobile-frame{border:10px solid var(--primary_color);border-radius:25px}.button-block{display:none}}.bmr-calculator.f-user .mobile-frame .controls form .age-field,.bmr-calculator.f-user .mobile-frame .controls form .gender,.bmr-calculator.f-user .mobile-frame .controls form .height,.bmr-calculator.f-user .mobile-frame .controls form .weight{backdrop-filter:blur(8px);background:var(--primary_color);border:1px solid var(--primary_color);box-shadow:0 0 10 rgba(0,0,0,.2);box-sizing:border-box}.bmr-calculator.f-user .mobile-frame .controls form .age-field input,.bmr-calculator.f-user .mobile-frame .controls form .gender input,.bmr-calculator.f-user .mobile-frame .controls form .height input,.bmr-calculator.f-user .mobile-frame .controls form .weight input{background:var(--primary_color);color:var(--white_color)}.bmr-calculator.f-user .mobile-frame .controls form a.number-btn img{border:2px solid #fff;padding:4px}.bmr-calculator.f-user .mobile-frame .controls form .gender input{border-color:var(--white_color)}.bmr-calculator.f-user .mobile-frame .controls form input[type=radio]:before{box-shadow:inset 10px 10px var(--white_color)}.bmr-calculator.f-user .mobile-frame .controls form .gender label,.bmr-calculator.f-user .mobile-frame .controls form h3{color:var(--white_color)}