body {
  background-color: #ffffff;
  line-height: 1.25;
  font-size: 14px;
  color: black; }

#main_container {
  background-color: #ffffff; }

#main_container header {
  margin: 0 auto;
  max-width: 1930px;
  width: 100%;
  height: 660px;
  background: url("/content/dam/Australia/kelloggspromotions/freeFitnessTracker/images/hero_02.jpg") no-repeat center top;
  background-size: cover; }

#main_container > section > div > div > div:nth-child(2) {
    padding-left: 0px !important; }

nav.social-links {
  float: right; }

nav.social-links span,
nav.social-links li,
nav.social-links span a {
  font-size: 10px;
  color: #a1adb2 !important; }

.kstl-rich-text {
  font-family: Arial, "Helvetica Neue", "Helvetica", sans-serif !important; }

nav ul {
  list-style: outside none none;
  text-align: center; }

nav ul.faq {
  float: left; }

ul.faq a {
  font-size: 10px;
  text-decoration: none; }

nav ul li {
  display: inline-block;
  padding: 0px 6px; }

p {
  color: #5d6366; }

.footer-layer-1 {
  width: 100%;
  color: #a1adb2;
  font-size: 10px;
  color: #a1adb2 !important; }

.footer-layer-1 ul li a,
.footer-layer-1 ul li,
.footer-layer-1 ul {
  color: #a1adb2 !important; }

.footer-layer-2 {
  border-top: 1px solid #a1adb2;
  width: 100%;
  color: #a1adb2 !important;
  float: left;
  padding-top: 20px; }

.footer-layer-2 a {
  color: #a1adb2;
  font-size: 10px; }

.footer-layer-2 .copy {
  float: left;
  font-size: 10px; }

.footer-layer-2 .social {
  float: right;
  font-size: 10px;
  list-style-type: none; }

.footer-layer-2 .social li {
  display: inline-block;
  vertical-align: top; }

.footer-layer-2 .social li a {
  text-decoration: none;
  padding: 0 0 0 15px; }

.footer-layer-2 .social li a:hover {
  color: black; 
  text-decoration: none;
  padding: 0 0 0 15px; }

.footer-layer-2 .social span,
.footer-layer-2 .social a {
  font-size: 10px; }

.footer-layer-2 .social img {
  width: 20px;
  top: -3px;
  position: relative; }

.static-text {
  padding-bottom: 100px;
  text-align: center; }

.static-text h1 {
  margin-bottom: 30px !important;
  color: #d50e45;
  /*red*/
  font-size: 48px !important;
  line-height: 1; }

.static-text h2 {
  margin-bottom: 8px !important;
  color: #273579;
  /*blue*/
  font-size: 1.4em;
  font-size: 24px;
  font-family: "KelloggsSansRegular"; }

.static-text p {
  -webkit-font-smoothing: antialiased; }

.static-text a {
  text-decoration: underline;
  color: #273579;
  /*blue*/ }

footer .grid .grid__item .kstl-rich-text nav.social-links {
  position: relative;
  top: 0;
  right: 0;
  transform: translateY(0); }

footer .grid .grid__item .kstl-rich-text nav.social-links ul li {
  margin: 0;
  padding: 0; }

footer .grid .grid__item .kstl-rich-text nav.footer ul:first-child {
  display: inline-block;
  padding: 0px 6px 0 0; }

footer {
  background: transparent !important;
  padding: 38px 0 !important; }

footer .grid .grid__item .kstl-rich-text {
  margin-right: 0; }

.modal__container {
  height: 0;
  overflow: hidden; }

.modal__content .kstl-rich-text h2 {
  text-align: left;
  color: #d50e45;
  padding: 25px 0px 0px 45px; }

.vbox-container {
  width: 900px;
  max-width: 90%; }

.vbox-content .accordion--faq h2 {
  margin-bottom: 35px !important;
  color: #d50e45;
  text-align: left;
  font-size: 24px;
  font-weight: normal;
  font-family: "KelloggsSansMedium"; }

h3.login-head {
  font-family: Arial, "Helvetica Neue", "Helvetica", sans-serif !important;
  color: #273579;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  padding-top: 15px;
  text-align: left; }

@media screen and (max-width: 900px) {
  #main_container header {
    height: 360px; }
  .footer-layer-2 .copy {
    width: 100%;
    text-align: center; }
  .footer-layer-2 .social {
    width: 100%;
    text-align: center;
    padding-top: 20px; } }

@media screen and (max-width: 600px) {
  #main_container header {
    height: 200px; }
  footer .grid .grid__item .kstl-rich-text nav.social-links {
    width: 100%;
    padding-bottom: 20px; }
  footer .grid .grid__item .kstl-rich-text nav.footer ul {
    width: 100%;
    text-align: center; } }

.image-upload-container {
  min-width: 100%;
  height: 310px; }
  .image-upload-container .image-upload-trigger {
    position: relative;
    margin: 0 auto;
    width: 168px;
    padding: 43px 0;
    cursor: pointer; }

.KSTL-Registration-Login,
.KSTL-Registration-Registration,
.KSTL-Registration-Profile,
.image-upload-container,
.KSTL-Registration-ForgotPassword,
.KSTL-Registration-ForgotPasswordEmailConfirm  {
  background-image: url("/content/dam/Australia/kelloggspromotions/freeFitnessTracker/images/bg-tile_03.jpg"); }

#KSTL-Registration-FirstName,
#KSTL-Registration-UserName,
.KSTL-Registration-Login input,
.KSTL-Registration-Registration input,
.KSTL-Registration input,
#KSTL-Registration-Password,
.KSTL-Registration .ng-form input,
#KSTL-Registration-LastName,
#KSTL-Registration-LastName,
#KSTL-Registration-ConfirmPassword,
#KSTL-Registration-PasswordConfirm,
#KSTL-Registration-UserNameConfirm,
#KSTL-Registration-AddressLine1,
#KSTL-Registration-AddressLine2,
#KSTL-Registration-suburb1k,
#KSTL-Registration-StateAU,
#KSTL-Registration-City,
#KSTL-Registration-BirthDate,
#KSTL-Registration-PostalCode,
#KSTL-Registration-YourEmailAddress,
#KSTL-Registration-Suburb,
#KSTL-Registration-PhoneNumber2{
  height: 47px;
  border: medium none;
  box-shadow: none;
  font-size: 16px;
  min-width: 100%;
  box-shadow: none;
  border-radius: 0; }


.KSTL-Registration .ng-form select.ng-valid.ng-dirty {
  background-color: white;
  border-color: none;
}

.KSTL-Registration .ng-form div.subscription {
  border-top: none !important; }

.KSTL-Registration .ng-form div.subscription.subscription-EM{
  background-image: none !important; }

body b i {
  font-weight: 300 !important;
  font-family: Arial, "Helvetica Neue", "Helvetica", sans-serif !important;
  line-height: 1.8 !important;
  color: #5d6366 !important; }

input[type="checkbox"]#KSTL-Registration-1KPERDAYAUTERMS,
input[type="checkbox"]#KSTL-Registration-1KPERDAYNZTERMS,
input[type="checkbox"]#KSTL-Registration-PrivacyPolicy,
input[type="checkbox"]#KSTL-Registration-subscription6160_EM,
input[type="checkbox"]#KSTL-Registration-subscription6161_EM,
input[type="checkbox"]#KSTL-Registration-subscription6182_EM {
  min-width: auto;
  vertical-align: top;
  position: relative;
  top: -2px; }

.KSTL-Registration-button button,
.KSTL-Registration-button p button,
.KSTL-Registration button,
a.kellogs-button,
a.kellogs-button-left,
a.kellogs-button-right {
  margin-right: 0 !important;
  display: inline-block;
  float: right !important;
  background-color: #d50c43 !important;
  color: #ffffff !important;
  font-size: 17px;
  line-height: 1;
  text-decoration: none;
  border-radius: 0 !important;
  font-family: "KelloggsSansRegular"; }
  .KSTL-Registration-button button:hover,
  .KSTL-Registration button:hover,
  a.kellogs-button:hover,
  a.kellogs-button-left:hover,
  a.kellogs-button-right:hover {
    background-color: #dd3d69 !important; }

a.kellogs-button,
a.kellogs-button-left,
a.kellogs-button-right {
  margin: 15px 8px !important;
  padding: 12px 20px; }

a.kellogs-button {
  float: none !important; }

a.kellogs-button-left {
  float: left !important; }

.block--cta {
  padding-top: 35px; }

.KSTL-Registration .pod {
  box-shadow: none;
  border-radius: 0;
  padding: 20px !important; }

.KSTL-Registration .ng-form label {
  display: block;
  max-width: 360px;
  font-weight: 300 !important;
  font-family: Arial, "Helvetica Neue", "Helvetica", sans-serif !important;
  line-height: 1.8;
  color: #5d6366;
  padding: 12px 0 3px 0; }

/*#KSTL-Registration-wrapper-LoginTitle {
  display: none !important; }*/

.submit-error-message {
    font-size: 1.4rem;
    color: #b51b47;
}

.KSTL-Registration .ng-form select {
  height: 47px;
    border: medium none;
    box-shadow: none;
    font-size: 16px;
    min-width: 100%;
    box-shadow: none;
    border-radius: 0;
    order: 1px solid #ccc;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border linear .2s,-webkit-box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s;
    background-color: white;
}

.KSTL-Registration h3 {
    font-family: Arial, "Helvetica Neue", "Helvetica", sans-serif !important;
    color: #273579;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    padding-top: 15px;
    text-align: left; }

.KSTL-Registration #KSTL-Registration-wrapper-ForgotPasswordLink {
  margin: 30px 25px;
  float: left;
  width: auto; }

.KSTL-Registration #KSTL-Registration-wrapper-ForgotPasswordLink a {
  color: #273579;
  text-decoration: underline;
  font-family: Arial, "Helvetica Neue", "Helvetica", sans-serif !important; }
  .KSTL-Registration #KSTL-Registration-wrapper-ForgotPasswordLink a:hover {
    text-decoration: none; }

