section.mobile-journey {font-size: 0; position: relative; height: 40px}
section.mobile-journey.is-newborn .newborn, section.mobile-journey.is-active-baby .active-baby, section.mobile-journey.is-toilet-training .toilet-training {color: #d92032}
section.mobile-journey.is-newborn .newborn svg path, section.mobile-journey.is-active-baby .active-baby svg path, section.mobile-journey.is-toilet-training .toilet-training svg path {fill: #d92032}
section.mobile-journey .mobile-journey--fixed {position: fixed; width: 100%; background-color: #fcfcfc; z-index: 100; box-shadow: 0 12px 25px -15px rgba(0, 0, 0, 0.15); top: 90px}
section.mobile-journey a {width: 33%; font-size: 13px; text-align: center; color: #999; display: inline-block; line-height: 40px; outline: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis}
section.mobile-journey a:focus, section.mobile-journey a:active {text-decoration: none}
section.mobile-journey a.newborn {width: 29%}
section.mobile-journey a.active-baby {width: 34%}
section.mobile-journey a.toilet-training {width: 37%}
section.mobile-journey a svg {display: inline-block; width: 26px; height: 26px; background-size: contain; vertical-align: middle; background-repeat: no-repeat; margin-right: 2px}
section.mobile-journey a svg path {fill: #999}
@media (min-width: 375px) {section.mobile-journey a {font-size: 14px}
section.mobile-journey a svg {margin-right: 5px}
}
@media (min-width: 768px) {section.mobile-journey {display: none}
}
section.feature-product {padding: 30px; background: #F2EDE9; position: relative; overflow: hidden}
@media (max-width: 991px) {section.feature-product {padding: 30px 0px}
}
section.feature-product .centered:before {content: ''; background-image: url("/images/homepage/feature/backgrounds/ultimate-baby.jpg"); background-repeat: no-repeat; background-position: 0 50%; position: absolute; top: 0; bottom: 0; left: 0; right: 0}
@media (min-width: 400px) and (max-width: 420px) {section.feature-product .centered:before {left: 5%}
}
@media (min-width: 421px) and (max-width: 549px) {section.feature-product .centered:before {left: 12%}
}
@media (min-width: 550px) and (max-width: 767px) {section.feature-product .centered:before {left: 25%}
}
@media (min-width: 768px) and (max-width: 991px) {section.feature-product .centered:before {left: 40%}
}
@media (min-width: 992px) {section.feature-product .centered:before {left: 50%}
}
section.feature-product .left {padding: 0 35px 35px 35px; text-align: left; overflow: hidden; width: 80%; position: relative; left: 116px}
@media (max-width: 991px) {section.feature-product .left {left: 10px}
}
@media (max-width: 767px) {section.feature-product .left {width: 100%}
}
@media (max-width: 420px) {section.feature-product .left {padding-left: 5px; padding-right: 5px}
}
section.feature-product h1 {font-size: 20px; margin: 0 0 10px 0; font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500}
@media (min-width: 768px) {section.feature-product h1 {font-size: 30px}
}
@media (min-width: 992px) {section.feature-product h1 {font-size: 36px}
}
section.feature-product p {font-family: 'Huggies Omnes Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300}
@media (max-width: 767px) {section.feature-product p {font-size: 16px}
}
section.feature-product.tiniest-hugs .centered {overflow: visible}
section.feature-product.tiniest-hugs .centered .btn {margin-top: 10px}
@media (min-width: 992px) {section.feature-product.tiniest-hugs .centered h1 {font-size: 42px}
}
section.feature-product.tiniest-hugs .centered:before {background-image: url("/images/homepage/feature/backgrounds/tiniest-hug.png"); background-position: 0% 100%}
@media (max-width: 767px) {section.feature-product.tiniest-hugs .centered:before {background-image: url("/images/homepage/feature/backgrounds/tiniest-hug-mobile.png"); background-position: 100% 100%; background-size: 190px}
}
@media (max-width: 320px) {section.feature-product.tiniest-hugs .centered:before {background-position: 110% 100%; background-size: 165px}
}
section.feature-product.lifetime-hugs {padding: 15px !important; margin-top: -30px; background-color: #f5f4f4}
@media (max-width: 480px) {section.feature-product.lifetime-hugs .container {padding: 0}
}
section.feature-product.lifetime-hugs .left {width: 51%; text-align: right}
@media (max-width: 480px) {section.feature-product.lifetime-hugs .left {width: 45%}
section.feature-product.lifetime-hugs .left img {width: 100%}
}
section.feature-product.lifetime-hugs .right {width: 48%; text-align: left; padding-left: 25px; padding-top: 25px}
@media (max-width: 550px) {section.feature-product.lifetime-hugs .right {padding-left: 0}
}
@media (max-width: 480px) {section.feature-product.lifetime-hugs .right {width: 53%}
}
section.feature-product.lifetime-hugs .left, section.feature-product.lifetime-hugs .right {display: inline-block; vertical-align: middle; font-size: 14px}
section.feature-product.lifetime-hugs h1 {font-size: 36px; margin: 0; color: #db1c2b; font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500}
@media (max-width: 991px) {section.feature-product.lifetime-hugs h1 {font-size: 32px}
}
@media (max-width: 550px) {section.feature-product.lifetime-hugs h1 {font-size: 28px}
}
@media (max-width: 480px) {section.feature-product.lifetime-hugs h1 {font-size: 25px}
}
section.feature-product.lifetime-hugs p {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; font-size: 28px}
@media (max-width: 991px) {section.feature-product.lifetime-hugs p {font-size: 25px}
}
@media (max-width: 550px) {section.feature-product.lifetime-hugs p {font-size: 22px}
}
@media (max-width: 480px) {section.feature-product.lifetime-hugs p {font-size: 18px}
}
section.feature-product.lifetime-hugs .btn {font-family: 'Huggies Omnes Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; color: #fff !important; background-color: #db1c2b; font-size: 20px; padding-top: 10px; padding-bottom: 10px; padding-left: 35px; padding-right: 35px}
@media (max-width: 550px) {section.feature-product.lifetime-hugs .btn {font-size: 18px; padding-left: 25px; padding-right: 25px}
}
@media (max-width: 480px) {section.feature-product.lifetime-hugs .btn {font-size: 14px}
}
section.feature-product.lifetime-hugs small {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; position: relative; top: 20px; font-size: 13px; color: #8d8d8d}
@media (max-width: 480px) {section.feature-product.lifetime-hugs small {font-size: 12px; top: 15px}
}
section.feature-product.lifetime-hugs br.mbl-only {display: none}
@media (max-width: 991px) {section.feature-product.lifetime-hugs br.mbl-only {display: inline}
}
section.feature-product.hugs-for-healing {background-image: url("/images/homepage/feature/backgrounds/hugsforhealing-dsk.png"); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 0}
@media (max-width: 767px) {section.feature-product.hugs-for-healing {height: 430px; background-image: url("/images/homepage/feature/backgrounds/hugsforhealing-mbl.png"); background-size: cover; background-repeat: no-repeat; background-position: bottom}
}
@media (max-width: 460px) {section.feature-product.hugs-for-healing {height: 390px}
}
@media (max-width: 420px) {section.feature-product.hugs-for-healing {height: 335px}
}
@media (max-width: 767px) {section.feature-product.hugs-for-healing br.dsk-only {display: none}
}
section.feature-product.hugs-for-healing .left {padding: 35px; text-align: left; overflow: hidden; width: 47%; position: relative; left: 116px}
@media (max-width: 992px) {section.feature-product.hugs-for-healing .left {left: 10px}
}
@media (max-width: 767px) {section.feature-product.hugs-for-healing .left {width: 100%; text-align: center; position: initial}
}
@media (max-width: 420px) {section.feature-product.hugs-for-healing .left {padding-left: 5px; padding-right: 5px}
}
section.feature-product.hugs-for-healing .left, section.feature-product.hugs-for-healing .right {display: inline-block; vertical-align: middle; font-size: 14px}
section.feature-product.hugs-for-healing .right {max-width: 300px; max-height: 165px; width: 53%}
section.feature-product.hugs-for-healing .right img {max-width: 550px; position: relative; top: -83px; left: -147px}
@media (max-width: 992px) {section.feature-product.hugs-for-healing .right img {max-width: 530px; top: -79px; left: -139px}
}
@media (max-width: 767px) {section.feature-product.hugs-for-healing .right img {width: 100%; max-width: 500px; top: -75px; left: -35px}
}
@media (max-width: 390px) {section.feature-product.hugs-for-healing .right img {top: -50px}
}
@media (max-width: 992px) {section.feature-product.hugs-for-healing .right {left: 80px}
}
@media (max-width: 767px) {section.feature-product.hugs-for-healing .right {max-width: inherit; width: 100%; text-align: center}
}
section.feature-product.hugs-for-healing h1 {font-size: 36px; margin: 0 0 10px 0; color: #fff; font-family: 'Huggies Omnes Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300}
section.feature-product.hugs-for-healing h1 strong {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500}
@media (max-width: 420px) {section.feature-product.hugs-for-healing h1 {font-size: 32px}
}
section.feature-product.hugs-for-healing .btn {margin-top: 10px; color: #fff !important; background-color: #db1c2b; font-size: 17px; padding-top: 8px; padding-bottom: 8px; padding-left: 20px; padding-right: 20px}
section.feature-product.little-swimmers-dory {background-image: url("/images/homepage/feature/backgrounds/little-swimmers-dory-dsk.png"); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 0}
section.feature-product.little-swimmers-dory .centered {padding: 34px; text-align: center; font-size: 0; margin-left: -15px; margin-right: -15px}
@media (max-width: 767px) {section.feature-product.little-swimmers-dory .centered {height: 335px; background-image: url("/images/homepage/feature/backgrounds/little-swimmers-dory-mbl.png"); background-size: initial; background-repeat: no-repeat; background-position: bottom}
}
section.feature-product.little-swimmers-dory .left {text-align: right; max-height: 150px; overflow: hidden; width: 47%; position: relative; top: -24px; left: -20px}
section.feature-product.little-swimmers-dory .left img {margin-top: 0; max-width: 100%}
@media (max-width: 992px) {section.feature-product.little-swimmers-dory .left {left: 40px}
}
@media (max-width: 767px) {section.feature-product.little-swimmers-dory .left {width: 100%; text-align: center; position: initial}
}
section.feature-product.little-swimmers-dory .left, section.feature-product.little-swimmers-dory .right {display: inline-block; vertical-align: middle; font-size: 14px}
section.feature-product.little-swimmers-dory .right {text-align: left; max-width: 300px; max-height: 165px; width: 53%; position: relative; left: 20px}
@media (max-width: 992px) {section.feature-product.little-swimmers-dory .right {left: 80px}
}
@media (max-width: 767px) {section.feature-product.little-swimmers-dory .right {width: 100%}
}
section.feature-product.little-swimmers-dory h1 {font-size: 27px; margin: 0 0 10px 0; color: #fff; font-family: 'Huggies Omnes Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300}
section.feature-product.little-swimmers-dory h1 strong {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500}
@media (max-width: 767px) {section.feature-product.little-swimmers-dory img#ls-pack-desktop {display: none}
}
section.feature-product.little-swimmers-dory .btn {margin-top: 10px; color: #fff !important; background-color: #db1c2b; font-size: 17px; padding-top: 8px; padding-bottom: 8px; padding-left: 20px; padding-right: 20px}
section.feature-product.little-swimmers-dory .copyright {color: #e8e8e8; float: right; position: relative; left: -33px; top: 15px; font-size: 11px}
@media (max-width: 767px) {section.feature-product.little-swimmers-dory .copyright {position: absolute; left: 47px; top: -137px; font-size: 9px}
}
section.feature-product.little-swimmers-dory .brand-icon {position: relative; left: 8px; top: -15px; width: 100px}
@media (max-width: 767px) {section.feature-product.little-swimmers-dory .brand-icon {left: -42px; top: 130px}
}
@media (max-width: 370px) {section.feature-product.little-swimmers-dory .brand-icon {left: -49px}
}
section.feature-product.baby-wipes-sensitive {background: #edfffd; padding: 0}
section.feature-product.baby-wipes-sensitive .centered {text-align: center; font-size: 0; margin-left: -15px; margin-right: -15px}
section.feature-product.baby-wipes-sensitive .left {max-height: 150px; overflow: hidden; max-width: 200px; width: 47%}
section.feature-product.baby-wipes-sensitive .left img {margin-top: 0; max-width: 100%}
section.feature-product.baby-wipes-sensitive .left, section.feature-product.baby-wipes-sensitive .right {display: inline-block; vertical-align: middle; font-size: 14px}
section.feature-product.baby-wipes-sensitive .right {text-align: left; max-width: 300px; width: 53%}
section.feature-product.baby-wipes-sensitive h1 {font-size: 22px; margin: 0 0 10px 0; max-width: 250px}
section.feature-product.baby-wipes-sensitive a {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; color: #00ae9e; font-size: 18px}
section.feature-product.baby-wipes-sensitive a i.fa {font-size: 14px; margin-left: 3px}
section.feature-product.ultimate-huggies {background: #F2EDE9; padding: 0; position: relative; overflow: hidden}
section.feature-product.ultimate-huggies .centered:before {content: ''; background-image: url("/images/homepage/feature/backgrounds/ultimate-baby.jpg"); background-repeat: no-repeat; background-position: 0 50%; position: absolute; top: 0; bottom: 0; left: 0; right: 0}
@media (min-width: 400px) and (max-width: 420px) {section.feature-product.ultimate-huggies .centered:before {left: 5%}
}
@media (min-width: 421px) and (max-width: 549px) {section.feature-product.ultimate-huggies .centered:before {left: 12%}
}
@media (min-width: 550px) and (max-width: 767px) {section.feature-product.ultimate-huggies .centered:before {left: 25%}
}
@media (min-width: 768px) and (max-width: 991px) {section.feature-product.ultimate-huggies .centered:before {left: 40%}
}
@media (min-width: 992px) {section.feature-product.ultimate-huggies .centered:before {left: 50%}
}
section.feature-product.ultimate-huggies .left {padding: 0 35px 35px 35px; text-align: left; overflow: hidden; width: 80%; position: relative; left: 116px}
@media (max-width: 991px) {section.feature-product.ultimate-huggies .left {left: 10px}
}
@media (max-width: 767px) {section.feature-product.ultimate-huggies .left {width: 100%}
}
@media (max-width: 420px) {section.feature-product.ultimate-huggies .left {padding-left: 5px; padding-right: 5px}
}
section.feature-product.ultimate-huggies .label-new {display: block; width: 76px; height: 55px; background: url("/images/homepage/feature/icons/feature-ultimate-label-new.jpg") no-repeat top center; text-indent: -999em; overflow: hidden}
section.feature-product.ultimate-huggies h1 {font-size: 20px; margin: 0 0 10px 0; color: #cd9d50; font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500}
@media (min-width: 768px) {section.feature-product.ultimate-huggies h1 {font-size: 30px}
}
@media (min-width: 992px) {section.feature-product.ultimate-huggies h1 {font-size: 36px}
}
section.feature-product.ultimate-huggies p {font-family: 'Huggies Omnes Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300}
@media (max-width: 767px) {section.feature-product.ultimate-huggies p {font-size: 16px}
}
section.feature-product.ultimate-huggies .btn {margin-top: 10px; color: #fff !important; background-color: #db1c2b; font-size: 17px; padding-top: 8px; padding-bottom: 8px; padding-left: 20px; padding-right: 20px}
section.feature-product.coles-june-2017 {background-color: #f0f0f0; padding: 0 0 18px 0; border-bottom: 1px solid red}
@media (min-width: 768px) {section.feature-product.coles-june-2017 {padding: 0}
}
section.feature-product.coles-june-2017 .centered {text-align: center}
section.feature-product.coles-june-2017 .left {display: block; text-align: center; vertical-align: middle; padding: 18px 0 0 0}
@media (min-width: 768px) {section.feature-product.coles-june-2017 .left {display: inline-block; max-width: 30%; padding: 0 0 0 20px}
}
@media (min-width: 992px) {section.feature-product.coles-june-2017 .left {padding: 21px 40px 34px 20px}
}
section.feature-product.coles-june-2017 .left img {max-width: 211px}
@media (min-width: 768px) {section.feature-product.coles-june-2017 .left img {max-width: 100%}
}
section.feature-product.coles-june-2017 .right {display: block; vertical-align: middle; text-align: center; max-width: 415px; margin: 0 auto; padding-left: 20px; padding-right: 20px}
@media (min-width: 768px) {section.feature-product.coles-june-2017 .right {display: inline-block; max-width: 69%; text-align: left; padding-top: 20px; padding-bottom: 20px}
}
@media (min-width: 992px) {section.feature-product.coles-june-2017 .right {padding-top: 0; padding-bottom: 0}
}
section.feature-product.coles-june-2017 h1 {font-size: 26px; color: #000; margin-top: 0; font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500}
@media (min-width: 992px) {section.feature-product.coles-june-2017 h1 {font-size: 36px}
}
section.feature-product.coles-june-2017 h1 strong {color: #d92032; font-family: 'Huggies Omnes Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold}
section.feature-product.coles-june-2017 p {color: #000; font-size: 16px; margin-bottom: 2px; font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal}
@media (min-width: 992px) {section.feature-product.coles-june-2017 p {font-size: 18px; font-family: 'Huggies Omnes Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300}
}
section.feature-product.coles-june-2017 .coles-logo {display: inline-block; width: 65px; background: url("/images/homepage/feature/backgrounds/coles-logo.png") no-repeat center center; color: transparent; vertical-align: text-bottom}
section.feature-product.coles-june-2017 .btn {margin-top: 20px; margin-bottom: 11px; color: #fff !important; background-color: #db1c2b; font-size: 17px; padding-top: 11px; padding-bottom: 11px; padding-left: 67px; padding-right: 67px; position: relative}
section.feature-product.coles-june-2017 .btn .fa-chevron-right {display: none}
section.feature-product.ultimate-huggies-woolies {background: #F2EDE9; padding: 0}
section.feature-product.ultimate-huggies-woolies img {max-width: 100%}
section.feature-product.ultimate-huggies-woolies .centered {text-align: center}
section.feature-product.ultimate-huggies-woolies .left {text-align: left; display: inline-block; vertical-align: middle}
@media (max-width: 610px) {section.feature-product.ultimate-huggies-woolies .left {padding: 0 100px 30px 20px}
}
@media (min-width: 611px) {section.feature-product.ultimate-huggies-woolies .left {padding: 0 17px 30px 0}
}
section.feature-product.ultimate-huggies-woolies .right {display: inline-block; vertical-align: middle}
@media (max-width: 610px) {section.feature-product.ultimate-huggies-woolies .right {margin: -35px 0 0 0; padding: 0 0 10px 0}
}
section.feature-product.ultimate-huggies-woolies .under {padding: 0 10px 10px 10px}
section.feature-product.ultimate-huggies-woolies .label-new {display: block; width: 76px; height: 55px; background: url("/images/homepage/feature/icons/feature-ultimate-label-new.jpg") no-repeat top center; text-indent: -999em; overflow: hidden}
section.feature-product.ultimate-huggies-woolies h1 {font-size: 20px; margin: 0 0 10px 0; color: #cd9d50; font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500}
@media (min-width: 768px) {section.feature-product.ultimate-huggies-woolies h1 {font-size: 30px}
}
@media (min-width: 992px) {section.feature-product.ultimate-huggies-woolies h1 {font-size: 36px}
}
section.feature-product.ultimate-huggies-woolies p {font-family: 'Huggies Omnes Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300}
@media (max-width: 767px) {section.feature-product.ultimate-huggies-woolies p {font-size: 16px}
}
section.feature-product.ultimate-huggies-woolies .btn {margin-top: 10px; color: #fff !important; background-color: #db1c2b; font-size: 17px; padding-top: 8px; padding-bottom: 8px; padding-left: 20px; padding-right: 20px; position: relative}
section.feature-product.ultimate-huggies-woolies .disclaimer {font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; color: #666}
@media (min-width: 450px) {section.feature-product.baby-wipes-sensitive h1 {font-size: 24px}
section.feature-product.baby-wipes-sensitive a {font-size: 20px}
}
@media (min-width: 768px) {section.feature-product.baby-wipes-sensitive .left {max-width: 260px; max-height: 190px}
section.feature-product.baby-wipes-sensitive .right {max-width: 300px}
section.feature-product.baby-wipes-sensitive h1 {font-size: 28px}
}
.tiles {margin-left: 0; margin-right: 0; position: absolute; bottom: 15px; left: 0; right: 0}
.tiles:before, .tiles:after {content: " "; display: table}
.tiles:after {clear: both}
.tiles .tile {position: relative; float: left; width: 100%; min-height: 1px; padding-left: 8px; padding-right: 8px; position: relative; min-height: 1px; padding-left: 8px; padding-right: 8px; position: relative; min-height: 1px; padding-left: 8px; padding-right: 8px; height: 135px; margin-bottom: 16px}
.tiles .tile:first-child {position: relative; min-height: 1px; padding-left: 8px; padding-right: 8px; position: relative; min-height: 1px; padding-left: 8px; padding-right: 8px}
@media (min-width: 768px) {.tiles .tile:first-child {float: left; width: 100%}
}
@media (min-width: 992px) {.tiles .tile:first-child {float: left; width: 33.3333333333%}
}
@media (min-width: 768px) {.tiles .tile {float: left; width: 50%}
}
@media (min-width: 992px) {.tiles .tile {float: left; width: 33.3333333333%}
}
.tiles .tile.join > div {border: 3px solid #fff; padding-left: 135px; padding-right: 5px}
.tiles .tile.join > div h3 {font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 15px; color: #fff}
.tiles .tile.join > div h3 strong {font-family: 'Huggies Omnes Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold}
.tiles .tile.join > div a.button {background: #fff; text-transform: uppercase; padding: 7px 17px; border-radius: 20px; display: inline-block; margin-top: 10px; text-align: center}
.tiles .tile.join.ultimate > div a, .tiles .tile.join.clutch > div a {margin: 0; bottom: 0; height: 100%}
.tiles .tile > div {height: 135px; max-width: 310px; margin-left: auto; margin-right: auto; text-align: center; position: relative; padding-left: 150px; padding-right: 15px; -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2)}
.tiles .tile > div h3, .tiles .tile > div div, .tiles .tile > div a {display: inline-block}
.tiles .tile > div h3 {margin-top: 10px; margin-bottom: 0; font-family: 'Huggies Omnes Semibold', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 600; font-size: 15px}
.tiles .tile > div div {font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 14px}
.tiles .tile > div a {color: #d92032; font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; font-size: 14px; margin-left: 150px; margin-right: 15px; position: absolute; bottom: 15px; left: 0; right: 0}
@media (min-width: 768px) {.tiles .tile:nth-child(2) > div {margin-right: 0}
.tiles .tile:nth-child(3) > div {margin-left: 0}
}
@media (min-width: 992px) {.tiles {bottom: 55px}
}
section.pull-ups .tiles {bottom: 0}
section.newborn .container, section.active-baby .container, section.toilet-training .container, section.pull-ups .container {position: relative; height: 800px}
section.newborn .title, section.active-baby .title, section.toilet-training .title, section.pull-ups .title {display: block; text-align: center; position: absolute}
section.newborn .title h1, section.active-baby .title h1, section.toilet-training .title h1, section.pull-ups .title h1 {font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 28px; text-shadow: 0 0 10px rgba(255, 255, 255, 0.65); margin: 0 0 10px 0}
section.newborn .title a, section.active-baby .title a, section.toilet-training .title a, section.pull-ups .title a {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; font-size: 15px; color: #d92032; text-shadow: 0 0 10px rgba(255, 255, 255, 0.65)}
section.newborn .title a i.fa, section.active-baby .title a i.fa, section.toilet-training .title a i.fa, section.pull-ups .title a i.fa {font-size: 12px; margin-left: 7px}
section.pull-ups .title h1 {font-size: 30px}
section.pull-ups .title a {font-size: 18px}
section.pull-ups .title h1, section.pull-ups .title a {text-shadow: none}
section.pull-ups .title a {color: #e85f9c; max-width: 70%; display: inline-block}
@media (min-width: 768px) {section.newborn .title h1, section.active-baby .title h1, section.toilet-training .title h1, section.pull-ups .title h1 {font-size: 38px; margin: 0 0 15px 0}
section.newborn .title a, section.active-baby .title a, section.toilet-training .title a, section.pull-ups .title a {font-size: 18px}
section.newborn .title a i.fa, section.active-baby .title a i.fa, section.toilet-training .title a i.fa, section.pull-ups .title a i.fa {font-size: 14px}
}
@media (min-width: 992px) {section.newborn .title h1, section.active-baby .title h1, section.toilet-training .title h1, section.pull-ups .title h1 {font-size: 49px; margin: 0 0 20px 0}
section.newborn .title a, section.active-baby .title a, section.toilet-training .title a, section.pull-ups .title a {font-size: 20px}
section.newborn .title a i.fa, section.active-baby .title a i.fa, section.toilet-training .title a i.fa, section.pull-ups .title a i.fa {font-size: 16px}
}
section.newborn, section.active-baby, section.toilet-training, section.pull-ups {position: relative}
section.newborn:before, section.active-baby:before, section.toilet-training:before, section.pull-ups:before {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: 50% 0%; background-repeat: no-repeat; background-size: cover; z-index: 1; opacity: 0.25}
section.newborn:after, section.active-baby:after, section.toilet-training:after, section.pull-ups:after {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: 50% 0%; background-repeat: no-repeat; background-size: contain; z-index: 2}
section.newborn .container, section.active-baby .container, section.toilet-training .container, section.pull-ups .container {z-index: 3}
section.newborn:before {background-image: url("/images/homepage/panels/newborn50-blur.jpg")}
section.newborn:after {background-image: url("/images/homepage/panels/newborn-mobile375b.png")}
section.active-baby:before {background-image: url("/images/homepage/panels/active-baby50-blur.jpg")}
section.active-baby:after {background-image: url("/images/homepage/panels/active-baby-mobile375.png")}
.au section.toilet-training:before {background-image: url("/images/homepage/panels/toilet-training50-blur.jpg")}
.au section.toilet-training:after {background-image: url("/images/homepage/panels/toilet-training-mobile375.png")}
.nz section.toilet-training:before {background-image: url("/images/homepage/panels/toilet-training50-blur-nz.jpg")}
.nz section.toilet-training:after {background-image: url("/images/homepage/panels/toilet-training-mobile375-nz.png")}
section.pull-ups:before {background-image: url("/images/homepage/panels/pull-ups-blur.jpg")}
section.pull-ups:after {background-image: url("/images/homepage/panels/pull-ups.jpg"); background-position: 50% 50%; background-size: cover}
@media (min-width: 992px) {section.newborn:before, section.active-baby:before, section.toilet-training:before, section.pull-ups:before {display: none}
section.newborn:after, section.active-baby:after, section.toilet-training:after, section.pull-ups:after {background-position: 50% 50%; background-size: cover}
section.newborn:after {background-image: url("/images/homepage/panels/newborn50.jpg")}
section.active-baby:after {background-image: url("/images/homepage/panels/active-baby50.jpg")}
.au section.toilet-training:after {background-image: url("/images/homepage/panels/toilet-training50.jpg")}
.nz section.toilet-training:after {background-image: url("/images/homepage/panels/toilet-training50-nz.jpg")}
section.pull-ups:after {background-image: url("/images/homepage/panels/pull-ups.jpg")}
}
section.newborn .title {width: 160px; top: 4%; left: 6%}
section.newborn .tiles .tile.baby-names > div {background: #fff url("/images/homepage/tiles/baby-names.jpg") 0 0 no-repeat}
section.newborn .tiles .tile.due-date-calc > div {background: #fff url("/images/homepage/tiles/due-date.jpg") 0 0 no-repeat}
.au section.newborn .tiles .tile.join > div {background: #fff url("/images/homepage/tiles/join-bg-newborn.jpg") 0 0 no-repeat}
.nz section.newborn .tiles .tile.join > div {background: #fff url("/images/homepage/tiles/join-bg-newborn-nz.jpg") 0 0 no-repeat}
.nz section.newborn .tiles .tile.join.ultimate > div {background: #fff url("/images/homepage/tiles/5-free-ultimate.jpg") 0 0 no-repeat}
.nz section.newborn .tiles .tile.join.clutch > div {background: #fff url("/images/homepage/tiles/clutch-n-go.jpg") 0 0 no-repeat}
@media (min-width: 500px) {section.newborn .title {top: 8%; left: 12%}
}
@media (min-width: 768px) {section.newborn .title {width: 280px; top: 13%; left: 5%}
}
@media (min-width: 992px) {section.newborn .title {width: 350px; top: 20%; left: 5%}
}
section.active-baby .title {width: 175px; top: 3%; right: 1%}
section.active-baby .tiles .tile.birthday-cakes > div {background: #fff url("/images/homepage/tiles/birthday-cakes.jpg") 0 0 no-repeat}
section.active-baby .tiles .tile.kids-activities > div {background: #fff url("/images/homepage/tiles/kids-activities.jpg") 0 0 no-repeat}
.au section.active-baby .tiles .tile.join > div {background: #fff url("/images/homepage/tiles/join-bg-active-baby.jpg") 0 0 no-repeat}
.nz section.active-baby .tiles .tile.join > div {background: #fff url("/images/homepage/tiles/join-bg-active-baby-nz.jpg") 0 0 no-repeat}
@media (min-width: 500px) {section.active-baby .title {top: 7%; right: 6%}
}
@media (min-width: 768px) {section.active-baby .title {width: 360px; top: 14%; right: 4%}
}
@media (min-width: 992px) {section.active-baby .title {width: 430px; top: 20%; right: 5%}
}
section.toilet-training .title {width: 170px; top: 3%; left: 4%}
section.toilet-training .tiles .tile.join > div {background: #fff url("/images/homepage/tiles/join-bg-toilet.jpg") 0 0 no-repeat}
section.toilet-training .tiles .tile.toilet-training > div {background: #fff url("/images/homepage/tiles/toilet.jpg") 0 0 no-repeat}
section.toilet-training .tiles .tile.forum > div {background: #fff url("/images/homepage/tiles/forum.jpg") 0 0 no-repeat}
@media (min-width: 500px) {section.toilet-training .title {top: 7%; left: 12%}
}
@media (min-width: 768px) {section.toilet-training .title {width: 300px; top: 16%; left: 9%}
}
@media (min-width: 992px) {section.toilet-training .title {width: 320px; top: 20%; left: 10%}
}
section.pull-ups .title {width: 80%; top: 4%; left: 10%}
section.pull-ups .tiles .tile.quiz > div {background: #fff url("/images/homepage/tiles/pull-ups-quiz.jpg") 0 0 no-repeat}
section.pull-ups .tiles .tile.learn-more > div {background: #fff url("/images/homepage/tiles/pull-ups-more.jpg") 0 0 no-repeat}
section.pull-ups .tiles .tile.join > div {background: #fff url("/images/homepage/tiles/join-bg-pull-ups.jpg") 0 0 no-repeat}
@media (min-width: 500px) {section.pull-ups .title {top: 8%}
}
@media (min-width: 768px) {section.pull-ups .title {top: 13%}
}
@media (min-width: 992px) {section.pull-ups .title {top: 25%}
}
section.pull-ups .tiles .tile.join h3 {line-height: 19px}
section.pull-ups .tiles .tile.join h3, section.pull-ups .tiles .tile.join div {color: #fff}
section.pull-ups .tiles .tile h3 {text-align: left; width: 100%; color: #666}
section.pull-ups .tiles .tile div {text-align: left; line-height: 17px}
section.pull-ups .tiles .tile > div a {color: #e85f9c}
.silo-home .home-product .product-carousel .owl-stage-outer .item {border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-radius: 0}
.silo-home .home-product .product-carousel .owl-stage-outer .item .img-col {border-bottom-right-radius: 0; border-top-right-radius: 0; border-radius: 0}
 .silo-home section.join-form.home-join.rebrand .form-group.required label:before, .silo-home section.join-form.home-join.rebrand .checkbox label a {color: #d92032}
.silo-home section.join-form.home-join .member-benefits h2 {font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; text-align: center; margin-bottom: 15px; font-size: 26px !important; line-height: 30px; color: #4d4d4d; margin-top: 30px}
.silo-home section.join-form.home-join .member-benefits h2 strong {color: #d92032; font-family: 'Huggies Omnes Semibold', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 600; font-size: 33px; display: block}
.silo-home section.join-form.home-join .member-benefits h3 {font-family: 'Huggies Omnes Semibold', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 600; font-size: 20px; color: #4d4d4d; margin-left: 280px; margin-top: 50px; display: none}
.silo-home section.join-form.home-join .member-benefits .img {text-align: center; margin-top: 30px}
.silo-home section.join-form.home-join .member-benefits .fo.tick {margin-left: 300px; margin-right: 30px; margin-top: 20px; display: none; font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 16px}
.silo-home section.join-form.home-join .member-benefits .fo.tick li {line-height: 23px}
.silo-home section.join-form.home-join .member-benefits .fo.tick li:before {color: #d92032; margin: 0 13px 0 -30px; content: '\f058'; font-size: 20px}
.silo-home section.join-form.home-join .member-benefits .fo.tick strong {font-family: 'Huggies Omnes Semibold', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 600}
.silo-home section.join-form.home-join .member-benefits .terms {color: #d92032; font-size: 12px; text-align: center; display: inline-block; width: 100%; margin-bottom: 20px}
.silo-home section.join-form.home-join .form-springwood {background: #f2f2e6; padding: 30px}
.silo-home section.join-form.home-join .form-springwood .children {background-color: rgba(255, 255, 255, 0.5)}
.silo-home section.join-form.home-join .form-springwood button.md {margin: 0}
@media (min-width: 768px) {.silo-home section.join-form.home-join .member-benefits .img {margin-top: 50px}
}
@media (min-width: 992px) {.silo-home section.join-form.home-join .member-benefits h2 {margin-bottom: 25px; font-size: 30px !important; line-height: 36px}
.silo-home section.join-form.home-join .member-benefits h2 strong {display: inline}
.silo-home section.join-form.home-join .member-benefits h3 {display: block}
.silo-home section.join-form.home-join .member-benefits .img {margin: 0}
.silo-home section.join-form.home-join .member-benefits img {position: absolute; top: 115px; left: 35px}
.silo-home section.join-form.home-join .member-benefits .fo.tick {display: block}
.silo-home section.join-form.home-join .member-benefits .terms {width: 254px; margin-top: 30px}
}