/** * Foundation for Sites by ZURB * Version 6.6.1 * foundation.zurb.com * Licensed under MIT Open Source */ @font-face { font-family: 'AmaticSC-Bold'; src: url("../fonts/AmaticSC-Bold.woff") format("woff"); } @font-face { font-family: 'ProximaNova-Regular'; src: url("../fonts/ProximaNova-Regular.woff") format("woff"); } @font-face { font-family: 'ProximaNova-Bold'; src: url("../fonts/ProximaNova-Bold.woff") format("woff"); } @font-face { font-family: 'ProximaNova-Semibold'; src: url("../fonts/ProximaNova-Semibold.woff") format("woff"); } @font-face { font-family: 'Oraqle Script'; src: url("../fonts/Oraqle Script.woff") format("woff"); } body { margin: 0; overflow: hidden; } @media (max-width: 1024px) { body { overflow: auto; } } header { position: fixed; left: 0; width: 100%; background-color: #fff; z-index: 110; height: 103px; } @media (max-width: 1820px) { header { height: 80px; } } @media (max-width: 1366px) { header { height: 74px; } } @media (max-width: 1025px) { header { height: 50px; } } @media (max-width: 768px) { header { height: 48px; } } .protein { padding-top: 103px; } .protein * { -webkit-box-sizing: border-box; box-sizing: border-box; } .protein h1, .protein h2, .protein h3, .protein h4, .protein h5 { margin: 0; } .protein ul { padding: 0; margin: 0; } .protein li { list-style: none; } .protein p { margin: 0; } .protein .clearfix::after { content: ""; display: table; clear: both; } .protein a { display: inline-block; text-decoration: none; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .protein a:hover { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; text-decoration: none; } .protein img { display: inline-block; max-width: 100%; height: auto; vertical-align: bottom; } .protein figure { margin: 0; } @media (min-width: 1920px) { .protein { font-size: -webkit-calc(100vw / 123); font-size: calc(100vw / 123); } } @media (max-width: 1920px) { .protein { font-size: -webkit-calc(100vw / 123); font-size: calc(100vw / 123); } } @media (max-width: 1820px) { .protein { padding-top: 80px; } } @media (max-width: 1366px) { .protein { padding-top: 74px; } } @media (max-width: 1025px) { .protein { padding-top: 50px; } } @media (max-width: 1024px) { .protein { font-size: -webkit-calc(100vw / 48); font-size: calc(100vw / 48); } } @media (max-width: 768px) { .protein { padding-top: 48px; } } @media (max-width: 576px) { .protein { font-size: -webkit-calc(100vw / 20); font-size: calc(100vw / 20); } } .protein .banner { position: relative; height: -webkit-calc(100vh - 103px); height: calc(100vh - 103px); padding-top: 4.25em; background: -webkit-radial-gradient(50% 50%, 57.32% 71.9%, #FFE092 16.24%, #FFD282 47.03%, #FFD84F 78.12%, #FFC55C 100%); background: -o-radial-gradient(50% 50%, 57.32% 71.9%, #FFE092 16.24%, #FFD282 47.03%, #FFD84F 78.12%, #FFC55C 100%); background: radial-gradient(57.32% 71.9% at 50% 50%, #FFE092 16.24%, #FFD282 47.03%, #FFD84F 78.12%, #FFC55C 100%); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow: hidden; pointer-events: auto !important; } @media (max-width: 1820px) { .protein .banner { height: -webkit-calc(100vh - 80px); height: calc(100vh - 80px); } } @media (max-width: 1366px) { .protein .banner { height: -webkit-calc(100vh - 74px); height: calc(100vh - 74px); } } @media (max-width: 1025px) { .protein .banner { height: -webkit-calc(100vh - 50px); height: calc(100vh - 50px); } } @media (max-width: 1024px) { .protein .banner { height: 64em; padding-top: 6.25em; } } @media (max-width: 576px) { .protein .banner { height: 30em; padding-top: 1.25em; } } .protein .banner .title { font-family: 'AmaticSC-Bold'; font-size: 10.625em; line-height: 1; text-align: center; color: #FF4A79; margin-bottom: 0.125em; } @media (max-width: 1024px) { .protein .banner .title { font-size: 6.25em; line-height: 1; margin-bottom: 0.125em; } } @media (max-width: 576px) { .protein .banner .title { font-size: 3.75em; margin-bottom: 0.1875em; } } .protein .banner .tagline { font-family: 'AmaticSC-Bold'; font-size: 3.125em; line-height: 1; text-align: center; color: #333333; margin-bottom: 0.9375em; padding-left: 0.1875em; } @media (max-width: 1024px) { .protein .banner .tagline { font-size: 1.25em; line-height: 1; padding-left: 0; margin-bottom: 2.1875em; } } @media (max-width: 576px) { .protein .banner .tagline { margin-bottom: 1.5em; } } .protein .banner .properties { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 1.25em; } @media (max-width: 1024px) { .protein .banner .properties { margin-bottom: 2.1875em; } } @media (max-width: 576px) { .protein .banner .properties { margin-bottom: -0.3125em; } } .protein .banner .properties .item { width: 12.1875em; margin-right: 1.3125em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1024px) { .protein .banner .properties .item { width: 7.1875em; margin-right: 0.75em; } } @media (max-width: 576px) { .protein .banner .properties .item { width: 3em; } } .protein .banner .properties .item:nth-last-of-type(1) { margin-right: 0; } .protein .banner .properties .icon { width: 8.17062em; height: 8.17062em; -webkit-border-radius: 50%; border-radius: 50%; background-repeat: no-repeat; background-position: center center; margin-bottom: 0.875em; } @media (max-width: 1024px) { .protein .banner .properties .icon { width: 4.91125em; height: 4.91125em; margin-bottom: 0.5em; } } @media (max-width: 576px) { .protein .banner .properties .icon { width: 2.5em; height: 2.5em; } } .protein .banner .properties .icon.protein { background-color: #2A71C5; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjIiIGhlaWdodD0iNzUiIHZpZXdCb3g9IjAgMCA2MiA3NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUxLjQwODcgMTUuMzkwN0gxMC41OTAxQzUuMTIwOCAxNS4zOTA3IDAuNjcxODc1IDE5LjgzOTcgMC42NzE4NzUgMjUuMzA4OVY2MS44ODk0QzAuNjcxODc1IDY5LjAyNjYgNi40Nzg0MyA3NC44MzMxIDEzLjYxNTYgNzQuODMzMUg0OC4zODMyQzU1LjUyMDMgNzQuODMzMSA2MS4zMjY5IDY5LjAyNjYgNjEuMzI3NiA2MS44ODk0VjI1LjMwODlDNjEuMzI3NiAxOS44Mzk3IDU2Ljg3OCAxNS4zOTA3IDUxLjQwODcgMTUuMzkwN1pNNTguOTAwNiA2MS44OTAxQzU4LjkwMDYgNjcuNjg5OSA1NC4xODMgNzIuNDA3OSA0OC4zODI4IDcyLjQwNzlIMTMuNjE1NkM3LjgxNTgxIDcyLjQwNzkgMy4wOTc4NSA2Ny42OTAzIDMuMDk3ODUgNjEuODkwMVYyNS4zMDk3QzMuMDk3ODUgMjEuMTc4NSA2LjQ1ODg4IDE3LjgxNzQgMTAuNTkwMSAxNy44MTc0SDUxLjQwOEM1NS41Mzk5IDE3LjgxNzQgNTguOTAwNiAyMS4xNzg1IDU4LjkwMDYgMjUuMzA5N1Y2MS44OTAxWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTQ0LjM0NDUgMTAuNTM4OEgxNy42NTYzQzE2Ljk4NjggMTAuNTM4OCAxNi40NDM0IDExLjA4MjIgMTYuNDQzNCAxMS43NTE4VjE2LjYwNDFDMTYuNDQzNCAxNy4yNzM3IDE2Ljk4NjggMTcuODE3MSAxNy42NTYzIDE3LjgxNzFINDQuMzQ0NUM0NS4wMTQxIDE3LjgxNzEgNDUuNTU3NSAxNy4yNzM3IDQ1LjU1NzUgMTYuNjA0MVYxMS43NTIyQzQ1LjU1NzkgMTEuMDgyNiA0NS4wMTQ1IDEwLjUzODggNDQuMzQ0NSAxMC41Mzg4Wk00My4xMzE1IDE1LjM5MTVIMTguODY5M1YxMi45NjUxSDQzLjEzMTVWMTUuMzkxNVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik01MC45NTYgMC44MzM0OTZIMTEuMDQwOUM5LjMzNiAwLjgzMzQ5NiA3Ljk0OTIyIDIuMjE5OTIgNy45NDkyMiAzLjkyNTE0VjkuODczNUM3Ljk0OTIyIDExLjU3ODQgOS4zMzU2NCAxMi45NjUxIDExLjA0MDkgMTIuOTY1MUg1MC45NTY0QzUyLjY2MTMgMTIuOTY1MSA1NC4wNDggMTEuNTc4NyA1NC4wNDggOS44NzM1VjMuOTI1MTRDNTQuMDQ3NyAyLjIxOTkyIDUyLjY2MTMgMC44MzM0OTYgNTAuOTU2IDAuODMzNDk2Wk01MS42MjIxIDkuODc0MjFDNTEuNjIyMSAxMC4yNDEzIDUxLjMyMzIgMTAuNTM5NSA1MC45NTY4IDEwLjUzOTVIMTEuMDQxMkMxMC42NzQxIDEwLjUzOTUgMTAuMzc1OSAxMC4yNDA2IDEwLjM3NTkgOS44NzQyMVYzLjkyNTg1QzEwLjM3NTkgMy41NTg3MiAxMC42NzQ4IDMuMjYwNTQgMTEuMDQxMiAzLjI2MDU0SDUwLjk1NjhDNTEuMzIzOSAzLjI2MDU0IDUxLjYyMjEgMy41NTk0MyA1MS42MjIxIDMuOTI1ODVWOS44NzQyMVY5Ljg3NDIxWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTYwLjExMzkgMjYuMzA5NEgxLjg4NDg2QzEuMjE1MjggMjYuMzA5NCAwLjY3MTg3NSAyNi44NTI5IDAuNjcxODc1IDI3LjUyMjRWNjEuNDg5M0MwLjY3MTg3NSA2Mi4xNTg4IDEuMjE1MjggNjIuNzAyMiAxLjg4NDg2IDYyLjcwMjJINjAuMTEzOUM2MC43ODM1IDYyLjcwMjIgNjEuMzI2OSA2Mi4xNTg4IDYxLjMyNjkgNjEuNDg5M1YyNy41MjI0QzYxLjMyNjkgMjYuODUyOSA2MC43ODM1IDI2LjMwOTQgNjAuMTEzOSAyNi4zMDk0Wk01OC45MDA2IDYwLjI3NjNIMy4wOTc4NVYyOC43MzU0SDU4LjkwMDZWNjAuMjc2M1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMi40NDY5IDQyLjI0MDRDMTIuMjA5OSA0MS44MzQxIDExLjkwNDIgNDEuNTE2OCAxMS41Mjg2IDQxLjI4OTNDMTEuMTUzMyA0MS4wNjA4IDEwLjczMTEgNDAuOTA5IDEwLjI2MDkgNDAuODMzM0M5Ljc5MTM4IDQwLjc1NjkgOS4zMjUxIDQwLjcxOTIgOC44NjAyMyA0MC43MTkyQzguNDEyMDcgNDAuNzE5MiA3Ljk2MzIgNDAuNzM5OSA3LjUxMTg0IDQwLjc4QzcuMDYwNDggNDAuODIwMiA2LjY0Njc5IDQwLjg3NiA2LjI3MTQ4IDQwLjk0NjdWNTAuMjM5SDguMTA4NTZWNDcuMDA3NEM4LjE1MjI3IDQ3LjAxNyA4LjIyNjkxIDQ3LjAyNDggOC4zMjk5NyA0Ny4wMzQ3QzguNDMxOTcgNDcuMDQyNSA4LjUzNzUzIDQ3LjA1IDguNjQ1MjEgNDcuMDU0NkM4Ljc1MTgzIDQ3LjA1OTYgOC44NTQ1NCA0Ny4wNjA3IDguOTUzMzUgNDcuMDYwN0M5LjA1MjE1IDQ3LjA2MDcgOS4xMjMyMyA0Ny4wNjA3IDkuMTY4MDEgNDcuMDYwN0M5LjYzMjUyIDQ3LjA2MDcgMTAuMDgxNCA0Ny4wMDI0IDEwLjUxNjQgNDYuODg2NUMxMC45NDg5IDQ2Ljc3IDExLjMzNiA0Ni41ODM0IDExLjY3NjEgNDYuMzIzNkMxMi4wMTUxIDQ2LjA2NDUgMTIuMjg3NCA0NS43MzE1IDEyLjQ5MzkgNDUuMzI1MkMxMi43IDQ0LjkxNzYgMTIuODAyIDQ0LjQyMDQgMTIuODAyIDQzLjgzMDFDMTIuODAyMyA0My4xNzc2IDEyLjY4NCA0Mi42NDggMTIuNDQ2OSA0Mi4yNDA0Wk0xMC43MDM3IDQ0LjY0ODZDMTAuNTkyOCA0NC44NjI1IDEwLjQ0MjEgNDUuMDMxMyAxMC4yNTQ4IDQ1LjE1MDdDMTAuMDY2MSA0NS4yNzE2IDkuODU0NjUgNDUuMzU0NCA5LjYxNzI0IDQ1LjM5OTVDOS4zNzk4MyA0NS40NDQ3IDkuMTQwNjQgNDUuNDY1NiA4LjkwMDM5IDQ1LjQ2NTZDOC44NjQxNCA0NS40NjU2IDguODA4MzQgNDUuNDY1NiA4LjczMjI5IDQ1LjQ2NTZDOC42NTY1OSA0NS40NjU2IDguNTc4NCA0NS40NjQ2IDguNDk3NzIgNDUuNDU5NkM4LjQxNzA1IDQ1LjQ1NDYgOC4zNDEzNSA0NS40NDgyIDguMjcwMjYgNDUuNDM5N0M4LjE5NzQxIDQ1LjQzMDEgOC4xNDQ4MSA0NS40MjIzIDguMTA4OTEgNDUuNDEyM1Y0Mi4zNjg3QzguMjA3IDQyLjM1MDkgOC4zMzYzNyA0Mi4zMzUzIDguNDk3NzIgNDIuMzIxNEM4LjY1OTA3IDQyLjMwODYgOC44MjgyNCA0Mi4zMDE1IDkuMDA3MzcgNDIuMzAxNUM5LjIzOTggNDIuMzAxNSA5LjQ2ODMyIDQyLjMyMzkgOS42OTA4MSA0Mi4zNjk0QzkuOTE0NzEgNDIuNDE0MiAxMC4xMTM3IDQyLjQ5NDUgMTAuMjg3NSA0Mi42MTA3QzEwLjQ2MTcgNDIuNzI3MyAxMC42MDI0IDQyLjg4MTEgMTAuNzEwNSA0My4wNzI3QzEwLjgxNzEgNDMuMjY0MyAxMC44NzA3IDQzLjUwODggMTAuODcwNyA0My44MDM4QzEwLjg3MDQgNDQuMTUyNCAxMC44MTQ2IDQ0LjQzNDMgMTAuNzAzNyA0NC42NDg2WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTE4Ljg0ODMgNDYuNjYwNEwxOC4xOTA4IDQ2LjI0NDJDMTguNzkgNDYuMDU3MyAxOS4yNjczIDQ1LjcyMjEgMTkuNjI1MiA0NS4yMzg0QzE5Ljk4MzEgNDQuNzU2MSAyMC4xNjE4IDQ0LjEyOTYgMjAuMTYxOCA0My4zNjA1QzIwLjE2MTggNDIuODQyMyAyMC4wNjEzIDQyLjQxMTIgMTkuODU5NyA0Mi4wNjY4QzE5LjY1OTYgNDEuNzIyOCAxOS4zOTEgNDEuNDUyMyAxOS4wNTU1IDQxLjI1NTFDMTguNzIgNDEuMDU3OCAxOC4zMzk3IDQwLjkxOTYgMTcuOTE1NyA0MC44Mzg5QzE3LjQ5MTcgNDAuNzU5MyAxNy4wNjA2IDQwLjcxOTUgMTYuNjIyIDQwLjcxOTVDMTYuNDMzMyA0MC43MTk1IDE2LjIyODIgNDAuNzIzNyAxNi4wMDQ3IDQwLjczMjNDMTUuNzgxNSA0MC43NDE1IDE1LjU1MDggNDAuNzU0NyAxNS4zMTM4IDQwLjc3MjRDMTUuMDc2NyA0MC43OTAyIDE0Ljg0IDQwLjgxNTEgMTQuNjAzIDQwLjg0NkMxNC4zNjU5IDQwLjg3OCAxNC4xNDU2IDQwLjkxMSAxMy45Mzk1IDQwLjk0NjZIMTMuOTQwMlY1MC4yNDAzSDE1Ljc3NzJWNDYuMzkxTDE2Ljc0MjkgNDYuNTY2MkwxOC44NzQyIDUwLjI0SDIwLjk5MzVMMTguODQ4MyA0Ni42NjA0Wk0xNi41NTQxIDQ1LjE0MzlIMTUuNzc3MlY0Mi40MjE1QzE1Ljg3NTMgNDIuMzk0MSAxNi4wMTYxIDQyLjM3NjcgMTYuMTk4NyA0Mi4zNjgyQzE2LjM4MjUgNDIuMzU5IDE2LjU2OCA0Mi4zNTU0IDE2Ljc1NTcgNDIuMzU1NEMxNy4yMzg2IDQyLjM1NTQgMTcuNjA0NyA0Mi40Njg4IDE3Ljg1NTMgNDIuNjk2MkMxOC4xMDUxIDQyLjkyNDggMTguMjMwNiA0My4yNDAzIDE4LjIzMDYgNDMuNjQyQzE4LjIzMDYgNDQuMTc4MyAxOC4wNzg4IDQ0LjU2MjEgMTcuNzc0NiA0NC43OTU2QzE3LjQ3MTQgNDUuMDI4IDE3LjA2MzggNDUuMTQzOSAxNi41NTQxIDQ1LjE0MzlaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMjguOTk5MyA0My41NDgyQzI4LjgzOCA0Mi45NDkgMjguNTkxNyA0Mi40MzQ3IDI4LjI2MTIgNDIuMDA1N0MyNy45MzA2IDQxLjU3NjggMjcuNTE0NSA0MS4yNDYyIDI3LjAxNDggNDEuMDE0MkMyNi41MTM3IDQwLjc4MTcgMjUuOTI4MyA0MC42NjQ4IDI1LjI1OCA0MC42NjQ4QzIzLjk4IDQwLjY2NDggMjIuOTk3IDQxLjA4NzcgMjIuMzA4MiA0MS45MzI1QzIxLjYxOTggNDIuNzc3MyAyMS4yNzU0IDQzLjk4MjEgMjEuMjc1NCA0NS41NDU5QzIxLjI3NTQgNDYuMjc5MSAyMS4zNTUgNDYuOTQ1MSAyMS41MTYgNDcuNTQ0M0MyMS42Nzc0IDQ4LjE0MzUgMjEuOTIwMSA0OC42NTY3IDIyLjI0NzEgNDkuMDg2OEMyMi41NzI2IDQ5LjUxNTcgMjIuOTg2MyA0OS44NDYzIDIzLjQ4NzQgNTAuMDc4M0MyMy45ODcxIDUwLjMxMDggMjQuNTc3NCA1MC40MjY2IDI1LjI1NzMgNTAuNDI2NkMyNi41MjYxIDUwLjQyNjYgMjcuNTA3IDUwLjAwNTEgMjguMjAwNCA0OS4xNkMyOC44OTM4IDQ4LjMxNDggMjkuMjQwNyA0Ny4xMTA0IDI5LjI0MDcgNDUuNTQ1NUMyOS4yNDA3IDQ0LjgxMzQgMjkuMTYwNyA0NC4xNDc0IDI4Ljk5OTMgNDMuNTQ4MlpNMjYuNzcyNyA0OC4wMjUyQzI2LjQxNDkgNDguNTM1OSAyNS45MTAyIDQ4Ljc5MDcgMjUuMjU3NyA0OC43OTA3QzI0LjkwMDUgNDguNzkwNyAyNC41OTI0IDQ4LjcxIDI0LjMzMjYgNDguNTQ5NEMyNC4wNzMxIDQ4LjM4ODcgMjMuODYwNiA0OC4xNjQ4IDIzLjY5NSA0Ny44NzkxQzIzLjUyOTMgNDcuNTkyNiAyMy40MDc0IDQ3LjI1MTUgMjMuMzI2OCA0Ni44NTM0QzIzLjI0NjEgNDYuNDU1NCAyMy4yMDU5IDQ2LjAxOTMgMjMuMjA1OSA0NS41NDU1QzIzLjIwNTkgNDQuNDI4OSAyMy4zODQ3IDQzLjYwODkgMjMuNzQyNiA0My4wODM3QzI0LjEwMDUgNDIuNTYxNiAyNC42MDUyIDQyLjI5OTMgMjUuMjU3NyA0Mi4yOTkzQzI1LjYzMyA0Mi4yOTkzIDI1Ljk1MDMgNDIuMzgyNSAyNi4yMDg3IDQyLjU0ODFDMjYuNDY4MiA0Mi43MTMgMjYuNjc4OSA0Mi45NDQgMjYuODM4OCA0My4yMzlDMjcuMDAwMiA0My41MzM2IDI3LjExODYgNDMuODc2OSAyNy4xOTQzIDQ0LjI3MDdDMjcuMjcgNDQuNjY0NSAyNy4zMDkgNDUuMDg5NiAyNy4zMDkgNDUuNTQ0NUMyNy4zMDk0IDQ2LjY4ODkgMjcuMTMwNiA0Ny41MTU1IDI2Ljc3MjcgNDguMDI1MloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yOS4zNzUgNDAuODUzMVY0Mi40ODkxSDMyLjEyMzNWNTAuMjM5SDMzLjk2MDRWNDIuNDg5MUgzNi42OTU5VjQwLjg1MzFIMjkuMzc1WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTM5LjQ4NTkgNDguNjAzVjQ2LjMxMTFINDIuODc3OFY0NC42NzUxSDM5LjQ4NTlWNDIuNDg5MUg0My4yMTNWNDAuODUzMUgzNy42NDg0VjUwLjIzOUg0My4yODA1VjQ4LjYwM0gzOS40ODU5WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTQ2LjY3MTkgNDAuODUzMUg0NC44MzU5VjUwLjIzOTdINDYuNjcxOVY0MC44NTMxWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTUzLjkyNTkgNDAuODUyNFY0NS43ODY5TDU0LjE0MDYgNDcuMjIxM0g1NC4wNzMxTDUzLjM2MzcgNDUuNzg2OUw0OS44MDk3IDQwLjc4NTNINDguNDY4OFY1MC4yMzlINTAuMjEyM1Y0NS4zNDU0TDQ5Ljk5NzMgNDMuODcwMkg1MC4wNjQ1TDUwLjgwMjcgNDUuMzQ1NEw1NC4zMjcyIDUwLjMwNjVINTUuNjY4NVY0MC44NTI0SDUzLjkyNTlaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTcuNjU2MyAwLjgzNDIyOUMxNi45ODY4IDAuODM0MjI5IDE2LjQ0MzQgMS4zNzc2NCAxNi40NDM0IDIuMDQ3MjJWNi44OTk1MkMxNi40NDM0IDcuNTY5MDkgMTYuOTg2OCA4LjExMjUgMTcuNjU2MyA4LjExMjVDMTguMzI1OSA4LjExMjUgMTguODY5MyA3LjU2OTA5IDE4Ljg2OTMgNi44OTk1MlYyLjA0NzIyQzE4Ljg2OTMgMS4zNzc2NCAxOC4zMjU5IDAuODM0MjI5IDE3LjY1NjMgMC44MzQyMjlaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMjYuMTQ2NiAwLjgzNDIyOUMyNS40NzcgMC44MzQyMjkgMjQuOTMzNiAxLjM3NzY0IDI0LjkzMzYgMi4wNDcyMlY2Ljg5OTUyQzI0LjkzMzYgNy41NjkwOSAyNS40NzcgOC4xMTI1IDI2LjE0NjYgOC4xMTI1QzI2LjgxNjIgOC4xMTI1IDI3LjM1OTYgNy41NjkwOSAyNy4zNTk2IDYuODk5NTJWMi4wNDcyMkMyNy4zNTk5IDEuMzc3NjQgMjYuODE2NSAwLjgzNDIyOSAyNi4xNDY2IDAuODM0MjI5WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTQ0LjM0MzggMC44MzQyMjlDNDMuNjc0MyAwLjgzNDIyOSA0My4xMzA5IDEuMzc3NjQgNDMuMTMwOSAyLjA0NzIyVjYuODk5NTJDNDMuMTMwOSA3LjU2OTA5IDQzLjY3NDMgOC4xMTI1IDQ0LjM0MzggOC4xMTI1QzQ1LjAxMzQgOC4xMTI1IDQ1LjU1NjggNy41NjkwOSA0NS41NTY4IDYuODk5NTJWMi4wNDcyMkM0NS41NTcyIDEuMzc3NjQgNDUuMDEzOCAwLjgzNDIyOSA0NC4zNDM4IDAuODM0MjI5WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTM1Ljg1MTcgMC44MzQyMjlDMzUuMTgyMSAwLjgzNDIyOSAzNC42Mzg3IDEuMzc3NjQgMzQuNjM4NyAyLjA0NzIyVjYuODk5NTJDMzQuNjM4NyA3LjU2OTA5IDM1LjE4MjEgOC4xMTI1IDM1Ljg1MTcgOC4xMTI1QzM2LjUyMTIgOC4xMTI1IDM3LjA2NDYgNy41NjkwOSAzNy4wNjQ2IDYuODk5NTJWMi4wNDcyMkMzNy4wNjQ2IDEuMzc3NjQgMzYuNTIxMiAwLjgzNDIyOSAzNS44NTE3IDAuODM0MjI5WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg=="); -webkit-background-size: 3.79125em 4.625em; background-size: 3.79125em 4.625em; } @media (max-width: 1024px) { .protein .banner .properties .icon.protein { -webkit-background-size: 2.27875em 2.78em; background-size: 2.27875em 2.78em; } } @media (max-width: 576px) { .protein .banner .properties .icon.protein { -webkit-background-size: 1.16em 1.415em; background-size: 1.16em 1.415em; } } .protein .banner .properties .icon.hunger { background-color: #FD5925; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTgiIGhlaWdodD0iNzUiIHZpZXdCb3g9IjAgMCA1OCA3NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM0LjM1NjMgNTUuNzc3MUMzNC4yNDY1IDU1LjEwNTQgMzMuNjE4MiA1NC42NDg3IDMyLjk0MDMgNTQuNzU4OUMzMC4wOTM4IDU1LjIyMzIgMjcuMTI0IDU1LjIxMDkgMjQuMjgyOSA1NC43MTk1QzIzLjYwMzkgNTQuNjAwNiAyMi45NzMxIDU1LjA1NDQgMjIuODU3MSA1NS43MjQ3QzIyLjc0MTEgNTYuMzk2NCAyMy4xOTEzIDU3LjAzNDUgMjMuODYyMyA1Ny4xNTA1QzI1LjQ2MTIgNTcuNDI2OSAyNy4wOTg3IDU3LjU2NjggMjguNzI5NyA1Ny41NjY4QzMwLjI3MjYgNTcuNTY2OCAzMS44MjM0IDU3LjQ0MTcgMzMuMzM4MSA1Ny4xOTMxQzM0LjAwOTggNTcuMDgyOSAzNC40NjU4IDU2LjQ0OTIgMzQuMzU2MyA1NS43NzcxWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTI4LjczMSAwLjgzMzI1MkMxMy4wODk5IDAuODMzMjUyIDAuMzY0MjU4IDEzLjU1ODkgMC4zNjQyNTggMjkuMkMwLjM2NDI1OCA0MC42MjU2IDcuMTY0MDkgNTAuODg1MiAxNy42ODgxIDU1LjMzNjRDMTguMzE3MiA1NS42MDE2IDE5LjAzOTEgNTUuMzA4NSAxOS4zMDQ0IDU0LjY4MTZDMTkuNTcwMyA1NC4wNTQ0IDE5LjI3NzMgNTMuMzMwNiAxOC42NDkzIDUzLjA2NTRDOS4wNDAxMSA0OC45OTk3IDIuODMxMDUgMzkuNjMyNyAyLjgzMTA1IDI5LjJDMi44MzEwNSAxNC45MTg1IDE0LjQ0OTYgMy4zMDAwNCAyOC43MzEgMy4zMDAwNEM0My4wMTI1IDMuMzAwMDQgNTQuNjMxIDE0LjkxODUgNTQuNjMxIDI5LjJDNTQuNjMxIDM5LjYzMjcgNDguNDIyIDQ5LjAwMDEgMzguODExNyA1My4wNjVDMzguMTg0NSA1My4zMzAzIDM3Ljg5MTEgNTQuMDUzNiAzOC4xNTcgNTQuNjgxM0MzOC4zNTU3IDU1LjE1MTcgMzguODEzMiA1NS40MzUgMzkuMjkzNCA1NS40MzVDMzkuNDUzOCA1NS40MzUgMzkuNjE2MSA1NS40MDI4IDM5Ljc3MzIgNTUuMzM3MUM1MC4yOTggNTAuODg1NSA1Ny4wOTc4IDQwLjYyNiA1Ny4wOTc4IDI5LjIwMDRDNTcuMDk3OCAxMy41NTg5IDQ0LjM3MjIgMC44MzMyNTIgMjguNzMxIDAuODMzMjUyWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTM0LjQyNTcgNDkuNDIyQzM0LjI4MDkgNDguNzU2IDMzLjYyMTEgNDguMzM1NCAzMi45NTczIDQ4LjQ4MDNDMzAuMjMzNiA0OS4wNzU0IDI3LjMzMzIgNDkuMDgxNiAyNC42MDM0IDQ4LjUwMTNDMjMuOTM5MyA0OC4zNTgyIDIzLjI4MzEgNDguNzg0OSAyMy4xNDA3IDQ5LjQ1MDlDMjIuOTk4NCA1MC4xMTY4IDIzLjQyMzcgNTAuNzcyMiAyNC4wOTAzIDUwLjkxMzVDMjUuNjA2OCA1MS4yMzYyIDI3LjE2ODggNTEuNDAwMiAyOC43MzE5IDUxLjQwMDJDMzAuMzM0MSA1MS40MDAyIDMxLjkzMTkgNTEuMjI5IDMzLjQ4NDEgNTAuODkwNEMzNC4xNDkzIDUwLjc0NTEgMzQuNTcwNiA1MC4wODcyIDM0LjQyNTcgNDkuNDIyWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTI4LjczMDMgN0MxNi40ODg4IDcgNi41MzAyNyAxNi45NTg2IDYuNTMwMjcgMjkuMkM2LjUzMDI3IDM3LjIxMjUgMTAuODcyNyA0NC42MzE2IDE3Ljg2MzMgNDguNTYyOUMxOC4wNTUyIDQ4LjY3MDkgMTguMjYyMiA0OC43MjE1IDE4LjQ2NzEgNDguNzIxNUMxOC44OTg5IDQ4LjcyMTUgMTkuMzE3IDQ4LjQ5NTMgMTkuNTQzOSA0OC4wOTMxQzE5Ljg3ODEgNDcuNDk5NSAxOS42NjcxIDQ2Ljc0NjggMTkuMDczNCA0Ni40MTMzQzEyLjg1ODIgNDIuOTE4MiA4Ljk5NzA2IDM2LjMyMjkgOC45OTcwNiAyOS4yMDA0QzguOTk3MDYgMTguMzE5MyAxNy44NDkyIDkuNDY3MTUgMjguNzMwMyA5LjQ2NzE1QzM5LjYxMTMgOS40NjcxNSA0OC40NjM1IDE4LjMxOTMgNDguNDYzNSAyOS4yMDA0QzQ4LjQ2MzUgMzYuMjQ4OCA0NC42NjIzIDQyLjgxMDEgMzguNTQyNSA0Ni4zMjUxQzM3Ljk1MTcgNDYuNjYzNyAzNy43NDgzIDQ3LjQxNzggMzguMDg3MiA0OC4wMDg2QzM4LjQyNjUgNDguNTk4NiAzOS4xNzkyIDQ4LjgwNDIgMzkuNzcwNyA0OC40NjM4QzQ2LjY1NCA0NC41MTA5IDUwLjkyOTkgMzcuMTI5MyA1MC45Mjk5IDI5LjIwMDRDNTAuOTMwMyAxNi45NTg2IDQwLjk3MTcgNyAyOC43MzAzIDdaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMjYuMjY1NyAyMC41NjY3QzI1LjU4NDkgMjAuNTY2NyAyNS4wMzI0IDIxLjExOTEgMjUuMDMyNCAyMS43OTk5VjMwLjQzMzRDMjUuMDMyNCAzMi40NzM5IDIzLjM3MjkgMzQuMTMzNCAyMS4zMzI0IDM0LjEzMzRDMTkuMjkyIDM0LjEzMzQgMTcuNjMyNCAzMi40NzM5IDE3LjYzMjQgMzAuNDMzNFYyMS44MDAyQzE3LjYzMjQgMjEuMTE5NSAxNy4wOCAyMC41NjcgMTYuMzk5MiAyMC41NjdDMTUuNzE4NSAyMC41NjcgMTUuMTY2IDIxLjExOTUgMTUuMTY2IDIxLjgwMDJWMzAuNDMzNEMxNS4xNjYgMzMuODMzOSAxNy45MzIzIDM2LjYwMDIgMjEuMzMyOCAzNi42MDAyQzI0LjczMzMgMzYuNjAwMiAyNy40OTk2IDMzLjgzMzkgMjcuNDk5NiAzMC40MzM0VjIxLjgwMDJDMjcuNDk5MiAyMS4xMTk1IDI2Ljk0NjggMjAuNTY2NyAyNi4yNjU3IDIwLjU2NjdaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMjEuMzMxOCAyMC41NjY3QzIwLjY1MTEgMjAuNTY2NyAyMC4wOTg2IDIxLjExOTEgMjAuMDk4NiAyMS43OTk5VjQxLjUzMzFDMjAuMDk4NiA0Mi4yMTM4IDIwLjY1MTEgNDIuNzY2MyAyMS4zMzE4IDQyLjc2NjNDMjIuMDEyNiA0Mi43NjYzIDIyLjU2NTEgNDIuMjEzOCAyMi41NjUxIDQxLjUzMzFWMjEuODAwMkMyMi41NjUxIDIxLjExOTUgMjIuMDEyNiAyMC41NjY3IDIxLjMzMTggMjAuNTY2N1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yMS4zMzE4IDQwLjNDMTkuMjkxNCA0MC4zIDE3LjYzMTggNDEuOTU5NiAxNy42MzE4IDQ0LjAwMDFWNzEuMTMzM0MxNy42MzE4IDczLjE3MzcgMTkuMjkxNCA3NC44MzMzIDIxLjMzMTggNzQuODMzM0MyMy4zNzIzIDc0LjgzMzMgMjUuMDMxOCA3My4xNzM3IDI1LjAzMTggNzEuMTMzM1Y0NC4wMDAxQzI1LjAzMTggNDEuOTU5MyAyMy4zNzIzIDQwLjMgMjEuMzMxOCA0MC4zWk0yMi41NjUgNzEuMTMzM0MyMi41NjUgNzEuODEzMyAyMi4wMTE5IDcyLjM2NjUgMjEuMzMxOCA3Mi4zNjY1QzIwLjY1MTggNzIuMzY2NSAyMC4wOTg2IDcxLjgxMzMgMjAuMDk4NiA3MS4xMzMzVjQ0LjAwMDFDMjAuMDk4NiA0My4zMiAyMC42NTE4IDQyLjc2NjggMjEuMzMxOCA0Mi43NjY4QzIyLjAxMTkgNDIuNzY2OCAyMi41NjUgNDMuMzIgMjIuNTY1IDQ0LjAwMDFWNzEuMTMzM1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0zNi4xMzE2IDQwLjNDMzQuMDkxMiA0MC4zIDMyLjQzMTYgNDEuOTU5NiAzMi40MzE2IDQ0LjAwMDFWNzEuMTMzM0MzMi40MzE2IDczLjE3MzcgMzQuMDkxMiA3NC44MzMzIDM2LjEzMTYgNzQuODMzM0MzOC4xNzIxIDc0LjgzMzMgMzkuODMxNiA3My4xNzM3IDM5LjgzMTYgNzEuMTMzM1Y0NC4wMDAxQzM5LjgzMTYgNDEuOTU5MyAzOC4xNzIxIDQwLjMgMzYuMTMxNiA0MC4zWk0zNy4zNjQ5IDcxLjEzMzNDMzcuMzY0OSA3MS44MTMzIDM2LjgxMTcgNzIuMzY2NSAzNi4xMzE2IDcyLjM2NjVDMzUuNDUxNiA3Mi4zNjY1IDM0Ljg5ODQgNzEuODEzMyAzNC44OTg0IDcxLjEzMzNWNDQuMDAwMUMzNC44OTg0IDQzLjMyIDM1LjQ1MTYgNDIuNzY2OCAzNi4xMzE2IDQyLjc2NjhDMzYuODExNyA0Mi43NjY4IDM3LjM2NDkgNDMuMzIgMzcuMzY0OSA0NC4wMDAxVjcxLjEzMzNaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMzYuMTI5NyAxOS4zMzMzQzMyLjcyOTIgMTkuMzMzMyAyOS45NjI5IDIyLjA5OTYgMjkuOTYyOSAyNS41VjMwLjQzMzNDMjkuOTYyOSAzMy44MzM3IDMyLjcyOTIgMzYuNiAzNi4xMjk3IDM2LjZDMzkuNTMwMSAzNi42IDQyLjI5NjUgMzMuODMzNyA0Mi4yOTY1IDMwLjQzMzNWMjUuNUM0Mi4yOTY1IDIyLjA5OTYgMzkuNTMwMSAxOS4zMzMzIDM2LjEyOTcgMTkuMzMzM1pNMzkuODI5NyAzMC40MzMzQzM5LjgyOTcgMzIuNDczNyAzOC4xNzAxIDM0LjEzMzMgMzYuMTI5NyAzNC4xMzMzQzM0LjA4OTMgMzQuMTMzMyAzMi40Mjk3IDMyLjQ3MzcgMzIuNDI5NyAzMC40MzMzVjI1LjVDMzIuNDI5NyAyMy40NTk2IDM0LjA4OTMgMjEuOCAzNi4xMjk3IDIxLjhDMzguMTcwMSAyMS44IDM5LjgyOTcgMjMuNDU5NiAzOS44Mjk3IDI1LjVWMzAuNDMzM1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0zNi4xMzE2IDM0LjEzMzFDMzUuNDUwOSAzNC4xMzMxIDM0Ljg5ODQgMzQuNjg1NSAzNC44OTg0IDM1LjM2NjNWNDEuNTMzQzM0Ljg5ODQgNDIuMjEzOCAzNS40NTA5IDQyLjc2NjMgMzYuMTMxNiA0Mi43NjYzQzM2LjgxMjQgNDIuNzY2MyAzNy4zNjQ5IDQyLjIxMzggMzcuMzY0OSA0MS41MzNWMzUuMzY2M0MzNy4zNjQ5IDM0LjY4NTUgMzYuODEyNCAzNC4xMzMxIDM2LjEzMTYgMzQuMTMzMVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo="); -webkit-background-size: 3.79125em 4.625em; background-size: 3.79125em 4.625em; } @media (max-width: 1024px) { .protein .banner .properties .icon.hunger { -webkit-background-size: 2.13125em 2.78em; background-size: 2.13125em 2.78em; } } @media (max-width: 576px) { .protein .banner .properties .icon.hunger { -webkit-background-size: 1.085em 1.415em; background-size: 1.085em 1.415em; } } .protein .banner .properties .icon.figure { background-color: #FA861A; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzMiIGhlaWdodD0iNzMiIHZpZXdCb3g9IjAgMCA3MyA3MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQ2LjU4ODkgMTcuNzA4M0M1MS42MzU2IDE3LjcwODMgNTUuNTg4OSAxNS4yMzc4IDU1LjU4ODkgMTIuMDgzM0M1NS41ODg5IDguOTI4NzUgNTEuNjM1NiA2LjQ1ODI1IDQ2LjU4ODkgNi40NTgyNUM0MS41NDIxIDYuNDU4MjUgMzcuNTg4OSA4LjkyODc1IDM3LjU4ODkgMTIuMDgzM0MzNy41ODg5IDE1LjIzNzggNDEuNTQyMSAxNy43MDgzIDQ2LjU4ODkgMTcuNzA4M1pNNDYuNTg4OSA4LjcwODI1QzUwLjU2NjkgOC43MDgyNSA1My4zMzg5IDEwLjQ4NjkgNTMuMzM4OSAxMi4wODMzQzUzLjMzODkgMTMuNjc5NiA1MC41NjY5IDE1LjQ1ODMgNDYuNTg4OSAxNS40NTgzQzQyLjYxMDkgMTUuNDU4MyAzOS44Mzg5IDEzLjY3OTYgMzkuODM4OSAxMi4wODMzQzM5LjgzODkgMTAuNDg2OSA0Mi42MTA5IDguNzA4MjUgNDYuNTg4OSA4LjcwODI1WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTQ2LjU4ODkgMS45NTgyNUMzMi4yNDc0IDEuOTU4MjUgMjEuODM4OSA3LjE2MjUgMjEuODM4OSAxNC4zMzMzVjI0LjQ1ODNIMTYuMjEzOUM4LjE0OTg3IDI0LjQ1ODMgMS41ODg4NyAzMS4wMTkzIDEuNTg4ODcgMzkuMDgzM1Y1Mi41ODMzQzEuNTg4ODcgNjAuNjQ3MyA4LjE0OTg3IDY3LjIwODMgMTYuMjEzOSA2Ny4yMDgzSDMwLjk1MjVDMzEuNDc1NiA2OS43NzIxIDMzLjc0NyA3MS43MDgzIDM2LjQ2MzkgNzEuNzA4M0g1NS41ODg5QzU4LjA3MDYgNzEuNzA4MyA2MC4wODg5IDY5LjY5IDYwLjA4ODkgNjcuMjA4M1Y1MS40NTgzQzYwLjA4ODkgNDguOTc2NSA1OC4wNzA2IDQ2Ljk1ODMgNTUuNTg4OSA0Ni45NTgzSDM2LjQ2MzlDMzMuNzQ4MSA0Ni45NTgzIDMxLjQ3NTYgNDguODk0NCAzMC45NTI1IDUxLjQ1ODNIMTYuMjEzOUMxNC4xOTExIDUxLjQ1ODMgMTIuMjg2NSA1MC45NjEgMTAuNTk5IDUwLjA5N0MxMC43MDI1IDQ0LjI2MzkgMTQuNTcwMiA0MC4yMDgzIDIwLjA4NjEgNDAuMjA4M0g0Ni41ODg5QzYwLjkzMDQgNDAuMjA4MyA3MS4zMzg5IDM1LjAwNCA3MS4zMzg5IDI3LjgzMzNWMTQuMzMzM0M3MS4zMzg5IDcuMTYyNSA2MC45MzA0IDEuOTU4MjUgNDYuNTg4OSAxLjk1ODI1Wk00Ni41ODg5IDQuMjA4MjVDNTkuMjA1NyA0LjIwODI1IDY5LjA4ODkgOC42NTUzOCA2OS4wODg5IDE0LjMzMzNDNjkuMDg4OSAyMC4wMTExIDU5LjIwNTcgMjQuNDU4MyA0Ni41ODg5IDI0LjQ1ODNDMzMuOTcyIDI0LjQ1ODMgMjQuMDg4OSAyMC4wMTExIDI0LjA4ODkgMTQuMzMzM0MyNC4wODg5IDguNjU1MzggMzMuOTcyIDQuMjA4MjUgNDYuNTg4OSA0LjIwODI1Wk0yNC4wODg5IDE5LjcyNjVDMjUuODE0NiAyMS42NTM2IDI4LjQ3MDcgMjMuMjY4IDMxLjg0MTIgMjQuNDU4M0gyNC4wODg5VjE5LjcyNjVaTTMuODM4ODcgNTIuNTgzM1Y0Ni44NDEzQzYuMjQwNzQgNTAuNjU4NCAxMC4zNDcgNTMuMjg3NSAxNS4wODg5IDUzLjY1MDlWNTguMjA4M0gxNy4zMzg5VjUzLjcwODNIMTkuNTg4OVY1OC4yMDgzSDIxLjgzODlWNTMuNzA4M0gyNC4wODg5VjYyLjcwODNIMjYuMzM4OVY1My43MDgzSDI4LjU4ODlWNTguMjA4M0gzMC44Mzg5VjUzLjcwODNIMzMuMDg4OVY1OC4yMDgzSDM1LjMzODlWNTMuNzA4M0gzOS44Mzg5VjY0Ljk1ODNIMTYuMjEzOUM5LjM5MDc0IDY0Ljk1ODMgMy44Mzg4NyA1OS40MDY0IDMuODM4ODcgNTIuNTgzM1pNMzcuNTg4OSA1MC4zMzMzQzM3LjU4ODkgNDkuNzEzNCAzOC4wOTI5IDQ5LjIwODMgMzguNzEzOSA0OS4yMDgzQzM5LjMzNDkgNDkuMjA4MyAzOS44Mzg5IDQ5LjcxMzQgMzkuODM4OSA1MC4zMzMzVjUxLjQ1ODNIMzcuNTg4OVY1MC4zMzMzWk0zNy41ODg5IDY4LjMzMzNWNjcuMjA4M0gzOS44Mzg5VjY4LjMzMzNDMzkuODM4OSA2OC45NTMxIDM5LjMzNDkgNjkuNDU4MyAzOC43MTM5IDY5LjQ1ODNDMzguMDkyOSA2OS40NTgzIDM3LjU4ODkgNjguOTUzMSAzNy41ODg5IDY4LjMzMzNaTTMzLjI5NTkgNjcuMjA4M0gzNS4zMzg5VjY4LjMzMzNDMzUuMzM4OSA2OC42NzE5IDM1LjQwNDEgNjguOTkxNCAzNS40OTc1IDY5LjI5OTZDMzQuNDcwNCA2OC45OTAzIDMzLjY1NDcgNjguMjEyOSAzMy4yOTU5IDY3LjIwODNWNjcuMjA4M1pNNTcuODM4OSA1MS40NTgzVjY3LjIwODNDNTcuODM4OSA2OC40NDkxIDU2LjgyOTcgNjkuNDU4MyA1NS41ODg5IDY5LjQ1ODNINDEuODgxOUM0Mi4wMDc5IDY5LjEwNSA0Mi4wODg5IDY4LjcyOTMgNDIuMDg4OSA2OC4zMzMzVjUwLjMzMzNDNDIuMDg4OSA0OS45MzczIDQyLjAwNzkgNDkuNTYxNSA0MS44ODE5IDQ5LjIwODNINTUuNTg4OUM1Ni44Mjk3IDQ5LjIwODMgNTcuODM4OSA1MC4yMTc0IDU3LjgzODkgNTEuNDU4M1pNMzUuNDk3NSA0OS4zNjY5QzM1LjQwNDEgNDkuNjc1MSAzNS4zMzg5IDQ5Ljk5NDYgMzUuMzM4OSA1MC4zMzMzVjUxLjQ1ODNIMzMuMjk1OUMzMy42NTQ3IDUwLjQ1MzYgMzQuNDcwNCA0OS42NzYzIDM1LjQ5NzUgNDkuMzY2OVY0OS4zNjY5Wk02OS4wODg5IDI3LjgzMzNDNjkuMDg4OSAzMy41MTExIDU5LjIwNTcgMzcuOTU4MyA0Ni41ODg5IDM3Ljk1ODNIMjAuMDg1QzEzLjcwMTcgMzcuOTU4MyA5LjEwNDk5IDQyLjI5NzQgOC40MzMzNyA0OC42OTQxQzUuNjM0MzcgNDYuNDIyOCAzLjgzODg3IDQyLjk2IDMuODM4ODcgMzkuMDgzM0MzLjgzODg3IDMzLjQzMTMgNy42NTI2MiAyOC42NjI0IDEyLjgzODkgMjcuMTg3NVYzMS4yMDgzSDE1LjA4ODlWMjYuNzY1NkMxNS40NjAxIDI2LjczMTkgMTUuODMzNiAyNi43MDgzIDE2LjIxMzkgMjYuNzA4M0gxNy4zMzg5VjM1LjcwODNIMTkuNTg4OVYyNi43MDgzSDIxLjgzODlWMzEuMjA4M0gyNC4wODg5VjI2LjcwODNIMjYuMzM4OVYzMS4yMDgzSDI4LjU4ODlWMjYuNzA4M0gzMC44Mzg5VjM1LjcwODNIMzMuMDg4OVYyNi43MDgzSDM1LjMzODlWMzEuMjA4M0gzNy41ODg5VjI2LjcwODNIMzkuODM4OVYzMS4yMDgzSDQyLjA4ODlWMjYuNzA4M0g0NC4zMzg5VjM1LjcwODNINDYuNTg4OVYyNi43MDgzQzQ3LjM1MjcgMjYuNzA4MyA0OC4wOTg2IDI2LjY4NTggNDguODM4OSAyNi42NTY1VjMxLjIwODNINTEuMDg4OVYyNi41MTgxQzUxLjg1NSAyNi40NTYzIDUyLjYwNDIgMjYuMzc2NCA1My4zMzg5IDI2LjI4M1YzMS4yMDgzSDU1LjU4ODlWMjUuOTQxQzYxLjcwODkgMjQuODUyIDY2LjQ3MjEgMjIuNjQ4MSA2OS4wODg5IDE5LjcyNjVWMjcuODMzM1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik01MS4wODg5IDUzLjcwODNINTMuMzM4OVY2NC45NTgzSDUxLjA4ODlWNTMuNzA4M1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik00Ni41ODg5IDUzLjcwODNINDguODM4OVY2NC45NTgzSDQ2LjU4ODlWNTMuNzA4M1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo="); -webkit-background-size: 3.54562em 4.625em; background-size: 3.54562em 4.625em; } @media (max-width: 1024px) { .protein .banner .properties .icon.figure { -webkit-background-size: 2.70438em 2.70438em; background-size: 2.70438em 2.70438em; } } @media (max-width: 576px) { .protein .banner .properties .icon.figure { -webkit-background-size: 1.37688em 1.37688em; background-size: 1.37688em 1.37688em; } } .protein .banner .properties .icon.vitamins { background-color: #FF5B96; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzMiIGhlaWdodD0iNzUiIHZpZXdCb3g9IjAgMCA3MyA3NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik00NS4yOTM3IDEuODU4MDVDNDUuMTc0IDEuMTc5ODUgNDQuNTQwNSAwLjczMjk2IDQzLjg4MDYgMC44NTIyNzdDNDMuNjA4MiAwLjkwMjc4NSAzNy4xOTE1IDIuMTU0NTEgMzQuNDc4NiA3LjE5NTQ1QzMyLjkyMjEgMTAuMDg4MyAzMi45MTYgMTMuNTY3OSAzNC40NjA1IDE3LjUzNzJDMzQuNjUwNiAxOC4wMjUxIDM1LjEwNzEgMTguMzIzIDM1LjU4OTcgMTguMzIzQzM1Ljc0IDE4LjMyMyAzNS44OTI0IDE4LjI5MzcgMzYuMDQxMiAxOC4yMzNDMzYuNjY0MSAxNy45NzU3IDM2Ljk2NzUgMTcuMjQ5MSAzNi43MTgyIDE2LjYwODNDMzUuNDU5MyAxMy4zNzQ2IDM1LjQyMDIgMTAuNjE3OSAzNi42MDAzIDguNDE1MzNDMzguNzQ1OSA0LjQxMzEgNDQuMjYxNyAzLjMyMDU5IDQ0LjMxNzYgMy4zMDk2MUM0NC45NzcxIDMuMTg1NTQgNDUuNDEzMyAyLjUzNTg4IDQ1LjI5MzcgMS44NTgwNVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik01MS4wODM4IDguMzI4MjVDNDUuNDgxNCA4LjMyODI1IDQwLjEyOTUgMTAuNzAxNCAzNi4xOTY2IDE0Ljg4MzdDMzIuMjY0MSAxMC43MDE0IDI2LjkxMjEgOC4zMjgyNSAyMS4zMDk4IDguMzI4MjVDOS43NDY1NyA4LjMyODI1IDAuMzM4ODY3IDE4LjIzMzcgMC4zMzg4NjcgMzAuNDA4OEMwLjMzODg2NyAzNi40MTUyIDMuNTMwNjggNDcuNTM3NiA3LjkyOTM0IDU2Ljg1NkMxMS4wOTg0IDYzLjU2OTYgMTcuNDg4IDc0LjgzMzMgMjQuNjc0MyA3NC44MzMzQzI3LjIwMTMgNzQuODMzMyAzMi41NDcyIDczLjUxNjQgMzYuMTk3IDcxLjExODRDMzkuODQ2NyA3My41MTY0IDQ1LjE5MjMgNzQuODMzMyA0Ny43MTk2IDc0LjgzMzNDNTQuOTA1OSA3NC44MzMzIDYxLjI5NTkgNjMuNTY5NiA2NC40NjQ2IDU2Ljg1NkM2OC44NjI5IDQ3LjUzODQgNzIuMDU1IDM2LjQxNTIgNzIuMDU1IDMwLjQwODhDNzIuMDU0NyAxOC4yMzMzIDYyLjY0NyA4LjMyODI1IDUxLjA4MzggOC4zMjgyNVpNNDcuNzE5MiA3Mi4zMzVDNDUuMzUgNzIuMzM1IDM5Ljk2MjUgNzAuODc5IDM2LjkxMiA2OC41OTc3QzM2LjY5ODcgNjguNDM4NSAzNi40NDc3IDY4LjM1ODQgMzYuMTk2NiA2OC4zNTg0QzM1Ljk0NTUgNjguMzU4NCAzNS42OTQ1IDY4LjQzNzggMzUuNDgwOCA2OC41OTc3QzMyLjQzMTEgNzAuODc5IDI3LjA0MjggNzIuMzM1IDI0LjY3MzYgNzIuMzM1QzE0Ljk0MDggNzIuMzM1IDIuNzY5MzEgNDEuOTM3OCAyLjc2OTMxIDMwLjQwOTFDMi43NjkzMSAxOS42MTEgMTEuMDg2NiAxMC44MjczIDIxLjMwOTEgMTAuODI3M0MyNi42NSAxMC44MjczIDMxLjczODEgMTMuMjc5MSAzNS4yNyAxNy41NTMzQzM1LjczMTkgMTguMTEyMiAzNi42NjEzIDE4LjExMjIgMzcuMTIzMiAxNy41NTMzQzQwLjY1NDcgMTMuMjc4OCA0NS43NDMyIDEwLjgyNzMgNTEuMDg0MSAxMC44MjczQzYxLjMwNjYgMTAuODI3MyA2OS42MjM5IDE5LjYxMTcgNjkuNjIzOSAzMC40MDkxQzY5LjYyMzUgNDEuOTM3OCA1Ny40NTIxIDcyLjMzNSA0Ny43MTkyIDcyLjMzNVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0zNi40ODA4IDE1LjIzMThDMzIuNDY1MyAxMC43ODAxIDI3LjA3NzMgOC4zMjgyNSAyMS4zMDk4IDguMzI4MjVDOS43NDY1NyA4LjMyODI1IDAuMzM4ODY3IDE4LjIzMzcgMC4zMzg4NjcgMzAuNDA4OEMwLjMzODg2NyAzNi40MTUyIDMuNTMwNjggNDcuNTM3NiA3LjkyOTM0IDU2Ljg1NkMxMS4wOTg0IDYzLjU2OTYgMTcuNDg4IDc0LjgzMzMgMjQuNjc0MyA3NC44MzMzQzI3LjE1MTEgNzQuODMzMyAzMi41NTA4IDczLjUyOTYgMzYuMjQ3MiA3MS4wODI5QzM2LjU5NDQgNzAuODUyMyAzNi44MDQ1IDcwLjQ1NyAzNi44MDQ1IDcwLjAzMjFWMTYuMDgwOUMzNi44MDQ1IDE1Ljc2NTggMzYuNjg5MSAxNS40NjIzIDM2LjQ4MDggMTUuMjMxOFpNMzQuMzczNyA2OS4zMzE2QzMxLjIzNDYgNzEuMjAyMiAyNi43MTg0IDcyLjMzNSAyNC42NzQzIDcyLjMzNUMxNC45NDE1IDcyLjMzNSAyLjc3MDAzIDQxLjkzNzggMi43NzAwMyAzMC40MDg4QzIuNzcwMDMgMTkuNjEwNiAxMS4wODczIDEwLjgyNjkgMjEuMzA5OCAxMC44MjY5QzI2LjIzOTggMTAuODI2OSAzMC44NjE0IDEyLjg2NjMgMzQuMzczNyAxNi41Nzk0VjY5LjMzMTZWNjkuMzMxNloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yMS4wMDI4IDEzLjMyNTJDMTIuMjg5NSAxMy4zMjUyIDUuMjAxMTcgMjAuNjEwNSA1LjIwMTE3IDI5LjU2NThDNS4yMDExNyAzMC4yNTUzIDUuNzQ1NjYgMzAuODE0OSA2LjQxNjU3IDMwLjgxNDlDNy4wODc0OCAzMC44MTQ5IDcuNjMxOTggMzAuMjU1MyA3LjYzMTk4IDI5LjU2NThDNy42MzE5OCAyMS45ODgxIDEzLjYyOTkgMTUuODIzNSAyMS4wMDI4IDE1LjgyMzVDMjEuNjczNyAxNS44MjM1IDIyLjIxODIgMTUuMjYzOSAyMi4yMTgyIDE0LjU3NDRDMjIuMjE4MiAxMy44ODQ4IDIxLjY3MzcgMTMuMzI1MiAyMS4wMDI4IDEzLjMyNTJaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNDYuOTI3IDM0Ljc3NzRDNDYuMzE0OCAzNC4xNDc4IDQ1LjQyMjEgMzMuODY3MSA0NC40ODA5IDM0LjAwNDdDNDMuNjU0NCAzNC4xMjU5IDQyLjg0NDIgMzQuNTU3IDQyLjIgMzUuMjE5MUM0Mi4xNTY5IDM1LjI2MjcgMzguMTY0NiAzOS45MDUgNDAuMDUwOSA0MS44NDQxQzQwLjQyNTkgNDIuMjI4OCA0MC44OTQ1IDQyLjM2NjggNDEuMzc2IDQyLjM2NjhDNDIuMzI1NCA0Mi4zNjY4IDQzLjMyMzkgNDEuODMyIDQzLjc0NjkgNDEuNjA0N0M0NC43NzI5IDQxLjA1NSA0NS45MDMyIDQwLjI0NjEgNDYuNDk3MiAzOS42MzZDNDcuOTQyNiAzOC4xNTAxIDQ4LjEzMSAzNi4wMTU1IDQ2LjkyNyAzNC43Nzc0Wk00NC43Nzg2IDM3Ljg2OTNDNDQuMjM0MSAzOC40MjgyIDQzLjA5ODggMzkuMTcyMyA0Mi4yNTc3IDM5LjU3NzFDNDIuNjUxNSAzOC43MTI2IDQzLjM3NDggMzcuNTQ1OCA0My45MTkzIDM2Ljk4NjJDNDQuMTg5NiAzNi43MDg0IDQ0LjUxOTcgMzYuNTIyOCA0NC44MjQ5IDM2LjQ3ODJDNDQuODY5NCAzNi40NzEyIDQ0LjkxMTggMzYuNDY4MyA0NC45NTEzIDM2LjQ2ODNDNDUuMDY3NCAzNi40NjgzIDQ1LjE2MDMgMzYuNDk0NiA0NS4yMDg0IDM2LjU0NEM0NS4zNTk4IDM2LjcwMDMgNDUuMzExNyAzNy4zMjExIDQ0Ljc3ODYgMzcuODY5M1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik00Ni4yNDcyIDQ3Ljc0NDRDNDYuMTk4IDQ3LjcwNzQgNDEuMDkyOSA0NC40MTM3IDM5LjUzNyA0Ni42NDMxQzM3Ljk4MjkgNDguODczMSA0Mi42NTggNTIuNzg0NiA0Mi43MDcxIDUyLjgyMTVDNDMuNDU3OCA1My4zNzM4IDQ0LjI5MzIgNTMuNjQ1NCA0NS4wNzYzIDUzLjY0NTRDNDYuMDI2NCA1My42NDU0IDQ2Ljg5NjcgNTMuMjQ1NyA0Ny40NDE2IDUyLjQ2NjFDNDguNDM0MSA1MS4wNDIgNDcuOTA4OCA0OC45NjgzIDQ2LjI0NzIgNDcuNzQ0NFpNNDUuNDY1OSA1MS4wMTAyQzQ1LjM0MDUgNTEuMTg5NSA0NC43MzY2IDUxLjI0MTkgNDQuMTIzMyA1MC43OTAyQzQzLjQ5NzMgNTAuMzI4NyA0Mi41OTg1IDQ5LjI5ODQgNDIuMDcyOSA0OC41MTE1QzQyLjk2NzQgNDguNzcwMyA0NC4yMDU2IDQ5LjMxMzQgNDQuODMxNiA0OS43NzUzQzQ1LjQ0NDUgNTAuMjI2NiA0NS41ODk4IDUwLjgzMTkgNDUuNDY1OSA1MS4wMTAyWiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMCI+CjxyZWN0IHg9IjAuMTk2Mjg5IiB5PSIwLjgzMzI1MiIgd2lkdGg9IjcyIiBoZWlnaHQ9Ijc0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo="); -webkit-background-size: 4.5em 4.5em; background-size: 4.5em 4.5em; } @media (max-width: 1024px) { .protein .banner .properties .icon.vitamins { -webkit-background-size: 2.70438em 2.78em; background-size: 2.70438em 2.78em; } } @media (max-width: 576px) { .protein .banner .properties .icon.vitamins { -webkit-background-size: 1.37688em 1.415em; background-size: 1.37688em 1.415em; } } .protein .banner .properties .icon.nails { background-color: #44B74C; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzEiIGhlaWdodD0iNzEiIHZpZXdCb3g9IjAgMCA3MSA3MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik01MS4wMzQ1IDExLjQ1MDZDNTAuMDA3MyA0Ljg0NDM1IDQ0LjI1MjYgMC44MzMyNTIgMzUuNTAwNyAwLjgzMzI1MkMyNi43NDg3IDAuODMzMjUyIDIwLjk5MzggNC44NDQzNSAxOS45NjY2IDExLjQ1MDZDMTUuNDc5IDE1LjcwMzkgMTIuOTE0MSAyMS42NDUzIDEyLjkxNDEgMjcuODMxNFY2OS4yMzUxQzEyLjkxNDEgNzAuMTE3OCAxMy42Mjk2IDcwLjgzMzMgMTQuNTEyMiA3MC44MzMzQzE1LjM5NDkgNzAuODMzMyAxNi4xMTA0IDcwLjExNzggMTYuMTEwNCA2OS4yMzUxVjI3LjgzMTRDMTYuMTEwNCAyMy43Mjg4IDE3LjQyNTIgMTkuNzUxMiAxOS44MDAzIDE2LjQ3MDFWMzMuMDU2NEMxOS44MDAzIDM2Ljc4NTkgMjEuMTA4NCA0MC4yMTUzIDIzLjI4ODYgNDIuOTExN0MyMy4zMjMxIDQyLjk1OTggMjMuMzYwOCA0My4wMDYgMjMuNDAxMSA0My4wNTA4QzI2LjI4MzMgNDYuNTMzOCAzMC42MzczIDQ4Ljc1NjcgMzUuNTAwNyA0OC43NTY3QzQwLjMyOTMgNDguNzU2NyA0NC42NTQ5IDQ2LjU2NTEgNDcuNTM3NCA0My4xMjUxQzQ3LjYyMDggNDMuMDQzNCA0Ny42OTMgNDIuOTU0MSA0Ny43NTQ5IDQyLjg1OTVDNDkuOTA5OSA0MC4xNzEyIDUxLjIwMSAzNi43NjIxIDUxLjIwMSAzMy4wNTY2VjE2LjQ3MDFDNTMuNTc2MSAxOS43NTEyIDU0Ljg5MDkgMjMuNzI4OCA1NC44OTA5IDI3LjgzMTRWNjkuMjM1MUM1NC44OTA5IDcwLjExNzggNTUuNjA2NCA3MC44MzMzIDU2LjQ4OTEgNzAuODMzM0M1Ny4zNzE3IDcwLjgzMzMgNTguMDg3MiA3MC4xMTc4IDU4LjA4NzIgNjkuMjM1MVYyNy44MzE0QzU4LjA4NzIgMjEuNjQ1MyA1NS41MjIyIDE1LjcwMzkgNTEuMDM0NSAxMS40NTA2Wk0yMi45OTY1IDEzLjY0OEMyMi45OTY1IDQuOTY2NzcgMzEuNzQxIDQuMDI5NiAzNS41MDA3IDQuMDI5NkMzOS4yNjAzIDQuMDI5NiA0OC4wMDQ3IDQuOTY2NzcgNDguMDA0NyAxMy42NDhWMzMuMDU2NEM0OC4wMDQ3IDM1LjM4NzggNDcuMzYxNCAzNy41NzEzIDQ2LjI0NTcgMzkuNDQxNkM0My4zNTExIDM2LjY3NzYgMzkuNTM1MyAzNS4xMjQ5IDM1LjUwMDcgMzUuMTI0OUMzMS40NjY1IDM1LjEyNDkgMjcuNjUwMiAzNi42Nzc2IDI0Ljc1NTYgMzkuNDQxOEMyMy42Mzk5IDM3LjU3MTQgMjIuOTk2NiAzNS4zODggMjIuOTk2NiAzMy4wNTY0VjEzLjY0OEgyMi45OTY1Wk0yNi43NDE5IDQxLjk2OTFDMjkuMDcwNiAzOS42MzY0IDMyLjE5NDkgMzguMzIxMyAzNS41MDA3IDM4LjMyMTNDMzguODA2NyAzOC4zMjEzIDQxLjkzMDggMzkuNjM2NCA0NC4yNTk0IDQxLjk2OTFDNDIuMDAxNiA0NC4xODgyIDM4LjkwOSA0NS41NjA0IDM1LjUwMDcgNDUuNTYwNEMzMi4wOTI1IDQ1LjU2MDIgMjguOTk5OCA0NC4xODggMjYuNzQxOSA0MS45NjkxWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTEuNjc4ODcgMjIuOTA2NUMzLjYzMTM4IDIyLjkwODggNS4yMTMxOSAyNC40OTA2IDUuMjE1NDkgMjYuNDQzMUM1LjIxNTQ5IDI3LjA5NDEgNS43NDMzNCAyNy42MjIgNi4zOTQzNyAyNy42MjJDNy4wNDUzOSAyNy42MjIgNy41NzMyNCAyNy4wOTQxIDcuNTczMjQgMjYuNDQzMUM3LjU3NTU0IDI0LjQ5MDYgOS4xNTczNSAyMi45MDg4IDExLjEwOTkgMjIuOTA2NUMxMS43NjA5IDIyLjkwNjUgMTIuMjg4NyAyMi4zNzg2IDEyLjI4ODcgMjEuNzI3NkMxMi4yODg3IDIxLjA3NjYgMTEuNzYwOSAyMC41NDg3IDExLjEwOTkgMjAuNTQ4N0M5LjE1NzM1IDIwLjU0NjQgNy41NzU1NCAxOC45NjQ2IDcuNTczMjQgMTcuMDEyMUM3LjU3MzI0IDE2LjM2MTEgNy4wNDUzOSAxNS44MzMzIDYuMzk0MzcgMTUuODMzM0M1Ljc0MzM0IDE1LjgzMzMgNS4yMTU0OSAxNi4zNjExIDUuMjE1NDkgMTcuMDEyMUM1LjIxMzE5IDE4Ljk2NDYgMy42MzEzOCAyMC41NDY0IDEuNjc4ODcgMjAuNTQ4N0MxLjAyNzg1IDIwLjU0ODcgMC41IDIxLjA3NjYgMC41IDIxLjcyNzZDMC41IDIyLjM3ODYgMS4wMjc4NSAyMi45MDY1IDEuNjc4ODcgMjIuOTA2NVpNNi4zOTQzNyAyMC41NDUzQzYuNzMxMTEgMjAuOTkzMSA3LjEyODg2IDIxLjM5MDkgNy41NzY2OSAyMS43Mjc2QzcuMTI4ODYgMjIuMDY0NCA2LjczMTExIDIyLjQ2MjEgNi4zOTQzNyAyMi45MDk5QzYuMDU3NjMgMjIuNDYyMSA1LjY1OTg3IDIyLjA2NDQgNS4yMTIwNCAyMS43Mjc2QzUuNjU5ODcgMjEuMzkwOSA2LjA1NzYzIDIwLjk5MzEgNi4zOTQzNyAyMC41NDUzWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTUzLjY3ODkgNy42NDQ1MkM1NS42MzE0IDcuNjQ2NzQgNTcuMjEzMiA5LjE2OTk2IDU3LjIxNTUgMTEuMDUwMkM1Ny4yMTU1IDExLjY3NzEgNTcuNzQzMyAxMi4xODU0IDU4LjM5NDQgMTIuMTg1NEM1OS4wNDU0IDEyLjE4NTQgNTkuNTczMiAxMS42NzcxIDU5LjU3MzIgMTEuMDUwMkM1OS41NzU1IDkuMTY5OTYgNjEuMTU3NCA3LjY0Njc0IDYzLjEwOTkgNy42NDQ1MkM2My43NjA5IDcuNjQ0NTIgNjQuMjg4NyA3LjEzNjIyIDY0LjI4ODcgNi41MDkzMUM2NC4yODg3IDUuODgyMzkgNjMuNzYwOSA1LjM3NDEgNjMuMTA5OSA1LjM3NDFDNjEuMTU3NCA1LjM3MTg4IDU5LjU3NTUgMy44NDg2NiA1OS41NzMyIDEuOTY4NDZDNTkuNTczMiAxLjM0MTU1IDU5LjA0NTQgMC44MzMyNTIgNTguMzk0NCAwLjgzMzI1MkM1Ny43NDMzIDAuODMzMjUyIDU3LjIxNTUgMS4zNDE1NSA1Ny4yMTU1IDEuOTY4NDZDNTcuMjEzMiAzLjg0ODY2IDU1LjYzMTQgNS4zNzE4OCA1My42Nzg5IDUuMzc0MUM1My4wMjc4IDUuMzc0MSA1Mi41IDUuODgyMzkgNTIuNSA2LjUwOTMxQzUyLjUgNy4xMzYyMiA1My4wMjc4IDcuNjQ0NTIgNTMuNjc4OSA3LjY0NDUyWk01OC4zOTQ0IDUuMzcwNzdDNTguNzMwNSA1LjgwMjAyIDU5LjEyODkgNi4xODUwNCA1OS41NzY3IDYuNTA5MzFDNTkuMTI4OSA2LjgzMzU3IDU4LjczMTEgNy4yMTY2IDU4LjM5NDQgNy42NDc4NUM1OC4wNTc2IDcuMjE2NiA1Ny42NTk5IDYuODMzNTcgNTcuMjEyIDYuNTA5MzFDNTcuNjU5OSA2LjE4NTA0IDU4LjA1NzYgNS44MDIwMiA1OC4zOTQ0IDUuMzcwNzdaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwIj4KPHJlY3QgeD0iMC41IiB5PSIwLjgzMzI1MiIgd2lkdGg9IjcwIiBoZWlnaHQ9IjcwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo="); -webkit-background-size: 4.375em 4.375em; background-size: 4.375em 4.375em; } @media (max-width: 1024px) { .protein .banner .properties .icon.nails { -webkit-background-size: 2.62938em 2.62938em; background-size: 2.62938em 2.62938em; } } @media (max-width: 576px) { .protein .banner .properties .icon.nails { -webkit-background-size: 1.33875em 1.33875em; background-size: 1.33875em 1.33875em; } } .protein .banner .properties .description { font-family: 'ProximaNova-Regular'; font-weight: 600; font-size: 1.25em; line-height: 1.2; text-align: center; color: #333333; } @media (max-width: 1024px) { .protein .banner .properties .description { font-size: 0.75em; line-height: 1.2; } } @media (max-width: 576px) { .protein .banner .properties .description { font-size: 0.5625em; line-height: 1.3; } } @media (max-width: 1024px) { .protein .banner .properties .description br { display: none; } } .protein .banner .advantages { padding-left: 0.9375em; } @media (max-width: 1024px) { .protein .banner .advantages { padding-left: 0; } } .protein .banner .advantages .item { font-family: 'AmaticSC-Bold'; font-weight: bold; font-size: 2.8125em; line-height: 1.3; text-align: center; color: #FF4A79; } @media (max-width: 1024px) { .protein .banner .advantages .item { font-size: 1.5em; line-height: 1.3; } } @media (max-width: 576px) { .protein .banner .advantages .item { font-size: 1.25em; line-height: 1.3; } } .protein .banner .bar { position: absolute; width: 38.75em; height: 15.125em; } .protein .banner .bar.strawberry { left: -37.5em; top: 17.1875em; width: 45em; height: 18em; -webkit-transform: rotate(-38.14deg); -ms-transform: rotate(-38.14deg); transform: rotate(-38.14deg); opacity: 0; z-index: 2; } @media (max-width: 1024px) { .protein .banner .bar.strawberry { top: 32.9375em; width: 26.875em; height: 10.625em; -webkit-transform: rotate(-60.06deg); -ms-transform: rotate(-60.06deg); transform: rotate(-60.06deg); } } @media (max-width: 576px) { .protein .banner .bar.strawberry { opacity: 1; top: 18.5em; left: -4.25em; width: 11.29562em; height: auto; -webkit-transform: rotate(-69.5deg); -ms-transform: rotate(-69.5deg); transform: rotate(-69.5deg); } } .protein .banner .bar.strawberry.animation-start { left: -15.9375em; opacity: 1; -webkit-transition: left 0.8s, opacity 0.6s, -webkit-transform 0.5s; transition: left 0.8s, opacity 0.6s, -webkit-transform 0.5s; -o-transition: left 0.8s, opacity 0.6s, transform 0.5s; transition: left 0.8s, opacity 0.6s, transform 0.5s; transition: left 0.8s, opacity 0.6s, transform 0.5s, -webkit-transform 0.5s; } @media (max-width: 1024px) { .protein .banner .bar.strawberry.animation-start { left: -8.0625em; } } @media (max-width: 576px) { .protein .banner .bar.strawberry.animation-start { left: -4.25em; } } .protein .banner .bar.strawberry:hover { -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; -webkit-transform: scale(1.07) rotate(-38.14deg); -ms-transform: scale(1.07) rotate(-38.14deg); transform: scale(1.07) rotate(-38.14deg); } @media (max-width: 1024px) { .protein .banner .bar.strawberry:hover { -webkit-transform: scale(1.07) rotate(-60.06deg); -ms-transform: scale(1.07) rotate(-60.06deg); transform: scale(1.07) rotate(-60.06deg); } } @media (max-width: 576px) { .protein .banner .bar.strawberry:hover { -webkit-transform: rotate(-69.5deg); -ms-transform: rotate(-69.5deg); transform: rotate(-69.5deg); } } .protein .banner .bar.pistachio { left: -35.625em; top: 30em; width: 43.75em; height: 17.125em; -webkit-transform: rotate(-51.62deg); -ms-transform: rotate(-51.62deg); transform: rotate(-51.62deg); opacity: 0; z-index: 3; } @media (max-width: 1024px) { .protein .banner .bar.pistachio { top: 40.625em; width: 26.875em; height: 10.625em; -webkit-transform: rotate(-49.87deg); -ms-transform: rotate(-49.87deg); transform: rotate(-49.87deg); z-index: 2; } } @media (max-width: 576px) { .protein .banner .bar.pistachio { opacity: 1; top: 21.875em; left: -2.9375em; width: 11.25938em; height: auto; -webkit-transform: rotate(-59.31deg); -ms-transform: rotate(-59.31deg); transform: rotate(-59.31deg); } } .protein .banner .bar.pistachio.animation-start { left: -11.5625em; opacity: 1; -webkit-transition: left 0.8s, opacity 0.6s, -webkit-transform 0.5s; transition: left 0.8s, opacity 0.6s, -webkit-transform 0.5s; -o-transition: left 0.8s, opacity 0.6s, transform 0.5s; transition: left 0.8s, opacity 0.6s, transform 0.5s; transition: left 0.8s, opacity 0.6s, transform 0.5s, -webkit-transform 0.5s; } @media (max-width: 1024px) { .protein .banner .bar.pistachio.animation-start { left: -6.5625em; } } @media (max-width: 576px) { .protein .banner .bar.pistachio.animation-start { left: -2.9375em; } } .protein .banner .bar.pistachio:hover { -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; -webkit-transform: scale(1.07) rotate(-51.62deg); -ms-transform: scale(1.07) rotate(-51.62deg); transform: scale(1.07) rotate(-51.62deg); } @media (max-width: 1024px) { .protein .banner .bar.pistachio:hover { -webkit-transform: scale(1.07) rotate(-49.87deg); -ms-transform: scale(1.07) rotate(-49.87deg); transform: scale(1.07) rotate(-49.87deg); } } @media (max-width: 576px) { .protein .banner .bar.pistachio:hover { -webkit-transform: rotate(-59.31deg); -ms-transform: rotate(-59.31deg); transform: rotate(-59.31deg); } } .protein .banner .bar.blueberry { left: -2.1875em; bottom: -25em; width: 45.625em; height: 15.4375em; -webkit-transform: rotate(-34.99deg); -ms-transform: rotate(-34.99deg); transform: rotate(-34.99deg); opacity: 0; z-index: 2; } @media (max-width: 1024px) { .protein .banner .bar.blueberry { left: 1.0625em; width: 27.1875em; height: 9.0625em; -webkit-transform: rotate(-68.28deg); -ms-transform: rotate(-68.28deg); transform: rotate(-68.28deg); } } @media (max-width: 576px) { .protein .banner .bar.blueberry { opacity: 1; width: 11.02875em; height: auto; left: 0; bottom: 2.1875em; -webkit-transform: rotate(-68.28deg); -ms-transform: rotate(-68.28deg); transform: rotate(-68.28deg); } } .protein .banner .bar.blueberry.animation-start { bottom: 5.3125em; opacity: 1; -webkit-transition: bottom 0.8s, opacity 0.6s, -webkit-transform 0.5s; transition: bottom 0.8s, opacity 0.6s, -webkit-transform 0.5s; -o-transition: bottom 0.8s, opacity 0.6s, transform 0.5s; transition: bottom 0.8s, opacity 0.6s, transform 0.5s; transition: bottom 0.8s, opacity 0.6s, transform 0.5s, -webkit-transform 0.5s; } @media (max-width: 1024px) { .protein .banner .bar.blueberry.animation-start { bottom: 11.25em; } } @media (max-width: 576px) { .protein .banner .bar.blueberry.animation-start { bottom: 2.1875em; } } .protein .banner .bar.blueberry:hover { -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; -webkit-transform: scale(1.07) rotate(-34.99deg); -ms-transform: scale(1.07) rotate(-34.99deg); transform: scale(1.07) rotate(-34.99deg); } @media (max-width: 1024px) { .protein .banner .bar.blueberry:hover { -webkit-transform: scale(1.07) rotate(-68.28deg); -ms-transform: scale(1.07) rotate(-68.28deg); transform: scale(1.07) rotate(-68.28deg); } } @media (max-width: 576px) { .protein .banner .bar.blueberry:hover { -webkit-transform: rotate(-68.28deg); -ms-transform: rotate(-68.28deg); transform: rotate(-68.28deg); } } .protein .banner .bar.coconut { left: 9.375em; bottom: -18.75em; width: 45.375em; height: 17.875em; -webkit-transform: rotate(-20.03deg); -ms-transform: rotate(-20.03deg); transform: rotate(-20.03deg); opacity: 0; z-index: 2; } @media (max-width: 1024px) { .protein .banner .bar.coconut { left: 6em; width: 26.875em; height: 10.625em; -webkit-transform: rotate(-60.06deg); -ms-transform: rotate(-60.06deg); transform: rotate(-60.06deg); } } @media (max-width: 576px) { .protein .banner .bar.coconut { opacity: 1; left: 2.1875em; bottom: -0.875em; width: 10.72875em; height: auto; -webkit-transform: rotate(-60.06deg); -ms-transform: rotate(-60.06deg); transform: rotate(-60.06deg); } } .protein .banner .bar.coconut.animation-start { bottom: -0.3125em; opacity: 1; -webkit-transition: bottom 0.8s, opacity 0.6s, -webkit-transform 0.5s; transition: bottom 0.8s, opacity 0.6s, -webkit-transform 0.5s; -o-transition: bottom 0.8s, opacity 0.6s, transform 0.5s; transition: bottom 0.8s, opacity 0.6s, transform 0.5s; transition: bottom 0.8s, opacity 0.6s, transform 0.5s, -webkit-transform 0.5s; } @media (max-width: 1024px) { .protein .banner .bar.coconut.animation-start { bottom: 3.75em; } } @media (max-width: 576px) { .protein .banner .bar.coconut.animation-start { bottom: -0.875em; } } .protein .banner .bar.coconut:hover { -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; -webkit-transform: scale(1.07) rotate(-20.03deg); -ms-transform: scale(1.07) rotate(-20.03deg); transform: scale(1.07) rotate(-20.03deg); } @media (max-width: 1024px) { .protein .banner .bar.coconut:hover { -webkit-transform: scale(1.07) rotate(-60.06deg); -ms-transform: scale(1.07) rotate(-60.06deg); transform: scale(1.07) rotate(-60.06deg); } } @media (max-width: 576px) { .protein .banner .bar.coconut:hover { -webkit-transform: rotate(-60.06deg); -ms-transform: rotate(-60.06deg); transform: rotate(-60.06deg); } } .protein .banner .bar.rasberry { right: 5.625em; bottom: -18.75em; width: 44.3125em; height: 17.875em; -webkit-transform: rotate(10.89deg); -ms-transform: rotate(10.89deg); transform: rotate(10.89deg); opacity: 0; z-index: 2; } @media (max-width: 1024px) { .protein .banner .bar.rasberry { right: 1.25em; width: 26.25em; height: 10.625em; -webkit-transform: rotate(60.52deg); -ms-transform: rotate(60.52deg); transform: rotate(60.52deg); z-index: 4; } } @media (max-width: 576px) { .protein .banner .bar.rasberry { opacity: 1; right: 1em; bottom: 1.0625em; width: 10.87063em; height: auto; -webkit-transform: rotate(60.52deg); -ms-transform: rotate(60.52deg); transform: rotate(60.52deg); } } .protein .banner .bar.rasberry.animation-start { bottom: -0.8125em; opacity: 1; -webkit-transition: bottom 0.8s, opacity 0.6s, -webkit-transform 0.5s; transition: bottom 0.8s, opacity 0.6s, -webkit-transform 0.5s; -o-transition: bottom 0.8s, opacity 0.6s, transform 0.5s; transition: bottom 0.8s, opacity 0.6s, transform 0.5s; transition: bottom 0.8s, opacity 0.6s, transform 0.5s, -webkit-transform 0.5s; } @media (max-width: 1024px) { .protein .banner .bar.rasberry.animation-start { bottom: 9.25em; } } @media (max-width: 576px) { .protein .banner .bar.rasberry.animation-start { bottom: 1.0625em; } } .protein .banner .bar.rasberry:hover { -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; -webkit-transform: scale(1.07) rotate(10.89deg); -ms-transform: scale(1.07) rotate(10.89deg); transform: scale(1.07) rotate(10.89deg); } @media (max-width: 1024px) { .protein .banner .bar.rasberry:hover { -webkit-transform: scale(1.07) rotate(60.52deg); -ms-transform: scale(1.07) rotate(60.52deg); transform: scale(1.07) rotate(60.52deg); } } @media (max-width: 576px) { .protein .banner .bar.rasberry:hover { -webkit-transform: rotate(60.52deg); -ms-transform: rotate(60.52deg); transform: rotate(60.52deg); } } .protein .banner .bar.banana { right: -8.75em; bottom: -25em; width: 43.8125em; height: 17.875em; -webkit-transform: rotate(22.22deg); -ms-transform: rotate(22.22deg); transform: rotate(22.22deg); opacity: 0; z-index: 2; } @media (max-width: 1024px) { .protein .banner .bar.banana { right: -6.5625em; width: 26.25em; height: 10.625em; -webkit-transform: rotate(71.85deg); -ms-transform: rotate(71.85deg); transform: rotate(71.85deg); z-index: 3; } } @media (max-width: 576px) { .protein .banner .bar.banana { opacity: 1; right: -2.1875em; bottom: 0.625em; width: 10.87063em; height: auto; -webkit-transform: rotate(71.85deg); -ms-transform: rotate(71.85deg); transform: rotate(71.85deg); } } .protein .banner .bar.banana.animation-start { bottom: 3.75em; opacity: 1; -webkit-transition: bottom 0.8s, opacity 0.6s, -webkit-transform 0.5s; transition: bottom 0.8s, opacity 0.6s, -webkit-transform 0.5s; -o-transition: bottom 0.8s, opacity 0.6s, transform 0.5s; transition: bottom 0.8s, opacity 0.6s, transform 0.5s; transition: bottom 0.8s, opacity 0.6s, transform 0.5s, -webkit-transform 0.5s; } @media (max-width: 1024px) { .protein .banner .bar.banana.animation-start { bottom: 4.375em; } } @media (max-width: 576px) { .protein .banner .bar.banana.animation-start { bottom: 0.625em; } } .protein .banner .bar.banana:hover { -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; -webkit-transform: scale(1.07) rotate(22.22deg); -ms-transform: scale(1.07) rotate(22.22deg); transform: scale(1.07) rotate(22.22deg); } @media (max-width: 1024px) { .protein .banner .bar.banana:hover { -webkit-transform: scale(1.07) rotate(71.85deg); -ms-transform: scale(1.07) rotate(71.85deg); transform: scale(1.07) rotate(71.85deg); } } @media (max-width: 576px) { .protein .banner .bar.banana:hover { -webkit-transform: rotate(71.85deg); -ms-transform: rotate(71.85deg); transform: rotate(71.85deg); } } .protein .banner .bar.chocolate { right: -40.625em; top: 18.125em; width: 44.0625em; height: 17.3125em; -webkit-transform: rotate(19.47deg); -ms-transform: rotate(19.47deg); transform: rotate(19.47deg); opacity: 0; z-index: 2; } @media (max-width: 1024px) { .protein .banner .bar.chocolate { top: 37.625em; width: 26.25em; height: 10.625em; -webkit-transform: rotate(19.47deg); -ms-transform: rotate(19.47deg); transform: rotate(19.47deg); } } @media (max-width: 576px) { .protein .banner .bar.chocolate { opacity: 1; top: 21.0625em; right: -2.9375em; width: 10.41125em; height: auto; -webkit-transform: rotate(45.11deg); -ms-transform: rotate(45.11deg); transform: rotate(45.11deg); } } .protein .banner .bar.chocolate.animation-start { right: -12.625em; opacity: 1; -webkit-transition: right 0.8s, opacity 0.6s, -webkit-transform 0.5s; transition: right 0.8s, opacity 0.6s, -webkit-transform 0.5s; -o-transition: right 0.8s, opacity 0.6s, transform 0.5s; transition: right 0.8s, opacity 0.6s, transform 0.5s; transition: right 0.8s, opacity 0.6s, transform 0.5s, -webkit-transform 0.5s; } @media (max-width: 1024px) { .protein .banner .bar.chocolate.animation-start { right: -12.1875em; } } @media (max-width: 576px) { .protein .banner .bar.chocolate.animation-start { right: -2.9375em; } } .protein .banner .bar.chocolate:hover { -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; -webkit-transform: scale(1.07) rotate(19.47deg); -ms-transform: scale(1.07) rotate(19.47deg); transform: scale(1.07) rotate(19.47deg); } @media (max-width: 1024px) { .protein .banner .bar.chocolate:hover { -webkit-transform: scale(1.07) rotate(19.47deg); -ms-transform: scale(1.07) rotate(19.47deg); transform: scale(1.07) rotate(19.47deg); } } @media (max-width: 576px) { .protein .banner .bar.chocolate:hover { -webkit-transform: rotate(45.11deg); -ms-transform: rotate(45.11deg); transform: rotate(45.11deg); } } .protein .banner .bar.cherry { right: -37.5em; top: 8.4375em; -webkit-transform: rotate(39.96deg); -ms-transform: rotate(39.96deg); transform: rotate(39.96deg); width: 42.375em; height: 17.25em; opacity: 0; z-index: 2; } @media (max-width: 1024px) { .protein .banner .bar.cherry { top: 31.8125em; width: 25.625em; height: 10.625em; -webkit-transform: rotate(39.96deg); -ms-transform: rotate(39.96deg); transform: rotate(39.96deg); } } @media (max-width: 576px) { .protein .banner .bar.cherry { opacity: 1; top: 19.0625em; right: -3.75em; width: 10.35313em; height: auto; -webkit-transform: rotate(65.6deg); -ms-transform: rotate(65.6deg); transform: rotate(65.6deg); } } .protein .banner .bar.cherry.animation-start { right: -10em; opacity: 1; -webkit-transition: right 0.8s, opacity 0.6s, -webkit-transform 0.5s; transition: right 0.8s, opacity 0.6s, -webkit-transform 0.5s; -o-transition: right 0.8s, opacity 0.6s, transform 0.5s; transition: right 0.8s, opacity 0.6s, transform 0.5s; transition: right 0.8s, opacity 0.6s, transform 0.5s, -webkit-transform 0.5s; } @media (max-width: 1024px) { .protein .banner .bar.cherry.animation-start { right: -10.8125em; } } @media (max-width: 576px) { .protein .banner .bar.cherry.animation-start { right: -3.75em; } } .protein .banner .bar.cherry:hover { -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; -webkit-transform: scale(1.07) rotate(39.96deg); -ms-transform: scale(1.07) rotate(39.96deg); transform: scale(1.07) rotate(39.96deg); } @media (max-width: 576px) { .protein .banner .bar.cherry:hover { -webkit-transform: rotate(65.6deg); -ms-transform: rotate(65.6deg); transform: rotate(65.6deg); } } .protein .banner .decor1 { position: absolute; left: 11.25em; top: -9.0625em; width: 37.5625em; height: 33.4375em; z-index: 1; } @media (max-width: 1024px) { .protein .banner .decor1 { width: 23.75em; height: auto; left: -1.6875em; top: -6.375em; } } @media (max-width: 576px) { .protein .banner .decor1 { width: 11.875em; height: auto; left: -4.3125em; top: -3.25em; } } .protein .banner .decor2 { position: absolute; left: 0; top: -4.375em; width: 22.4375em; height: 22.6875em; z-index: 1; } @media (max-width: 1024px) { .protein .banner .decor2 { width: 15.625em; height: auto; left: -1.6875em; top: 4.0625em; } } @media (max-width: 576px) { .protein .banner .decor2 { display: none; } } .protein .banner .decor3 { position: absolute; left: -3.4375em; top: 10.3125em; width: 13.125em; height: 14.0625em; z-index: 3; } @media (max-width: 1024px) { .protein .banner .decor3 { width: 8.75em; height: auto; top: auto; bottom: 0.9375em; left: 2em; } } @media (max-width: 576px) { .protein .banner .decor3 { width: 5em; bottom: auto; top: 2.9375em; left: -1.75em; } } .protein .banner .decor4 { position: absolute; left: 35.625em; bottom: -9.375em; width: 16.1875em; height: 21.75em; z-index: 3; } @media (max-width: 1024px) { .protein .banner .decor4 { width: 11.23312em; height: 15.37125em; left: 20.75em; bottom: -0.875em; z-index: 6; } } @media (max-width: 576px) { .protein .banner .decor4 { display: none; } } .protein .banner .decor5 { position: absolute; left: 33.5625em; bottom: -35em; width: 59.625em; height: 59.375em; z-index: 1; } @media (max-width: 1024px) { .protein .banner .decor5 { width: 37.5em; height: auto; left: 15.625em; bottom: -20.75em; z-index: 5; } } @media (max-width: 576px) { .protein .banner .decor5 { display: none; } } .protein .banner .decor6 { position: absolute; right: 24.375em; bottom: -5.625em; width: 14.125em; height: 13.5625em; z-index: 3; } @media (max-width: 1024px) { .protein .banner .decor6 { width: 9.0625em; height: auto; right: 21.4375em; bottom: -3.9375em; } } @media (max-width: 576px) { .protein .banner .decor6 { width: 5.66375em; right: 7em; bottom: -3.1875em; -webkit-transform: rotate(-23deg); -ms-transform: rotate(-23deg); transform: rotate(-23deg); } } .protein .banner .decor7 { position: absolute; right: 0; bottom: 13.4375em; width: 19.4375em; height: 20.4375em; z-index: 1; } @media (max-width: 1024px) { .protein .banner .decor7 { display: none; } } .protein .banner .decor8 { position: absolute; right: 0; top: -9.0625em; width: 18em; height: 28.75em; z-index: 1; } @media (max-width: 1024px) { .protein .banner .decor8 { width: 11.125em; height: auto; right: -4.125em; top: -6.125em; -webkit-transform: rotate(49deg); -ms-transform: rotate(49deg); transform: rotate(49deg); } } @media (max-width: 576px) { .protein .banner .decor8 { display: none; } } .protein .banner .decor9 { position: absolute; top: -1.25em; right: 24.375em; width: 13.6875em; height: 13.1875em; z-index: 1; } @media (max-width: 1024px) { .protein .banner .decor9 { width: 8.1875em; height: 7.875em; right: 3.125em; } } @media (max-width: 576px) { .protein .banner .decor9 { width: 6.25em; height: auto; right: -2.8125em; top: 0; } } .protein .bars-slider .swiper-slide { position: relative; height: -webkit-calc(100vh - 103px); height: calc(100vh - 103px); padding: 8.3125em 0 0 31.6875em; overflow: hidden; } @media (max-width: 1820px) { .protein .bars-slider .swiper-slide { height: -webkit-calc(100vh - 80px); height: calc(100vh - 80px); } } @media (max-width: 1366px) { .protein .bars-slider .swiper-slide { height: -webkit-calc(100vh - 74px); height: calc(100vh - 74px); } } @media (max-width: 1025px) { .protein .bars-slider .swiper-slide { height: -webkit-calc(100vh - 50px); height: calc(100vh - 50px); } } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide { height: 64.9375em; padding: 4.6875em 5.9375em 0 8.9375em; } } @media (max-width: 576px) { .protein .bars-slider .swiper-slide { height: 55.0625em; padding: 2.25em 1.1875em 0; } } .protein .bars-slider .swiper-slide .slide-container { position: relative; z-index: 10; min-height: 29.5625em; max-width: 48.4375em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide .slide-container { min-height: 28.125em; } } @media (max-width: 576px) { .protein .bars-slider .swiper-slide .slide-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 20.3125em; } } .protein .bars-slider .swiper-slide .tablet-img { display: none; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide .tablet-img { display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: auto; } } @media (max-width: 576px) { .protein .bars-slider .swiper-slide .tablet-img { display: none; } } .protein .bars-slider .swiper-slide .mob-img { display: none; } @media (max-width: 576px) { .protein .bars-slider .swiper-slide .mob-img { display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: auto; } } .protein .bars-slider .swiper-slide.raspberries { background: -webkit-linear-gradient(317.03deg, rgba(255, 1, 1, 0.2) 5.91%, rgba(255, 189, 225, 0) 206.82%), -webkit-radial-gradient(67.66% 50%, 36.94% 68.7%, #FB95BA 0%, #FF94BA 21.03%, #FF80AE 44.79%, #FF679E 74.01%, #FF5B96 100%); background: -o-linear-gradient(317.03deg, rgba(255, 1, 1, 0.2) 5.91%, rgba(255, 189, 225, 0) 206.82%), -o-radial-gradient(67.66% 50%, 36.94% 68.7%, #FB95BA 0%, #FF94BA 21.03%, #FF80AE 44.79%, #FF679E 74.01%, #FF5B96 100%); background: linear-gradient(132.97deg, rgba(255, 1, 1, 0.2) 5.91%, rgba(255, 189, 225, 0) 206.82%), radial-gradient(36.94% 68.7% at 67.66% 50%, #FB95BA 0%, #FF94BA 21.03%, #FF80AE 44.79%, #FF679E 74.01%, #FF5B96 100%); } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.raspberries { background: -webkit-linear-gradient(328.1deg, rgba(255, 1, 1, 0.2) 5.91%, rgba(255, 189, 225, 0) 206.82%), -webkit-radial-gradient(67.66% 50%, 36.94% 68.7%, #FB95BA 0%, #FF94BA 21.03%, #FF80AE 44.79%, #FF679E 74.01%, #FF5B96 100%); background: -o-linear-gradient(328.1deg, rgba(255, 1, 1, 0.2) 5.91%, rgba(255, 189, 225, 0) 206.82%), -o-radial-gradient(67.66% 50%, 36.94% 68.7%, #FB95BA 0%, #FF94BA 21.03%, #FF80AE 44.79%, #FF679E 74.01%, #FF5B96 100%); background: linear-gradient(121.9deg, rgba(255, 1, 1, 0.2) 5.91%, rgba(255, 189, 225, 0) 206.82%), radial-gradient(36.94% 68.7% at 67.66% 50%, #FB95BA 0%, #FF94BA 21.03%, #FF80AE 44.79%, #FF679E 74.01%, #FF5B96 100%); } } .protein .bars-slider .swiper-slide.raspberries::after { content: ''; position: absolute; width: 21.3825em; height: 70.36em; left: -12.51812em; top: -9.375em; background: rgba(255, 255, 255, 0.4); -webkit-filter: blur(100px); filter: blur(100px); -webkit-transform: rotate(-34.29deg); -ms-transform: rotate(-34.29deg); transform: rotate(-34.29deg); -webkit-border-radius: 50%; border-radius: 50%; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.raspberries::after { content: none; } } .protein .bars-slider .swiper-slide.raspberries::before { content: ''; position: absolute; width: 36.94125em; height: 72.68688em; right: 0; top: 0; background: rgba(255, 255, 255, 0.2); -webkit-filter: blur(200px); filter: blur(200px); -webkit-transform: rotate(39.09deg); -ms-transform: rotate(39.09deg); transform: rotate(39.09deg); -webkit-border-radius: 50%; border-radius: 50%; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.raspberries::before { content: none; } } .protein .bars-slider .swiper-slide.raspberries .taste { color: #FF1A6C; } .protein .bars-slider .swiper-slide.raspberries .title { color: #fff; } .protein .bars-slider .swiper-slide.raspberries .description { color: #fff; } .protein .bars-slider .swiper-slide.raspberries .btn { background: #FF1A6C; } .protein .bars-slider .swiper-slide.raspberries .btn:hover { background: #FF93B9; } .protein .bars-slider .swiper-slide.raspberries .milk { height: 36.25em; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.raspberries .milk { display: none; } } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.raspberries .bar { display: none; } } .protein .bars-slider .swiper-slide.raspberries .raspberry1 { position: absolute; left: -6.25em; top: -6.25em; z-index: 2; width: 16.4375em; height: 20.875em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: shift1 7s linear infinite; animation: shift1 7s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.raspberries .raspberry1 { display: none; } } .protein .bars-slider .swiper-slide.raspberries.swiper-slide-active .raspberry1 { -webkit-transition: all 3s 0.8s; -o-transition: all 3s 0.8s; transition: all 3s 0.8s; left: -0.5em; top: 0; } .protein .bars-slider .swiper-slide.raspberries .raspberry2 { position: absolute; left: -43.75em; z-index: 2; top: 3.125em; width: 41.625em; height: 63.875em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: up-down 7s linear infinite; animation: up-down 7s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.raspberries .raspberry2 { display: none; } } .protein .bars-slider .swiper-slide.raspberries.swiper-slide-active .raspberry2 { left: 0; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.raspberries .raspberry3 { position: absolute; left: 10em; bottom: -25em; z-index: 2; width: 43.875em; height: 22em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: left-right 7s linear infinite; animation: left-right 7s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.raspberries .raspberry3 { display: none; } } .protein .bars-slider .swiper-slide.raspberries.swiper-slide-active .raspberry3 { bottom: 0; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.raspberries .raspberry4 { position: absolute; left: 57.1875em; bottom: -21.875em; z-index: 5; width: 17.9375em; height: 18.125em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: shift2 10s linear infinite; animation: shift2 10s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.raspberries .raspberry4 { display: none; } } .protein .bars-slider .swiper-slide.raspberries.swiper-slide-active .raspberry4 { bottom: 0.625em; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.raspberries .raspberry5 { position: absolute; left: 52.5em; bottom: -37.5em; z-index: 2; width: 22em; height: 21.1875em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: shift4 18s linear infinite; animation: shift4 18s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.raspberries .raspberry5 { display: none; } } .protein .bars-slider .swiper-slide.raspberries.swiper-slide-active .raspberry5 { bottom: 11.875em; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.raspberries .raspberry6 { position: absolute; right: 9.375em; bottom: 10.3125em; z-index: 2; width: 27.8125em; height: 34.5em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.raspberries .raspberry6 { display: none; } } .protein .bars-slider .swiper-slide.raspberries .raspberry7 { position: absolute; right: -28.125em; bottom: -28.125em; z-index: 2; width: 25.4375em; height: 26.9375em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.raspberries .raspberry7 { display: none; } } .protein .bars-slider .swiper-slide.raspberries.swiper-slide-active .raspberry7 { right: 0px; bottom: 0px; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.raspberries .raspberry8 { position: absolute; right: -31.25em; top: -31.25em; z-index: 5; width: 27.5625em; height: 30.625em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: shift4 14s linear infinite; animation: shift4 14s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.raspberries .raspberry8 { display: none; } } .protein .bars-slider .swiper-slide.raspberries.swiper-slide-active .raspberry8 { right: 0px; top: 0px; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.raspberries .raspberry9 { position: absolute; right: -18.75em; top: -18.75em; z-index: 4; width: 17.375em; height: 15.5625em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: left-right 7s linear infinite; animation: left-right 7s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.raspberries .raspberry9 { display: none; } } .protein .bars-slider .swiper-slide.raspberries.swiper-slide-active .raspberry9 { right: 0px; top: 0px; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.banana { background: -webkit-linear-gradient(318.63deg, rgba(249, 212, 134, 0.2) 5.91%, rgba(247, 237, 213, 0.2) 206.82%), -webkit-radial-gradient(67.66% 50%, 36.94% 68.7%, #FFEED7 0%, #FDF8DF 43.23%, #FFF1C9 74.01%, #FFEFB6 100%); background: -o-linear-gradient(318.63deg, rgba(249, 212, 134, 0.2) 5.91%, rgba(247, 237, 213, 0.2) 206.82%), -o-radial-gradient(67.66% 50%, 36.94% 68.7%, #FFEED7 0%, #FDF8DF 43.23%, #FFF1C9 74.01%, #FFEFB6 100%); background: linear-gradient(131.37deg, rgba(249, 212, 134, 0.2) 5.91%, rgba(247, 237, 213, 0.2) 206.82%), radial-gradient(36.94% 68.7% at 67.66% 50%, #FFEED7 0%, #FDF8DF 43.23%, #FFF1C9 74.01%, #FFEFB6 100%); } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.banana { background: -webkit-linear-gradient(341.89deg, rgba(249, 212, 134, 0.2) 11.86%, rgba(247, 237, 213, 0.2) 133.26%), -webkit-radial-gradient(67.66% 50%, 36.94% 68.7%, #FFEED7 0%, #FDF8DF 43.23%, #FFF1C9 74.01%, #FFEFB6 100%); background: -o-linear-gradient(341.89deg, rgba(249, 212, 134, 0.2) 11.86%, rgba(247, 237, 213, 0.2) 133.26%), -o-radial-gradient(67.66% 50%, 36.94% 68.7%, #FFEED7 0%, #FDF8DF 43.23%, #FFF1C9 74.01%, #FFEFB6 100%); background: linear-gradient(108.11deg, rgba(249, 212, 134, 0.2) 11.86%, rgba(247, 237, 213, 0.2) 133.26%), radial-gradient(36.94% 68.7% at 67.66% 50%, #FFEED7 0%, #FDF8DF 43.23%, #FFF1C9 74.01%, #FFEFB6 100%); } } .protein .bars-slider .swiper-slide.banana .taste { color: #FFD053; } .protein .bars-slider .swiper-slide.banana .title { color: #333; } .protein .bars-slider .swiper-slide.banana .description { color: #333; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.banana .description { max-width: 25em; } } .protein .bars-slider .swiper-slide.banana .btn { background: #FFD053; color: #333333; } .protein .bars-slider .swiper-slide.banana .btn::after { background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0Ljk1MDUgOC40MjQ4OEMyNS4zNDEgOC4wMzQzNSAyNS4zNDEgNy40MDExOSAyNC45NTA1IDcuMDEwNjZMMTguNTg2NSAwLjY0NjcwNEMxOC4xOTYgMC4yNTYxOCAxNy41NjI4IDAuMjU2MTggMTcuMTcyMyAwLjY0NjcwNEMxNi43ODE4IDEuMDM3MjMgMTYuNzgxOCAxLjY3MDM5IDE3LjE3MjMgMi4wNjA5MkwyMi44MjkyIDcuNzE3NzdMMTcuMTcyMyAxMy4zNzQ2QzE2Ljc4MTggMTMuNzY1MiAxNi43ODE4IDE0LjM5ODMgMTcuMTcyMyAxNC43ODg4QzE3LjU2MjggMTUuMTc5NCAxOC4xOTYgMTUuMTc5NCAxOC41ODY1IDE0Ljc4ODhMMjQuOTUwNSA4LjQyNDg4Wk0wLjQyNDgwNSA4LjcxNzc3TDI0LjI0MzQgOC43MTc3N0wyNC4yNDM0IDYuNzE3NzdMMC40MjQ4MDUgNi43MTc3N0wwLjQyNDgwNSA4LjcxNzc3WiIgZmlsbD0iIzMzMzMzMyIvPgo8L3N2Zz4K"); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.banana .btn::after { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAYAAADwMZRfAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADDSURBVHgBpdLBDcIgFAZgEC+erMfCpSP0wAAdwRG6iSM4QydRByDizaMn8MgCBB8NiRflveqfENIUPh4vCIZEa31s23bjvb9/W8NrQA8RQlzL52iMmT6tEzXkCVFK5YMGGHsp5QMqui1CcpxzZwxCEQpEQjCIQ+8amHsqBo0+FChnbnZGBvhxYj8mxrhbwxxSShfqJs75lr0rn6y1gbMFgaq7UnWXAbjKOMP/AmSkBpAQDEARCpCzYvUEGE0NIKU8xmpe6qxfEesRRdEAAAAASUVORK5CYII="); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; } } .protein .bars-slider .swiper-slide.banana .btn:hover { background: #FFF2D0; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.banana .bar { display: none; } } .protein .bars-slider .swiper-slide.banana .banana1 { position: absolute; left: -31.25em; top: -31.25em; width: 27.3125em; height: 28.875em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: up-down 7s linear infinite; animation: up-down 7s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.banana .banana1 { display: none; } } .protein .bars-slider .swiper-slide.banana.swiper-slide-active .banana1 { left: 0; top: 0; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.banana .banana2 { position: absolute; left: -25em; top: -37.5em; width: 21.4375em; height: 22.6875em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: shift4 10s linear infinite; animation: shift4 10s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.banana .banana2 { display: none; } } .protein .bars-slider .swiper-slide.banana.swiper-slide-active .banana2 { left: 0px; top: 13.75em; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.banana .banana3 { position: absolute; right: -25em; top: -1.25em; z-index: 5; width: 20.4375em; height: 32.0625em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: up-down 12s linear infinite; animation: up-down 12s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.banana .banana3 { display: none; } } .protein .bars-slider .swiper-slide.banana.swiper-slide-active .banana3 { right: 0; top: -1.25em; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.banana .banana4 { position: absolute; right: 0; bottom: -37.5em; z-index: 4; width: 34.5em; height: 30.4375em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: left-right 7s linear infinite; animation: left-right 7s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.banana .banana4 { display: none; } } .protein .bars-slider .swiper-slide.banana.swiper-slide-active .banana4 { right: 0; bottom: 0; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.banana .banana5 { position: absolute; right: -18.75em; top: 18.125em; z-index: 4; width: 15.875em; height: 32.125em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: up-down 10s linear infinite; animation: up-down 10s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.banana .banana5 { display: none; } } .protein .bars-slider .swiper-slide.banana.swiper-slide-active .banana5 { right: 0; top: 18.125em; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.chocolate { background: -webkit-linear-gradient(317.48deg, rgba(145, 55, 68, 0.2) 5.91%, rgba(139, 93, 100, 0.2) 206.82%), -webkit-radial-gradient(72.76% 50%, 37.07% 56.33%, #A37D59 0%, #8F5447 38.02%, #7D4F3C 70.83%, #6E3A20 100%); background: -o-linear-gradient(317.48deg, rgba(145, 55, 68, 0.2) 5.91%, rgba(139, 93, 100, 0.2) 206.82%), -o-radial-gradient(72.76% 50%, 37.07% 56.33%, #A37D59 0%, #8F5447 38.02%, #7D4F3C 70.83%, #6E3A20 100%); background: linear-gradient(132.52deg, rgba(145, 55, 68, 0.2) 5.91%, rgba(139, 93, 100, 0.2) 206.82%), radial-gradient(37.07% 56.33% at 72.76% 50%, #A37D59 0%, #8F5447 38.02%, #7D4F3C 70.83%, #6E3A20 100%); } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.chocolate { background: -webkit-linear-gradient(338.57deg, rgba(145, 55, 68, 0.2) 5.91%, rgba(139, 93, 100, 0.2) 206.82%), -webkit-radial-gradient(72.76% 50%, 37.07% 56.33%, #A37D59 0%, #8F5447 21.62%, #7D4F3C 38%, #6E3A20 100%); background: -o-linear-gradient(338.57deg, rgba(145, 55, 68, 0.2) 5.91%, rgba(139, 93, 100, 0.2) 206.82%), -o-radial-gradient(72.76% 50%, 37.07% 56.33%, #A37D59 0%, #8F5447 21.62%, #7D4F3C 38%, #6E3A20 100%); background: linear-gradient(111.43deg, rgba(145, 55, 68, 0.2) 5.91%, rgba(139, 93, 100, 0.2) 206.82%), radial-gradient(37.07% 56.33% at 72.76% 50%, #A37D59 0%, #8F5447 21.62%, #7D4F3C 38%, #6E3A20 100%); } } .protein .bars-slider .swiper-slide.chocolate .taste { color: #915437; } .protein .bars-slider .swiper-slide.chocolate .title { color: #fff; } .protein .bars-slider .swiper-slide.chocolate .description { color: #fff; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.chocolate .description { max-width: 21.875em; } } .protein .bars-slider .swiper-slide.chocolate .btn { background: #A45B38; } .protein .bars-slider .swiper-slide.chocolate .btn:hover { background: #E9A788; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.chocolate .bar { display: none; } } .protein .bars-slider .swiper-slide.chocolate .chocolate1 { position: absolute; left: -28.125em; top: -60.625em; width: 25.0625em; height: 57.5em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: up-down 10s linear infinite; animation: up-down 10s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.chocolate .chocolate1 { display: none; } } .protein .bars-slider .swiper-slide.chocolate.swiper-slide-active .chocolate1 { left: 0; top: 0; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.chocolate .chocolate2 { position: absolute; bottom: 0; left: -31.25em; z-index: 4; width: 26.5em; height: 31.25em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: up-down2 8s linear infinite; animation: up-down2 8s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.chocolate .chocolate2 { display: none; } } .protein .bars-slider .swiper-slide.chocolate.swiper-slide-active .chocolate2 { bottom: 0; left: 0; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.chocolate .chocolate3 { position: absolute; right: 14.375em; bottom: -21.875em; z-index: 4; width: 28em; height: 18.5625em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: left-right 7s linear infinite; animation: left-right 7s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.chocolate .chocolate3 { display: none; } } .protein .bars-slider .swiper-slide.chocolate.swiper-slide-active .chocolate3 { right: 14.375em; bottom: 0; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.chocolate .chocolate4 { position: absolute; right: -25em; top: -21.875em; width: 20.75em; height: 17.5em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: shift4 10s linear infinite; animation: shift4 10s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.chocolate .chocolate4 { display: none; } } .protein .bars-slider .swiper-slide.chocolate.swiper-slide-active .chocolate4 { right: 1.875em; top: 0; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.coconut { background: -webkit-radial-gradient(75.63% 42.24%, 74.74% 81.94%, #FFFFFF 27.08%, #F3FAFF 100%); background: -o-radial-gradient(75.63% 42.24%, 74.74% 81.94%, #FFFFFF 27.08%, #F3FAFF 100%); background: radial-gradient(74.74% 81.94% at 75.63% 42.24%, #FFFFFF 27.08%, #F3FAFF 100%); } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.coconut { background: -webkit-radial-gradient(74.69% 50%, 45.48% 50.83%, #FFFFFF 10.7%, #F3FAFF 100%); background: -o-radial-gradient(74.69% 50%, 45.48% 50.83%, #FFFFFF 10.7%, #F3FAFF 100%); background: radial-gradient(45.48% 50.83% at 74.69% 50%, #FFFFFF 10.7%, #F3FAFF 100%); } } .protein .bars-slider .swiper-slide.coconut .bar { right: 3.125em; top: 20.9375em; width: 60.6875em; height: auto; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.coconut .bar { display: none; } } .protein .bars-slider .swiper-slide.coconut .taste { color: #AFDAF2; } .protein .bars-slider .swiper-slide.coconut .title { color: #333; } .protein .bars-slider .swiper-slide.coconut .description { color: #333; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.coconut .description { max-width: 23.75em; } } .protein .bars-slider .swiper-slide.coconut .btn { background: #AFDAF2; color: #333333; } .protein .bars-slider .swiper-slide.coconut .btn::after { background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0Ljk1MDUgOC40MjQ4OEMyNS4zNDEgOC4wMzQzNSAyNS4zNDEgNy40MDExOSAyNC45NTA1IDcuMDEwNjZMMTguNTg2NSAwLjY0NjcwNEMxOC4xOTYgMC4yNTYxOCAxNy41NjI4IDAuMjU2MTggMTcuMTcyMyAwLjY0NjcwNEMxNi43ODE4IDEuMDM3MjMgMTYuNzgxOCAxLjY3MDM5IDE3LjE3MjMgMi4wNjA5MkwyMi44MjkyIDcuNzE3NzdMMTcuMTcyMyAxMy4zNzQ2QzE2Ljc4MTggMTMuNzY1MiAxNi43ODE4IDE0LjM5ODMgMTcuMTcyMyAxNC43ODg4QzE3LjU2MjggMTUuMTc5NCAxOC4xOTYgMTUuMTc5NCAxOC41ODY1IDE0Ljc4ODhMMjQuOTUwNSA4LjQyNDg4Wk0wLjQyNDgwNSA4LjcxNzc3TDI0LjI0MzQgOC43MTc3N0wyNC4yNDM0IDYuNzE3NzdMMC40MjQ4MDUgNi43MTc3N0wwLjQyNDgwNSA4LjcxNzc3WiIgZmlsbD0iIzMzMzMzMyIvPgo8L3N2Zz4K"); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.coconut .btn::after { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAYAAADwMZRfAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADDSURBVHgBpdLBDcIgFAZgEC+erMfCpSP0wAAdwRG6iSM4QydRByDizaMn8MgCBB8NiRflveqfENIUPh4vCIZEa31s23bjvb9/W8NrQA8RQlzL52iMmT6tEzXkCVFK5YMGGHsp5QMqui1CcpxzZwxCEQpEQjCIQ+8amHsqBo0+FChnbnZGBvhxYj8mxrhbwxxSShfqJs75lr0rn6y1gbMFgaq7UnWXAbjKOMP/AmSkBpAQDEARCpCzYvUEGE0NIKU8xmpe6qxfEesRRdEAAAAASUVORK5CYII="); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; } } .protein .bars-slider .swiper-slide.coconut .btn:hover { background: #D5F0FF; } .protein .bars-slider .swiper-slide.coconut .coconut1 { position: absolute; left: -28.125em; top: -25em; width: 26em; height: 21.375em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: left-right 8s linear infinite; animation: left-right 8s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.coconut .coconut1 { display: none; } } .protein .bars-slider .swiper-slide.coconut.swiper-slide-active .coconut1 { left: 0; top: 0; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.coconut .coconut2 { position: absolute; left: -21.875em; top: 12.5em; z-index: 4; width: 17.625em; height: 29.875em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: up-down2 8s linear infinite; animation: up-down2 8s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.coconut .coconut2 { display: none; } } .protein .bars-slider .swiper-slide.coconut.swiper-slide-active .coconut2 { left: 0; top: 12.5em; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.coconut .coconut3 { position: absolute; right: -28.125em; top: 15.625em; z-index: 4; width: 23.1875em; height: 23.875em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: shift1 7s linear infinite; animation: shift1 7s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.coconut .coconut3 { display: none; } } .protein .bars-slider .swiper-slide.coconut.swiper-slide-active .coconut3 { right: -0.5em; top: 15.625em; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.coconut .coconut4 { position: absolute; right: 0; top: -15.625em; width: 14em; height: 10.9375em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: left-right2 12s linear infinite; animation: left-right2 12s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.coconut .coconut4 { display: none; } } .protein .bars-slider .swiper-slide.coconut.swiper-slide-active .coconut4 { right: 0; top: 0; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.pistachio { background: -webkit-radial-gradient(75.63% 42.24%, 60.3% 66.7%, #E2D192 0%, #C0DC86 38.54%, #ABCB52 100%); background: -o-radial-gradient(75.63% 42.24%, 60.3% 66.7%, #E2D192 0%, #C0DC86 38.54%, #ABCB52 100%); background: radial-gradient(60.3% 66.7% at 75.63% 42.24%, #E2D192 0%, #C0DC86 38.54%, #ABCB52 100%); } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.pistachio { background: -webkit-radial-gradient(70.76% 50.05%, 46.06% 65.34%, #E2D192 0%, #C0DC86 41.23%, #ABCB52 100%); background: -o-radial-gradient(70.76% 50.05%, 46.06% 65.34%, #E2D192 0%, #C0DC86 41.23%, #ABCB52 100%); background: radial-gradient(46.06% 65.34% at 70.76% 50.05%, #E2D192 0%, #C0DC86 41.23%, #ABCB52 100%); } } .protein .bars-slider .swiper-slide.pistachio .bar { right: 3.125em; top: 20.9375em; width: 60.8125em; height: auto; z-index: 5; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.pistachio .bar { display: none; } } .protein .bars-slider .swiper-slide.pistachio .taste { color: #6CBE46; } .protein .bars-slider .swiper-slide.pistachio .title { color: #333; } .protein .bars-slider .swiper-slide.pistachio .description { color: #333; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.pistachio .description { max-width: 25em; } } .protein .bars-slider .swiper-slide.pistachio .btn { background: #6CBE46; color: #333333; } .protein .bars-slider .swiper-slide.pistachio .btn::after { background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0Ljk1MDUgOC40MjQ4OEMyNS4zNDEgOC4wMzQzNSAyNS4zNDEgNy40MDExOSAyNC45NTA1IDcuMDEwNjZMMTguNTg2NSAwLjY0NjcwNEMxOC4xOTYgMC4yNTYxOCAxNy41NjI4IDAuMjU2MTggMTcuMTcyMyAwLjY0NjcwNEMxNi43ODE4IDEuMDM3MjMgMTYuNzgxOCAxLjY3MDM5IDE3LjE3MjMgMi4wNjA5MkwyMi44MjkyIDcuNzE3NzdMMTcuMTcyMyAxMy4zNzQ2QzE2Ljc4MTggMTMuNzY1MiAxNi43ODE4IDE0LjM5ODMgMTcuMTcyMyAxNC43ODg4QzE3LjU2MjggMTUuMTc5NCAxOC4xOTYgMTUuMTc5NCAxOC41ODY1IDE0Ljc4ODhMMjQuOTUwNSA4LjQyNDg4Wk0wLjQyNDgwNSA4LjcxNzc3TDI0LjI0MzQgOC43MTc3N0wyNC4yNDM0IDYuNzE3NzdMMC40MjQ4MDUgNi43MTc3N0wwLjQyNDgwNSA4LjcxNzc3WiIgZmlsbD0iIzMzMzMzMyIvPgo8L3N2Zz4K"); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.pistachio .btn::after { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAYAAADwMZRfAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADDSURBVHgBpdLBDcIgFAZgEC+erMfCpSP0wAAdwRG6iSM4QydRByDizaMn8MgCBB8NiRflveqfENIUPh4vCIZEa31s23bjvb9/W8NrQA8RQlzL52iMmT6tEzXkCVFK5YMGGHsp5QMqui1CcpxzZwxCEQpEQjCIQ+8amHsqBo0+FChnbnZGBvhxYj8mxrhbwxxSShfqJs75lr0rn6y1gbMFgaq7UnWXAbjKOMP/AmSkBpAQDEARCpCzYvUEGE0NIKU8xmpe6qxfEesRRdEAAAAASUVORK5CYII="); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; } } .protein .bars-slider .swiper-slide.pistachio .btn:hover { background: #9CF175; } .protein .bars-slider .swiper-slide.pistachio .pistachio1 { position: absolute; left: -25em; top: -31.25em; width: 23.625em; height: 30.125em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: shift1 7s linear infinite; animation: shift1 7s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.pistachio .pistachio1 { display: none; } } .protein .bars-slider .swiper-slide.pistachio.swiper-slide-active .pistachio1 { left: -0.5em; top: 0; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.pistachio .pistachio2 { position: absolute; left: -34.375em; top: 20.625em; z-index: 4; width: 31em; height: 41.9375em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: up-down2 10s linear infinite; animation: up-down2 10s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.pistachio .pistachio2 { display: none; } } .protein .bars-slider .swiper-slide.pistachio.swiper-slide-active .pistachio2 { left: 0; top: 20.625em; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.pistachio .pistachio3 { position: absolute; left: 1.25em; bottom: -31.25em; z-index: 4; width: 40.8125em; height: 29.375em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: left-right2 12s linear infinite; animation: left-right2 12s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.pistachio .pistachio3 { display: none; } } .protein .bars-slider .swiper-slide.pistachio.swiper-slide-active .pistachio3 { left: 1.25em; bottom: 0; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.pistachio .pistachio4 { position: absolute; right: 27.3125em; bottom: -46.875em; z-index: 4; width: 53.9375em; height: 43.0625em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: shift4 16s linear infinite; animation: shift4 16s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.pistachio .pistachio4 { display: none; } } .protein .bars-slider .swiper-slide.pistachio.swiper-slide-active .pistachio4 { right: 27.3125em; bottom: -0.625em; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.pistachio .pistachio5 { position: absolute; right: 15.6875em; bottom: -15.625em; z-index: 4; width: 13.875em; height: 11.1875em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: shift2 10s linear infinite; animation: shift2 10s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.pistachio .pistachio5 { display: none; } } .protein .bars-slider .swiper-slide.pistachio.swiper-slide-active .pistachio5 { right: 15.6875em; bottom: 2em; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.pistachio .pistachio6 { position: absolute; right: -34.375em; top: 25em; z-index: 6; width: 31.375em; height: 26em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: shift3 12s linear infinite; animation: shift3 12s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.pistachio .pistachio6 { display: none; } } .protein .bars-slider .swiper-slide.pistachio.swiper-slide-active .pistachio6 { right: 0.9375em; top: 25em; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.pistachio .pistachio7 { position: absolute; right: -18.75em; top: 18.75em; width: 14.4375em; height: 21.8125em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: up-down 7s linear infinite; animation: up-down 7s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.pistachio .pistachio7 { display: none; } } .protein .bars-slider .swiper-slide.pistachio.swiper-slide-active .pistachio7 { right: 0; top: 18.75em; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.pistachio .pistachio8 { position: absolute; right: 0; top: -28.125em; width: 31.0625em; height: 23.6875em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: left-right 7s linear infinite; animation: left-right 7s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.pistachio .pistachio8 { display: none; } } .protein .bars-slider .swiper-slide.pistachio.swiper-slide-active .pistachio8 { right: 0; top: 0; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.pistachio .pistachio9 { position: absolute; right: -16.875em; top: 0; width: 13.3125em; height: 14.6875em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: up-down 7s linear infinite; animation: up-down 7s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.pistachio .pistachio9 { display: none; } } .protein .bars-slider .swiper-slide.pistachio.swiper-slide-active .pistachio9 { right: 0; top: 0; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.strawberry { background: -webkit-linear-gradient(318.27deg, rgba(255, 0, 0, 0.1) 5.91%, rgba(255, 174, 177, 0.1) 206.82%), -webkit-radial-gradient(67.66% 50%, 36.94% 68.7%, #FFABAB 0%, #FEA6A6 43.23%, #FF9295 74.01%, #FF8780 100%); background: -o-linear-gradient(318.27deg, rgba(255, 0, 0, 0.1) 5.91%, rgba(255, 174, 177, 0.1) 206.82%), -o-radial-gradient(67.66% 50%, 36.94% 68.7%, #FFABAB 0%, #FEA6A6 43.23%, #FF9295 74.01%, #FF8780 100%); background: linear-gradient(131.73deg, rgba(255, 0, 0, 0.1) 5.91%, rgba(255, 174, 177, 0.1) 206.82%), radial-gradient(36.94% 68.7% at 67.66% 50%, #FFABAB 0%, #FEA6A6 43.23%, #FF9295 74.01%, #FF8780 100%); } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.strawberry { background: -webkit-linear-gradient(339.74deg, rgba(255, 0, 0, 0.1) 5.91%, rgba(255, 174, 177, 0.1) 206.82%), -webkit-radial-gradient(67.66% 50%, 73.63% 52.15%, #FFABAB 0%, #FEA6A6 22.25%, #FF9295 51.59%, #FF8780 86.07%); background: -o-linear-gradient(339.74deg, rgba(255, 0, 0, 0.1) 5.91%, rgba(255, 174, 177, 0.1) 206.82%), -o-radial-gradient(67.66% 50%, 73.63% 52.15%, #FFABAB 0%, #FEA6A6 22.25%, #FF9295 51.59%, #FF8780 86.07%); background: linear-gradient(110.26deg, rgba(255, 0, 0, 0.1) 5.91%, rgba(255, 174, 177, 0.1) 206.82%), radial-gradient(73.63% 52.15% at 67.66% 50%, #FFABAB 0%, #FEA6A6 22.25%, #FF9295 51.59%, #FF8780 86.07%); } } .protein .bars-slider .swiper-slide.strawberry .bar { right: 3.125em; top: 20.9375em; width: 60.75em; height: auto; z-index: 5; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.strawberry .bar { display: none; } } .protein .bars-slider .swiper-slide.strawberry .taste { color: #FF4F44; } .protein .bars-slider .swiper-slide.strawberry .title { color: #333; } .protein .bars-slider .swiper-slide.strawberry .description { color: #333; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.strawberry .description { max-width: 25em; } } .protein .bars-slider .swiper-slide.strawberry .btn { background: #FF4F44; color: #333333; } .protein .bars-slider .swiper-slide.strawberry .btn::after { background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0Ljk1MDUgOC40MjQ4OEMyNS4zNDEgOC4wMzQzNSAyNS4zNDEgNy40MDExOSAyNC45NTA1IDcuMDEwNjZMMTguNTg2NSAwLjY0NjcwNEMxOC4xOTYgMC4yNTYxOCAxNy41NjI4IDAuMjU2MTggMTcuMTcyMyAwLjY0NjcwNEMxNi43ODE4IDEuMDM3MjMgMTYuNzgxOCAxLjY3MDM5IDE3LjE3MjMgMi4wNjA5MkwyMi44MjkyIDcuNzE3NzdMMTcuMTcyMyAxMy4zNzQ2QzE2Ljc4MTggMTMuNzY1MiAxNi43ODE4IDE0LjM5ODMgMTcuMTcyMyAxNC43ODg4QzE3LjU2MjggMTUuMTc5NCAxOC4xOTYgMTUuMTc5NCAxOC41ODY1IDE0Ljc4ODhMMjQuOTUwNSA4LjQyNDg4Wk0wLjQyNDgwNSA4LjcxNzc3TDI0LjI0MzQgOC43MTc3N0wyNC4yNDM0IDYuNzE3NzdMMC40MjQ4MDUgNi43MTc3N0wwLjQyNDgwNSA4LjcxNzc3WiIgZmlsbD0iIzMzMzMzMyIvPgo8L3N2Zz4K"); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.strawberry .btn::after { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAYAAADwMZRfAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADDSURBVHgBpdLBDcIgFAZgEC+erMfCpSP0wAAdwRG6iSM4QydRByDizaMn8MgCBB8NiRflveqfENIUPh4vCIZEa31s23bjvb9/W8NrQA8RQlzL52iMmT6tEzXkCVFK5YMGGHsp5QMqui1CcpxzZwxCEQpEQjCIQ+8amHsqBo0+FChnbnZGBvhxYj8mxrhbwxxSShfqJs75lr0rn6y1gbMFgaq7UnWXAbjKOMP/AmSkBpAQDEARCpCzYvUEGE0NIKU8xmpe6qxfEesRRdEAAAAASUVORK5CYII="); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; } } .protein .bars-slider .swiper-slide.strawberry .btn:hover { background: #FFCAC7; } .protein .bars-slider .swiper-slide.strawberry .strawberry1 { position: absolute; left: 3.4375em; top: -20em; width: 31.875em; height: 18.125em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: left-right2 10s linear infinite; animation: left-right2 10s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.strawberry .strawberry1 { display: none; } } .protein .bars-slider .swiper-slide.strawberry.swiper-slide-active .strawberry1 { left: 3.4375em; top: 0; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.strawberry .strawberry2 { position: absolute; left: -12.5em; top: 11.5625em; width: 9.8125em; height: 13em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: up-down2 14s linear infinite; animation: up-down2 14s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.strawberry .strawberry2 { display: none; } } .protein .bars-slider .swiper-slide.strawberry.swiper-slide-active .strawberry2 { left: 0; top: 11.5625em; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.strawberry .strawberry3 { position: absolute; left: -28.125em; bottom: 7.5em; z-index: 5; width: 30em; height: 43.875em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: shift3 10s linear infinite; animation: shift3 10s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.strawberry .strawberry3 { display: none; } } .protein .bars-slider .swiper-slide.strawberry.swiper-slide-active .strawberry3 { left: 0; bottom: 7.5em; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.strawberry .strawberry4 { position: absolute; left: 0; bottom: -37.5em; z-index: 4; width: 43.8125em; height: 33.75em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: left-right2 12s linear infinite; animation: left-right2 12s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.strawberry .strawberry4 { display: none; } } .protein .bars-slider .swiper-slide.strawberry.swiper-slide-active .strawberry4 { left: 0; bottom: -0.625em; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.strawberry .strawberry5 { position: absolute; left: 28.0625em; bottom: -23.125em; z-index: 4; width: 47.4375em; height: 20.625em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: left-right 7s linear infinite; animation: left-right 7s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.strawberry .strawberry5 { display: none; } } .protein .bars-slider .swiper-slide.strawberry.swiper-slide-active .strawberry5 { left: 28.0625em; bottom: -0.5em; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.strawberry .strawberry6 { position: absolute; left: 34.375em; bottom: -21.875em; z-index: 4; width: 14.6875em; height: 16.125em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: shift4 15s linear infinite; animation: shift4 15s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.strawberry .strawberry6 { display: none; } } .protein .bars-slider .swiper-slide.strawberry.swiper-slide-active .strawberry6 { left: 34.375em; bottom: 2.1875em; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.strawberry .strawberry7 { position: absolute; right: 0px; bottom: -23.125em; z-index: 4; width: 42.5625em; height: 14.375em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: left-right 9s linear infinite; animation: left-right 9s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.strawberry .strawberry7 { display: none; } } .protein .bars-slider .swiper-slide.strawberry.swiper-slide-active .strawberry7 { right: 0px; bottom: -0.625em; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.strawberry .strawberry8 { position: absolute; right: -37.5em; bottom: 8.4375em; z-index: 5; width: 23.5625em; height: 29.125em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: shift2 9s linear infinite; animation: shift2 9s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.strawberry .strawberry8 { display: none; } } .protein .bars-slider .swiper-slide.strawberry.swiper-slide-active .strawberry8 { right: 8.4375em; bottom: 8.4375em; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.strawberry .strawberry9 { position: absolute; right: -37.5em; top: -43.75em; width: 35.25em; height: 42.375em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: up-down 7s linear infinite; animation: up-down 7s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.strawberry .strawberry9 { display: none; } } .protein .bars-slider .swiper-slide.strawberry.swiper-slide-active .strawberry9 { right: 0px; top: -1.5625em; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.strawberry .strawberry10 { position: absolute; right: 27.8125em; top: -18.75em; z-index: 5; width: 21.3125em; height: 14.75em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: left-right 7s linear infinite; animation: left-right 7s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.strawberry .strawberry10 { display: none; } } .protein .bars-slider .swiper-slide.strawberry.swiper-slide-active .strawberry10 { right: 27.8125em; top: 0; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.strawberry .strawberry11 { position: absolute; top: -15.625em; right: 43.75em; z-index: 4; width: 15.6875em; height: 13.6875em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: shift1 12s linear infinite; animation: shift1 12s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.strawberry .strawberry11 { display: none; } } .protein .bars-slider .swiper-slide.strawberry.swiper-slide-active .strawberry11 { top: 0; right: 43.75em; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.blueberry { background: -webkit-radial-gradient(75.63% 42.24%, 74.74% 81.94%, #C1BBDF 0%, #C89DE2 35.42%, #BC8FDF 100%); background: -o-radial-gradient(75.63% 42.24%, 74.74% 81.94%, #C1BBDF 0%, #C89DE2 35.42%, #BC8FDF 100%); background: radial-gradient(74.74% 81.94% at 75.63% 42.24%, #C1BBDF 0%, #C89DE2 35.42%, #BC8FDF 100%); } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.blueberry { background: -webkit-radial-gradient(65.77% 58.11%, 34.11% 60.68%, #C1BBDF 0%, #C89DE2 51.45%, #BC8FDF 100%); background: -o-radial-gradient(65.77% 58.11%, 34.11% 60.68%, #C1BBDF 0%, #C89DE2 51.45%, #BC8FDF 100%); background: radial-gradient(34.11% 60.68% at 65.77% 58.11%, #C1BBDF 0%, #C89DE2 51.45%, #BC8FDF 100%); } } .protein .bars-slider .swiper-slide.blueberry .bar { right: 3.125em; top: 20.9375em; width: 60.75em; height: auto; z-index: 5; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.blueberry .bar { display: none; } } .protein .bars-slider .swiper-slide.blueberry .taste { color: #907CE1; } .protein .bars-slider .swiper-slide.blueberry .title { color: #fff; } .protein .bars-slider .swiper-slide.blueberry .description { color: #fff; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.blueberry .description { max-width: 24.0625em; } } .protein .bars-slider .swiper-slide.blueberry .btn { background: #907CE1; } .protein .bars-slider .swiper-slide.blueberry .btn:hover { background: #CBBEFF; } .protein .bars-slider .swiper-slide.blueberry .blueberry1 { position: absolute; left: 0; top: -21.875em; width: 31.875em; height: 18.8125em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: left-right 10s linear infinite; animation: left-right 10s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.blueberry .blueberry1 { display: none; } } .protein .bars-slider .swiper-slide.blueberry.swiper-slide-active .blueberry1 { left: 0; top: 0; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.blueberry .blueberry2 { position: absolute; left: -28.125em; top: 22.8125em; width: 23.4375em; height: 23.5em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: shift3 10s linear infinite; animation: shift3 10s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.blueberry .blueberry2 { display: none; } } .protein .bars-slider .swiper-slide.blueberry.swiper-slide-active .blueberry2 { left: 2.8125em; top: 22.8125em; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.blueberry .blueberry3 { position: absolute; left: -15.625em; bottom: 12.1875em; width: 12.625em; height: 24.3125em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: up-down2 12s linear infinite; animation: up-down2 12s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.blueberry .blueberry3 { display: none; } } .protein .bars-slider .swiper-slide.blueberry.swiper-slide-active .blueberry3 { left: 0; bottom: 12.1875em; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.blueberry .blueberry4 { position: absolute; left: 0; bottom: -43.75em; z-index: 4; width: 60.125em; height: 40em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.blueberry .blueberry4 { display: none; } } .protein .bars-slider .swiper-slide.blueberry.swiper-slide-active .blueberry4 { left: 0; bottom: 0; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.blueberry .blueberry5 { position: absolute; left: 10.625em; bottom: -43.75em; z-index: 4; width: 31.125em; height: 31.3125em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: shift2 11s linear infinite; animation: shift2 11s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.blueberry .blueberry5 { display: none; } } .protein .bars-slider .swiper-slide.blueberry.swiper-slide-active .blueberry5 { left: 10.625em; bottom: 8.4375em; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.blueberry .blueberry6 { position: absolute; left: 44.6875em; bottom: -37.5em; z-index: 4; width: 18.6875em; height: 20.25em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: shift1 10s linear infinite; animation: shift1 10s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.blueberry .blueberry6 { display: none; } } .protein .bars-slider .swiper-slide.blueberry.swiper-slide-active .blueberry6 { left: 44.6875em; bottom: 11.5625em; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.blueberry .blueberry7 { position: absolute; right: 0; bottom: -34.375em; z-index: 4; width: 42.375em; height: 31.25em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: left-right 10s linear infinite; animation: left-right 10s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.blueberry .blueberry7 { display: none; } } .protein .bars-slider .swiper-slide.blueberry.swiper-slide-active .blueberry7 { right: 0; bottom: 0; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.blueberry .blueberry8 { position: absolute; right: -34.375em; bottom: 22.1875em; z-index: 5; width: 21.8125em; height: 21.625em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: shift4 16s linear infinite; animation: shift4 16s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.blueberry .blueberry8 { display: none; } } .protein .bars-slider .swiper-slide.blueberry.swiper-slide-active .blueberry8 { right: 8.4375em; bottom: 22.1875em; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.blueberry .blueberry9 { position: absolute; top: 0; right: -31.25em; z-index: 4; width: 27.875em; height: 52.625em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: up-down 9s linear infinite; animation: up-down 9s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.blueberry .blueberry9 { display: none; } } .protein .bars-slider .swiper-slide.blueberry.swiper-slide-active .blueberry9 { top: 0; right: 0; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.blueberry .blueberry10 { position: absolute; top: 12.1875em; right: -25em; width: 21.4375em; height: 31.25em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: shift2 8s linear infinite; animation: shift2 8s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.blueberry .blueberry10 { display: none; } } .protein .bars-slider .swiper-slide.blueberry.swiper-slide-active .blueberry10 { top: 12.1875em; right: 0; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.cgerry { background: -webkit-radial-gradient(75.63% 42.24%, 60.3% 66.7%, #FF8787 0%, #E44D5A 47.4%, #EA3F53 100%); background: -o-radial-gradient(75.63% 42.24%, 60.3% 66.7%, #FF8787 0%, #E44D5A 47.4%, #EA3F53 100%); background: radial-gradient(60.3% 66.7% at 75.63% 42.24%, #FF8787 0%, #E44D5A 47.4%, #EA3F53 100%); } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.cgerry { background: -webkit-radial-gradient(66.26% 52.96%, 37.9% 65.58%, #FF8787 0%, #E44D5A 62.87%, #EA3F53 100%); background: -o-radial-gradient(66.26% 52.96%, 37.9% 65.58%, #FF8787 0%, #E44D5A 62.87%, #EA3F53 100%); background: radial-gradient(37.9% 65.58% at 66.26% 52.96%, #FF8787 0%, #E44D5A 62.87%, #EA3F53 100%); } } .protein .bars-slider .swiper-slide.cgerry .bar { right: 3.125em; top: 20.9375em; width: 60.75em; height: auto; z-index: 5; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.cgerry .bar { display: none; } } .protein .bars-slider .swiper-slide.cgerry .taste { color: #D11729; } .protein .bars-slider .swiper-slide.cgerry .title { color: #fff; } .protein .bars-slider .swiper-slide.cgerry .description { color: #fff; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.cgerry .description { max-width: 22.5em; } } .protein .bars-slider .swiper-slide.cgerry .btn { background: #D11729; } .protein .bars-slider .swiper-slide.cgerry .btn:hover { background: #FF7C89; } .protein .bars-slider .swiper-slide.cgerry .cherry1 { position: absolute; left: 0; top: -18.75em; z-index: 2; width: 15.9375em; height: 16.75em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: left-right 10s linear infinite; animation: left-right 10s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.cgerry .cherry1 { display: none; } } .protein .bars-slider .swiper-slide.cgerry.swiper-slide-active .cherry1 { left: 0; top: 0; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.cgerry .cherry2 { position: absolute; left: -21.875em; top: 6.5625em; z-index: 2; width: 18.9375em; height: 47.375em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: up-down2 12s linear infinite; animation: up-down2 12s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.cgerry .cherry2 { display: none; } } .protein .bars-slider .swiper-slide.cgerry.swiper-slide-active .cherry2 { left: 0; top: 6.5625em; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.cgerry .cherry3 { position: absolute; left: 2.1875em; bottom: -46.875em; z-index: 4; width: 29.375em; height: 35em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: shift3 10s linear infinite; animation: shift3 10s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.cgerry .cherry3 { display: none; } } .protein .bars-slider .swiper-slide.cgerry.swiper-slide-active .cherry3 { left: 2.1875em; bottom: 7.5em; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.cgerry .cherry4 { position: absolute; left: 6.25em; bottom: -31.25em; z-index: 4; width: 43.0625em; height: 29em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: left-right2 14s linear infinite; animation: left-right2 14s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.cgerry .cherry4 { display: none; } } .protein .bars-slider .swiper-slide.cgerry.swiper-slide-active .cherry4 { left: 6.25em; bottom: -0.9375em; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.cgerry .cherry5 { position: absolute; left: 42.5em; bottom: -33.125em; z-index: 4; width: 26.875em; height: 30.5625em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: shift2 8s linear infinite; animation: shift2 8s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.cgerry .cherry5 { display: none; } } .protein .bars-slider .swiper-slide.cgerry.swiper-slide-active .cherry5 { left: 42.5em; bottom: 1.25em; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.cgerry .cherry6 { position: absolute; right: -63.75em; bottom: 18.4375em; width: 16.4375em; height: 23em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: shift3 11s linear infinite; animation: shift3 11s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.cgerry .cherry6 { display: none; } } .protein .bars-slider .swiper-slide.cgerry.swiper-slide-active .cherry6 { right: 36.25em; bottom: 18.4375em; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.cgerry .cherry7 { position: absolute; right: -43.75em; bottom: 3.125em; z-index: 5; width: 27.625em; height: 26.625em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: shift4 13s linear infinite; animation: shift4 13s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.cgerry .cherry7 { display: none; } } .protein .bars-slider .swiper-slide.cgerry.swiper-slide-active .cherry7 { right: 11.875em; bottom: 3.125em; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.cgerry .cherry8 { position: absolute; bottom: -25em; right: -31.25em; z-index: 5; width: 27.625em; height: 23.6875em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: left-right 8s linear infinite; animation: left-right 8s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.cgerry .cherry8 { display: none; } } .protein .bars-slider .swiper-slide.cgerry.swiper-slide-active .cherry8 { bottom: 0; right: 0; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide.cgerry .cherry9 { position: absolute; right: -37.5em; top: -43.75em; width: 32.8125em; height: 41.8125em; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-animation: left-right2 13s linear infinite; animation: left-right2 13s linear infinite; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide.cgerry .cherry9 { display: none; } } .protein .bars-slider .swiper-slide.cgerry.swiper-slide-active .cherry9 { right: 0; top: 0; -webkit-transition: all 2s 0.8s; -o-transition: all 2s 0.8s; transition: all 2s 0.8s; } .protein .bars-slider .swiper-slide .taste { position: absolute; left: 1.8125em; top: 0.3125em; font-family: 'Oraqle Script'; font-size: 10.625em; line-height: 1; z-index: 9; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide .taste { font-size: 7.5em; line-height: 1; left: 0.375em; top: 0.2em; } } @media (max-width: 576px) { .protein .bars-slider .swiper-slide .taste { font-size: 3.75em; line-height: 1; left: 0.5625em; top: 0.2em; } } .protein .bars-slider .swiper-slide .taste-2 { left: 1.0625em; top: 0.8125em; z-index: 9; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide .taste-2 { left: 0.375em; top: 0.9375em; } } @media (max-width: 576px) { .protein .bars-slider .swiper-slide .taste-2 { left: 2.28125em; top: 0.2em; } } .protein .bars-slider .swiper-slide .title { position: relative; z-index: 2; font-family: 'AmaticSC-Bold'; font-style: normal; font-weight: bold; font-size: 4.5em; line-height: 1; margin-bottom: 0.5625em; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide .title { font-size: 3.75em; line-height: 1; margin-bottom: 0.5625em; } } @media (max-width: 576px) { .protein .bars-slider .swiper-slide .title { font-size: 1.875em; line-height: 1; margin-bottom: 0.625em; text-align: center; } } .protein .bars-slider .swiper-slide .description { position: relative; z-index: 2; font-family: 'ProximaNova-Regular'; font-style: normal; font-weight: normal; font-size: 1.5em; line-height: 1.7; margin-bottom: auto; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide .description { font-size: 1.125em; line-height: 1.7; } } @media (max-width: 576px) { .protein .bars-slider .swiper-slide .description { font-size: 0.875em; line-height: 1.45; text-align: center; } } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide .description br { display: none; } } .protein .bars-slider .swiper-slide .description br.mob { display: none; } @media (max-width: 576px) { .protein .bars-slider .swiper-slide .description br.mob { display: block; } } .protein .bars-slider .swiper-slide .btn { position: relative; width: 16.875em; height: 4.375em; font-family: 'ProximaNova-Bold'; font-weight: bold; font-size: 1.25em; line-height: 1; color: #FFFFFF; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-left: 5.9375em; margin-bottom: 0.9375em; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide .btn { width: 14.375em; height: 3.4375em; margin-bottom: 1.5625em; padding-left: 4.6875em; } } @media (max-width: 576px) { .protein .bars-slider .swiper-slide .btn { width: 12.5em; height: 3.25em; font-size: 1.125em; font-family: 'ProximaNova-Semibold'; font-weight: 600; line-height: 1; padding-left: 3.75em; margin-bottom: 1.25em; } } .protein .bars-slider .swiper-slide .btn::after { content: ''; display: block; width: 1.5em; height: 0.875em; position: absolute; right: 4.8125em; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyNSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0LjUyNTcgOC40MjQ4OEMyNC45MTYyIDguMDM0MzUgMjQuOTE2MiA3LjQwMTE5IDI0LjUyNTcgNy4wMTA2NkwxOC4xNjE3IDAuNjQ2NzA0QzE3Ljc3MTIgMC4yNTYxOCAxNy4xMzggMC4yNTYxOCAxNi43NDc1IDAuNjQ2NzA0QzE2LjM1NyAxLjAzNzIzIDE2LjM1NyAxLjY3MDM5IDE2Ljc0NzUgMi4wNjA5MkwyMi40MDQ0IDcuNzE3NzdMMTYuNzQ3NSAxMy4zNzQ2QzE2LjM1NyAxMy43NjUyIDE2LjM1NyAxNC4zOTgzIDE2Ljc0NzUgMTQuNzg4OEMxNy4xMzggMTUuMTc5NCAxNy43NzEyIDE1LjE3OTQgMTguMTYxNyAxNC43ODg4TDI0LjUyNTcgOC40MjQ4OFpNOC43NDIzNWUtMDggOC43MTc3N0wyMy44MTg2IDguNzE3NzdMMjMuODE4NiA2LjcxNzc3TC04Ljc0MjM1ZS0wOCA2LjcxNzc3TDguNzQyMzVlLTA4IDguNzE3NzdaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K"); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide .btn::after { width: 1em; height: 1em; right: 4.375em; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAYAAADwMZRfAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB1SURBVHgB7Y7BDYAgEAT3Ev9SgiVYAiXYgXaiHdiClGIlliAdnGtClB+CT51kAyTc3AIJVHVmOpTC4VZvepTC4eljIuHD8GwzXCNjw30QEXfarb7DVLR5ZsVz6qi5YxOPHLi1YbbQYEEuv+CSGGYvFsSi1J8D7dnxsxmlRYoAAAAASUVORK5CYII="); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; } } @media (max-width: 576px) { .protein .bars-slider .swiper-slide .btn::after { right: 3.4375em; width: 0.9375em; height: 0.9375em; } } .protein .bars-slider .swiper-slide .btn::before { content: ""; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); height: 80%; width: 90%; -webkit-box-shadow: 0px 0.625em 1.25em rgba(0, 0, 0, 0.3); box-shadow: 0px 0.625em 1.25em rgba(0, 0, 0, 0.3); z-index: -1; } .protein .bars-slider .swiper-slide .btn:hover::before { bottom: 0.84em; -webkit-box-shadow: 0em 0.625em 1.25em rgba(0, 0, 0, 0.3); box-shadow: 0em 0.625em 1.25em rgba(0, 0, 0, 0.3); } .protein .bars-slider .swiper-slide .bar { position: absolute; z-index: 4; right: 1.25em; top: 20.625em; width: 63.75em; height: auto; -webkit-transform: rotate(-69.13deg); -ms-transform: rotate(-69.13deg); transform: rotate(-69.13deg); -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; -o-transition: transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide .bar { width: 42.71312em; height: auto; right: -6.25em; top: 30.625em; } } .protein .bars-slider .swiper-slide .bar:hover { -webkit-transform: scale(1.07) rotate(-69.13deg); -ms-transform: scale(1.07) rotate(-69.13deg); transform: scale(1.07) rotate(-69.13deg); -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; -o-transition: transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s; } .protein .bars-slider .swiper-slide .milk { position: absolute; z-index: 1; left: 0; bottom: -0.625em; width: 100%; } .protein .bars-slider .swiper-slide .slider-nav { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .protein .bars-slider .swiper-slide .slider-nav .swiper-button-next { position: static; width: 2.8125em; height: 2.875em; margin: 0; opacity: 1; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAyCAYAAADMb4LpAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAaDSURBVHgB7VnbUxNXGP/ObkK4hJDLbhIEFLygohYpijfUtF64CbQP6bPTh750+uCM2mmno2ltqzPtP9Anxxke2jAKpKAPjkI76MhNVBARUWNL60gCCdcQspvTczZEGSskHXZMmOlvJtnd83178n3n+77fuQRgGQOBzLCBjSmCNqXbJCrWKtOCPaYnwvOuLtEGEASZwYKM+AkKlVuNw5w/UZ2bvnV1ATbqVin6AmxGwrpA7q4MocXplN0BWYBtNqYhpcrU/vHZo74/hx/iObhv9l5rNFaXNPHl5mawKEBGyDbym4Z5pWJWzN1x/svvk3PMm8LtyVnGHN6Sv+lZzbVBlVrhyZnOmGkBeSLAgExI9PgUusI1GSnrMvJfl+m2byzYc/mcbYpRFBUbNYZmizwRkM341OeTQSEoBhaS64vytu52nP16GuGd0/eTOTtYlxx12dLmqCUbpu/OMtz+LeuTMvnVb9JJyuDNxn35G57VXB9kU8dHN0yt8suVQksCJrR7VXcwrc5w5MBIZ38nXgSe9r7bjaaqqoaUA6alpJBsaUMmDOzx6CZVSvFea9nJr0Y7+rsW0tXSGvj1nI1NStzhepVCss85/xnUkMvmMt7BV5ZFEwGH6cNqO28xy1XESwblc0eqhWvgq0ojOTDadr/bYaokDpSbsQxFLAvCEbikj+yAVANcRZU9JZ4csIYciCoCL1OoPH5S6KUD+vLSkfYHUaXQRa4kHcdnES/uwAh1wEBqIMVipu/heHHAro7egaZwBCy2OEmhOQeukFVmpBpwkxpoIEUcTqE3ReCtVnYt9GHrbIF/Fvm8w79c7+ffL9iYuIJb8Sbd5Aw+nXuvYMPfNc2D91OmvS+KsnwXnE4MsUaoiK0SC3miiAAtYrofeH0xJ4WC7oDS09OVOMCwBuBgxO0GDajwOOdHGrcKAw+gxKmIthMxGMg7I+SjQSpM24G0j0jtHATcE9J7oe65kC7tjyf9EV0DEF033ROOs8q0FD0ksIU76787Zdi9efNCzo50POi+UX7C5vfh9r6pabcNWgTJeOqNyujnMKA1wWBQT1ZYbLhCqMb8e8SyCIsiltpefc3TCLcJgEWiijFShB5Dfc2pC0LonohZTH6TQahg+/kvrOaKXfxCDpAI3W4pPfkNOzN9yz+ld38EtSJchs9UhJq242UAb8fDjkvG8kN09UoLmNFmKhiBEQ2wDJC2LXfbnp+//VRgk80tYGEZ99AUSsCK+FhPRAG+eMshP0JGV6ZfyXCZHiyCCMsFJHsQAox4hQozMARAawuWCcZ6n/4mBlnXgHNCZLwwGSTTlxuWAcbuDra1Hj7+AxLx80+gS1BMglpQ+IWnDmP1u4QmtZgh9EXokCpTOhPmGBABoUkQcZgu6ZVFCAtEgbyBKDVKeqQ9/GMsDSmRhZ6EueeQnN4H2SCDBEEDCvadoppTR02Htq1cyHDvnUftvx84btME8D1XqXIC1UKoYyvpywp5rBpWoaRsH8p0JuFW8KFiSMKPiDwp24TA6ZQ68ZG2JCLLJNchcpWeyTtAxdnZ5MspqWaT+0zni9D78/QkGWlzgR+l8Lo0QVRs2Xv9xzO6/HU7FjZ8gBh+7LR/FnfBpHpU4vhYgR7G2glXN/FV+8Z6H7cuyu13Bm416itK6HLCHstdFmUKTKJ9FQ6mXdQSw3sWN9zTPdBGNzF0JUrXQxBL2MhRCx3xBjriPU+iN/wtr37/bTg5RabTej1fvTfSiHup4WTF6Ug9wtljvSGnqdKs/UBbr6vYGzlVHhLD42TE6QKqTmvRhlIlGsOr4idV6IhLxdkbXaqEWCXWhhM6rCOGSyPeG7k4KR3ayQmDDWJ8ZhNKFWK4tjwqOqwjJwr2WPM4BR3xxrRi3SWucn/0hpfFgeE2aniFjrBFxFTxzhku5XisJyBKh3QCCtFhFBMQLU51HIw4RWdhobJeX51H/lS4EtFwfZgO4+RE2JF+JLnl8LFKHCFVwiNulYEOZaMlVVCHggFBuZCcGN5xs+TEab8v0NU96fPUwtL3nrL9J7U61S1M9Dz+w/eXa+B1Gd1IEMNP+ZmZ23Q9Hj40WipkyznD6CBOV28UZofHhjTrs9YkGDRm2u7t7L96o+zzMwwb6J55oZF1IyHr2Tc9NsxSG7X+RNVK7ebsHMQERW/3s0FFUBi6MNY0LkeqzIfsB/d0dr0CaxMCXF6CBo1jl4uftUJtAEmi//ES/wA7cYwSNW/bLQAAAABJRU5ErkJggg=="); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; outline: none; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide .slider-nav .swiper-button-next { width: 1.875em; height: 2em; } } @media (max-width: 576px) { .protein .bars-slider .swiper-slide .slider-nav .swiper-button-next { width: 1.875em; height: 1.6875em; } } .protein .bars-slider .swiper-slide .slider-nav .swiper-button-next:hover { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAuCAYAAAC8jpA0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADGSURBVHgB7dnBDcIwEETRDxVAB5RKCenASwXQgemAVugg2FJQcsGcbO3AfmkOub1DEsky9OmwTKJTWS6blyUE8FdW8HsPHMMrbP4wt/AW2jV8QhRutOEZpxlteMJpRsDHZgR8bEbAx2YEfGxGwMdm/BN8FlhSRNedK3a3QSv0LDvuEUwNfdk+KLzP7s6XiQD37efAd8TAhrMC3LsA96x+/RkxcP3PBrhXAR5RQgz87aLIcFgLbTguIwauncpurOAJobpe6L8AVbSoaOBdhAYAAAAASUVORK5CYII="); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; } .protein .bars-slider .swiper-slide .slider-nav .swiper-button-prev { position: static; width: 2.8125em; height: 2.875em; margin-right: 1.9375em; margin-top: 0; opacity: 1; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAyCAYAAAD1CDOyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAActSURBVHgB7Zl7TFtVHMfPufeWtiultLT0AVuYOkeYm9uYjCkIE3XSlW4mdolGjX/NRBMfM2qMxlWNydSof+g/0/iHic9O3egI8Tm6lwM2Ht3GJo+RMgYda3vbwaClvQ/PuR3sRQu4Fi/Gb0ruo7976Of8zu93zv0dAP4DgiBN4lHbLcXF1OCgUYKvTSZTrLjlMwYKX6VWaYGwAztRkd2eNQpj+aq7bl/M8RCG2nv6FRnkWfpuKrRl1y4WiFkYwKm0aA9WbbNc6hlo4S8r1N59ZN8D26yO/A0aOwAEEKscNhuJAQ7c/+KmiD90lr9OYwO+03v05uXHwFYJSKFS1iM2BKA7FFZnrllyT8m3b34qzVEtvN5GbtIW8oDI7c0PUiCFSkljdtQZK36ms/k1y+6524EAtNn5iWwJSHA6SpHS4L5pCBwDq5UujbJkedm677Z/kgyAbvnrF0BIB4HHwwCxyG63Ew5Dta6h6oXNEV+wn0+i0PGeP506S9lXmuoskMbUPivFs1Cldt/656YM4hsAtDUVX6s2qjE4EIPsaGg7jZXamXpgt9ZSWYcBxJJasQe+QR7Yo9m4YazvfHdSADcG2FzpyNqg4dM4hGbVM/EgPqZZIFEUV/z+0TvyRfrbEtlePHHmyIGqF18bi/ndp4bXhdKx3Ji1JmLAqbE8GGrtakrmAdrdfQR7QHRDCAPsxgBtyQFwDNSjII4DiCSIeZRNnEaL4IFga2fzdAB7URAfFJcHgLCYc+Zunh7AjT3wMPJAmZoXkwd+UlblODUzA4inUQQgnnkgPoR2zyCIR7rOtU3OA3aRDKErMTC9B/BMfejBl6r/7Ri4ZgLCHijN78hmwmOry377+F3VqiUliR6MDNHepsfefn647UwTBVUhORnl8H2fDwCd7mpLHbqHbwqfuHzCR7ATjldZR30yPkMXgVFCxhvQNc1F4IQ9NryFCnMj0kucz6OLbQHxN8RJCAewkTGVN0spUa8o//XD97OTAIz0DIw2PvL6FxEvfQy9eV6EgOcYwKIlMSl8z7AsOoPC5MaSBCRZbvIcH3l0DUleOCfZuB0j/BgeUiQpPA/QkYTouevXu5Bn0bTpl1CKPnnhsuB6lz1ugZcEDvX9qjrjpnK6rauRnweqNVrXNBQ8JcO/XxjHb4FKUkaojOucO95Qr1yyFswD8SybEw0PCq4XICoKCigWjhuyl99aDuaJOI6ffE+/nFE8gOIpTCWOl5UZiQQGoBfOBAilZ4RliGiAPtbZCOaLIMucB0PCqQBRB2pYKakYOPnG5ztx6gTzQCiLBTLk0WtT7E5QLNHm5erVi2+7b90P9h0yvcaYqAFv/ZELR5/asQsliRMUhDQDUCpEzeEWoZBGWdQ7FE/gFAkBE4V8LINDmRPgQYBrE1fyZvweuOYaXL43WSbE5hMlDQhYgiNoGOH6IyPyIJ4rro4B2ICyVDhPbliweMn60h+2vydNAkI3nXIftr5qZ6NUuyQrdpEdIxlJtlJoj6ZpoNEAkEVK+EF6mJdRmZxSquWub8PHjEJcvvF4PECRr4NTlnI86K8AHZBNAT5BH59nlAM2wE5ZDkU9C3cWb5XU51Xnu8qefSJ8PjCYLFcHW7uanfqa+/DrJ54sgVgkgKCh9aOmOn9f2TNPTgvS0jkJYhMTCJIAsjfHkjcTkMAkiA2BgDkHSfgP64CXrwwrw8SlmM/fcPyMcePaUipTrpzKVm7MydNXFRcNfl9/cim5OGSzro7uOnVqzgoDSXsNgXBVRaqwrIe5MNTg7jVtLE0IIkMgedayVSMdvZ2jrnN+2zgCAXMDMq3r67xebutaU3joZMgfbDhxRlNSWCTLVWunss3IUekN5tLyQHPn8TFfv28uQWYknLVwsDs1NVvoxo72ZDESCYT69j+0zYw3VPCeBRCRhGDH6XePxvJIoKmjLTnIRQTysnku0u+sGscxcu+IKixXyAID3zd0aytWLV2Qp51yQqTkUpXBXFIeOnraPRoZ9ts2LEtbsM+6hzBI0djCiEEho89+9Ue3vvLOQnmeLgGITIVjJHSo3U22DvutaQL5R252AQ/39F3G8WifNNjnQCDrVyIQbVIQ/2F3O+3y+laMd0ddYqjLTsiBOqFWYdXv1W+qoZtPtyaLkXEU7I3mVx6o1VqVQGyyg0qqNteqR5solulALvV6j9aarEtTHeg33RgeWoWjxnEDlKGh9SsaWqsSxkiGOtPk/8NdL2O6zn4ZSt2+XUoKXnbgYtpGhwOQIJoPmF/ZHjh6ui2RLcvEJP3hhaKaO66RECNoaO3RWqaMkfCFYP9unXllqjfjUy4hRnCw6yxm34Hj+ycAxvqHulqe/uBxp/FRbaq3vtJS3cBLDQptzpMyxSKUTE1ZdyzKHDnR10tJGI+8MIyqdq6U7mOnrUSD67pFRR0UKsRmSH0xKAFZ0WqwNgaBnQP/60b9DaTlEFt3lBUSAAAAAElFTkSuQmCC"); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; outline: none; } @media (max-width: 1024px) { .protein .bars-slider .swiper-slide .slider-nav .swiper-button-prev { width: 1.875em; height: 2em; margin-right: 1.1875em; } } @media (max-width: 576px) { .protein .bars-slider .swiper-slide .slider-nav .swiper-button-prev { width: 1.875em; height: 1.6875em; margin-right: 1.25em; } } .protein .bars-slider .swiper-slide .slider-nav .swiper-button-prev:hover { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAuCAYAAACxkOBzAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC7SURBVHgB7dmxDcIwEIXhH6joGIFR2DBskNsANoCNGAEcKRZCREmKO+k5ul96rr/CjWWI6TROvq7sPe5Wdka0ni+07oFgU9A6qSsxB5XCLkGviLQENURKqHcJ9S6h3iXUu4R6l1DvNgNV2c+bSXq7crxo5CW6p6EOZceyCw1ltHFvV4N7xDISHJuR4NiMBMdmJDg2I8GxGQmOzdgYuEMsYx4s92wyGsIOGf/QO8INX0kV+kT4O7QW8tH8AXgqo3TxPU4OAAAAAElFTkSuQmCC"); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; } @-webkit-keyframes shift1 { 0% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 16.66% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(6px, 0, 0); transform: translate3d(6px, 0, 0); } 50% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 6px, 0); transform: translate3d(0, 6px, 0); } 83.34% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(-6px, 0, 0); transform: translate3d(-6px, 0, 0); } 100% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes shift1 { 0% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 16.66% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(6px, 0, 0); transform: translate3d(6px, 0, 0); } 50% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 6px, 0); transform: translate3d(0, 6px, 0); } 83.34% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(-6px, 0, 0); transform: translate3d(-6px, 0, 0); } 100% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes shift2 { 0% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 16.66% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(-12px, 0, 0); transform: translate3d(-12px, 0, 0); } 50% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, -12px, 0); transform: translate3d(0, -12px, 0); } 83.34% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(12px, 0, 0); transform: translate3d(12px, 0, 0); } 100% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes shift2 { 0% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 16.66% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(-12px, 0, 0); transform: translate3d(-12px, 0, 0); } 50% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, -12px, 0); transform: translate3d(0, -12px, 0); } 83.34% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(12px, 0, 0); transform: translate3d(12px, 0, 0); } 100% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes shift3 { 0% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 16.66% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(18px, 0, 0); transform: translate3d(18px, 0, 0); } 50% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 18px, 0); transform: translate3d(0, 18px, 0); } 83.34% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(-18px, 0, 0); transform: translate3d(-18px, 0, 0); } 100% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes shift3 { 0% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 16.66% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(18px, 0, 0); transform: translate3d(18px, 0, 0); } 50% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 18px, 0); transform: translate3d(0, 18px, 0); } 83.34% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(-18px, 0, 0); transform: translate3d(-18px, 0, 0); } 100% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes shift4 { 0% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 16.66% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(24px, 0, 0); transform: translate3d(24px, 0, 0); } 50% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 24px, 0); transform: translate3d(0, 24px, 0); } 83.34% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(-24px, 0, 0); transform: translate3d(-24px, 0, 0); } 100% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes shift4 { 0% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 16.66% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(24px, 0, 0); transform: translate3d(24px, 0, 0); } 50% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 24px, 0); transform: translate3d(0, 24px, 0); } 83.34% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(-24px, 0, 0); transform: translate3d(-24px, 0, 0); } 100% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes up-down { 0% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 24px, 0); transform: translate3d(0, 24px, 0); } 100% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes up-down { 0% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 24px, 0); transform: translate3d(0, 24px, 0); } 100% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes up-down2 { 0% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } 100% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes up-down2 { 0% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } 100% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes left-right { 0% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(24px, 0, 0); transform: translate3d(24px, 0, 0); } 100% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes left-right { 0% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(24px, 0, 0); transform: translate3d(24px, 0, 0); } 100% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes left-right2 { 0% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(40px, 0, 0); transform: translate3d(40px, 0, 0); } 100% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes left-right2 { 0% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(40px, 0, 0); transform: translate3d(40px, 0, 0); } 100% { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }