@keyframes fadeIn { 0, 66 % { opacity: 0; } 100 % { opacity: 1; } } @-moz-keyframes fadeIn { 0, 66 % { opacity: 0; } 100 % { opacity: 1; } } @-webkit-keyframes fadeIn { 0 { opacity: 0; } 100 % { opacity: 1; } } @-o-keyframes fadeIn { 0 { opacity: 0; } 100 % { opacity: 1; } } @-ms-keyframes fadeIn { 0 { opacity: 0; } 100 % { opacity: 1; } } body{ background-color:#FFFAF1; } .mbg-closer, footer { margin-top: 0; } .mbg-closer h3, .mbg-closer p { text-align: left; } .odom-color { fill: #875298; } .modal-title.text-danger { color: #af3eb3; } header > nav.nav-bar-container div.navbar-default div.row div.col-sm-12 { border-bottom: 0; } #lost-claim { padding-top: 60px; } .mbg-closer { padding: 20px 0; margin-bottom: 15px; } .mbg-closer .medal-circle { width: 73px; height: 73px; } .mbg-closer h3 { font-size: 1.5em; color: var(--colors-grays-slate-gray, #29353a); font-family: Korolev, sans-serif; font-style: normal; font-weight: 900; line-height: 30px; margin: 0; } .mbg-closer p { margin-top: 10px; color: var(--colors-grays-slate-gray, #29353a); text-align: center; font-family: Korolev, sans-serif; font-size: 1.125em; font-style: normal; font-weight: 500; line-height: 24px; } .mbg-closer .cta-wrap { margin: 8px auto 0; text-align: center; } .mbg-closer { background: #fffaf1; padding-top: 20px; } .mbg-closer .mbg-wrap { width: 100%; text-align: left; display: flex; justify-content: center; align-items: center; gap: 16px; } .btn-primary-outline-orng { border-radius: 4px; border: 2px solid var(--Action-action-primary-orange, #f76800); color: var(--Action-action-primary-orange, #f76800); text-align: center; font-family: Korolev; font-size: 23px; font-weight: 900; line-height: 1; text-transform: uppercase; } .btn-primary-outline-orng.focus, .btn-primary-outline-orng:focus, .btn-primary-outline-orng:hover { background-color: #fff; border-color: #f93; color: #f93; } .more-ways{ margin-bottom:2.5em; } .more-ways h2{ color: #1D4321; text-align: center; font-family: Korolev; font-size: 2.25em; font-weight: 900; line-height: 1; text-transform: uppercase; } .more-ways h2 span{ color: #64A535; } .more-ways .sub-head{ text-align: center; font-family: Korolev; font-size: 1.25em; font-weight: 500; line-height: 1.2; margin:0 auto 2em; } .more-ways .info-col{ text-align: center; display: flex; flex-direction: column; gap:1.5em; } .more-ways .info-col h3{ font-size: 2em; line-height: 1.1; margin:0 auto .5em; color: #1D4321; } .more-ways .info-col .sub{ font-family: Korolev; font-size: 1.125em; line-height: 1.3; margin:0; } .more-ways .item-wrap{ display: flex; flex-direction: column; gap:1em; } .more-ways .item-wrap .item{ display: flex; gap:1em; padding:.75em; border-radius: 0.25rem; background: #FFF1CA; text-align: left; align-items: center; } .more-ways .img-wrap{ width:4.715em; height:auto; flex-shrink:0; } .more-ways .item-info{ font-family: Arial; font-size: 1.125em; line-height: 1.2; margin:0; } .more-ways .item-info span{ display: block; color: var(--Text-text-secondary, #5D6669); margin-top:.25em; } .more-ways .item-wrap .discl{ margin:0; color:#5D6669; } .btn-default-outline{ border-radius: 0.25rem; border: 2px solid var(--Action-action-primary-orange, #F76800); background: var(--Background-background-secondary, #FFFAF1); text-transform: uppercase; font-weight:900; } .protein-carb-club h3{ color: #1D4321; text-align: center; font-size: 2em; line-height: 1.1; margin:0 auto .25em; } .protein-carb-club .sub{ text-align: center; font-family: Korolev; font-size: 1.125em; line-height: 1.3; margin:0 auto 1em; } .protein-carb-club .img-col{ text-align: center; } .protein-carb-club .flex-row{ margin-bottom:2.5em; } .protein-carb-club .flex-row.two img{ margin-bottom:1.5em; } .protein-carb-club .flex-row.two ul{ margin-bottom:1.5em; } .protein-carb-club li{ margin-bottom:.75em } .foods{ background-color:#fff; padding:1.5em 0; } .foods .card-wrap{ overflow:auto; margin-bottom:2em; } .foods .flex-row{ display: flex; gap:1.75em; } .foods .card{ width: 16.85469em; height:auto; flex-shrink: 0; } .foods h2{ color: #1D4321; text-align: center; font-size: 2.25em; font-weight: 900; line-height: 1; text-transform: uppercase; margin:0 auto .5em; } .foods h2 span { color: var(--Stroke-stroke-active, #64A535); } .foods .sub-header{ text-align: center; font-family: Korolev; font-size: 1.25em; font-weight: 500; line-height: 1.2; margin:0 auto 2em; } .foods .btn-container .view-menu-link{ color: var(--Action-action-secondary-green, #006B00); text-align: center; font-size: 1.4375em; font-style: normal; font-weight: 500; line-height:1; text-transform: uppercase; text-decoration: none; } .foods .btn-container .view-menu-link .glyphicon{ font-size:.75em; } .testimonials{ padding:4em 0 2em; } .testimonials .quote-wrap{ padding:0 1em; } .testimonials h2{ color: #1D4321; text-align: center; font-family: Korolev; font-size: 2em; font-weight: 900; line-height:1.1; text-transform: uppercase; margin: 0 auto .5em; } .testimonials h2 span{ color: var(--Action-action-hover-green, #64A535); } .testimonials .sub{ text-align: center; font-family: Korolev; font-size: 1.25em; font-weight: 500; line-height: 1.2; margin:0 auto 2em; } .testimonials .quote-wrap, .testimonials .one-two{ display: flex; flex-direction: column; gap:2em; } .testimonials .quote-wrap{ margin-bottom:.5em; } .testimonials .quote{ display: flex; padding: 1em 1.5em 1.5em 1.5em; flex-direction: column; align-items: center; gap: 0.75em; border-radius: 0.5em; background: #FFE9AA; } .testimonials .quote.second{ background: #E1FAE9; } .testimonials .quote.third{ background: #E8FFC7; } .testimonials h4{ font-size: 1.625em; font-weight: 500; line-height: 1.1; margin: 0 auto .5em; } .testimonials .qt{ color: #192124; font-family: Korolev; font-size: 1.125em; font-weight: 500; line-height: 1.5; } .testimonials .customer{ color: #192124; font-family: Korolev; font-size: 1.125em; font-weight: 900; line-height: 1.2; margin:0; } .testimonials .discl{ color: var(--Text-text-secondary, #5D6669); text-align: center; font-family: Arial; font-size: 0.6875em; font-weight: 400; line-height: 1.2; padding:0 1em; } footer{ background-color:#fff; padding-top:3em; } footer hr{ display: none; } @media (max-width: 767px) { .protein-carb-club .btn{ width:10.5625em; margin:0 auto } } @media (min-width: 568px) and (max-width: 767px) { .mbg-closer h3 { font-size: 2.5em; line-height: 1; } .mbg-closer p { font-size: 1.5em; line-height: 1; } } @media (min-width: 768px) { header > nav.nav-bar-container > div.navbar-default.home > div.container { border-bottom: 0 solid #e6e6e6; } .mbg-closer .medal-circle { width: 85px; height: 85px; } footer { margin-top: 0; } .mbg-closer .mbg-wrap { margin-bottom: 30px; } .mbg-closer .btn { margin: 0 auto; } .mbg-closer .cta-wrap { margin: 15px auto 0px; } .mbg-closer { padding: 30px 0 0; } .mbg-closer h3 { margin: 0 0 0 10px; text-align: left; vertical-align: top; font-weight: 900; font-size: 2.625em; } .mbg-closer p { line-height: 1.1; text-align: center; font-size: 1.625em; margin: 0; width: 100%; } .more-ways .flex-row{ display: flex; gap:2em; } .more-ways .info-col h3 { text-align: left; } .more-ways .info-col .sub { text-align: left; } .protein-carb-club .flex-row{ display: flex; justify-content: space-between; align-items: center; gap:1em; } .protein-carb-club .flex-row.two{ flex-direction: row-reverse; } .protein-carb-club h3 { text-align: left; font-size: 2em; line-height: 1.1; margin: 0 auto .25em; } .protein-carb-club .flex-row .img-wrap{ width:29.1875em; margin:0 auto; flex-shrink: 0; } .protein-carb-club .flex-row.two .img-wrap{ width:23.1875em; } .protein-carb-club .flex-row.two img { margin-bottom: 0; } .protein-carb-club .sub { text-align: left; } } @media (min-width: 992px) { .mbg-closer p { line-height: 1.1; } .mbg-closer { margin: 34px 0 30px; padding: 48px 0 64px; } .mbg-closer .cta-wrap { margin-left: 20px; } } @media (min-width: 1200px) { .mbg-closer .cta-wrap, .mbg-closer .medal-circle { margin-left: 0; } .mbg-closer p { font-size: 1.375em; } .mbg-closer a { display: inline; font-size: 16px; margin-left: 16px; } .mbg-closer h3 { font-weight: 900; } .more-ways .item-wrap { flex-direction: row; flex-wrap: wrap; gap: 2em; row-gap:.5em; } .more-ways .flex-row { gap: 3.5em; } .more-ways .item-wrap .item{ width:30%; flex-direction: column; padding:1.25em .4em; } .more-ways .item-wrap .discl{ width:100%; text-align: left; } .more-ways .ba-img-col{ width:25.8125em; flex-shrink:0 } .more-ways h2 { font-size:3.5em; margin:0 auto 12px; } .more-ways { padding-top:3.25em; } .more-ways .sub-head { font-size: 1.75em; } .more-ways .info-col h3 { font-size:2.875em; margin: 0 auto 12px; } .more-ways .info-col .sub { font-size: 1.375em; } .more-ways .img-wrap { width: 8.4375em; } .more-ways .item-info { text-align:center; } .more-ways .cta-wrap{ text-align: left; } .protein-carb-club h3 { font-size: 2.875em; } .protein-carb-club .sub { font-size: 1.375em; } .protein-carb-club ul { margin: 0 0 1.5em; } .protein-carb-club li { margin-bottom: .75em; font-size: 1.125em; } .protein-carb-club .flex-row { margin-bottom: 3.5em; } .protein-carb-club .flex-row.two { margin-bottom:1.5em; gap:10rem } .foods { padding: 2.5em 0; } .foods .flex-row { gap: 1.2em; } .foods h2{ font-size:3.5em; margin: 0 auto .5em; } .foods .sub-header { font-size: 1.75em; margin: 0 auto 2em; } .testimonials h2{ font-size:2.875em; margin: 0 auto .25em; } .testimonials .sub{ font-size:1.75em; } .testimonials .quote { padding: .5em 2.5em 1em; flex-direction: row; justify-content: space-between; } .testimonials .quote.first, .testimonials .quote.second{ width:47.1875em; flex-shrink: 0; } .testimonials .quote.first{ height:20.8676em; } .testimonials .quote.second { flex-direction: row-reverse; height:19.08em; } .testimonials .quote.third { flex-direction: column; width:23.1875em; height:42.6em; align-self: self-end; padding:1em 1.5em; flex-grow:0; flex-shrink:0; margin-top:2.5em; } .testimonials .img{ width:17.81919em; flex-shrink:0; } .testimonials .quote.second .img{ width:15.81919em; flex-shrink:0; } .testimonials h4 { font-size:2.375em; } .testimonials .qt, .testimonials .customer { font-size: 1.375em; } .testimonials .quote-wrap { flex-direction: row; justify-content: space-between; gap: 1em; padding:0; width:100%; } .testimonials .discl { text-align: right; margin-top:-4em } } @media(min-width:1440px){ .foods{ background-color: transparent; } .foods .container{ background-color:#fff; padding:2.5em 1em; } }