Login ke Nutriclub untuk akses lebih banyak fitur

:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%}header,main,nav{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}h1,h2,h3,h5{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}ul{margin-bottom:1rem}ul{margin-top:0}b{font-weight:bolder}a{color:#007bff;text-decoration:none;background-color:rgba(0,0,0,0)}img{border-style:none}img{vertical-align:middle}button{border-radius:0}button,input{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button{text-transform:none}[type=button],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}h1,h2,h3,h5{margin-bottom:.5rem;font-weight:500;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h5{font-size:1.25rem}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col-1,.col-11,.col-12,.col-2,.col-8,.col-md-1,.col-md-10,.col-md-12,.col-md-4,.col-md-5,.col-md-8{position:relative;width:100%;padding-right:15px;padding-left:15px}.col-1{flex:0 0 8.33333%;max-width:8.33333%}.col-2{flex:0 0 16.66667%;max-width:16.66667%}.col-8{flex:0 0 66.66667%;max-width:66.66667%}.col-11{flex:0 0 91.66667%;max-width:91.66667%}.col-12{flex:0 0 100%;max-width:100%}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem}.form-control::-ms-expand{background-color:rgba(0,0,0,0);border:0}.form-inline{display:flex;flex-flow:row wrap;align-items:center}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;background-color:rgba(0,0,0,0);border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-block{display:block;width:100%}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.nav-link{display:block;padding:.5rem 1rem}.navbar{position:relative;padding:.5rem 1rem}.navbar,.navbar>.container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}@media (max-width:991.98px){.navbar-expand-lg>.container{padding-right:0;padding-left:0}}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card-body{flex:1 1 auto;padding:1.25rem}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}button.close{padding:0;background-color:rgba(0,0,0,0);border:0;appearance:none}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem}.modal.fade .modal-dialog{transform:translateY(-50px)}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered:before{display:block;height:calc(100vh - 1rem);content:""}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;align-items:center;justify-content:flex-end;padding:1rem;border-top:1px solid #dee2e6;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.d-none{display:none!important}.d-block{display:block!important}.d-flex{display:flex!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.align-self-center{align-self:center!important}.position-relative{position:relative!important}.fixed-top{top:0}.fixed-top{position:fixed;right:0;left:0;z-index:1030}.shadow-none{box-shadow:none!important}.mt-0{margin-top:0!important}.mb-0{margin-bottom:0!important}.mx-3{margin-right:1rem!important}.mx-3{margin-left:1rem!important}.mt-4{margin-top:1.5rem!important}.mb-4{margin-bottom:1.5rem!important}.p-0{padding:0!important}.pt-0{padding-top:0!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.pr-4{padding-right:1.5rem!important}.p-5{padding:3rem!important}.px-5{padding-right:3rem!important}.px-5{padding-left:3rem!important}.text-center{text-align:center!important}@font-face{font-family:FontAwesome;src:url(../../../../assets/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(../../../../assets/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"),url(../../../../assets/fonts/fontawesome-webfont.woff2?v=4.7.0) format("woff2"),url(../../../../assets/fonts/fontawesome-webfont.woff?v=4.7.0) format("woff"),url(../../../../assets/fonts/fontawesome-webfont.ttf?v=4.7.0) format("truetype"),url(../../../../assets/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg");font-display:swap;font-weight:400;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-times:before{content:"\f00d"}.fa-phone:before{content:"\f095"}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media (prefers-reduced-motion:reduce),(print){.animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}}@font-face{font-family:GothamRounded-Medium;src:url(../../../../assets/fonts/GothamRounded-Medium.eot);src:url(../../../../assets/fonts/GothamRounded-Medium.eot) format("embedded-opentype"),url(../../../../assets/fonts/GothamRounded-Medium.woff2) format("woff2"),url(../../../../assets/fonts/GothamRounded-Medium.woff) format("woff"),url(../../../../assets/fonts/GothamRounded-Medium.ttf) format("truetype"),url(../../../../assets/fonts/GothamRounded-Medium.svg#FuturaStdLight) format("svg");font-display:swap}@font-face{font-family:GothamRounded-Book;src:url(../../../../assets/fonts/GothamRounded-Book.eot);src:url(../../../../assets/fonts/GothamRounded-Book.eot) format("embedded-opentype"),url(../../../../assets/fonts/GothamRounded-Book.woff2) format("woff2"),url(../../../../assets/fonts/GothamRounded-Book.woff) format("woff"),url(../../../../assets/fonts/GothamRounded-Book.ttf) format("truetype"),url(../../../../assets/fonts/GothamRounded-Book.svg#FuturaStdLight) format("svg");font-display:swap}.text-center{text-align:center!important}body{background:#f7f9fa;font-family:GothamRounded-Medium;margin-top:60px}body,html{overflow-x:hidden}:focus{outline:0!important}main{min-height:calc(100vh - 430px)}.footer__notification{position:fixed;bottom:0;width:100%;background:#f1f1f1;padding:30px 20px;z-index:2;display:none;font-family:GothamRounded-Book}.footer__notification button{border-radius:50px;font-size:14px}.active{display:block}#navbarNav{width:100%}@media (max-width:767px){#navbarNav{margin:0}}@media (max-width:991px){.header .nav-item{display:none}.header .nav-item.header__logo{display:block;padding:0!important;width:auto}}@media (max-width:767px){.header .nav-link{padding:0}}.header .header__tool{color:#040303;font-size:12px;align-items:center;min-height:40px;justify-content:space-evenly}.header .header__caption{font-family:GothamRounded-Medium;font-size:15px;color:#040303;font-weight:300}.header .header__search{color:#000;display:block;align-items:center;flex-flow:row}.header .header__search .live-search{outline:0;border:1px solid #ced4da!important}.header .header__search .header__search-submit{background:url(/assets/images/icons/loop-search.svg) no-repeat;width:30px;height:40px;background-size:cover;appearance:none;border:none;outline:0}.header-result>.row{margin:0;width:100%}.header-result .close-query-icon{position:absolute;right:10px;bottom:15px;display:none}#site-header{padding-bottom:0}@media (max-width:767px){#site-header{padding:8px 0 0}}#site-header>.header{z-index:3}#site-header:before{position:absolute;background:#fff;width:100%;height:55px;top:0;left:0;content:""}#site-header:after{position:absolute;background:#fff;border-radius:100%;top:30px;left:50%;content:"";width:104%;z-index:-1;height:50px;box-shadow:0 8px 6px -6px rgba(0,0,0,.2);margin-left:-52%}@media (max-width:767px){#site-header:after{top:20px;width:120%;left:50%;margin-left:-60%}}#site-header .header-result:after{position:absolute;background:#fff;border-radius:100%;top:23px;left:0;content:"";width:100%;z-index:-1;height:50px}@media (max-width:767px){#site-header .header-result:after{top:20px}}.hamburger-menu__lists{background-color:#f7f9fa;width:100%;z-index:9999;height:100%;top:0}.hamburger-menu__lists .hamburger-menu__header{background-color:#f1f8fc}.hamburger-menu__lists .hamburger-menu__header h3{padding:15px 0 0;color:#00adee;font-family:GothamRounded-Medium}@media (max-width:767px){.hamburger-menu__lists .hamburger-menu__header h3{text-align:center}}.hamburger-menu__lists-item{list-style:none;padding-left:0}.hamburger-menu__lists-item a{color:#303030}.hamburger-menu__lists-item .hamburger-menu__item{padding:5px 0;text-align:center}.hamburger-menu__lists-item li{font-family:GothamRounded-Medium}.search__results{height:100vh;position:fixed;top:0;left:0;width:100%;display:block;z-index:99;background:#fff;padding-top:100px}.search__results-text{color:#26419e;margin-bottom:0!important}.search__results-history{margin-bottom:25px}.search__results-text-btn-wrapper{display:flex;justify-content:space-between}.search__results-lists{list-style:none;padding-inline-start:0;background:#fff;padding:5px 15px 15px;border:1px solid #303030}.logo-nutriclub{width:120px;max-width:120px}.nav-link{min-width:145px}.delete-cookie{color:#00adee}.header__search #submit{visibility:hidden}.btn-primary{background:#26419e;color:#fff;font-family:GothamRounded-Medium;border:none;font-size:18px}.btn-blue{background:#00adee;color:#fff;font-family:GothamRounded-Medium;border:none;font-size:18px}h2.heading-blue{color:#26419e;font-family:GothamRounded-Medium;font-size:20px}@media (max-width:767px){h2.heading-blue{font-size:4vw;margin-bottom:10px}}.accordion-info .panel{display:none;padding:0 5px;font-size:12px}.accordion-info .panel p{font-family:GothamRounded-Book;font-weight:400;text-align:justify} .header .nav-link.header__caption { font-family: GothamRounded-Medium; font-size: 15px; color: #1b3077; font-weight: 300 } .d-none { display: none !important } .card-slider-one__wrapper .slick-next:before{ content: "\f105"!important; padding-left: 4px; } .card-slider-one__wrapper .slick-prev:before { content: "\f104"!important; padding-right: 4px; } @media (min-width:992px) { .floating-icon__parent-after-phone { bottom: 100px; top: unset !important; } .floating-icon__parent-after .close{ bottom: 170px; top: unset !important; } .d-lg-block { display: block !important } } @media (min-width:768px) { .d-md-block { display: block !important } } @media (max-width:767px) { .floating-icon__parent-after-phone { bottom: 80px; top: unset !important; } .floating-icon__parent-after .close{ bottom: 135px; top: unset !important; } } .nav-link { min-width: 0; } .navbar-nav { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; } .navbar-nav__menu { display: flex; justify-content: space-around; } .navbar-nav__logo { margin: 0 } @media (min-width:992px) { .navbar-nav__logo { margin: 0 32px; } } .accordion__stage-btn { width: auto; } .hamburger-menu__lists .hamburger-menu__header { background-color: transparent; min-height: 42px; max-width: 290px; margin: auto; } .hamburger-menu__lists { background-color: #00000096; max-width: 480px; } .hamburger-menu { position: relative; padding-top: 15px; width: 100%; min-height: 100vh; background-color: white; } .hamburger-menu__close { position: absolute; top: 60px; left: 60px; cursor: pointer; } .hamburger-menu__lists-item .hamburger-menu__item--my-nutriclub { height: 34px; padding: 0; background-color: #E4F6FF; } .hamburger-menu__lists-item .hamburger-menu__item--my-nutriclub img { height: 100%; } .hamburger-menu__profile { display: grid; grid-template-columns: auto 1fr; column-gap: 20px; align-items: center; border-radius: 10px; padding-top: 5px !important; } .hamburger-menu__profile .profile-picture { position: relative; width: 70px !important; height: 70px !important; background-color: grey; border-radius: 50%; background-size: cover; background-position: 50%; background-repeat: no-repeat; cursor: pointer; } .hamburger-menu__profile .profile-picture .edit-icon { position: absolute; bottom: 0; right: 0; width: 22px; height: 22px; background-color: #2384c6; border-radius: 50%; display: flex; align-items: center; justify-content: center } .hamburger-menu__profile .profile-picture .edit-icon i { font-size: 12px; color: #fff } @media (min-width:992px) { .hamburger-menu__profile .profile-picture { width: 80px; height: 80px } .hamburger-menu__profile .profile-picture .edit-icon { width: 25px; height: 25px } } .hamburger-menu__profile .tier-point-wrapper__name { text-align: left; font-size: 16px; margin-bottom: 0 } .hamburger-menu__profile .tier-point-wrapper__id { font-family: GothamRounded-Medium; margin-bottom: 5px; font-size: 12px; text-align: left; } .hamburger-menu__overlay { z-index: 1050; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgb(0 0 0 / 50%); } #hamburger-menu { cursor: pointer; } @media (min-width:992px) { .hamburger-menu__profile .tier-point-wrapper__name { font-size: 20px } .hamburger-menu__profile .tier-point-wrapper__id { margin-bottom: 5px } } .align-items-center { align-items: center !important; } @media (min-width: 992px) { .col-lg-10 { /*flex: 0 0 83.33333%; max-width: 83.33333%;*/ flex: 0 0 80%; max-width: 80%; } } @media (min-width: 768px) { .pl-md-0, .px-md-0 { padding-left: 0 !important; } .cta-login-header{ font-size:14px; text-transform:capitalize; /*background:#26419e;*/ color:#26419e; padding:10px; border-radius:30px; width: 85px; text-align:center; } .cta-logout-header{ font-size:14px; text-transform:capitalize; background:#26419e; color:#fff; padding:10px; border-radius:30px; text-align:center; width: 85px; } .cta-register-header{ font-size:14px; text-transform:capitalize; background:#26419e; color:#fff; padding:10px 0px; border-radius:30px; width: 85px; text-align:center; } .cta-register-header:hover{ color:#fff; } } @media (max-width: 768px) { .pl-md-0, .px-md-0 { padding-left: 0 !important; } .pr-md-0 { padding-right: 0 !important; } .cta-login-header{ font-size:14px; text-transform:capitalize; /*background:#26419e;*/ color:#26419e; padding:10px; border-radius:30px; text-align:center; font-weight: bolder; } .cta-logout-header{ font-size: 12px; text-transform: capitalize; background: #26419e; color: #fff; padding: 10px 15px; border-radius: 30px; text-align: center; font-weight: normal; } .cta-register-header{ font-size:12px; text-transform:capitalize; background:#26419e; color:#fff; padding:7px 15px; border-radius:30px; text-align:center; } } @media (max-width: 576px) { .d-sm-none{ display: none; } } #overlay-loader { display: grid; position: fixed; top: 0; left: 0; bottom: 0; right: 0; place-items: center; z-index: 99999; background-color: rgb(0 0 0 / 50%); } #overlay-loader .spinner-border { width: 4rem; height: 4rem; font-size: 35px; color: white; } .login__wrapper input { margin-bottom: 1rem; }

Login Nutriclub, dapatkan info seputar tumbuh kembang anak