.KSTL-Registration-Login #KSTL-Registration-ForgotPasswordLink a,
.KSTL-Registration-Registration #KSTL-Registration-ForgotPasswordLink a,
.kstl-regv6-myaccount .KSTL-Registration-MyAccountNav #KSTL-Registration-ForgotPasswordLink a,
.kstl-regv6-loginreg .KSTL-Registration-Profile #KSTL-Registration-ForgotPasswordLink a,
.kstl-regv6-reg-only .KSTL-Registration-Profile #KSTL-Registration-ForgotPasswordLink a,
.KSTL-Registration-Survey #KSTL-Registration-ForgotPasswordLink a {
  float: left; }

.KSTL-Registration-Login button,
.KSTL-Registration-Registration button,
.kstl-regv6-myaccount .KSTL-Registration-MyAccountNav button,
.kstl-regv6-myaccount .KSTL-Registration-Profile button,
.kstl-regv6-loginreg .KSTL-Registration-Profile button,
.kstl-regv6-reg-only .KSTL-Registration-Profile button,
.KSTL-Registration-Survey button{
  background: url("/content/dam/Australia/kelloggspromotions/freeFitnessTracker/images/icon-arrow-right.png") no-repeat scroll right 12px center #fff; }

.KSTL-Registration-button > p:nth-child(3) > button:nth-child(1){
  border: none;
}

.KSTL-Registration-Profile #KSTL-Registration-ForgotPasswordLink a {
  float: left !important;
  font-family: Arial, "Helvetica Neue", "Helvetica", sans-serif !important;
  text-decoration: underline !important;
  color: #273579 !important;
  font-size: 12px !important; }

.fitness-tracker-body-text {
  padding: 35px 0px; }
  .fitness-tracker-body-text h2,
  #KSTL-Registration-wrapper-ForgotPasswordFormHeader h2,
  #KSTL-Registration-wrapper-ForgotPwEmailConfirmHeader h2 {
    color: #d50e45;
    /*red*/
    font-size: 24px !important;
    text-align: left;
    padding-bottom: 10px;
    font-family: "KelloggsSansMedium"; }
  .fitness-tracker-body-text p {
    text-align: left; }

.KSTL-Registration .ng-form div[checkbox] label.label-after {
  max-width: null !important; }

.KSTL-Registration .ng-form .terms label.label-after b,
.KSTL-Registration .ng-form .privacypolicy label.label-after b {
  display: none; }

.file-upload-container .upload-button-wrapper label {
  display: none !important; }

.vbox-close {
  background-color: #d50e45; }

.thanks-btn {
  display: none;
}

.KSTL-Registration .ng-form input[type="radio"] {
  min-width: 20px;
  max-width: 20px;
}

/*.KSTL-Registration .ng-form input[type=radio] {
}*/

#KSTL-Registration-Gender > div:nth-child(2) > label {
  padding-top:28px;
}

/*ipad*/
@media only screen and (max-device-width: 768px) {
  
}

/*iphone*/
@media only screen and (max-device-width: 375px) {
    .KSTL-Registration .pod .ng-form input {
   margin-top:18px;
  }

  #KSTL-Registration-Gender-1, #KSTL-Registration-Gender-0  {
    margin-top:18px;
  }

  #KSTL-Registration-Gender > div:nth-child(2) > label {
  margin-top:0px;
  }
}

/*samsung*/
@media only screen and (max-device-width: 360px) {
    #KSTL-Registration-Gender > div:nth-child(2) > label {
  margin-top:0px;
  }
#KSTL-Registration-Gender-1, #KSTL-Registration-Gender-0 {
    margin-top: 0px;
}
}

.KSTL-Registration .pod .error-field p, .KSTL-Registration .pod .error-form p{
  font-size: 15px !important; 
}

#KSTL-Registration-wrapper-1KPERDAYAUTERMS > div > div.error-field > div > p {
  margin-bottom: -15px !important;
  padding-left: 13px; }

#KSTL-Registration-wrapper-PrivacyPolicy > div > div.error-field > div > p {
  margin-bottom: -15px !important; }

#KSTL-Registration-wrapper-PrivacyPolicy > div > div.error-field > div > p {
  margin-bottom: -15px !important; }

#KSTL-Registration-wrapper-1KPERDAYNZTERMS > div > div.error-field > div > p {
  margin-bottom: -15px !important; }

/*  error, can't remove from RIF*/

/*#KSTL-Registration-wrapper-ProductsPurchased17 {
  display: none; }*/