.alert-box {margin-top: 10px; margin-bottom: 10px; padding: 10px; border-top-right-radius: 10px; border-top-left-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px}
.alert-box.warning {background: #f1a1a9}
.alert-box.warning a {color: #d92032 !important}
.btn {font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 18px; line-height: 1; padding: 8px 20px 11px; border: none; border-radius: 18px}
.btn .fa-chevron-right {font-size: 1.6rem; margin-left: 3px}
.btn .fa-angle-right {line-height: 13px; vertical-align: middle; margin: 0 -5px 0 2px; font-weight: bold}
.btn-alt {padding-left: 15px; padding-right: 15px; border-radius: 5px}
.btn-flat {position: relative; padding: 8px 10px; font-size: 13px; border-radius: 10px; border: 1px solid #d8e3f1}
.btn-flat:active, .btn-flat.active {color: #fff; box-shadow: none}
.btn-flat i {font-size: 11px; margin-right: 3px}
.btn-flat.boy {color: #00aeef}
.btn-flat.boy:active, .btn-flat.boy.active {color: #fff; background-color: #00aeef; border-color: #00aeef}
.btn-flat.girl {color: #ec008c}
.btn-flat.girl:active, .btn-flat.girl.active {color: #fff; background-color: #ec008c; border-color: #ec008c}
.btn-flat.unisex {color: #009385}
.btn-flat.unisex:active, .btn-flat.unisex.active {color: #fff; background-color: #009385; border-color: #009385}
.btn-file {position: relative; overflow: hidden; text-overflow: ellipsis}
.btn-file [type="file"] {opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; outline: none; background: #fff; cursor: inherit; display: block}
.btn-aqua {color: #fff; background-color: #00ae9e; border-color: #00ae9e}
.btn-aqua:hover, .btn-aqua:focus, .btn-aqua.focus, .btn-aqua:active, .btn-aqua.active, .open > .btn-aqua.dropdown-toggle {color: #fff; background-color: #007b70; border-color: #007166}
.btn-aqua:active, .btn-aqua.active, .open > .btn-aqua.dropdown-toggle {background-image: none}
.btn-aqua.disabled, .btn-aqua.disabled:hover, .btn-aqua.disabled:focus, .btn-aqua.disabled.focus, .btn-aqua.disabled:active, .btn-aqua.disabled.active, .btn-aqua[disabled], .btn-aqua[disabled]:hover, .btn-aqua[disabled]:focus, .btn-aqua[disabled].focus, .btn-aqua[disabled]:active, .btn-aqua[disabled].active, fieldset[disabled] .btn-aqua, fieldset[disabled] .btn-aqua:hover, fieldset[disabled] .btn-aqua:focus, fieldset[disabled] .btn-aqua.focus, fieldset[disabled] .btn-aqua:active, fieldset[disabled] .btn-aqua.active {background-color: #00ae9e; border-color: #00ae9e}
.btn-aqua .badge {color: #00ae9e; background-color: #fff}
.btn-aqua:hover, .btn-aqua:focus, .btn-aqua:active, .btn-aqua.active {border-color: #007b70}
.btn-aqua > span {color: #00ae9e}
.btn-aqua.btn-labelled b {background-color: #00ae9e}
.btn-aqua.btn-labelled span {color: #00ae9e}
.btn-aqua.btn-labelled:hover {background-color: #00ae9e}
.btn-aqua.btn-labelled:hover span {color: #fff}
.btn-aqua-inverse {background: #fff; color: #00ae9e; border: 1px solid #00ae9e}
.btn-aqua-inverse:hover {background: #00ae9e; color: #fff}
.btn-aqua-light {color: #fff; background-color: #47cbbf; border-color: #47cbbf}
.btn-aqua-light:hover, .btn-aqua-light:focus, .btn-aqua-light.focus, .btn-aqua-light:active, .btn-aqua-light.active, .open > .btn-aqua-light.dropdown-toggle {color: #fff; background-color: #31aea3; border-color: #2fa69b}
.btn-aqua-light:active, .btn-aqua-light.active, .open > .btn-aqua-light.dropdown-toggle {background-image: none}
.btn-aqua-light.disabled, .btn-aqua-light.disabled:hover, .btn-aqua-light.disabled:focus, .btn-aqua-light.disabled.focus, .btn-aqua-light.disabled:active, .btn-aqua-light.disabled.active, .btn-aqua-light[disabled], .btn-aqua-light[disabled]:hover, .btn-aqua-light[disabled]:focus, .btn-aqua-light[disabled].focus, .btn-aqua-light[disabled]:active, .btn-aqua-light[disabled].active, fieldset[disabled] .btn-aqua-light, fieldset[disabled] .btn-aqua-light:hover, fieldset[disabled] .btn-aqua-light:focus, fieldset[disabled] .btn-aqua-light.focus, fieldset[disabled] .btn-aqua-light:active, fieldset[disabled] .btn-aqua-light.active {background-color: #47cbbf; border-color: #47cbbf}
.btn-aqua-light .badge {color: #47cbbf; background-color: #fff}
.btn-aqua-light:hover, .btn-aqua-light:focus, .btn-aqua-light:active, .btn-aqua-light.active {border-color: #31aea3}
.btn-aqua-light > span {color: #47cbbf}
.btn-aqua-light.btn-labelled b {background-color: #47cbbf}
.btn-aqua-light.btn-labelled span {color: #47cbbf}
.btn-aqua-light.btn-labelled:hover {background-color: #47cbbf}
.btn-aqua-light.btn-labelled:hover span {color: #fff}
.btn-aqua-light-inverse {background: #fff; color: #47cbbf; border: 1px solid #47cbbf}
.btn-aqua-light-inverse:hover {background: #47cbbf; color: #fff}
.btn-blue-dark {color: #fff; background-color: #3b73b9; border-color: #3b73b9}
.btn-blue-dark:hover, .btn-blue-dark:focus, .btn-blue-dark.focus, .btn-blue-dark:active, .btn-blue-dark.active, .open > .btn-blue-dark.dropdown-toggle {color: #fff; background-color: #2f5b92; border-color: #2c568b}
.btn-blue-dark:active, .btn-blue-dark.active, .open > .btn-blue-dark.dropdown-toggle {background-image: none}
.btn-blue-dark.disabled, .btn-blue-dark.disabled:hover, .btn-blue-dark.disabled:focus, .btn-blue-dark.disabled.focus, .btn-blue-dark.disabled:active, .btn-blue-dark.disabled.active, .btn-blue-dark[disabled], .btn-blue-dark[disabled]:hover, .btn-blue-dark[disabled]:focus, .btn-blue-dark[disabled].focus, .btn-blue-dark[disabled]:active, .btn-blue-dark[disabled].active, fieldset[disabled] .btn-blue-dark, fieldset[disabled] .btn-blue-dark:hover, fieldset[disabled] .btn-blue-dark:focus, fieldset[disabled] .btn-blue-dark.focus, fieldset[disabled] .btn-blue-dark:active, fieldset[disabled] .btn-blue-dark.active {background-color: #3b73b9; border-color: #3b73b9}
.btn-blue-dark .badge {color: #3b73b9; background-color: #fff}
.btn-blue-dark:hover, .btn-blue-dark:focus, .btn-blue-dark:active, .btn-blue-dark.active {border-color: #2f5b92}
.btn-blue-dark > span {color: #3b73b9}
.btn-blue-dark.btn-labelled b {background-color: #3b73b9}
.btn-blue-dark.btn-labelled span {color: #3b73b9}
.btn-blue-dark.btn-labelled:hover {background-color: #3b73b9}
.btn-blue-dark.btn-labelled:hover span {color: #fff}
.btn-blue-dark-inverse {background: #fff; color: #3b73b9; border: 1px solid #3b73b9}
.btn-blue-dark-inverse:hover {background: #3b73b9; color: #fff}
.btn-blue-electric {color: #fff; background-color: #44c8f5; border-color: #44c8f5}
.btn-blue-electric:hover, .btn-blue-electric:focus, .btn-blue-electric.focus, .btn-blue-electric:active, .btn-blue-electric.active, .open > .btn-blue-electric.dropdown-toggle {color: #fff; background-color: #14baf2; border-color: #0db6ef}
.btn-blue-electric:active, .btn-blue-electric.active, .open > .btn-blue-electric.dropdown-toggle {background-image: none}
.btn-blue-electric.disabled, .btn-blue-electric.disabled:hover, .btn-blue-electric.disabled:focus, .btn-blue-electric.disabled.focus, .btn-blue-electric.disabled:active, .btn-blue-electric.disabled.active, .btn-blue-electric[disabled], .btn-blue-electric[disabled]:hover, .btn-blue-electric[disabled]:focus, .btn-blue-electric[disabled].focus, .btn-blue-electric[disabled]:active, .btn-blue-electric[disabled].active, fieldset[disabled] .btn-blue-electric, fieldset[disabled] .btn-blue-electric:hover, fieldset[disabled] .btn-blue-electric:focus, fieldset[disabled] .btn-blue-electric.focus, fieldset[disabled] .btn-blue-electric:active, fieldset[disabled] .btn-blue-electric.active {background-color: #44c8f5; border-color: #44c8f5}
.btn-blue-electric .badge {color: #44c8f5; background-color: #fff}
.btn-blue-electric:hover, .btn-blue-electric:focus, .btn-blue-electric:active, .btn-blue-electric.active {border-color: #14baf2}
.btn-blue-electric > span {color: #44c8f5}
.btn-blue-electric.btn-labelled b {background-color: #44c8f5}
.btn-blue-electric.btn-labelled span {color: #44c8f5}
.btn-blue-electric.btn-labelled:hover {background-color: #44c8f5}
.btn-blue-electric.btn-labelled:hover span {color: #fff}
.btn-blue-electric-inverse {background: #fff; color: #44c8f5; border: 1px solid #44c8f5}
.btn-blue-electric-inverse:hover {background: #44c8f5; color: #fff}
.btn-blue-bright {color: #fff; background-color: #00aeef; border-color: #00aeef}
.btn-blue-bright:hover, .btn-blue-bright:focus, .btn-blue-bright.focus, .btn-blue-bright:active, .btn-blue-bright.active, .open > .btn-blue-bright.dropdown-toggle {color: #fff; background-color: #0089bc; border-color: #0081b2}
.btn-blue-bright:active, .btn-blue-bright.active, .open > .btn-blue-bright.dropdown-toggle {background-image: none}
.btn-blue-bright.disabled, .btn-blue-bright.disabled:hover, .btn-blue-bright.disabled:focus, .btn-blue-bright.disabled.focus, .btn-blue-bright.disabled:active, .btn-blue-bright.disabled.active, .btn-blue-bright[disabled], .btn-blue-bright[disabled]:hover, .btn-blue-bright[disabled]:focus, .btn-blue-bright[disabled].focus, .btn-blue-bright[disabled]:active, .btn-blue-bright[disabled].active, fieldset[disabled] .btn-blue-bright, fieldset[disabled] .btn-blue-bright:hover, fieldset[disabled] .btn-blue-bright:focus, fieldset[disabled] .btn-blue-bright.focus, fieldset[disabled] .btn-blue-bright:active, fieldset[disabled] .btn-blue-bright.active {background-color: #00aeef; border-color: #00aeef}
.btn-blue-bright .badge {color: #00aeef; background-color: #fff}
.btn-blue-bright:hover, .btn-blue-bright:focus, .btn-blue-bright:active, .btn-blue-bright.active {border-color: #0089bc}
.btn-blue-bright > span {color: #00aeef}
.btn-blue-bright.btn-labelled b {background-color: #00aeef}
.btn-blue-bright.btn-labelled span {color: #00aeef}
.btn-blue-bright.btn-labelled:hover {background-color: #00aeef}
.btn-blue-bright.btn-labelled:hover span {color: #fff}
.btn-blue-bright-inverse {background: #fff; color: #00aeef; border: 1px solid #00aeef}
.btn-blue-bright-inverse:hover {background: #00aeef; color: #fff}
.btn-blue-rio2 {color: #fff; background-color: #1056c1; border-color: #1056c1}
.btn-blue-rio2:hover, .btn-blue-rio2:focus, .btn-blue-rio2.focus, .btn-blue-rio2:active, .btn-blue-rio2.active, .open > .btn-blue-rio2.dropdown-toggle {color: #fff; background-color: #0c4192; border-color: #0b3d88}
.btn-blue-rio2:active, .btn-blue-rio2.active, .open > .btn-blue-rio2.dropdown-toggle {background-image: none}
.btn-blue-rio2.disabled, .btn-blue-rio2.disabled:hover, .btn-blue-rio2.disabled:focus, .btn-blue-rio2.disabled.focus, .btn-blue-rio2.disabled:active, .btn-blue-rio2.disabled.active, .btn-blue-rio2[disabled], .btn-blue-rio2[disabled]:hover, .btn-blue-rio2[disabled]:focus, .btn-blue-rio2[disabled].focus, .btn-blue-rio2[disabled]:active, .btn-blue-rio2[disabled].active, fieldset[disabled] .btn-blue-rio2, fieldset[disabled] .btn-blue-rio2:hover, fieldset[disabled] .btn-blue-rio2:focus, fieldset[disabled] .btn-blue-rio2.focus, fieldset[disabled] .btn-blue-rio2:active, fieldset[disabled] .btn-blue-rio2.active {background-color: #1056c1; border-color: #1056c1}
.btn-blue-rio2 .badge {color: #1056c1; background-color: #fff}
.btn-blue-rio2:hover, .btn-blue-rio2:focus, .btn-blue-rio2:active, .btn-blue-rio2.active {border-color: #0c4192}
.btn-blue-rio2 > span {color: #1056c1}
.btn-blue-rio2.btn-labelled b {background-color: #1056c1}
.btn-blue-rio2.btn-labelled span {color: #1056c1}
.btn-blue-rio2.btn-labelled:hover {background-color: #1056c1}
.btn-blue-rio2.btn-labelled:hover span {color: #fff}
.btn-blue-rio2-inverse {background: #fff; color: #1056c1; border: 1px solid #1056c1}
.btn-blue-rio2-inverse:hover {background: #1056c1; color: #fff}
.btn-blue-navy {color: #fff; background-color: #0071bc; border-color: #0071bc}
.btn-blue-navy:hover, .btn-blue-navy:focus, .btn-blue-navy.focus, .btn-blue-navy:active, .btn-blue-navy.active, .open > .btn-blue-navy.dropdown-toggle {color: #fff; background-color: #005289; border-color: #004c7f}
.btn-blue-navy:active, .btn-blue-navy.active, .open > .btn-blue-navy.dropdown-toggle {background-image: none}
.btn-blue-navy.disabled, .btn-blue-navy.disabled:hover, .btn-blue-navy.disabled:focus, .btn-blue-navy.disabled.focus, .btn-blue-navy.disabled:active, .btn-blue-navy.disabled.active, .btn-blue-navy[disabled], .btn-blue-navy[disabled]:hover, .btn-blue-navy[disabled]:focus, .btn-blue-navy[disabled].focus, .btn-blue-navy[disabled]:active, .btn-blue-navy[disabled].active, fieldset[disabled] .btn-blue-navy, fieldset[disabled] .btn-blue-navy:hover, fieldset[disabled] .btn-blue-navy:focus, fieldset[disabled] .btn-blue-navy.focus, fieldset[disabled] .btn-blue-navy:active, fieldset[disabled] .btn-blue-navy.active {background-color: #0071bc; border-color: #0071bc}
.btn-blue-navy .badge {color: #0071bc; background-color: #fff}
.btn-blue-navy:hover, .btn-blue-navy:focus, .btn-blue-navy:active, .btn-blue-navy.active {border-color: #005289}
.btn-blue-navy > span {color: #0071bc}
.btn-blue-navy.btn-labelled b {background-color: #0071bc}
.btn-blue-navy.btn-labelled span {color: #0071bc}
.btn-blue-navy.btn-labelled:hover {background-color: #0071bc}
.btn-blue-navy.btn-labelled:hover span {color: #fff}
.btn-blue-navy-inverse {background: #fff; color: #0071bc; border: 1px solid #0071bc}
.btn-blue-navy-inverse:hover {background: #0071bc; color: #fff}
.btn-green {color: #fff; background-color: #51b848; border-color: #51b848}
.btn-green:hover, .btn-green:focus, .btn-green.focus, .btn-green:active, .btn-green.active, .open > .btn-green.dropdown-toggle {color: #fff; background-color: #419439; border-color: #3d8c36}
.btn-green:active, .btn-green.active, .open > .btn-green.dropdown-toggle {background-image: none}
.btn-green.disabled, .btn-green.disabled:hover, .btn-green.disabled:focus, .btn-green.disabled.focus, .btn-green.disabled:active, .btn-green.disabled.active, .btn-green[disabled], .btn-green[disabled]:hover, .btn-green[disabled]:focus, .btn-green[disabled].focus, .btn-green[disabled]:active, .btn-green[disabled].active, fieldset[disabled] .btn-green, fieldset[disabled] .btn-green:hover, fieldset[disabled] .btn-green:focus, fieldset[disabled] .btn-green.focus, fieldset[disabled] .btn-green:active, fieldset[disabled] .btn-green.active {background-color: #51b848; border-color: #51b848}
.btn-green .badge {color: #51b848; background-color: #fff}
.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active {border-color: #419439}
.btn-green > span {color: #51b848}
.btn-green.btn-labelled b {background-color: #51b848}
.btn-green.btn-labelled span {color: #51b848}
.btn-green.btn-labelled:hover {background-color: #51b848}
.btn-green.btn-labelled:hover span {color: #fff}
.btn-green-inverse {background: #fff; color: #51b848; border: 1px solid #51b848}
.btn-green-inverse:hover {background: #51b848; color: #fff}
.btn-grey-light {color: #fff; background-color: #d0d0d0; border-color: #d0d0d0}
.btn-grey-light:hover, .btn-grey-light:focus, .btn-grey-light.focus, .btn-grey-light:active, .btn-grey-light.active, .open > .btn-grey-light.dropdown-toggle {color: #fff; background-color: #b7b6b6; border-color: #b1b1b1}
.btn-grey-light:active, .btn-grey-light.active, .open > .btn-grey-light.dropdown-toggle {background-image: none}
.btn-grey-light.disabled, .btn-grey-light.disabled:hover, .btn-grey-light.disabled:focus, .btn-grey-light.disabled.focus, .btn-grey-light.disabled:active, .btn-grey-light.disabled.active, .btn-grey-light[disabled], .btn-grey-light[disabled]:hover, .btn-grey-light[disabled]:focus, .btn-grey-light[disabled].focus, .btn-grey-light[disabled]:active, .btn-grey-light[disabled].active, fieldset[disabled] .btn-grey-light, fieldset[disabled] .btn-grey-light:hover, fieldset[disabled] .btn-grey-light:focus, fieldset[disabled] .btn-grey-light.focus, fieldset[disabled] .btn-grey-light:active, fieldset[disabled] .btn-grey-light.active {background-color: #d0d0d0; border-color: #d0d0d0}
.btn-grey-light .badge {color: #d0d0d0; background-color: #fff}
.btn-grey-light:hover, .btn-grey-light:focus, .btn-grey-light:active, .btn-grey-light.active {border-color: #b7b6b6}
.btn-grey-light > span {color: #d0d0d0}
.btn-grey-light.btn-labelled b {background-color: #d0d0d0}
.btn-grey-light.btn-labelled span {color: #d0d0d0}
.btn-grey-light.btn-labelled:hover {background-color: #d0d0d0}
.btn-grey-light.btn-labelled:hover span {color: #fff}
.btn-grey-light-inverse {background: #fff; color: #d0d0d0; border: 1px solid #d0d0d0}
.btn-grey-light-inverse:hover {background: #d0d0d0; color: #fff}
.btn-mauve {color: #fff; background-color: #6c8cc7; border-color: #6c8cc7}
.btn-mauve:hover, .btn-mauve:focus, .btn-mauve.focus, .btn-mauve:active, .btn-mauve.active, .open > .btn-mauve.dropdown-toggle {color: #fff; background-color: #476fb9; border-color: #446bb2}
.btn-mauve:active, .btn-mauve.active, .open > .btn-mauve.dropdown-toggle {background-image: none}
.btn-mauve.disabled, .btn-mauve.disabled:hover, .btn-mauve.disabled:focus, .btn-mauve.disabled.focus, .btn-mauve.disabled:active, .btn-mauve.disabled.active, .btn-mauve[disabled], .btn-mauve[disabled]:hover, .btn-mauve[disabled]:focus, .btn-mauve[disabled].focus, .btn-mauve[disabled]:active, .btn-mauve[disabled].active, fieldset[disabled] .btn-mauve, fieldset[disabled] .btn-mauve:hover, fieldset[disabled] .btn-mauve:focus, fieldset[disabled] .btn-mauve.focus, fieldset[disabled] .btn-mauve:active, fieldset[disabled] .btn-mauve.active {background-color: #6c8cc7; border-color: #6c8cc7}
.btn-mauve .badge {color: #6c8cc7; background-color: #fff}
.btn-mauve:hover, .btn-mauve:focus, .btn-mauve:active, .btn-mauve.active {border-color: #476fb9}
.btn-mauve > span {color: #6c8cc7}
.btn-mauve.btn-labelled b {background-color: #6c8cc7}
.btn-mauve.btn-labelled span {color: #6c8cc7}
.btn-mauve.btn-labelled:hover {background-color: #6c8cc7}
.btn-mauve.btn-labelled:hover span {color: #fff}
.btn-mauve-inverse {background: #fff; color: #6c8cc7; border: 1px solid #6c8cc7}
.btn-mauve-inverse:hover {background: #6c8cc7; color: #fff}
.btn-orange {color: #fff; background-color: #fd8410; border-color: #fd8410}
.btn-orange:hover, .btn-orange:focus, .btn-orange.focus, .btn-orange:active, .btn-orange.active, .open > .btn-orange.dropdown-toggle {color: #fff; background-color: #d86b02; border-color: #ce6602}
.btn-orange:active, .btn-orange.active, .open > .btn-orange.dropdown-toggle {background-image: none}
.btn-orange.disabled, .btn-orange.disabled:hover, .btn-orange.disabled:focus, .btn-orange.disabled.focus, .btn-orange.disabled:active, .btn-orange.disabled.active, .btn-orange[disabled], .btn-orange[disabled]:hover, .btn-orange[disabled]:focus, .btn-orange[disabled].focus, .btn-orange[disabled]:active, .btn-orange[disabled].active, fieldset[disabled] .btn-orange, fieldset[disabled] .btn-orange:hover, fieldset[disabled] .btn-orange:focus, fieldset[disabled] .btn-orange.focus, fieldset[disabled] .btn-orange:active, fieldset[disabled] .btn-orange.active {background-color: #fd8410; border-color: #fd8410}
.btn-orange .badge {color: #fd8410; background-color: #fff}
.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active {border-color: #d86b02}
.btn-orange > span {color: #fd8410}
.btn-orange.btn-labelled b {background-color: #fd8410}
.btn-orange.btn-labelled span {color: #fd8410}
.btn-orange.btn-labelled:hover {background-color: #fd8410}
.btn-orange.btn-labelled:hover span {color: #fff}
.btn-orange-inverse {background: #fff; color: #fd8410; border: 1px solid #fd8410}
.btn-orange-inverse:hover {background: #fd8410; color: #fff}
.btn-pink {color: #fff; background-color: #ec008c; border-color: #ec008c}
.btn-pink:hover, .btn-pink:focus, .btn-pink.focus, .btn-pink:active, .btn-pink.active, .open > .btn-pink.dropdown-toggle {color: #fff; background-color: #b9006e; border-color: #af0068}
.btn-pink:active, .btn-pink.active, .open > .btn-pink.dropdown-toggle {background-image: none}
.btn-pink.disabled, .btn-pink.disabled:hover, .btn-pink.disabled:focus, .btn-pink.disabled.focus, .btn-pink.disabled:active, .btn-pink.disabled.active, .btn-pink[disabled], .btn-pink[disabled]:hover, .btn-pink[disabled]:focus, .btn-pink[disabled].focus, .btn-pink[disabled]:active, .btn-pink[disabled].active, fieldset[disabled] .btn-pink, fieldset[disabled] .btn-pink:hover, fieldset[disabled] .btn-pink:focus, fieldset[disabled] .btn-pink.focus, fieldset[disabled] .btn-pink:active, fieldset[disabled] .btn-pink.active {background-color: #ec008c; border-color: #ec008c}
.btn-pink .badge {color: #ec008c; background-color: #fff}
.btn-pink:hover, .btn-pink:focus, .btn-pink:active, .btn-pink.active {border-color: #b9006e}
.btn-pink > span {color: #ec008c}
.btn-pink.btn-labelled b {background-color: #ec008c}
.btn-pink.btn-labelled span {color: #ec008c}
.btn-pink.btn-labelled:hover {background-color: #ec008c}
.btn-pink.btn-labelled:hover span {color: #fff}
.btn-pink-inverse {background: #fff; color: #ec008c; border: 1px solid #ec008c}
.btn-pink-inverse:hover {background: #ec008c; color: #fff}
.btn-rewards-pink {color: #fff; background-color: #ed008c; border-color: #ed008c}
.btn-rewards-pink:hover, .btn-rewards-pink:focus, .btn-rewards-pink.focus, .btn-rewards-pink:active, .btn-rewards-pink.active, .open > .btn-rewards-pink.dropdown-toggle {color: #fff; background-color: #ba006e; border-color: #b00068}
.btn-rewards-pink:active, .btn-rewards-pink.active, .open > .btn-rewards-pink.dropdown-toggle {background-image: none}
.btn-rewards-pink.disabled, .btn-rewards-pink.disabled:hover, .btn-rewards-pink.disabled:focus, .btn-rewards-pink.disabled.focus, .btn-rewards-pink.disabled:active, .btn-rewards-pink.disabled.active, .btn-rewards-pink[disabled], .btn-rewards-pink[disabled]:hover, .btn-rewards-pink[disabled]:focus, .btn-rewards-pink[disabled].focus, .btn-rewards-pink[disabled]:active, .btn-rewards-pink[disabled].active, fieldset[disabled] .btn-rewards-pink, fieldset[disabled] .btn-rewards-pink:hover, fieldset[disabled] .btn-rewards-pink:focus, fieldset[disabled] .btn-rewards-pink.focus, fieldset[disabled] .btn-rewards-pink:active, fieldset[disabled] .btn-rewards-pink.active {background-color: #ed008c; border-color: #ed008c}
.btn-rewards-pink .badge {color: #ed008c; background-color: #fff}
.btn-rewards-pink:hover, .btn-rewards-pink:focus, .btn-rewards-pink:active, .btn-rewards-pink.active {border-color: #ba006e}
.btn-rewards-pink > span {color: #ed008c}
.btn-rewards-pink.btn-labelled b {background-color: #ed008c}
.btn-rewards-pink.btn-labelled span {color: #ed008c}
.btn-rewards-pink.btn-labelled:hover {background-color: #ed008c}
.btn-rewards-pink.btn-labelled:hover span {color: #fff}
.btn-rewards-pink-inverse {background: #fff; color: #ed008c; border: 1px solid #ed008c}
.btn-rewards-pink-inverse:hover {background: #ed008c; color: #fff}
.btn-purple {color: #fff; background-color: #702b90; border-color: #702b90}
.btn-purple:hover, .btn-purple:focus, .btn-purple.focus, .btn-purple:active, .btn-purple.active, .open > .btn-purple.dropdown-toggle {color: #fff; background-color: #511f69; border-color: #4b1d61}
.btn-purple:active, .btn-purple.active, .open > .btn-purple.dropdown-toggle {background-image: none}
.btn-purple.disabled, .btn-purple.disabled:hover, .btn-purple.disabled:focus, .btn-purple.disabled.focus, .btn-purple.disabled:active, .btn-purple.disabled.active, .btn-purple[disabled], .btn-purple[disabled]:hover, .btn-purple[disabled]:focus, .btn-purple[disabled].focus, .btn-purple[disabled]:active, .btn-purple[disabled].active, fieldset[disabled] .btn-purple, fieldset[disabled] .btn-purple:hover, fieldset[disabled] .btn-purple:focus, fieldset[disabled] .btn-purple.focus, fieldset[disabled] .btn-purple:active, fieldset[disabled] .btn-purple.active {background-color: #702b90; border-color: #702b90}
.btn-purple .badge {color: #702b90; background-color: #fff}
.btn-purple:hover, .btn-purple:focus, .btn-purple:active, .btn-purple.active {border-color: #511f69}
.btn-purple > span {color: #702b90}
.btn-purple.btn-labelled b {background-color: #702b90}
.btn-purple.btn-labelled span {color: #702b90}
.btn-purple.btn-labelled:hover {background-color: #702b90}
.btn-purple.btn-labelled:hover span {color: #fff}
.btn-purple-inverse {background: #fff; color: #702b90; border: 1px solid #702b90}
.btn-purple-inverse:hover {background: #702b90; color: #fff}
.btn-red {color: #fff; background-color: #d92032; border-color: #d92032}
.btn-red:hover, .btn-red:focus, .btn-red.focus, .btn-red:active, .btn-red.active, .open > .btn-red.dropdown-toggle {color: #fff; background-color: #ad1928; border-color: #a41826}
.btn-red:active, .btn-red.active, .open > .btn-red.dropdown-toggle {background-image: none}
.btn-red.disabled, .btn-red.disabled:hover, .btn-red.disabled:focus, .btn-red.disabled.focus, .btn-red.disabled:active, .btn-red.disabled.active, .btn-red[disabled], .btn-red[disabled]:hover, .btn-red[disabled]:focus, .btn-red[disabled].focus, .btn-red[disabled]:active, .btn-red[disabled].active, fieldset[disabled] .btn-red, fieldset[disabled] .btn-red:hover, fieldset[disabled] .btn-red:focus, fieldset[disabled] .btn-red.focus, fieldset[disabled] .btn-red:active, fieldset[disabled] .btn-red.active {background-color: #d92032; border-color: #d92032}
.btn-red .badge {color: #d92032; background-color: #fff}
.btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active {border-color: #ad1928}
.btn-red > span {color: #d92032}
.btn-red.btn-labelled b {background-color: #d92032}
.btn-red.btn-labelled span {color: #d92032}
.btn-red.btn-labelled:hover {background-color: #d92032}
.btn-red.btn-labelled:hover span {color: #fff}
.btn-red-inverse {background: #fff; color: #d92032; border: 1px solid #d92032}
.btn-red-inverse:hover {background: #d92032; color: #fff}
.btn-teal {color: #fff; background-color: #009385; border-color: #009385}
.btn-teal:hover, .btn-teal:focus, .btn-teal.focus, .btn-teal:active, .btn-teal.active, .open > .btn-teal.dropdown-toggle {color: #fff; background-color: #006057; border-color: #00564e}
.btn-teal:active, .btn-teal.active, .open > .btn-teal.dropdown-toggle {background-image: none}
.btn-teal.disabled, .btn-teal.disabled:hover, .btn-teal.disabled:focus, .btn-teal.disabled.focus, .btn-teal.disabled:active, .btn-teal.disabled.active, .btn-teal[disabled], .btn-teal[disabled]:hover, .btn-teal[disabled]:focus, .btn-teal[disabled].focus, .btn-teal[disabled]:active, .btn-teal[disabled].active, fieldset[disabled] .btn-teal, fieldset[disabled] .btn-teal:hover, fieldset[disabled] .btn-teal:focus, fieldset[disabled] .btn-teal.focus, fieldset[disabled] .btn-teal:active, fieldset[disabled] .btn-teal.active {background-color: #009385; border-color: #009385}
.btn-teal .badge {color: #009385; background-color: #fff}
.btn-teal:hover, .btn-teal:focus, .btn-teal:active, .btn-teal.active {border-color: #006057}
.btn-teal > span {color: #009385}
.btn-teal.btn-labelled b {background-color: #009385}
.btn-teal.btn-labelled span {color: #009385}
.btn-teal.btn-labelled:hover {background-color: #009385}
.btn-teal.btn-labelled:hover span {color: #fff}
.btn-teal-inverse {background: #fff; color: #009385; border: 1px solid #009385}
.btn-teal-inverse:hover {background: #009385; color: #fff}
.btn-yellow {color: #fff; background-color: #ffc709; border-color: #ffc709}
.btn-yellow:hover, .btn-yellow:focus, .btn-yellow.focus, .btn-yellow:active, .btn-yellow.active, .open > .btn-yellow.dropdown-toggle {color: #fff; background-color: #d5a500; border-color: #cb9d00}
.btn-yellow:active, .btn-yellow.active, .open > .btn-yellow.dropdown-toggle {background-image: none}
.btn-yellow.disabled, .btn-yellow.disabled:hover, .btn-yellow.disabled:focus, .btn-yellow.disabled.focus, .btn-yellow.disabled:active, .btn-yellow.disabled.active, .btn-yellow[disabled], .btn-yellow[disabled]:hover, .btn-yellow[disabled]:focus, .btn-yellow[disabled].focus, .btn-yellow[disabled]:active, .btn-yellow[disabled].active, fieldset[disabled] .btn-yellow, fieldset[disabled] .btn-yellow:hover, fieldset[disabled] .btn-yellow:focus, fieldset[disabled] .btn-yellow.focus, fieldset[disabled] .btn-yellow:active, fieldset[disabled] .btn-yellow.active {background-color: #ffc709; border-color: #ffc709}
.btn-yellow .badge {color: #ffc709; background-color: #fff}
.btn-yellow:hover, .btn-yellow:focus, .btn-yellow:active, .btn-yellow.active {border-color: #d5a500}
.btn-yellow > span {color: #ffc709}
.btn-yellow.btn-labelled b {background-color: #ffc709}
.btn-yellow.btn-labelled span {color: #ffc709}
.btn-yellow.btn-labelled:hover {background-color: #ffc709}
.btn-yellow.btn-labelled:hover span {color: #fff}
.btn-yellow-inverse {background: #fff; color: #ffc709; border: 1px solid #ffc709}
.btn-yellow-inverse:hover {background: #ffc709; color: #fff}
.btn-rosehip {color: #fff; background-color: #de6f7f; border-color: #de6f7f}
.btn-rosehip:hover, .btn-rosehip:focus, .btn-rosehip.focus, .btn-rosehip:active, .btn-rosehip.active, .open > .btn-rosehip.dropdown-toggle {color: #fff; background-color: #d4465a; border-color: #d33d53}
.btn-rosehip:active, .btn-rosehip.active, .open > .btn-rosehip.dropdown-toggle {background-image: none}
.btn-rosehip.disabled, .btn-rosehip.disabled:hover, .btn-rosehip.disabled:focus, .btn-rosehip.disabled.focus, .btn-rosehip.disabled:active, .btn-rosehip.disabled.active, .btn-rosehip[disabled], .btn-rosehip[disabled]:hover, .btn-rosehip[disabled]:focus, .btn-rosehip[disabled].focus, .btn-rosehip[disabled]:active, .btn-rosehip[disabled].active, fieldset[disabled] .btn-rosehip, fieldset[disabled] .btn-rosehip:hover, fieldset[disabled] .btn-rosehip:focus, fieldset[disabled] .btn-rosehip.focus, fieldset[disabled] .btn-rosehip:active, fieldset[disabled] .btn-rosehip.active {background-color: #de6f7f; border-color: #de6f7f}
.btn-rosehip .badge {color: #de6f7f; background-color: #fff}
.btn-rosehip:hover, .btn-rosehip:focus, .btn-rosehip:active, .btn-rosehip.active {border-color: #d4465a}
.btn-rosehip > span {color: #de6f7f}
.btn-rosehip.btn-labelled b {background-color: #de6f7f}
.btn-rosehip.btn-labelled span {color: #de6f7f}
.btn-rosehip.btn-labelled:hover {background-color: #de6f7f}
.btn-rosehip.btn-labelled:hover span {color: #fff}
.btn-rosehip-inverse {background: #fff; color: #de6f7f; border: 1px solid #de6f7f}
.btn-rosehip-inverse:hover {background: #de6f7f; color: #fff}
.btn-blue-rio2 {color: #fff; background-color: #1056c1; border-color: #1056c1}
.btn-blue-rio2:hover, .btn-blue-rio2:focus, .btn-blue-rio2.focus, .btn-blue-rio2:active, .btn-blue-rio2.active, .open > .btn-blue-rio2.dropdown-toggle {color: #fff; background-color: #0c4192; border-color: #0b3d88}
.btn-blue-rio2:active, .btn-blue-rio2.active, .open > .btn-blue-rio2.dropdown-toggle {background-image: none}
.btn-blue-rio2.disabled, .btn-blue-rio2.disabled:hover, .btn-blue-rio2.disabled:focus, .btn-blue-rio2.disabled.focus, .btn-blue-rio2.disabled:active, .btn-blue-rio2.disabled.active, .btn-blue-rio2[disabled], .btn-blue-rio2[disabled]:hover, .btn-blue-rio2[disabled]:focus, .btn-blue-rio2[disabled].focus, .btn-blue-rio2[disabled]:active, .btn-blue-rio2[disabled].active, fieldset[disabled] .btn-blue-rio2, fieldset[disabled] .btn-blue-rio2:hover, fieldset[disabled] .btn-blue-rio2:focus, fieldset[disabled] .btn-blue-rio2.focus, fieldset[disabled] .btn-blue-rio2:active, fieldset[disabled] .btn-blue-rio2.active {background-color: #1056c1; border-color: #1056c1}
.btn-blue-rio2 .badge {color: #1056c1; background-color: #fff}
.btn-blue-rio2:hover, .btn-blue-rio2:focus, .btn-blue-rio2:active, .btn-blue-rio2.active {border-color: #0c4192}
.btn-blue-rio2 > span {color: #1056c1}
.btn-blue-rio2.btn-labelled b {background-color: #1056c1}
.btn-blue-rio2.btn-labelled span {color: #1056c1}
.btn-blue-rio2.btn-labelled:hover {background-color: #1056c1}
.btn-blue-rio2.btn-labelled:hover span {color: #fff}
.btn-blue-rio2-inverse {background: #fff; color: #1056c1; border: 1px solid #1056c1}
.btn-blue-rio2-inverse:hover {background: #1056c1; color: #fff}
.btn-umber {color: #fff; background-color: #936037; border-color: #936037}
.btn-umber:hover, .btn-umber:focus, .btn-umber.focus, .btn-umber:active, .btn-umber.active, .open > .btn-umber.dropdown-toggle {color: #fff; background-color: #6e4829; border-color: #664326}
.btn-umber:active, .btn-umber.active, .open > .btn-umber.dropdown-toggle {background-image: none}
.btn-umber.disabled, .btn-umber.disabled:hover, .btn-umber.disabled:focus, .btn-umber.disabled.focus, .btn-umber.disabled:active, .btn-umber.disabled.active, .btn-umber[disabled], .btn-umber[disabled]:hover, .btn-umber[disabled]:focus, .btn-umber[disabled].focus, .btn-umber[disabled]:active, .btn-umber[disabled].active, fieldset[disabled] .btn-umber, fieldset[disabled] .btn-umber:hover, fieldset[disabled] .btn-umber:focus, fieldset[disabled] .btn-umber.focus, fieldset[disabled] .btn-umber:active, fieldset[disabled] .btn-umber.active {background-color: #936037; border-color: #936037}
.btn-umber .badge {color: #936037; background-color: #fff}
.btn-umber:hover, .btn-umber:focus, .btn-umber:active, .btn-umber.active {border-color: #6e4829}
.btn-umber > span {color: #936037}
.btn-umber.btn-labelled b {background-color: #936037}
.btn-umber.btn-labelled span {color: #936037}
.btn-umber.btn-labelled:hover {background-color: #936037}
.btn-umber.btn-labelled:hover span {color: #fff}
.btn-umber-inverse {background: #fff; color: #936037; border: 1px solid #936037}
.btn-umber-inverse:hover {background: #936037; color: #fff}
.btn-rewards-blue-light {color: #fff; background-color: #69d6fb; border-color: #69d6fb}
.btn-rewards-blue-light:hover, .btn-rewards-blue-light:focus, .btn-rewards-blue-light.focus, .btn-rewards-blue-light:active, .btn-rewards-blue-light.active, .open > .btn-rewards-blue-light.dropdown-toggle {color: #fff; background-color: #37c8fa; border-color: #2dc6f9}
.btn-rewards-blue-light:active, .btn-rewards-blue-light.active, .open > .btn-rewards-blue-light.dropdown-toggle {background-image: none}
.btn-rewards-blue-light.disabled, .btn-rewards-blue-light.disabled:hover, .btn-rewards-blue-light.disabled:focus, .btn-rewards-blue-light.disabled.focus, .btn-rewards-blue-light.disabled:active, .btn-rewards-blue-light.disabled.active, .btn-rewards-blue-light[disabled], .btn-rewards-blue-light[disabled]:hover, .btn-rewards-blue-light[disabled]:focus, .btn-rewards-blue-light[disabled].focus, .btn-rewards-blue-light[disabled]:active, .btn-rewards-blue-light[disabled].active, fieldset[disabled] .btn-rewards-blue-light, fieldset[disabled] .btn-rewards-blue-light:hover, fieldset[disabled] .btn-rewards-blue-light:focus, fieldset[disabled] .btn-rewards-blue-light.focus, fieldset[disabled] .btn-rewards-blue-light:active, fieldset[disabled] .btn-rewards-blue-light.active {background-color: #69d6fb; border-color: #69d6fb}
.btn-rewards-blue-light .badge {color: #69d6fb; background-color: #fff}
.btn-rewards-blue-light:hover, .btn-rewards-blue-light:focus, .btn-rewards-blue-light:active, .btn-rewards-blue-light.active {border-color: #37c8fa}
.btn-rewards-blue-light > span {color: #69d6fb}
.btn-rewards-blue-light.btn-labelled b {background-color: #69d6fb}
.btn-rewards-blue-light.btn-labelled span {color: #69d6fb}
.btn-rewards-blue-light.btn-labelled:hover {background-color: #69d6fb}
.btn-rewards-blue-light.btn-labelled:hover span {color: #fff}
.btn-rewards-blue-light-inverse {background: #fff; color: #69d6fb; border: 1px solid #69d6fb}
.btn-rewards-blue-light-inverse:hover {background: #69d6fb; color: #fff}
.btn-rewards-blue {color: #fff; background-color: #00aeef; border-color: #00aeef}
.btn-rewards-blue:hover, .btn-rewards-blue:focus, .btn-rewards-blue.focus, .btn-rewards-blue:active, .btn-rewards-blue.active, .open > .btn-rewards-blue.dropdown-toggle {color: #fff; background-color: #0089bc; border-color: #0081b2}
.btn-rewards-blue:active, .btn-rewards-blue.active, .open > .btn-rewards-blue.dropdown-toggle {background-image: none}
.btn-rewards-blue.disabled, .btn-rewards-blue.disabled:hover, .btn-rewards-blue.disabled:focus, .btn-rewards-blue.disabled.focus, .btn-rewards-blue.disabled:active, .btn-rewards-blue.disabled.active, .btn-rewards-blue[disabled], .btn-rewards-blue[disabled]:hover, .btn-rewards-blue[disabled]:focus, .btn-rewards-blue[disabled].focus, .btn-rewards-blue[disabled]:active, .btn-rewards-blue[disabled].active, fieldset[disabled] .btn-rewards-blue, fieldset[disabled] .btn-rewards-blue:hover, fieldset[disabled] .btn-rewards-blue:focus, fieldset[disabled] .btn-rewards-blue.focus, fieldset[disabled] .btn-rewards-blue:active, fieldset[disabled] .btn-rewards-blue.active {background-color: #00aeef; border-color: #00aeef}
.btn-rewards-blue .badge {color: #00aeef; background-color: #fff}
.btn-rewards-blue:hover, .btn-rewards-blue:focus, .btn-rewards-blue:active, .btn-rewards-blue.active {border-color: #0089bc}
.btn-rewards-blue > span {color: #00aeef}
.btn-rewards-blue.btn-labelled b {background-color: #00aeef}
.btn-rewards-blue.btn-labelled span {color: #00aeef}
.btn-rewards-blue.btn-labelled:hover {background-color: #00aeef}
.btn-rewards-blue.btn-labelled:hover span {color: #fff}
.btn-rewards-blue-inverse {background: #fff; color: #00aeef; border: 1px solid #00aeef}
.btn-rewards-blue-inverse:hover {background: #00aeef; color: #fff}
.btn-rewards-blue-dark-alt {color: #fff; background-color: #2c88cc; border-color: #2c88cc}
.btn-rewards-blue-dark-alt:hover, .btn-rewards-blue-dark-alt:focus, .btn-rewards-blue-dark-alt.focus, .btn-rewards-blue-dark-alt:active, .btn-rewards-blue-dark-alt.active, .open > .btn-rewards-blue-dark-alt.dropdown-toggle {color: #fff; background-color: #236ca2; border-color: #21669a}
.btn-rewards-blue-dark-alt:active, .btn-rewards-blue-dark-alt.active, .open > .btn-rewards-blue-dark-alt.dropdown-toggle {background-image: none}
.btn-rewards-blue-dark-alt.disabled, .btn-rewards-blue-dark-alt.disabled:hover, .btn-rewards-blue-dark-alt.disabled:focus, .btn-rewards-blue-dark-alt.disabled.focus, .btn-rewards-blue-dark-alt.disabled:active, .btn-rewards-blue-dark-alt.disabled.active, .btn-rewards-blue-dark-alt[disabled], .btn-rewards-blue-dark-alt[disabled]:hover, .btn-rewards-blue-dark-alt[disabled]:focus, .btn-rewards-blue-dark-alt[disabled].focus, .btn-rewards-blue-dark-alt[disabled]:active, .btn-rewards-blue-dark-alt[disabled].active, fieldset[disabled] .btn-rewards-blue-dark-alt, fieldset[disabled] .btn-rewards-blue-dark-alt:hover, fieldset[disabled] .btn-rewards-blue-dark-alt:focus, fieldset[disabled] .btn-rewards-blue-dark-alt.focus, fieldset[disabled] .btn-rewards-blue-dark-alt:active, fieldset[disabled] .btn-rewards-blue-dark-alt.active {background-color: #2c88cc; border-color: #2c88cc}
.btn-rewards-blue-dark-alt .badge {color: #2c88cc; background-color: #fff}
.btn-rewards-blue-dark-alt:hover, .btn-rewards-blue-dark-alt:focus, .btn-rewards-blue-dark-alt:active, .btn-rewards-blue-dark-alt.active {border-color: #236ca2}
.btn-rewards-blue-dark-alt > span {color: #2c88cc}
.btn-rewards-blue-dark-alt.btn-labelled b {background-color: #2c88cc}
.btn-rewards-blue-dark-alt.btn-labelled span {color: #2c88cc}
.btn-rewards-blue-dark-alt.btn-labelled:hover {background-color: #2c88cc}
.btn-rewards-blue-dark-alt.btn-labelled:hover span {color: #fff}
.btn-rewards-blue-dark-alt-inverse {background: #fff; color: #2c88cc; border: 1px solid #2c88cc}
.btn-rewards-blue-dark-alt-inverse:hover {background: #2c88cc; color: #fff}
.btn-red-xmas {color: #fff; background-color: #cf2124; border-color: #cf2124}
.btn-red-xmas:hover, .btn-red-xmas:focus, .btn-red-xmas.focus, .btn-red-xmas:active, .btn-red-xmas.active, .open > .btn-red-xmas.dropdown-toggle {color: #fff; background-color: #a31a1c; border-color: #9a191b}
.btn-red-xmas:active, .btn-red-xmas.active, .open > .btn-red-xmas.dropdown-toggle {background-image: none}
.btn-red-xmas.disabled, .btn-red-xmas.disabled:hover, .btn-red-xmas.disabled:focus, .btn-red-xmas.disabled.focus, .btn-red-xmas.disabled:active, .btn-red-xmas.disabled.active, .btn-red-xmas[disabled], .btn-red-xmas[disabled]:hover, .btn-red-xmas[disabled]:focus, .btn-red-xmas[disabled].focus, .btn-red-xmas[disabled]:active, .btn-red-xmas[disabled].active, fieldset[disabled] .btn-red-xmas, fieldset[disabled] .btn-red-xmas:hover, fieldset[disabled] .btn-red-xmas:focus, fieldset[disabled] .btn-red-xmas.focus, fieldset[disabled] .btn-red-xmas:active, fieldset[disabled] .btn-red-xmas.active {background-color: #cf2124; border-color: #cf2124}
.btn-red-xmas .badge {color: #cf2124; background-color: #fff}
.btn-red-xmas:hover, .btn-red-xmas:focus, .btn-red-xmas:active, .btn-red-xmas.active {border-color: #a31a1c}
.btn-red-xmas > span {color: #cf2124}
.btn-red-xmas.btn-labelled b {background-color: #cf2124}
.btn-red-xmas.btn-labelled span {color: #cf2124}
.btn-red-xmas.btn-labelled:hover {background-color: #cf2124}
.btn-red-xmas.btn-labelled:hover span {color: #fff}
.btn-red-xmas-inverse {background: #fff; color: #cf2124; border: 1px solid #cf2124}
.btn-red-xmas-inverse:hover {background: #cf2124; color: #fff}
.btn-labelled {display: block; background: #fff; padding: 4px; text-align: left; border-radius: 20px}
.btn-labelled b, .btn-labelled span {display: inline-block; line-height: 1; padding-top: 9px; padding-bottom: 5px}
.btn-labelled b {background-color: #3b73b9; width: 110px; color: #fff; text-align: center; border-radius: 17px}
.btn-labelled span {padding-left: 6px}
.btn-bordered-white {border: 2px solid #fff}
.btn-bordered-white:hover {border: 2px solid #fff}
.btn-modal-wrapper {display: inline-block; margin-right: 10px}
.btn-white, .btn-white:hover, .btn-white:active, .btn-white:focus {color: #db1c2b; background-color: #fff}
@media (min-width: 768px) {.comfy .crumb + .page-header {margin-top: -57px}
}
.comfy .page-header {background-color: #f0f0f0; min-height: 100px; margin: 0 0 20px 0; padding: 10px 0 20px}
@media (min-width: 768px) {.comfy .page-header {min-height: 150px; margin: 0 0 40px 0; padding: 50px 0 35px}
}
.comfy .page-header h1 {font-family: 'Huggies Omnes Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300}
.comfy .section-breadcrumb {margin-bottom: 0}
.comfy .breadcrumb, .comfy .section-breadcrumb .breadcrumb {margin-bottom: 0; border-bottom-width: 0}
.comfy .page-main {padding-top: 30px; padding-bottom: 30px}
.comfy .page-sidebar .dcs {margin-bottom: 30px}
.comfy .page-image {float: right; margin: 0 0 15px 15px}
.comfy .page-image img {max-width: 200px; border-radius: 5px}
@media (max-width: 767px) {.comfy .page-header {padding-top: 15px; padding-bottom: 15px}
.comfy .page-header h1 {font-size: 24px}
.comfy .page-image {display: none}
}
.section-pregnancy.comfy .page-header {background-color: #f0f0f0}
.section-pregnancy.comfy .sidenav__list {border-color: #f1f6fa}
.section-pregnancy .comfy-content a:not(.btn) {color: #d92032}
.section-pregnancy .comfy-content ul li:before {background-color: #333}
.section-toddler.comfy .page-header {background-color: #f0dae7}
.section-toddler.comfy .sidenav__list {border-color: #faf0f5}
.section-toddler .comfy-content a:not(.btn) {color: #d92032}
.section-toddler .comfy-content ul li:before {background-color: #333}
.comfy-content {line-height: 1.5}
.comfy-content > *:first-child {margin-top: 0}
.comfy-content img {max-width: 100%}
.comfy-content li {margin-bottom: 0.5em}
.comfy-content ol, .comfy-content ul {padding-left: 50px}
.comfy-content ul li {position: relative; list-style: none}
.comfy-content ul li:before {display: block; position: absolute; top: 7px; left: -23px; width: 8px; height: 8px; content: ''; border-radius: 50%}
.comfy-content p {margin-bottom: 22.5px}
.comfy-content a {text-decoration: underline}
.comfy-content .btn {text-decoration: none}
.comfy-content .tip-list {padding-left: 0; list-style-position: inside}
.comfy-content .tip-list li {padding: 8px 10px; background-color: #fff0f8; border-radius: 10px}
.comfy-content .nav-tabs {padding-left: 0}
.comfy-content .nav-tabs li {margin-bottom: -1px}
.comfy-content .nav-tabs li:before {display: none}
.comfy-content .nav-tabs li a {text-decoration: none}
.comfy-content .tile {text-decoration: none}
ul.no-style {padding-left: 0}
ul.no-style li {margin-bottom: 0}
ul.no-style li:before {display: none}
.well-tip {-webkit-box-shadow: none; box-shadow: none}
.well-tip.pull-right {max-width: 44%; margin-left: 15px; margin-bottom: 15px}
.well-tip-post-it {font-size: 13px; background-color: #f9ef90; border-color: #f6e860; border-radius: 8px}
.well-tip-post-it b {display: block; margin-bottom: 5px; font-size: 15px; color: #af075c}
.tiled-list .nav-tabs {margin-bottom: 30px; border-color: #ddd}
.tiled-list .nav-tabs li {margin-bottom: -1px}
.tiled-list .nav-tabs li a:hover {border-bottom-width: 0}
@media (max-width: 767px) {.tiled-list .nav-tabs > li {float: none; border: 1px solid #ddd}
.tiled-list .nav-tabs > li.active {background-color: #eee}
.tiled-list .nav-tabs > li.active a, .tiled-list .nav-tabs > li.active a:hover, .tiled-list .nav-tabs > li.active a:focus {color: #666; background: none; border-width: 0}
.tiled-list .nav-tabs > li a, .tiled-list .nav-tabs > li a:hover, .tiled-list .nav-tabs > li a:focus {background: none; border-width: 0}
}
.tile {display: block; margin: 0 0 30px; text-decoration: none}
.tile img {width: 100%; border-radius: 5px 5px 0 0}
.tile__content {position: relative; display: table; z-index: 2; width: 100%; margin-top: -10px; background-color: whitesmoke; border-radius: 0 0 5px 5px}
.tile__content h5 {display: table-cell; vertical-align: middle; width: 100%; height: 80px; margin: 0; padding: 0 10px}
.qanda__answer .btn {margin: -5px 0 25px; padding: 5px 10px; font-size: 13px; line-height: 1.5; border-radius: 3px}
.qanda__answer .btn span {display: none}
.qanda__answer .btn:after {content: 'read more'}
.qanda__answer .btn[aria-expanded="true"]:after {content: 'show less'}
#footer {background: #39c0b4; color: #fff; padding: 8px 0 50px}
#footer hr {margin: 0 0 38px; border-top: 3px dashed #75d3cb}
#footer .block ul {margin-bottom: 25px}
#footer .block ul > li {display: block; margin: 6px 0; font-size: 14px}
#footer a {color: #d1ecea; border-width: 0}
#footer a:hover {color: #fff; text-decoration: none}
#footer div.title {margin-bottom: 1.25em; font-size: 18px; font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500}
#footer ul {list-style: none; padding: 0}
#footer #copyright_notice {float: left; font-size: 12px; color: #d1ecea}
#footer #copyright_notice abbr {border-color: #d1ecea; cursor: pointer !important}
#footer .social-media {margin-left: 20px; margin-right: 20px}
#footer .social-media, #footer #view_in_mobile {float: right}
#footer .social-media > li {display: inline-block}
#footer .social-media > li a {color: #fff; font-size: 21px; padding-left: 4px; padding-right: 4px; display: inline-block; margin-left: 2px; margin-right: 2px}
#footer .social-media > li a:hover {color: #d1ecea}
#footer #view_in_mobile, #footer #full-site-btn {position: relative; padding: 5px 15px; border-radius: 4px; background: #61cdc3; color: #fff; font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500}
#footer #view_in_mobile:hover, #footer #full-site-btn:hover {text-decoration: none; background: #74d3cb}
#footer #view_in_mobile i, #footer #full-site-btn i {position: absolute; font-size: 21px; top: 50%; left: 11px; margin-top: -10.5px}
#footer #view_in_mobile {padding-left: 30px}
@media (max-width: 767px) {#footer {text-align: center}
#footer .section-body {-webkit-font-smoothing: auto}
#footer .section-body .row {margin-left: 0; margin-right: 0}
#footer .section-body .block:nth-child(1n+2) {display: none}
#footer .section-body .block.first ul {margin-left: 0}
#footer .section-body .block.first li:nth-child(1), #footer .section-body .block.first li:nth-child(2), #footer .section-body .block.first li:nth-child(6), #footer .section-body .block.first li:nth-child(7), #footer .section-body .block.first li:nth-child(9) {display: none}
#footer .section-body a {cursor: pointer}
#footer .social-media, #footer #view_in_mobile, #footer #copyright_notice {float: none}
#footer #view_in_mobile {display: inline-block; margin-bottom: 35px}
#footer .social-media {margin-top: 20px; margin-bottom: 20px}
}
a {text-decoration: none}
a:hover {text-decoration: none}
a:active {color: #294f7f}
a.pink {color: #ec008c !important}
.silo-conception #section, .silo-conception #in_this_section {background-color: #9194ff !important}
.silo-pregnancy #section, .silo-pregnancy #in_this_section {background-color: #62cefc !important}
.silo-child-birth #section, .silo-child-birth #in_this_section {background-color: #2ccebb !important}
.silo-baby-care #section, .silo-baby-care #in_this_section {background-color: #23b274 !important}
.silo-toddler #section, .silo-toddler #in_this_section {background-color: #ed6aae !important}
.silo-parenting #section, .silo-parenting #in_this_section {background-color: #d85283 !important}
.silo-baby-names #section, .silo-baby-names #in_this_section {background-color: #fd8410 !important}
.silo-recipes-activities #section, .silo-recipes-activities #in_this_section {background-color: #e6b00f !important}
.silo-rewards #section, .silo-rewards #in_this_section {background-color: #ec008c !important}
hr.dashed {border-top: 3px dashed #d0d0d0}
.widget {margin: 0 0 30px}
.widget__title {margin: 0; padding: 10px; font-size: 15px; line-height: 1.428571429; background-color: #eedaf4; border-bottom: 1px solid #d89ce8; border-radius: 6px 6px 0 0}
.widget__title, .widget__title a {color: #600080}
.widget-posts {background-color: #faf0f8; border-radius: 6px 6px 0 0}
.widget-posts ul {margin: 0; padding: 0}
.widget-posts li {display: block; position: relative; margin: 0; padding: 10px 15px; border-bottom: 1px dotted #d89ce8}
.widget-posts li a {display: block; height: 50px; overflow: hidden}
.widget-posts li a .image {display: block; float: left; width: 67px; margin-right: 10px; overflow: hidden}
.widget-posts li a .text {display: block; float: left; width: 194px; overflow: hidden; font-size: 13px; color: #90c; font-weight: bold; line-height: 1.5em; padding: 5px 10px 12px 0}
.widget-posts li a .text strong {display: block; width: 500px; overflow: hidden; font-size: 14px; color: #90c; padding-top: 4px}
.widget-posts li a .text em {font-style: normal; font-weight: normal; font-size: 11px; color: #c67dde}
.widget-posts li .post {display: block; padding-right: 55px}
.widget-posts li .post a {line-height: 1.2em; padding-bottom: 2px}
.widget-posts li .post .date {display: block; font-size: 10px; color: #666}
.widget-posts li .replies {position: absolute; right: 10px; top: 50%; margin-top: -25px; width: 35px; color: #6e2b8c; font-size: 11px; text-align: center}
.widget-posts li .replies strong {display: block; padding-bottom: 3px; font-size: 22px; text-align: center}
.widget-posts li:hover, .widget-posts li:focus {cursor: pointer; background: #eedaf4}
.widget-expert__answers {padding: 10px; background: #f7f0fa; border-bottom: 1px dotted #d89ce8}
.widget-expert__answers .answers .question:before, .widget-expert__answers .answers .question:after, .widget-expert__answers .answers .answer:before, .widget-expert__answers .answers .answer:after {content: " "; display: table}
.widget-expert__answers .answers .question:after, .widget-expert__answers .answers .answer:after {clear: both}
.widget-expert__answers .answers .question .bubble, .widget-expert__answers .answers .answer .bubble {position: relative; margin-left: 65px; padding: 10px 12px 8px; min-height: 30px; border-radius: 8px}
.widget-expert__answers .answers .question .bubble a, .widget-expert__answers .answers .answer .bubble a {color: #702b90; font-weight: bold}
.widget-expert__answers .answers .question .bubble .stalk, .widget-expert__answers .answers .answer .bubble .stalk {display: block; position: absolute; top: 13px; left: -14px; width: 14px; height: 18px; background: url("/images/ask_an_expert/bubble-stalks.png") no-repeat}
.widget-expert__answers .answers p {margin: 0}
.widget-expert__answers .answers .question {margin-bottom: 10px}
.widget-expert__answers .answers .question .bubble {background-color: #fff; border: 1px solid #e6cbf2}
.widget-expert__answers .answers .answer {margin-bottom: 0}
.widget-expert__answers .answers .answer .bubble {background-color: #daf5e6; border: 1px solid #e6cbf2}
.widget-expert__answers .answers .answer .bubble .stalk {background-position: 0 -18px}
.widget-expert__answers .answers .answer .bubble p, .widget-expert__answers .answers .answer .bubble strong {color: #02884d}
.widget-expert__answers .answers .answer .bubble p.date {color: #3d73b9; font-size: 11px; padding-top: 3px}
.widget-expert__answers .answers .answer .bubble strong {margin-right: 5px}
.widget-expert__answers .answers .answer + .question {margin-top: 10px}
.widget-expert__answers .answers .icon {float: left}
.section-banner {background-color: #fee; height: 400px}
.section-banner .container {min-height: 200px; height: 100%}
@media (min-width: 768px) {.section-banner {background-color: #eef}
.section-banner .container {min-height: 300px}
}
@media (min-width: 769px) {.silo-pregnancy .crumb + .section-banner--pregnancy {margin-top: -57px}
}
.section-banner.section-banner--pregnancy {background-color: #f0f0f0}
.section-banner.section-banner--pregnancy .container {background-image: url("/images/section-banner/pregnancy-mobile-bg.jpg"); background-repeat: no-repeat; background-position: bottom; background-size: contain; padding-bottom: 10px}
.section-banner.section-banner--pregnancy .col {max-width: 366px; margin: 0 auto; padding-top: 83px; padding-left: 183px}
.section-banner.section-banner--pregnancy h1 {color: #4d4d4d; font-family: 'Huggies Omnes Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; font-size: 35px; line-height: 35px; margin-top: 25px; margin-bottom: 15px}
.section-banner.section-banner--pregnancy p {color: #666; font-family: 'Huggies Omnes Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; font-size: 18px; line-height: 20px; text-shadow: 0 0 5px #f2f1e0; margin-top: 0; margin-bottom: 8px; max-width: 70%}
@media (min-width: 400px) {.section-banner.section-banner--pregnancy .container {background-position: bottom; background-size: contain}
}
@media (min-width: 768px) {.section-banner.section-banner--pregnancy .container {background-image: url("/images/section-banner/pregnancy-desktop-bg.jpg"); background-position: right; background-size: initial; min-height: 330px}
.section-banner.section-banner--pregnancy h1 {font-size: 45px; line-height: 50px; margin-top: 90px; margin-bottom: 15px; color: #4d4d4d}
.section-banner.section-banner--pregnancy p {font-size: 20px; line-height: 26px; width: 100%; text-shadow: none; margin-bottom: 18px; max-width: 100%}
}
.well.flat, .flat.tabs-container {box-shadow: none}
.well.white, .white.tabs-container {background: #fff; border-color: #fff}
.well.blue-lighter, .blue-lighter.tabs-container {background: #d8e3f1; border-color: #d8e3f1}
.well.green-lighter, .green-lighter.tabs-container {background: #f1f6d8; border-color: #f1f6d8}
.well.pink-light, .pink-light.tabs-container {background: #fde5f3; border-color: #fde5f3}
.text-green {color: #51b848 !important}
.text-blue-bright {color: #00aeef !important}
.text-purple {color: #702b90 !important}
.text-red {color: #d92032 !important}
.text-black {color: #000 !important}
.text-grey-dark {color: #4d4d4d !important}
.fancy-heading {position: relative; text-align: center}
.fancy-heading span {background: #fff; padding: 0 15px; position: relative; z-index: 1; display: inline-block; width: auto}
.fancy-heading:before {background: #ddd; content: ""; display: block; height: 1px; position: absolute; top: 50%; width: 100%}
.fancy-heading:before {left: 0}
strong sup {top: -0.7em !important; font-size: 50% !important}
.nowrap {white-space: nowrap}
video {max-width: 100%; height: auto}
.video-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden}
.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%}
@media screen and (max-width: 767px) {.video-container {margin-bottom: 15px}
}
.video-playlist .video-list.scroll-y {height: 380px; overflow-y: scroll}
@media screen and (max-width: 767px) {.video-playlist .video-list.scroll-y {height: auto; overflow-y: visible}
}
.video-playlist .video-thumb {cursor: pointer; border-radius: 10px; overflow: hidden; padding: 0; margin-bottom: 5px; position: relative}
.video-playlist .video-thumb img {border: 4px solid transparent; border-radius: 10px}
.video-playlist .video-thumb .overlay {display: none; color: #fff; text-align: center; position: absolute; left: 0; top: 50%; width: 100%; margin-top: -0.5em; background: none}
.video-playlist .video-thumb:before {position: absolute; display: none; content: ''; width: 100%; height: 100%; background: rgba(225, 0, 115, 0.84); top: 0; left: 0}
.video-playlist .video-thumb.active:before, .video-playlist .video-thumb.thumb-hover:before {display: block}
.video-playlist .video-thumb.active .overlay, .video-playlist .video-thumb.thumb-hover .overlay {display: block}
.video-playlist .video-thumb.active img, .video-playlist .video-thumb.thumb-hover img {border: 4px solid #e10073; border-radius: 10px}
.video-playlist.theme-blue-bright .video-thumb:before {background: rgba(0, 174, 239, 0.84)}
.video-playlist.theme-blue-bright .video-thumb.active img {border: 4px solid #00aeef}
.video-playlist.theme-blue-dark .video-thumb:before {background: rgba(59, 115, 185, 0.84)}
.video-playlist.theme-blue-dark .video-thumb.active img {border: 4px solid #3b73b9}
.video-playlist.theme-purple .video-thumb:before {background: rgba(112, 43, 144, 0.84)}
.video-playlist.theme-purple .video-thumb.active img {border: 4px solid #702b90}
@media screen and (max-width: 767px) {.video-playlist .video-list .overlay {font-size: 0.8em; margin-top: -0.4em}
.video-playlist .video-list .overlay.tall {margin-top: -1.2em}
}
.media-container {margin-bottom: 1rem}
.media-container .video-container {margin-top: 2rem; margin-bottom: 1rem}
.media-container .video-list {margin-top: 1rem; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px dashed #d9d9d9}
.media-container .video-list .video-title, .media-container .video-list h3 {margin-top: 0rem}
.tabs-container {background: #fff}
.tabs-container .nav-tabs {border-bottom-color: #d0d0d0; margin-top: 0px; padding-left: 0px}
.tabs-container .nav-tabs li {padding-bottom: 1px}
.tabs-container .nav-tabs li:not(.active) a:hover {border-color: transparent}
.tabs-container .tab-content {padding-left: 15px; padding-right: 15px}
.tabs-container .list-unstyled, .tabs-container .nav-list {padding-left: 0}
.tabs-container .list-unstyled li:before, .tabs-container .nav-list li:before {display: none !important}
.tabs-container .recipes-list img {margin-right: 10px; margin-bottom: 10px}
.tabs-container .recipes-list h5 {font-size: 19px; margin-top: 0}
.tabs-container .recipes-list li {padding-bottom: 0}
.tabs-container .recipes-list li.divider {border-bottom: 1px solid #d0d0d0}
.ovulation-calculator, .due-date-calculator, .eye-colour-predictor, .height-predictor {color: #666; margin: 30px 0; clear: both}
.mini.ovulation-calculator, .mini.due-date-calculator, .mini.eye-colour-predictor, .mini.height-predictor {margin: 10px 0 0 0}
.ovulation-calculator .calculator-title, .due-date-calculator .calculator-title, .eye-colour-predictor .calculator-title, .height-predictor .calculator-title {border-radius: 10px 10px 0 0; font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; color: #fff !important; font-size: 30px; display: block; padding: 28px 30px 30px 150px; position: relative; margin: 0; line-height: 1em; text-decoration: none !important; outline: none}
.ovulation-calculator .calculator-title:hover, .due-date-calculator .calculator-title:hover, .eye-colour-predictor .calculator-title:hover, .height-predictor .calculator-title:hover {text-decoration: none !important}
.ovulation-calculator .calculator-title strong, .due-date-calculator .calculator-title strong, .eye-colour-predictor .calculator-title strong, .height-predictor .calculator-title strong {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; color: #fff !important}
.ovulation-calculator .calculator-title .calculator-title-icon-container, .due-date-calculator .calculator-title .calculator-title-icon-container, .eye-colour-predictor .calculator-title .calculator-title-icon-container, .height-predictor .calculator-title .calculator-title-icon-container {border-radius: 50%; width: 108px; height: 108px; background: #fff; border: 14px solid #000; position: absolute; top: -10px; left: 20px; text-align: center}
.ovulation-calculator .calculator-title .calculator-title-icon-container:before, .due-date-calculator .calculator-title .calculator-title-icon-container:before, .eye-colour-predictor .calculator-title .calculator-title-icon-container:before, .height-predictor .calculator-title .calculator-title-icon-container:before {border-radius: 50%; content: ''; position: absolute; width: 88px; height: 88px; border: #fff 1px dashed; top: -4px; left: -4px}
.ovulation-calculator .calculator-title .calculator-title-icon-container i, .due-date-calculator .calculator-title .calculator-title-icon-container i, .eye-colour-predictor .calculator-title .calculator-title-icon-container i, .height-predictor .calculator-title .calculator-title-icon-container i {line-height: 78px; vertical-align: middle; color: #000; font-size: 32px}
.ovulation-calculator .calculator-body, .due-date-calculator .calculator-body, .eye-colour-predictor .calculator-body, .height-predictor .calculator-body {border-radius: 0 0 10px 10px; padding: 30px 20px 45px}
.ovulation-calculator .calculator-body .description, .due-date-calculator .calculator-body .description, .eye-colour-predictor .calculator-body .description, .height-predictor .calculator-body .description {text-align: center; margin-bottom: 25px}
.ovulation-calculator .calculator-body .form-container, .due-date-calculator .calculator-body .form-container, .eye-colour-predictor .calculator-body .form-container, .height-predictor .calculator-body .form-container {border-radius: 8px; padding: 20px 0 8px 0; text-align: center}
.ovulation-calculator .calculator-body .form-container form, .due-date-calculator .calculator-body .form-container form, .eye-colour-predictor .calculator-body .form-container form, .height-predictor .calculator-body .form-container form {margin: 0}
.ovulation-calculator .calculator-body .form-container label, .due-date-calculator .calculator-body .form-container label, .eye-colour-predictor .calculator-body .form-container label, .height-predictor .calculator-body .form-container label, .ovulation-calculator .calculator-body .form-container .p-label, .due-date-calculator .calculator-body .form-container .p-label, .eye-colour-predictor .calculator-body .form-container .p-label, .height-predictor .calculator-body .form-container .p-label {margin-bottom: 8px; font-weight: bold; display: block}
.ovulation-calculator .calculator-body .form-container .form-group, .due-date-calculator .calculator-body .form-container .form-group, .eye-colour-predictor .calculator-body .form-container .form-group, .height-predictor .calculator-body .form-container .form-group {margin: 0 5px 15px; display: inline-block}
.ovulation-calculator .calculator-body .form-container .calculate-button, .due-date-calculator .calculator-body .form-container .calculate-button, .eye-colour-predictor .calculator-body .form-container .calculate-button, .height-predictor .calculator-body .form-container .calculate-button {margin: 8px auto -23px; color: #fff; background: #000; display: block}
.ovulation-calculator .calculator-body .calculate-button, .due-date-calculator .calculator-body .calculate-button, .eye-colour-predictor .calculator-body .calculate-button, .height-predictor .calculator-body .calculate-button {font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 18px; line-height: 1; padding: 8px 20px 11px; border: none; border-radius: 18px; text-align: center; vertical-align: middle; cursor: pointer; white-space: nowrap; -webkit-appearance: button; -webkit-font-smoothing: auto}
@media screen and (max-width: 767px) {.nano.ovulation-calculator .calculator-title .calculator-title-icon-container, .nano.due-date-calculator .calculator-title .calculator-title-icon-container, .nano.eye-colour-predictor .calculator-title .calculator-title-icon-container, .nano.height-predictor .calculator-title .calculator-title-icon-container {left: 50%; margin-left: -54px}
}
.ovulation-calculator {max-width: 750px; margin-left: auto; margin-right: auto}
.ovulation-calculator .calculator-title {background-color: #9194ff}
.ovulation-calculator .calculator-title .calculator-title-icon-container {border-color: #9194ff}
.ovulation-calculator .calculator-title .calculator-title-icon-container i.ovulation-calculator-icon {width: 36px; height: 36px; display: inline-block; margin-top: 20px; background-image: url("/images/calculators/ovulation-calculator/icon.svg")}
.ovulation-calculator .calculator-body {background-color: #f2f2ff}
.ovulation-calculator .calculator-body .form-container {background-color: #e8e8ff}
.ovulation-calculator .calculator-body .form-container .form-group.luteal-phase-form-group {margin-right: 16px}
.ovulation-calculator .calculator-body .form-container .calculate-button {background-color: #9194ff; color: #fff; outline: none}
.ovulation-calculator .calculator-body .form-container .calculate-button:hover, .ovulation-calculator .calculator-body .form-container .calculate-button:focus {background-color: #c4c6ff}
.ovulation-calculator .calendar {margin-top: 40px; border-radius: 8px 8px 0 0}
.ovulation-calculator .calendar .title {background-color: #fff; border-radius: 8px 8px 0 0; border: 1px solid #dbdcff; border-bottom: 0; color: #333 !important; font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 24px; position: relative; text-align: center; margin: 0; padding: 12px 0}
.ovulation-calculator .calendar .title strong {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal}
.ovulation-calculator .calendar .title button {position: absolute; top: 0; color: #8387fe !important; background: none; border: 0; font-size: 18px; width: 40px; height: 100%; text-align: center; outline: none}
.ovulation-calculator .calendar .title button.prev {left: 0}
.ovulation-calculator .calendar .title button.next {right: 0}
.ovulation-calculator .calendar table {background-color: #fff; width: 100%; padding: 0; margin: 0; border: 0; border-spacing: 0; border-collapse: collapse; table-layout: fixed}
.ovulation-calculator .calendar table tr {padding: 0; margin: 0; border: 0}
.ovulation-calculator .calendar table th {height: 30px; padding: 0; margin: 0; border: 1px solid #dbdcff; background-color: #f7f7ff; text-align: center; font-size: 10px; font-weight: normal; text-transform: uppercase; vertical-align: middle}
.ovulation-calculator .calendar table td {height: 50px; padding: 0; margin: 0; border: 1px solid #dbdcff; vertical-align: middle; text-align: center; position: relative; color: #fff; font-size: 18px}
.ovulation-calculator .calendar table td.prev:before, .ovulation-calculator .calendar table td.next:before {color: #d1d1d1}
.ovulation-calculator .calendar table td.fertile1, .ovulation-calculator .calendar table td.fertile2, .ovulation-calculator .calendar table td.fertile3, .ovulation-calculator .calendar table td.fertile4, .ovulation-calculator .calendar table td.fertile5 {background-color: #fff7fc}
.ovulation-calculator .calendar table td.fertile6, .ovulation-calculator .calendar table td.fertile7 {background-color: #f7f7f7}
.ovulation-calculator .calendar table td.menstruation, .ovulation-calculator .calendar table td.test {background-color: #f7f7ff}
.ovulation-calculator .calendar table td:before {display: block; position: absolute; top: 4px; left: 4px; color: #666; font-size: 10px; font-weight: normal}
.ovulation-calculator .calendar table td.d1.jan:before {content: "1 Jan"}
.ovulation-calculator .calendar table td.d1.feb:before {content: "1 Feb"}
.ovulation-calculator .calendar table td.d1.mar:before {content: "1 Mar"}
.ovulation-calculator .calendar table td.d1.apr:before {content: "1 Apr"}
.ovulation-calculator .calendar table td.d1.may:before {content: "1 May"}
.ovulation-calculator .calendar table td.d1.jun:before {content: "1 Jun"}
.ovulation-calculator .calendar table td.d1.jul:before {content: "1 Jul"}
.ovulation-calculator .calendar table td.d1.aug:before {content: "1 Aug"}
.ovulation-calculator .calendar table td.d1.sep:before {content: "1 Sep"}
.ovulation-calculator .calendar table td.d1.oct:before {content: "1 Oct"}
.ovulation-calculator .calendar table td.d1.nov:before {content: "1 Nov"}
.ovulation-calculator .calendar table td.d1.dec:before {content: "1 Dec"}
.ovulation-calculator .calendar table td.d2:before {content: "2"}
.ovulation-calculator .calendar table td.d3:before {content: "3"}
.ovulation-calculator .calendar table td.d4:before {content: "4"}
.ovulation-calculator .calendar table td.d5:before {content: "5"}
.ovulation-calculator .calendar table td.d6:before {content: "6"}
.ovulation-calculator .calendar table td.d7:before {content: "7"}
.ovulation-calculator .calendar table td.d8:before {content: "8"}
.ovulation-calculator .calendar table td.d9:before {content: "9"}
.ovulation-calculator .calendar table td.d10:before {content: "10"}
.ovulation-calculator .calendar table td.d11:before {content: "11"}
.ovulation-calculator .calendar table td.d12:before {content: "12"}
.ovulation-calculator .calendar table td.d13:before {content: "13"}
.ovulation-calculator .calendar table td.d14:before {content: "14"}
.ovulation-calculator .calendar table td.d15:before {content: "15"}
.ovulation-calculator .calendar table td.d16:before {content: "16"}
.ovulation-calculator .calendar table td.d17:before {content: "17"}
.ovulation-calculator .calendar table td.d18:before {content: "18"}
.ovulation-calculator .calendar table td.d19:before {content: "19"}
.ovulation-calculator .calendar table td.d20:before {content: "20"}
.ovulation-calculator .calendar table td.d21:before {content: "21"}
.ovulation-calculator .calendar table td.d22:before {content: "22"}
.ovulation-calculator .calendar table td.d23:before {content: "23"}
.ovulation-calculator .calendar table td.d24:before {content: "24"}
.ovulation-calculator .calendar table td.d25:before {content: "25"}
.ovulation-calculator .calendar table td.d26:before {content: "26"}
.ovulation-calculator .calendar table td.d27:before {content: "27"}
.ovulation-calculator .calendar table td.d28:before {content: "28"}
.ovulation-calculator .calendar table td.d29:before {content: "29"}
.ovulation-calculator .calendar table td.d30:before {content: "30"}
.ovulation-calculator .calendar table td.d31:before {content: "31"}
.ovulation-calculator .calendar i.fa-heart {color: #f9acda; position: relative}
.ovulation-calculator .calendar i.fa-heart:after {content: "\f004"; color: black; position: absolute; top: 0; left: 0; color: #ec008c}
.ovulation-calculator .calendar i.fa-heart.percent25:after {clip: rect(12px, 18px, 18px, 0)}
.ovulation-calculator .calendar i.fa-heart.percent50:after {clip: rect(9px, 18px, 18px, 0)}
.ovulation-calculator .calendar i.fa-heart.percent75:after {clip: rect(6px, 18px, 18px, 0)}
.ovulation-calculator .calendar i.fa-tint {color: #7878ff}
.ovulation-calculator .calendar i.fa-long-arrow-right {color: #aaa; transform: rotate(35deg)}
.ovulation-calculator .calendar i.fa-thumbs-up {color: #aaa}
.ovulation-calculator .calendar i.fa-magic {color: #7878ff}
.ovulation-calculator .calendar i.fa-calendar {color: #7878ff}
.ovulation-calculator .calendar i.fa-child {color: #7878ff}
.ovulation-calculator .calendar i + i {margin-left: 3px}
.ovulation-calculator .calendar .details {background-color: #f7f7ff; border-radius: 0 0 8px 8px; margin-bottom: -25px}
.ovulation-calculator .calendar .details .item {position: relative; color: #999; padding: 10px 0; overflow: hidden}
.ovulation-calculator .calendar .details .item + .item:before {content: ''; display: block; background: #dddeff; height: 1px; width: 100%; position: absolute; top: 0; margin-left: 40px}
.ovulation-calculator .calendar .details .icon {position: absolute; left: 10px; top: 10px; width: 20px; text-align: center; font-size: 18px}
.ovulation-calculator .calendar .details .date {color: #333; position: absolute; left: 40px; top: 10px}
.ovulation-calculator .calendar .details .desc {margin-left: 80px}
.ovulation-calculator .calendar .details .desc strong {color: #5f64fe !important}
.ovulation-calculator .calendar .details .more {margin-left: 80px; text-decoration: none !important; color: #5f64fe !important}
.ovulation-calculator .calendar .details .more:hover {text-decoration: underline !important}
.ovulation-calculator .custom-select-container select {width: auto; height: auto}
.due-date-calculator {max-width: 608px; margin-left: auto; margin-right: auto}
.due-date-calculator .calculator-title {background-color: #62cefc}
.due-date-calculator .calculator-title .calculator-title-icon-container {border-color: #62cefc}
.due-date-calculator .calculator-title .calculator-title-icon-container i {color: #62cefc}
.due-date-calculator .calculator-body {background-color: #daf3fe}
.due-date-calculator .calculator-body .form-container {background-color: #cbeffe}
.due-date-calculator .calculator-body .form-container .form-group.luteal-phase-form-group {margin-right: 16px}
.due-date-calculator .calculator-body .form-container .calculate-button {background-color: #62cefc; color: #fff; outline: none}
.due-date-calculator .calculator-body .form-container .calculate-button:hover, .due-date-calculator .calculator-body .form-container .calculate-button:focus {background-color: #94defd}
.due-date-calculator .results {position: relative; background-color: #fffdec; width: 100%; margin-top: 30px; color: #666; padding: 20px; line-height: 1.428571429; text-align: center; border: 1px solid #e6e4d5; border-radius: 6px}
.due-date-calculator .results .heading {font-family: 'Huggies Omnes Semibold', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 600; font-size: 30px; padding-bottom: 6px}
.due-date-calculator .results .calendar {position: relative; margin: 10px auto 15px; width: 120px; height: 120px; overflow: hidden; background-color: #fff; border: 1px solid #e6e4d5; border-radius: 8px}
.due-date-calculator .results .calendar:before {content: 'Due date'; background-color: #e62e49; font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; font-size: 20px; color: #fff; display: block; line-height: 34px; text-align: center}
.due-date-calculator .results .calendar strong {font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; color: #666 !important; display: block; text-align: center; font-size: 55px; line-height: 53px}
.due-date-calculator .results .calendar span {font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; color: #666; display: block; text-align: center; font-size: 20px}
.due-date-calculator .results .event {font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 21px; position: relative}
.due-date-calculator .results .event.due {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500}
.due-date-calculator .results .event span {position: relative; left: 0; display: block; margin-bottom: 15px}
.due-date-calculator .results .event div {display: none}
.due-date-calculator .results .disclaimer {color: #bcbbb1; font-size: 12px; text-align: center; padding-top: 20px; opacity: .6}
.due-date-calculator .calculator-join {background: #f2f2e6; border-radius: 0 0 10px 10px; margin-top: -10px}
.due-date-calculator .calculator-join .congratulations {background: #f8f9fb; padding: 30px 35px; color: #666 !important}
.due-date-calculator .calculator-join .congratulations h3 {color: #ec008c !important; border: 0 !important; margin: 0 !important}
.due-date-calculator .calculator-join .congratulations p {margin: 15px 0 15px 0 !important; font-size: 14px}
.due-date-calculator .calculator-join .congratulations strong {color: #666 !important}
.due-date-calculator .calculator-join .guest {margin: 30px 30px 10px; padding-bottom: 15px}
.due-date-calculator .calculator-join .guest .row {margin-top: 15px; margin-bottom: 15px}
.due-date-calculator .calculator-join .join-now-form-container > h2 {display: none}
.due-date-calculator .calculator-join .join-now-form-container a {color: #4cb940}
.due-date-calculator .calculator-join .join-now-form-container a:hover {color: #4cb940}
.due-date-calculator .calculator-join .about-yourself-container, .due-date-calculator .calculator-join .dob-container, .due-date-calculator .calculator-join .bad-response-container, .due-date-calculator .calculator-join .bad-signin-response-container {-webkit-transition: all 0.6s; transition: all 0.6s}
.due-date-calculator .calculator-join .about-yourself-container.slide-out, .due-date-calculator .calculator-join .dob-container.slide-out, .due-date-calculator .calculator-join .bad-response-container.slide-out, .due-date-calculator .calculator-join .bad-signin-response-container.slide-out {opacity: 0; height: 0; overflow: hidden; -ms-transform: translate3D(0, 10px, 0); -webkit-transform: translate3D(0, 10px, 0); transform: translate3D(0, 10px, 0)}
.due-date-calculator .calculator-join .form-control {display: block; width: 100%; font-size: 15px; line-height: 1.428571429; color: #555555; background-color: #fff; background-image: none}
.due-date-calculator .calculator-join input[type="text"], .due-date-calculator .calculator-join input[type="email"] {border: none; border-radius: 9px; height: 40px; padding: 9px 14px; box-shadow: none; border: none; margin-bottom: 15px}
.due-date-calculator .calculator-join .join-btn {display: block; margin: 15px 0 10px; color: #fff; font-size: 18px; border-radius: 22px; border: none; padding: 12px 30px 15px}
.due-date-calculator .calculator-join .conditions-container a {color: #e62e49 !important; font-weight: bold; text-decoration: none !important}
.due-date-calculator .custom-select-container, .due-date-calculator .l-join-form .custom-select-container {width: auto; height: auto; max-width: 100%}
.due-date-calculator .custom-select-container select, .due-date-calculator .l-join-form .custom-select-container select {width: auto; height: auto; margin-bottom: 0}
.due-date-calculator .l-join-form .thank-you {text-align: left; margin: 0 30px}
.due-date-calculator .l-join-form .thank-you p {font-size: 14px}
.due-date-calculator .l-join-form .about-yourself p, .due-date-calculator .l-join-form .bad-response p {margin: 8px 0}
.due-date-calculator .model .modal-header .close {text-decoration: none}
.due-date-calculator .model .modal-header h2 {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; color: #4d4d4d; font-size: 32px; line-height: 32px; margin: 0}
.due-date-calculator .model .modal-body a {color: #4cb940; font-weight: bold}
@media (min-width: 450px) {.due-date-calculator .calculator-join .congratulations {background: #f8f9fb url("/images/calculators/due-date-calculator/congratulations-banner.jpg") 100% 50% no-repeat; background-size: contain}
.due-date-calculator .calculator-join .congratulations p {margin: 15px 45% 15px 0 !important}
}
@media (min-width: 992px) {.due-date-calculator .results {text-align: left}
.due-date-calculator .results .calendar {position: absolute; top: 30px; right: 20px; width: 150px; height: 150px; margin: 0}
.due-date-calculator .results .calendar strong {font-size: 80px; line-height: 1}
.due-date-calculator .results .event span {position: absolute; top: 0; left: 210px}
.due-date-calculator .results .event div {margin-bottom: 3px}
}
.eye-colour-predictor {max-width: 750px; margin-left: auto; margin-right: auto}
.eye-colour-predictor .calculator-title {background-color: #f039a6; padding: 28px 30px 30px 85px}
.eye-colour-predictor .calculator-title .calculator-title-icon-container-small {display: inline-block; text-align: left; font-size: 45px; line-height: 85px; position: absolute; top: 0; left: 25px}
.eye-colour-predictor .calculator-body {background: #fde5f3; padding: 30px 20px 35px}
.eye-colour-predictor .calculator-body .eye {border: 3px solid transparent; width: 82px; height: 82px; display: inline-block; border-radius: 41px; background-color: white; background-clip: content-box; position: relative}
.eye-colour-predictor .calculator-body .eye:before {content: ''; display: block; height: 62px; width: 62px; position: absolute; top: 7px; left: 7px; background-image: url("/images/calculators/eye-colour-predictor/eyes.png"); background-repeat: no-repeat}
.eye-colour-predictor .calculator-body .eye.blue:before {background-position: 0 0}
.eye-colour-predictor .calculator-body .eye.brown:before {background-position: -62px 0}
.eye-colour-predictor .calculator-body .eye.green:before {background-position: -124px 0}
.eye-colour-predictor .calculator-body .form-container {background-color: #fcdbee; border: 1px dashed #f8a0d4}
.eye-colour-predictor .calculator-body .form-container:before, .eye-colour-predictor .calculator-body .form-container:after {content: " "; display: table}
.eye-colour-predictor .calculator-body .form-container:after {clear: both}
.eye-colour-predictor .calculator-body .form-container .form-group {width: 100%; float: left; margin: 0; padding-bottom: 20px; text-align: center; position: relative}
.eye-colour-predictor .calculator-body .form-container .form-group + .form-group {margin-top: 20px}
.eye-colour-predictor .calculator-body .form-container .form-group + .form-group:before {content: ''; display: block; position: absolute; background-color: #f8a0d4; width: 80%; height: 1px; top: -20px; left: 10%}
@media (min-width: 768px) {.eye-colour-predictor .calculator-body .form-container .form-group {width: 50%; margin-top: 0}
.eye-colour-predictor .calculator-body .form-container .form-group + .form-group {margin-top: 0}
.eye-colour-predictor .calculator-body .form-container .form-group + .form-group:before {width: 1px; height: 60%; top: 20%; left: 0}
}
.eye-colour-predictor .calculator-body .form-container .parent.blue .eye.blue {border-color: #00aeef; color: #00aeef}
.eye-colour-predictor .calculator-body .form-container .parent.blue .eye.brown, .eye-colour-predictor .calculator-body .form-container .parent.blue .eye.green {opacity: .5}
.eye-colour-predictor .calculator-body .form-container .parent.brown .eye.brown {border-color: #b37a36; color: #b37a36}
.eye-colour-predictor .calculator-body .form-container .parent.brown .eye.blue, .eye-colour-predictor .calculator-body .form-container .parent.brown .eye.green {opacity: .5}
.eye-colour-predictor .calculator-body .form-container .parent.green .eye.green {border-color: #78b336; color: #78b336}
.eye-colour-predictor .calculator-body .form-container .parent.green .eye.blue, .eye-colour-predictor .calculator-body .form-container .parent.green .eye.brown {opacity: .5}
.eye-colour-predictor .calculator-body .form-container .parent .eye {cursor: pointer; margin-bottom: 28px}
.eye-colour-predictor .calculator-body .form-container .parent .eye:after {display: block; width: 100%; text-align: center; position: absolute; bottom: -28px}
.eye-colour-predictor .calculator-body .form-container .parent .eye.blue:after {content: 'Blue'}
.eye-colour-predictor .calculator-body .form-container .parent .eye.brown:after {content: 'Brown'}
.eye-colour-predictor .calculator-body .form-container .parent .eye.green:after {content: 'Green'}
.eye-colour-predictor .calculator-body .form-container .calculate-button {background-color: #ec008c; color: #fff; outline: none; text-shadow: none; box-shadow: none}
.eye-colour-predictor .calculator-body .form-container .calculate-button:hover, .eye-colour-predictor .calculator-body .form-container .calculate-button:focus {background-color: #ff20a4}
.eye-colour-predictor .results {border: 1px solid #fbcbe7; border-radius: 8px; background-color: #fef8fc; margin-top: 28px; padding-bottom: 25px}
.eye-colour-predictor .results.blue-blue .pie .slice.green {-webkit-transform: rotate(86deg); transform: rotate(86deg)}
.eye-colour-predictor .results.blue-blue .pie .slice.green:before {-webkit-transform: rotate(4deg); transform: rotate(4deg)}
.eye-colour-predictor .results.blue-blue .pie .label.green {-webkit-transform: rotate(-182deg); transform: rotate(-182deg)}
.eye-colour-predictor .results.blue-blue .pie .label.green:before {content: "Green 1%"; -webkit-transform: rotate(182deg); transform: rotate(182deg)}
.eye-colour-predictor .results.blue-blue .pie .slice.blue {width: 200px; height: 200px; left: 0; -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(90deg); transform: rotate(90deg)}
.eye-colour-predictor .results.blue-blue .pie .slice.blue:before {left: 0}
.eye-colour-predictor .results.blue-blue .pie .slice.blue:after {content: ""; position: absolute; width: 100px; height: 200px; left: 100px; border-radius: 0 100px 100px 0}
.eye-colour-predictor .results.blue-blue .pie .slice.blue:before {-webkit-transform: rotate(356deg); transform: rotate(356deg)}
.eye-colour-predictor .results.blue-blue .pie .label.blue {-webkit-transform: rotate(-2deg); transform: rotate(-2deg)}
.eye-colour-predictor .results.blue-blue .pie .label.blue:before {content: "Blue 99%"; -webkit-transform: rotate(2deg); transform: rotate(2deg)}
.eye-colour-predictor .results.blue-brown .pie .slice.brown, .eye-colour-predictor .results.brown-blue .pie .slice.brown {-webkit-transform: rotate(-90deg); transform: rotate(-90deg)}
.eye-colour-predictor .results.blue-brown .pie .slice.brown:before, .eye-colour-predictor .results.brown-blue .pie .slice.brown:before {-webkit-transform: rotate(180deg); transform: rotate(180deg)}
.eye-colour-predictor .results.blue-brown .pie .label.brown, .eye-colour-predictor .results.brown-blue .pie .label.brown {-webkit-transform: rotate(-270deg); transform: rotate(-270deg)}
.eye-colour-predictor .results.blue-brown .pie .label.brown:before, .eye-colour-predictor .results.brown-blue .pie .label.brown:before {content: "Brown 50%"; -webkit-transform: rotate(270deg); transform: rotate(270deg)}
.eye-colour-predictor .results.blue-brown .pie .slice.blue, .eye-colour-predictor .results.brown-blue .pie .slice.blue {-webkit-transform: rotate(90deg); transform: rotate(90deg)}
.eye-colour-predictor .results.blue-brown .pie .slice.blue:before, .eye-colour-predictor .results.brown-blue .pie .slice.blue:before {-webkit-transform: rotate(180deg); transform: rotate(180deg)}
.eye-colour-predictor .results.blue-brown .pie .label.blue, .eye-colour-predictor .results.brown-blue .pie .label.blue {-webkit-transform: rotate(-90deg); transform: rotate(-90deg)}
.eye-colour-predictor .results.blue-brown .pie .label.blue:before, .eye-colour-predictor .results.brown-blue .pie .label.blue:before {content: "Blue 50%"; -webkit-transform: rotate(90deg); transform: rotate(90deg)}
.eye-colour-predictor .results.blue-green .pie .slice.green, .eye-colour-predictor .results.green-blue .pie .slice.green {-webkit-transform: rotate(90deg); transform: rotate(90deg)}
.eye-colour-predictor .results.blue-green .pie .slice.green:before, .eye-colour-predictor .results.green-blue .pie .slice.green:before {-webkit-transform: rotate(180deg); transform: rotate(180deg)}
.eye-colour-predictor .results.blue-green .pie .label.green, .eye-colour-predictor .results.green-blue .pie .label.green {-webkit-transform: rotate(-90deg); transform: rotate(-90deg)}
.eye-colour-predictor .results.blue-green .pie .label.green:before, .eye-colour-predictor .results.green-blue .pie .label.green:before {content: "Green 50%"; -webkit-transform: rotate(90deg); transform: rotate(90deg)}
.eye-colour-predictor .results.blue-green .pie .slice.blue, .eye-colour-predictor .results.green-blue .pie .slice.blue {-webkit-transform: rotate(270deg); transform: rotate(270deg)}
.eye-colour-predictor .results.blue-green .pie .slice.blue:before, .eye-colour-predictor .results.green-blue .pie .slice.blue:before {-webkit-transform: rotate(180deg); transform: rotate(180deg)}
.eye-colour-predictor .results.blue-green .pie .label.blue, .eye-colour-predictor .results.green-blue .pie .label.blue {-webkit-transform: rotate(90deg); transform: rotate(90deg)}
.eye-colour-predictor .results.blue-green .pie .label.blue:before, .eye-colour-predictor .results.green-blue .pie .label.blue:before {content: "Blue 50%"; -webkit-transform: rotate(-90deg); transform: rotate(-90deg)}
.eye-colour-predictor .results.brown-brown .pie .slice.green {-webkit-transform: rotate(55deg); transform: rotate(55deg)}
.eye-colour-predictor .results.brown-brown .pie .slice.green:before {-webkit-transform: rotate(65deg); transform: rotate(65deg)}
.eye-colour-predictor .results.brown-brown .pie .label.green {-webkit-transform: rotate(-182deg); transform: rotate(-182deg)}
.eye-colour-predictor .results.brown-brown .pie .label.green:before {content: "Green 18%"; -webkit-transform: rotate(182deg); transform: rotate(182deg)}
.eye-colour-predictor .results.brown-brown .pie .slice.brown {width: 200px; height: 200px; left: 0; -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(120deg); transform: rotate(120deg)}
.eye-colour-predictor .results.brown-brown .pie .slice.brown:before {left: 0}
.eye-colour-predictor .results.brown-brown .pie .slice.brown:after {content: ""; position: absolute; width: 100px; height: 200px; left: 100px; border-radius: 0 100px 100px 0}
.eye-colour-predictor .results.brown-brown .pie .slice.brown:before {-webkit-transform: rotate(270deg); transform: rotate(270deg)}
.eye-colour-predictor .results.brown-brown .pie .label.brown {-webkit-transform: rotate(-15deg); transform: rotate(-15deg)}
.eye-colour-predictor .results.brown-brown .pie .label.brown:before {content: "Brown 75%"; -webkit-transform: rotate(15deg); transform: rotate(15deg)}
.eye-colour-predictor .results.brown-brown .pie .slice.blue {-webkit-transform: rotate(390deg); transform: rotate(390deg)}
.eye-colour-predictor .results.brown-brown .pie .slice.blue:before {-webkit-transform: rotate(25deg); transform: rotate(25deg)}
.eye-colour-predictor .results.brown-brown .pie .label.blue {-webkit-transform: rotate(133deg); transform: rotate(133deg)}
.eye-colour-predictor .results.brown-brown .pie .label.blue:before {content: "Blue 7%"; -webkit-transform: rotate(-133deg); transform: rotate(-133deg)}
.eye-colour-predictor .results.brown-green .pie .slice.green, .eye-colour-predictor .results.green-brown .pie .slice.green {-webkit-transform: rotate(-47deg); transform: rotate(-47deg)}
.eye-colour-predictor .results.brown-green .pie .slice.green:before, .eye-colour-predictor .results.green-brown .pie .slice.green:before {-webkit-transform: rotate(137deg); transform: rotate(137deg)}
.eye-colour-predictor .results.brown-green .pie .label.green, .eye-colour-predictor .results.green-brown .pie .label.green {-webkit-transform: rotate(-248deg); transform: rotate(-248deg)}
.eye-colour-predictor .results.brown-green .pie .label.green:before, .eye-colour-predictor .results.green-brown .pie .label.green:before {content: "Green 38%"; -webkit-transform: rotate(248deg); transform: rotate(248deg)}
.eye-colour-predictor .results.brown-green .pie .slice.brown, .eye-colour-predictor .results.green-brown .pie .slice.brown {-webkit-transform: rotate(90deg); transform: rotate(90deg)}
.eye-colour-predictor .results.brown-green .pie .slice.brown:before, .eye-colour-predictor .results.green-brown .pie .slice.brown:before {-webkit-transform: rotate(180deg); transform: rotate(180deg)}
.eye-colour-predictor .results.brown-green .pie .label.brown, .eye-colour-predictor .results.green-brown .pie .label.brown {-webkit-transform: rotate(-90deg); transform: rotate(-90deg)}
.eye-colour-predictor .results.brown-green .pie .label.brown:before, .eye-colour-predictor .results.green-brown .pie .label.brown:before {content: "Brown 50%"; -webkit-transform: rotate(90deg); transform: rotate(90deg)}
.eye-colour-predictor .results.brown-green .pie .slice.blue, .eye-colour-predictor .results.green-brown .pie .slice.blue {-webkit-transform: rotate(270deg); transform: rotate(270deg)}
.eye-colour-predictor .results.brown-green .pie .slice.blue:before, .eye-colour-predictor .results.green-brown .pie .slice.blue:before {-webkit-transform: rotate(43deg); transform: rotate(43deg)}
.eye-colour-predictor .results.brown-green .pie .label.blue, .eye-colour-predictor .results.green-brown .pie .label.blue {-webkit-transform: rotate(22deg); transform: rotate(22deg)}
.eye-colour-predictor .results.brown-green .pie .label.blue:before, .eye-colour-predictor .results.green-brown .pie .label.blue:before {content: "Blue 12%"; -webkit-transform: rotate(-22deg); transform: rotate(-22deg)}
.eye-colour-predictor .results.green-green .pie .slice.green {width: 200px; height: 200px; left: 0; -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(90deg); transform: rotate(90deg)}
.eye-colour-predictor .results.green-green .pie .slice.green:before {left: 0}
.eye-colour-predictor .results.green-green .pie .slice.green:after {content: ""; position: absolute; width: 100px; height: 200px; left: 100px; border-radius: 0 100px 100px 0}
.eye-colour-predictor .results.green-green .pie .slice.green:before {-webkit-transform: rotate(270deg); transform: rotate(270deg)}
.eye-colour-predictor .results.green-green .pie .label.green {-webkit-transform: rotate(-45deg); transform: rotate(-45deg)}
.eye-colour-predictor .results.green-green .pie .label.green:before {content: "Green 75%"; -webkit-transform: rotate(45deg); transform: rotate(45deg)}
.eye-colour-predictor .results.green-green .pie .slice.blue {-webkit-transform: rotate(360deg); transform: rotate(360deg)}
.eye-colour-predictor .results.green-green .pie .slice.blue:before {-webkit-transform: rotate(90deg); transform: rotate(90deg)}
.eye-colour-predictor .results.green-green .pie .label.blue {-webkit-transform: rotate(135deg); transform: rotate(135deg)}
.eye-colour-predictor .results.green-green .pie .label.blue:before {content: "Blue 25%"; -webkit-transform: rotate(-135deg); transform: rotate(-135deg)}
.eye-colour-predictor .results.blue-blue .overview .eye.brown, .eye-colour-predictor .results.blue-blue .overview .eye.green {display: none}
.eye-colour-predictor .results.blue-blue .overview .colour1:before {content: 'Blue'; color: #00aeef}
.eye-colour-predictor .results.blue-blue .overview .multi {display: none}
.eye-colour-predictor .results.blue-brown .overview .eye.green, .eye-colour-predictor .results.brown-blue .overview .eye.green {display: none}
.eye-colour-predictor .results.blue-brown .overview .colour1:before, .eye-colour-predictor .results.brown-blue .overview .colour1:before {content: 'Blue'; color: #00aeef}
.eye-colour-predictor .results.blue-brown .overview .colour2:before, .eye-colour-predictor .results.brown-blue .overview .colour2:before {content: 'Brown'; color: #b37a36}
.eye-colour-predictor .results.blue-brown .overview .single, .eye-colour-predictor .results.brown-blue .overview .single {display: none}
.eye-colour-predictor .results.blue-green .overview .eye.brown, .eye-colour-predictor .results.green-blue .overview .eye.brown {display: none}
.eye-colour-predictor .results.blue-green .overview .colour1:before, .eye-colour-predictor .results.green-blue .overview .colour1:before {content: 'Blue'; color: #00aeef}
.eye-colour-predictor .results.blue-green .overview .colour2:before, .eye-colour-predictor .results.green-blue .overview .colour2:before {content: 'Green'; color: #78b336}
.eye-colour-predictor .results.blue-green .overview .single, .eye-colour-predictor .results.green-blue .overview .single {display: none}
.eye-colour-predictor .results.brown-brown .overview .eye.blue, .eye-colour-predictor .results.brown-brown .overview .eye.green {display: none}
.eye-colour-predictor .results.brown-brown .overview .colour1:before {content: 'Brown'; color: #b37a36}
.eye-colour-predictor .results.brown-brown .overview .multi {display: none}
.eye-colour-predictor .results.brown-green .overview .eye.blue, .eye-colour-predictor .results.brown-green .overview .eye.green, .eye-colour-predictor .results.green-brown .overview .eye.blue, .eye-colour-predictor .results.green-brown .overview .eye.green {display: none}
.eye-colour-predictor .results.brown-green .overview .colour1:before, .eye-colour-predictor .results.green-brown .overview .colour1:before {content: 'Brown'; color: #b37a36}
.eye-colour-predictor .results.brown-green .overview .multi, .eye-colour-predictor .results.green-brown .overview .multi {display: none}
.eye-colour-predictor .results.green-green .overview .eye.blue, .eye-colour-predictor .results.green-green .overview .eye.brown {display: none}
.eye-colour-predictor .results.green-green .overview .colour1:before {content: 'Green'; color: #78b336}
.eye-colour-predictor .results.green-green .overview .multi {display: none}
.eye-colour-predictor .results .heading {color: #333; text-align: center; margin: 30px 10px; font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 24px; line-height: 26px}
.eye-colour-predictor .results .heading strong {color: #333 !important; font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal}
.eye-colour-predictor .results .cols {display: block}
.eye-colour-predictor .results .graph, .eye-colour-predictor .results .words {display: block; vertical-align: middle; text-align: center}
.eye-colour-predictor .results .words {position: relative}
.eye-colour-predictor .results .words:before {content: ''; display: block; position: absolute; left: 10%; top: 0; background: #fbcbe7; width: 80%; height: 1px}
@media (min-width: 768px) {.eye-colour-predictor .results .cols {display: table-row}
.eye-colour-predictor .results .graph, .eye-colour-predictor .results .words {display: table-cell}
.eye-colour-predictor .results .graph {width: 55%}
.eye-colour-predictor .results .words {width: 45%}
.eye-colour-predictor .results .words:before {left: 0; top: 10%; width: 1px; height: 80%}
}
.eye-colour-predictor .results .pie {position: relative; min-height: 200px; display: inline-block; width: 200px; border-radius: 100px; margin: 20px 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden}
.eye-colour-predictor .results .pie:after {content: ''; display: block; background-color: #fff; width: 220px; height: 220px; border-radius: 110px; z-index: 100; position: absolute; top: -10px; left: -10px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3)}
.eye-colour-predictor .results .pie .slice {position: absolute; width: 100px; height: 200px; overflow: hidden; left: 100px; -webkit-transform-origin: left center; transform-origin: left center; z-index: 101; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden}
.eye-colour-predictor .results .pie .slice:before {content: ""; position: absolute; width: 100px; height: 200px; left: -100px; border-radius: 100px 0 0 100px; -webkit-transform-origin: right center; transform-origin: right center}
.eye-colour-predictor .results .pie .slice.blue:before, .eye-colour-predictor .results .pie .slice.blue:after {background-color: #00aeef}
.eye-colour-predictor .results .pie .slice.brown:after, .eye-colour-predictor .results .pie .slice.brown:before {background-color: #b37a36}
.eye-colour-predictor .results .pie .slice.green:after, .eye-colour-predictor .results .pie .slice.green:before {background-color: #78b336}
.eye-colour-predictor .results .pie .label {position: absolute; top: 0; left: 0; width: 200px; height: 200px; -webkit-transform-origin: center; transform-origin: center; z-index: 102; display: block; padding: 0; font-size: 100%; font-weight: normal; line-height: inherit; border-radius: 0; white-space: normal; text-shadow: none; background-color: transparent}
.eye-colour-predictor .results .pie .label:empty {display: block}
.eye-colour-predictor .results .pie .label:before {color: white; display: table-cell; height: 200px; width: 75px; text-align: center; -webkit-transform-origin: center; transform-origin: center; vertical-align: middle; white-space: pre}
.eye-colour-predictor .results .overview {padding: 20px 50px; margin-top: 20px}
@media (min-width: 768px) {.eye-colour-predictor .results .overview {margin-top: 0}
}
.eye-colour-predictor .results .overview .message {color: #333}
.eye-colour-predictor .results .overview .disclaimer {color: #999; font-size: 12px; margin-top: 20px}
@-webkit-keyframes movingmarker {0% {bottom: 101px}
20% {bottom: 151px}
40% {bottom: 76px}
50% {bottom: 126px}
80% {bottom: 51px}
100% {bottom: 101px}
}
@-moz-keyframes movingmarker {0% {bottom: 101px}
20% {bottom: 151px}
40% {bottom: 76px}
50% {bottom: 126px}
80% {bottom: 51px}
100% {bottom: 101px}
}
@keyframes movingmarker {0% {bottom: 101px}
20% {bottom: 151px}
40% {bottom: 76px}
50% {bottom: 126px}
80% {bottom: 51px}
100% {bottom: 101px}
}
.height-predictor {max-width: 750px; margin-left: auto; margin-right: auto; overflow: hidden; -webkit-font-smoothing: auto; width: 100%}
.height-predictor.splash .calculator-body {background-color: #60dba6; padding: 0 20px}
.height-predictor.splash .splash {display: block; position: relative}
.height-predictor.splash .splash .scale {bottom: -20px; left: 35%}
.height-predictor.splash .splash .words {color: #fff !important; font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 35px; line-height: 42px; display: block; text-align: center; padding: 20px 0 300px 0}
.height-predictor.splash .splash .try-button {background-color: #f24daf; background-image: none; box-shadow: none; border-width: 0; border-radius: 16px; text-shadow: none; color: #fff; outline: none; margin: 15px auto 0 auto; padding: 8px 20px; display: block; font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 18px; line-height: 1}
.height-predictor.splash .form-container, .height-predictor.splash .results {display: none}
@media (min-width: 640px) and (max-width: 768px) {.height-predictor.splash .calculator-title {padding: 28px 5px 30px 285px}
.height-predictor.splash .calculator-title .calculator-title-icon-container-small {left: 235px}
.height-predictor.splash .splash {height: 215px; padding-left: 275px}
.height-predictor.splash .splash .scale {bottom: -15px; left: 55px}
.height-predictor.splash .splash .words {height: 215px; display: table-cell; vertical-align: middle; text-align: left; padding: 20px 0}
.height-predictor.splash .splash .try-button {margin-left: 0; margin-right: 0}
.height-predictor.splash .splash .try-button:hover, .height-predictor.splash .splash .try-button:focus {background-color: #f57dc4}
}
@media (min-width: 992px) {.height-predictor.splash .calculator-title {padding: 28px 5px 30px 285px}
.height-predictor.splash .calculator-title .calculator-title-icon-container-small {left: 235px}
.height-predictor.splash .splash {height: 215px; padding-left: 275px}
.height-predictor.splash .splash .scale {bottom: -15px; left: 55px}
.height-predictor.splash .splash .words {height: 215px; display: table-cell; vertical-align: middle; text-align: left; padding: 20px 0}
.height-predictor.splash .splash .try-button {margin-left: 0; margin-right: 0}
.height-predictor.splash .splash .try-button:hover, .height-predictor.splash .splash .try-button:focus {background-color: #f57dc4}
}
.height-predictor .splash {display: none}
.height-predictor .calculator-title {background-color: #55c393; padding: 28px 20px 30px 85px}
.height-predictor .calculator-title .calculator-title-icon-container-small {display: inline-block; text-align: left; font-size: 45px; line-height: 85px; position: absolute; top: 0; left: 25px}
.height-predictor .calculator-body {background-color: #e9f7f1; padding: 30px 20px 35px}
.height-predictor .calculator-body .form-container {background-color: #e0f4eb; border: 1px dashed #ade2cb}
.height-predictor .calculator-body .form-container .form-inline {text-align: center}
@media (min-width: 768px) {.height-predictor .calculator-body .form-container .form-inline {text-align: left}
}
.height-predictor .calculator-body .form-container .form-group {width: 31%; min-width: 170px; display: inline-block; margin: 0; padding: 0 5px 10px 5px; padding-bottom: 20px; text-align: center; vertical-align: top}
.height-predictor .calculator-body .form-container .form-group label {text-align: center}
.height-predictor .calculator-body .form-container .baby {white-space: nowrap}
.height-predictor .calculator-body .form-container .baby.boy .boy, .height-predictor .calculator-body .form-container .baby.girl .girl {border: 2px solid #ade2cb}
.height-predictor .calculator-body .form-container .baby.boy .girl, .height-predictor .calculator-body .form-container .baby.girl .boy {opacity: .5}
.height-predictor .calculator-body .form-container .baby .boy, .height-predictor .calculator-body .form-container .baby .girl {background-color: #fff; border: 2px solid transparent; border-radius: 10px; width: 66px; height: 43px; display: inline-block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none}
.height-predictor .calculator-body .form-container .baby .boy:before, .height-predictor .calculator-body .form-container .baby .girl:before {content: ''; display: block; width: 62px; height: 27px; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; margin-top: 6px}
.height-predictor .calculator-body .form-container .baby .boy:before {background-image: url("/images/calculators/height-predictor/boy.svg")}
.height-predictor .calculator-body .form-container .baby .girl {margin-left: 3px}
.height-predictor .calculator-body .form-container .baby .girl:before {background-image: url("/images/calculators/height-predictor/girl.svg")}
.height-predictor .calculator-body .form-container .mother, .height-predictor .calculator-body .form-container .father {position: relative; border-radius: 10px; margin-right: 50px}
.height-predictor .calculator-body .form-container .mother input, .height-predictor .calculator-body .form-container .father input {display: inline-block; width: 100%; vertical-align: middle; height: 43px; padding: 6px 12px; font-size: 15px; line-height: 1.42857; color: #666; background-color: white; background-image: none; border: 2px solid transparent; border-radius: 10px 0 0 10px; box-shadow: none; -webkit-transition: none; transition: none}
.height-predictor .calculator-body .form-container .mother input:focus, .height-predictor .calculator-body .form-container .father input:focus {border-color: #ade2cb; outline: 0}
.height-predictor .calculator-body .form-container .mother:after, .height-predictor .calculator-body .form-container .father:after {content: 'cm'; display: block; position: absolute; right: -50px; top: 0; background-color: #f1faf7; height: 43px; line-height: 43px; width: 50px; color: #999; font-size: 15px; border-radius: 0 10px 10px 0}
.height-predictor .calculator-body .form-container .calculate-button {clear: both; background-color: #23b274; color: #fff; outline: none; text-shadow: none; box-shadow: none}
.height-predictor .calculator-body .form-container .calculate-button:hover, .height-predictor .calculator-body .form-container .calculate-button:focus {background-color: #31d78f}
.height-predictor .results {margin-top: 30px; border-radius: 6px; width: 100%; position: relative; color: #fff; text-align: center}
.height-predictor .results.boy {background-color: #64cef6}
.height-predictor .results.boy .words:after {background-color: #88d9f8}
.height-predictor .results.boy .marker.min, .height-predictor .results.boy .marker.max {background-color: #f362bb}
.height-predictor .results.boy .marker.min:before, .height-predictor .results.boy .marker.max:before {border-color: transparent #f362bb transparent transparent}
.height-predictor .results.boy .marker.prob {background-color: #e7007a}
.height-predictor .results.boy .marker.prob:before {border-color: transparent #e7007a transparent transparent}
.height-predictor .results.girl {background-color: #f24daf}
.height-predictor .results.girl .words:after {background-color: #da9dd5}
.height-predictor .results.girl .marker.min, .height-predictor .results.girl .marker.max {background-color: #80d7f7}
.height-predictor .results.girl .marker.min:before, .height-predictor .results.girl .marker.max:before {border-color: transparent #80d7f7 transparent transparent}
.height-predictor .results.girl .marker.prob {background-color: #00aeef}
.height-predictor .results.girl .marker.prob:before {border-color: transparent #00aeef transparent transparent}
.height-predictor .results.boy .gender:before {content: 'boy'}
.height-predictor .results.girl .gender:before {content: 'girl'}
.height-predictor .results .heading {text-align: center; color: #fff; font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 24px; padding: 30px 0 0 0}
.height-predictor .results .heading strong {color: #fff !important; font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal}
.height-predictor .results .cols {display: block}
.height-predictor .results .graph, .height-predictor .results .words {vertical-align: middle; text-align: center}
.height-predictor .results .graph {display: inline-block; height: 330px; width: 250px; margin-top: 30px; position: relative}
.height-predictor .results .words {display: block; position: relative; padding: 30px 0 10px 0}
.height-predictor .results .words:after {content: ''; display: block; position: absolute; left: 10%; bottom: -20px; width: 80%; height: 1px}
@media (min-width: 768px) {.height-predictor .results {text-align: left}
.height-predictor .results .cols {display: table-row}
.height-predictor .results .graph, .height-predictor .results .words {display: table-cell; position: relative; height: 340px}
.height-predictor .results .graph {width: 45%; right: 55%}
.height-predictor .results .words {top: 0; width: 55%; left: 45%; padding: 0}
.height-predictor .results .words:after {left: 0; top: 10%; bottom: 0; width: 1px; height: 80%}
}
.height-predictor .results .words {position: relative}
.height-predictor .results .words .message {color: #fff; font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 20px; padding: 0 30px}
.height-predictor .results .words .message strong {color: #fff !important; font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal}
.height-predictor .results .words .disclaimer {color: #fff; font-size: 12px; padding: 20px 30px 0}
.height-predictor .scale {position: absolute; bottom: 10px; left: 75px; width: 40px; height: 220px}
.height-predictor .scale:before {content: ''; display: block; background-image: url("/images/calculators/height-predictor/giraffe.svg"); height: 300px; background-size: cover; width: 178px; position: absolute; bottom: -10px; left: -29px}
.height-predictor .scale.s275 {counter-reset: notches 275}
.height-predictor .scale.s270 {counter-reset: notches 270}
.height-predictor .scale.s265 {counter-reset: notches 265}
.height-predictor .scale.s260 {counter-reset: notches 260}
.height-predictor .scale.s255 {counter-reset: notches 255}
.height-predictor .scale.s250 {counter-reset: notches 250}
.height-predictor .scale.s245 {counter-reset: notches 245}
.height-predictor .scale.s240 {counter-reset: notches 240}
.height-predictor .scale.s235 {counter-reset: notches 235}
.height-predictor .scale.s230 {counter-reset: notches 230}
.height-predictor .scale.s225 {counter-reset: notches 225}
.height-predictor .scale.s220 {counter-reset: notches 220}
.height-predictor .scale.s215 {counter-reset: notches 215}
.height-predictor .scale.s210 {counter-reset: notches 210}
.height-predictor .scale.s205 {counter-reset: notches 205}
.height-predictor .scale.s200 {counter-reset: notches 200}
.height-predictor .scale.s195 {counter-reset: notches 195}
.height-predictor .scale.s190 {counter-reset: notches 190}
.height-predictor .scale.s185 {counter-reset: notches 185}
.height-predictor .scale.s180 {counter-reset: notches 180}
.height-predictor .scale.s175 {counter-reset: notches 175}
.height-predictor .scale.s170 {counter-reset: notches 170}
.height-predictor .scale.s165 {counter-reset: notches 165}
.height-predictor .scale.s160 {counter-reset: notches 160}
.height-predictor .scale.s155 {counter-reset: notches 155}
.height-predictor .scale.s150 {counter-reset: notches 150}
.height-predictor .scale.s145 {counter-reset: notches 145}
.height-predictor .scale.s140 {counter-reset: notches 140}
.height-predictor .scale.s135 {counter-reset: notches 135}
.height-predictor .scale.s130 {counter-reset: notches 130}
.height-predictor .scale.s125 {counter-reset: notches 125}
.height-predictor .scale.s120 {counter-reset: notches 120}
.height-predictor .scale.s115 {counter-reset: notches 115}
.height-predictor .scale.s110 {counter-reset: notches 110}
.height-predictor .scale.s105 {counter-reset: notches 105}
.height-predictor .scale.s100 {counter-reset: notches 100}
.height-predictor .scale.s95 {counter-reset: notches 95}
.height-predictor .scale.s90 {counter-reset: notches 90}
.height-predictor .scale.s85 {counter-reset: notches 85}
.height-predictor .scale.s80 {counter-reset: notches 80}
.height-predictor .scale.s75 {counter-reset: notches 75}
.height-predictor .scale .notch {counter-increment: notches -5; background-color: #ba7139; height: 2px; margin: 23px 0 23px 20px; position: relative}
.height-predictor .scale .notch:after {content: ''; position: absolute; top: -9px; left: 27px; color: white; text-align: left; opacity: .5; content: counter(notches) "cm"; font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 13px}
.height-predictor .scale .marker {color: white; position: absolute; bottom: 0; left: 40px; height: 26px; line-height: 26px; text-align: left; padding-left: 10px; font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; white-space: nowrap}
.height-predictor .scale .marker.min, .height-predictor .scale .marker.max {padding-right: 20px}
.height-predictor .scale .marker.min:before, .height-predictor .scale .marker.max:before {width: 0; height: 0; border-style: solid; border-width: 13px 8px 13px 0; content: ''; position: absolute; top: 0; left: -7px}
.height-predictor .scale .marker.min {bottom: 58px}
.height-predictor .scale .marker.max {bottom: 158px}
.height-predictor .scale .marker.prob, .height-predictor .scale .marker.eg {bottom: 101px; height: 40px; line-height: 40px; padding-right: 25px; font-size: 24px}
.height-predictor .scale .marker.prob:before, .height-predictor .scale .marker.eg:before {width: 0; height: 0; border-style: solid; border-width: 20px 12px 20px 0; content: ''; position: absolute; top: 0; left: -12px}
.height-predictor .scale .marker.eg {background-color: #55c393; -webkit-animation: movingmarker 20s 0s infinite; -moz-animation: movingmarker 20s 0s infinite; animation: movingmarker 20s 0s infinite}
.height-predictor .scale .marker.eg:before {border-color: transparent #55c393 transparent transparent}
@media (min-width: 768px) and (max-width: 991px) {.height-predictor .scale {left: 45px}
}
.custom-select-container {border-radius: 10px; padding: 10px 8px; background: #fff; position: relative; display: inline-block}
.custom-select-container:before {border-radius: 10px; content: '\f078'; font-family: FontAwesome; background-color: #fff; position: absolute; top: 0; bottom: 0; right: 0; width: 28px; line-height: 40px; vertical-align: middle; pointer-events: none; z-index: 2}
@media screen and (-webkit-min-device-pixel-ratio: 0) {.custom-select-container:before {text-align: left}
}
.custom-select-container select {background: transparent; outline: none !important; border: 0; font-size: 16px; line-height: 1.3em; z-index: 1}
@media screen and (-webkit-min-device-pixel-ratio: 0) {.custom-select-container select {-webkit-appearance: none; padding: 0 28px 0 7px}
}
.custom-select-container + .custom-select-container {margin-left: 10px}
.full-width {width: 100% !important}
.gutter-top {margin-top: 30px}
.pb-0 {padding-bottom: 0 !important}
.mt-0 {margin-top: 0 !important}
.mb-0 {margin-bottom: 0 !important}
.mx-0 {margin-left: 0 !important; margin-right: 0 !important}
.flex-column {display: flex; flex-direction: column; justify-content: center}
.d-block {display: block}
@media (max-width: 768px) {.x-scroll {overflow-x: auto}
}
.intro .btn-red {color: #fff !important; margin: 0 auto; font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1; border: 3px solid #fff; background-image: none; box-shadow: none; background-color: #e62e49; border-color: #e62e49; border-width: 0; border-radius: 16px}
.intro .btn-red:hover {background-color: #c91832}
.intro.product {display: block; border-radius: 15px; background-color: #4cc6bb; margin-bottom: 20px}
.intro.product.drynites {background-color: #3b73b9}
.intro.product.wipes {background-color: #00ae9e}
.intro.product.nappies {background-color: #44c8f5}
.intro.product.nappy-pants-resealable {background-color: #a2c756}
.intro.product.nappy-pants {background-color: #41aa39}
.intro.product.little-swimmers {background-color: #f8b62c}
.intro.product.disposable-mats {background-color: #52c5ba}
.intro.product.bed-mats {background-color: #29a5cf}
.intro.product.pull-ups {background-color: #2cc6f8}
.intro.product.little-groover {background-color: #e10174; min-height: 300px}
.intro.product.skin-care {background-color: #2cb17a}
.intro.product.chfa {background-color: #2ccebb}
.intro.product.chfa .btn-pink {color: #fff !important}
@media (min-width: 768px) {.intro.product {min-height: 280px; background-repeat: no-repeat; background-position: top right; background-size: contain}
.intro.product.drynites {background-image: url("/images/intro-banners/products/drynites.jpg")}
}
@media (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), (min-width: 768px) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 768px) and (min-device-pixel-ratio: 1.3), (min-width: 768px) and (min-resolution: 1.3dppx) {.intro.product.drynites {background-image: url("/images/intro-banners/products/drynites@2x.jpg")}
}
@media (min-width: 768px) {.intro.product.wipes {background-image: url("/images/intro-banners/products/wipes.jpg")}
}
@media (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), (min-width: 768px) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 768px) and (min-device-pixel-ratio: 1.3), (min-width: 768px) and (min-resolution: 1.3dppx) {.intro.product.wipes {background-image: url("/images/intro-banners/products/wipes@2x.jpg")}
}
@media (min-width: 768px) {.intro.product.nappies {background-image: url("/images/intro-banners/products/nappies.jpg")}
}
@media (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), (min-width: 768px) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 768px) and (min-device-pixel-ratio: 1.3), (min-width: 768px) and (min-resolution: 1.3dppx) {.intro.product.nappies {background-image: url("/images/intro-banners/products/nappies@2x.jpg")}
}
@media (min-width: 768px) {.intro.product.newborn-nappies {background-image: url("/images/intro-banners/products/newborn-nappies.jpg")}
}
@media (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), (min-width: 768px) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 768px) and (min-device-pixel-ratio: 1.3), (min-width: 768px) and (min-resolution: 1.3dppx) {.intro.product.newborn-nappies {background-image: url("/images/intro-banners/products/newborn-nappies@2x.jpg")}
}
@media (min-width: 768px) {.intro.product.nappy-pants-resealable {background-image: url("/images/intro-banners/products/nappy-pants-resealable.jpg")}
.intro.product.nappy-pants {background-image: url("/images/intro-banners/products/nappy-pants.jpg")}
}
@media (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), (min-width: 768px) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 768px) and (min-device-pixel-ratio: 1.3), (min-width: 768px) and (min-resolution: 1.3dppx) {.intro.product.nappy-pants {background-image: url("/images/intro-banners/products/nappy-pants@2x.jpg")}
}
@media (min-width: 768px) {.intro.product.little-swimmers {background-image: url("/images/intro-banners/products/little-swimmers.jpg")}
.intro.product.disposable-mats {background-image: url("/images/intro-banners/products/disposable-mats.jpg")}
}
@media (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), (min-width: 768px) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 768px) and (min-device-pixel-ratio: 1.3), (min-width: 768px) and (min-resolution: 1.3dppx) {.intro.product.disposable-mats {background-image: url("/images/intro-banners/products/disposable-mats@2x.jpg")}
}
@media (min-width: 768px) {.intro.product.change-mats {background-image: url("/images/intro-banners/products/change-mats.jpg")}
.intro.product.bed-mats {background-image: url("/images/intro-banners/products/bed-mats.jpg")}
.intro.product.new-baby-gift-pack {background-image: url("/images/intro-banners/products/new-baby-gift-pack.jpg")}
.intro.product.pull-ups {background-image: url("/images/intro-banners/products/pull-ups.jpg")}
}
@media (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), (min-width: 768px) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 768px) and (min-device-pixel-ratio: 1.3), (min-width: 768px) and (min-resolution: 1.3dppx) {.intro.product.pull-ups {background-image: url("/images/intro-banners/products/pull-ups@2x.jpg")}
}
@media (min-width: 768px) {.intro.product.little-groover {background-image: url("/images/intro-banners/products/bg-intro-groover.jpg")}
.intro.product.little-groover .i-info {width: 480px !important}
.intro.product.little-groover .i-info h2 {font-size: 24px; margin-top: 30px; margin-bottom: 20px; border-bottom: none !important; padding-bottom: 0}
.intro.product.skin-care {min-height: 287px}
.intro.product.skin-care.baby-bathing {background-image: url("/images/intro-banners/baby-care/bathing.jpg")}
.intro.product.skin-care.tips {background-image: url("/images/intro-banners/baby-care/tips.jpg")}
.intro.product.skin-care.baby-massage {background-image: url("/images/intro-banners/baby-care/massage.jpg")}
.intro.product.skin-care.bumps {background-image: url("/images/intro-banners/baby-care/bumps.jpg")}
.intro.product.skin-care.baby-sun-care {background-image: url("/images/intro-banners/baby-care/sun-care.jpg")}
.intro.product.skin-care.dry-skin {background-image: url("/images/intro-banners/baby-care/dry-skin.jpg")}
.intro.product.skin-care.rashes {background-image: url("/images/intro-banners/baby-care/rashes.jpg")}
.intro.product.skin-care .i-info {padding-left: 24px; width: 528px}
.intro.product.chfa {background-image: url("/images/intro-banners/charities/chfa.jpg")}
}
.intro.product .i-info {padding: 10px 20px}
.intro.product .i-info:before, .intro.product .i-info:after {content: " "; display: table}
.intro.product .i-info:after {clear: both}
.intro.product .i-info h1, .intro.product .i-info h2, .intro.product .i-info p {color: #fff !important}
.intro.product .i-info h1, .intro.product .i-info h2 {border-bottom: 1px dashed #fff !important; padding-bottom: 20px; margin-bottom: 10px; font-size: 32px}
.intro.product .i-info img {margin: 0 10px 0 -20px; float: left}
.intro.product .i-info p {font-size: 1.2em; margin-top: 20px; font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal}
@media (min-width: 768px) {.intro.product .i-info {width: 560px; padding-left: 40px}
.intro.product .i-info img {margin-right: 20px}
}
.intro.product.circles .i-info h2 {margin: 21px 0 10px 0; padding-bottom: 20px; font-size: 32px; line-height: 32px}
.intro.product.circles .i-info img {float: none; margin: 0 auto; display: block; max-width: 100%}
.intro.product.circles .i-info p {font-size: 18px; margin-top: 10px; clear: left}
.intro.product.circles .i-info .buy-now {margin-top: 15px}
@media (min-width: 480px) {.intro.product.circles .i-info img {float: left; margin: 0 10px 0 -20px; display: inline}
.intro.product.circles .i-info p {clear: none}
}
@media (min-width: 768px) {.intro.product.circles {overflow: hidden; position: relative}
.intro.product.circles:before, .intro.product.circles:after {content: ''; width: 800px; height: 800px; position: absolute; border-radius: 50%; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); right: 39%; z-index: 19}
.intro.product.circles:before {background-color: #82d7d0}
.intro.product.circles:after {background-color: #4cc6bb; -webkit-transform: translate(-26px, -50%); -ms-transform: translate(-26px, -50%); -o-transform: translate(-26px, -50%); transform: translate(-26px, -50%)}
.intro.product.circles .i-info {position: relative; z-index: 20; width: 61%; padding: 0 50px 20px 30px; margin: 0}
.intro.product.circles .i-info img {margin: 0 20px 0 -20px; float: left}
.intro.product.circles .i-info p {font-size: 18px; line-height: 27px}
.intro.product.circles.drynites .i-info {width: 63%}
.intro.product.circles.drynites:before, .intro.product.circles.drynites:after {right: 37%}
.intro.product.circles.drynites:before {background-color: #83a9d8}
.intro.product.circles.drynites:after {background-color: #3b73b9}
.intro.product.circles.wipes .i-info {width: 63%}
.intro.product.circles.wipes:before, .intro.product.circles.wipes:after {right: 37%}
.intro.product.circles.wipes:before {background-color: #3ac0b5}
.intro.product.circles.wipes:after {background-color: #00ae9e}
.intro.product.circles.nappies:before {background-color: #a6e4fb}
.intro.product.circles.nappies:after {background-color: #44c8f5}
.intro.product.circles.nappy-pants-resealable .i-info {width: 70%}
.intro.product.circles.nappy-pants-resealable:before, .intro.product.circles.nappy-pants-resealable:after {right: 30%}
.intro.product.circles.nappy-pants-resealable:before {background-color: #c0d789}
.intro.product.circles.nappy-pants-resealable:after {background-color: #a2c756}
.intro.product.circles.nappy-pants .i-info {width: 69%}
.intro.product.circles.nappy-pants:before, .intro.product.circles.nappy-pants:after {right: 31%}
.intro.product.circles.nappy-pants:before {background-color: #67bf61}
.intro.product.circles.nappy-pants:after {background-color: #41aa39}
.intro.product.circles.little-swimmers:before {background-color: #facc6c}
.intro.product.circles.little-swimmers:after {background-color: #f8b62c}
.intro.product.circles.disposable-mats .i-info {width: 65%}
.intro.product.circles.disposable-mats:before, .intro.product.circles.disposable-mats:after {right: 35%}
.intro.product.circles.disposable-mats .i-info img {margin-right: 10px}
.intro.product.circles.change-mats .i-info {width: 63%}
.intro.product.circles.change-mats:before, .intro.product.circles.change-mats:after {right: 37%}
.intro.product.circles.change-mats .i-info img {margin-right: 15px}
.intro.product.circles.bed-mats .i-info {width: 63%}
.intro.product.circles.bed-mats:before, .intro.product.circles.bed-mats:after {right: 37%}
.intro.product.circles.bed-mats:before {background-color: #4cbadf}
.intro.product.circles.bed-mats:after {background-color: #29a5cf}
.intro.product.circles.pull-ups .i-info {width: 67%}
.intro.product.circles.pull-ups:before, .intro.product.circles.pull-ups:after {right: 33%}
.intro.product.circles.pull-ups:before {background-color: #a0e3fd}
.intro.product.circles.pull-ups:after {background-color: #2cc6f8}
.intro.product.circles.skin-care .i-info {width: 63%}
.intro.product.circles.skin-care:before, .intro.product.circles.skin-care:after {right: 37%}
.intro.product.circles.skin-care:before {background-color: #dcf1e8}
.intro.product.circles.skin-care:after {background-color: #2cb17a}
.intro.product.circles.chfa .i-info {width: 58%}
.intro.product.circles.chfa:before, .intro.product.circles.chfa:after {right: 42%}
.intro.product.circles.chfa:before {background-color: #dcf1e8}
.intro.product.circles.chfa:after {background-color: #2ccebb}
.intro.product.circles.chfa img {margin-left: 10px}
}
.form-control-flat, .hg-join .form-control {border: none; border-radius: 9px; height: 40px; padding: 9px 14px; box-shadow: none; border: none}
.form-control-flat::-moz-placeholder, .hg-join .form-control::-moz-placeholder {color: #c2bfbc; opacity: 1}
.form-control-flat:-ms-input-placeholder, .hg-join .form-control:-ms-input-placeholder {color: #c2bfbc}
.form-control-flat::-webkit-input-placeholder, .hg-join .form-control::-webkit-input-placeholder {color: #c2bfbc}
.hg-join .form-select {background: white; position: relative; border-radius: 9px}
.hg-join .form-select:before {border-top-right-radius: 10px; border-top-left-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; content: '\f078'; font-family: FontAwesome; background-color: #fff; position: absolute; top: 0; bottom: 0; right: 0; width: 28px; line-height: 40px; vertical-align: middle; pointer-events: none; z-index: 2}
@media screen and (-webkit-min-device-pixel-ratio: 0) {.hg-join .form-select:before {text-align: left}
}
.hg-join .form-select select {background: transparent; outline: none; border: 0; font-size: 15px; line-height: 1.3em; z-index: 1; width: 100%; padding: 9px 14px; height: 40px; -webkit-box-shadow: none; box-shadow: none}
@media screen and (-webkit-min-device-pixel-ratio: 0) {.hg-join .form-select select {-webkit-appearance: none}
}
.input-group-flat .input-group-addon {padding-left: 15px; padding-right: 15px; background-color: #f0f4fa; border-width: 0; border-right: 1px solid #e6e6e6}
form.custom-form .row {clear: both; background: transparent; width: 100%; margin: 10px 0 0 0; padding: 0; border-bottom: none}
form.custom-form .row .group {margin: 0; float: left; width: 49%}
form.custom-form .row .group:nth-child(even) {float: right}
form.custom-form.bs3grid .row {margin-left: -15px; margin-right: -15px; width: auto}
form.custom-form.bs3grid .custom-select:before {top: 5px; right: 10px; height: 41px; line-height: 41px}
form.custom-form .custom-select {position: relative}
form.custom-form .custom-select:before {border-radius: 10px; content: '\f078'; font-family: FontAwesome; background-color: transparent; position: absolute; top: 0; bottom: 0; right: 0; width: 28px; height: 35px; line-height: 35px; vertical-align: middle; pointer-events: none; z-index: 2}
form.custom-form .custom-select select {-webkit-appearance: none; background-color: #fff; padding: 10px 28px 10px 10px; font-size: 15px; width: 100%; border-radius: 9px; border: none}
form.custom-form input[type='text'] {border-radius: 9px; padding: 10px 10px; box-shadow: none; display: block; border: none; margin: 0; margin-bottom: 5px; font-size: 15px; width: 100% !important}
form.custom-form input[type='submit'] {float: none; padding: 10px 15px; width: 200px; color: #fff; font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; border-radius: 20px; -webkit-appearance: none; background: #4cbb41; border: none; font-size: 18px; outline: none}
form.custom-form input[type='submit']:hover {background: #3d9534}
form.custom-form select {width: 100%; margin: 0; margin-bottom: 5px}
form.custom-form .radio input[type="radio"] {float: left; position: relative; margin-left: 0}
form.custom-form .radio label {float: left; width: 110px; background: none}
form .warning {border-radius: 10px; font-size: 14px; margin-bottom: 0}
form .formError {color: #fff; font-size: 12px; font-weight: 300; border-radius: 5px}
label.required:after {margin-left: 3px; content: '*'}
::-webkit-inner-spin-button {display: none}
.membership.m-container {background: #d1e04b; width: 100%; float: left; border-radius: 10px}
.membership.m-container h2 {color: #489931 !important; font-size: 24px !important; margin-bottom: 20px !important}
.membership.m-container .m-details {width: 100%; float: none; padding: 20px}
.membership.m-container .m-details .membership-form {background: none}
.membership.m-container .m-details .membership-form .submit {background: none}
.membership.m-container .m-children {background: #d1e04b; padding: 20px 10px 20px 0; border-top-right-radius: 10px}
.membership.m-container .m-children#sidebar {float: none; width: 100%; padding: 20px}
.membership.m-container .m-children#sidebar .children {float: none}
.membership.m-container .m-children#sidebar .children .child {display: block}
.membership.m-container .m-children .children {margin-top: 0 !important}
.membership.m-container .m-children .children .child {float: none !important}
.membership.m-container .m-children .children .child img {height: auto !important; width: auto !important}
.membership.m-container .m-children .children .editing {float: none !important}
.membership.m-container .m-children .children .editing input[type='submit'], .membership.m-container .m-children .children .editing input[type='button'] {border-radius: 5px !important; margin: 5px 0 !important; background-color: #d1e04b !important; color: #fff !important; border: none !important}
.membership.m-container .m-children .children .editing input[type='submit'].button-to, .membership.m-container .m-children .children .editing input[type='button'].button-to {left: 120px !important}
.membership.m-container .m-children .children #add-child-button {margin-left: 0; float: none}
.membership.m-container .m-children:after {content: ''; position: absolute; width: 9px; height: 100%; display: block; top: 0; left: 0}
@media (min-width: 768px) {.membership.m-container {background: #e8f09d url("/images/forms/bg-join-ragged-edge.gif") repeat-y 610px 0}
.membership.m-container .m-details {float: left; width: 600px; padding-right: 0}
.membership.m-container .m-children {float: right; position: relative; width: 300px !important}
.membership.m-container .m-children#sidebar {float: right; width: 300px; padding: 20px 10px 20px 0}
.membership.m-container .m-children#sidebar .children {float: right}
.membership.m-container .m-children .children .child {float: left !important}
.membership.m-container .m-children .children .editing {float: left !important}
.membership.m-container .m-children .children #add-child-button {float: right}
}
.l-join-form {position: relative; padding: 0 20px}
.l-join-form .custom-select-container {border-top-right-radius: 10px; border-top-left-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding: 10px 8px; background: #fff; position: relative; display: inline-block; margin-bottom: 15px; width: 100%}
.l-join-form .custom-select-container:before {border-top-right-radius: 10px; border-top-left-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; content: '\f078'; font-family: FontAwesome; background-color: white; position: absolute; top: 0; bottom: 0; right: 0; width: 28px; line-height: 40px; vertical-align: middle; pointer-events: none; z-index: 2}
@media screen and (-webkit-min-device-pixel-ratio: 0) {.l-join-form .custom-select-container:before {text-align: left}
}
.l-join-form .custom-select-container select {background: transparent; outline: none; border: 0; font-size: 16px; line-height: 1.3em; z-index: 1; width: 100%}
@media screen and (-webkit-min-device-pixel-ratio: 0) {.l-join-form .custom-select-container select {-webkit-appearance: none; padding: 0 28px 0 7px}
}
.l-join-form input[type="text"], .l-join-form input[type="email"] {border: none; border-radius: 9px; height: 40px; padding: 9px 14px; box-shadow: none; border: none; margin-bottom: 15px}
.l-join-form ::-webkit-input-placeholder {color: #c2bfbc}
.l-join-form :-moz-placeholder {color: #c2bfbc}
.l-join-form ::-moz-placeholder {color: #c2bfbc}
.l-join-form :-ms-input-placeholder {color: #c2bfbc}
.l-join-form [type="button"] {background: #d92032; font-size: 18px; border-radius: 22px; border: none; margin: 20px 0 15px; padding: 12px 30px 15px}
.l-join-form [type="button"].loading {background-color: #d92032; cursor: default; -webkit-animation: progress-bar-stripes 1s linear infinite; -moz-animation: progress-bar-stripes 1s linear infinite; -ms-animation: progress-bar-stripes 1s linear infinite; -o-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px}
.l-join-form .about-yourself, .l-join-form .bad-response {padding: 0px 20px 15px; border: 2px solid #f2ff7c; border-radius: 10px; font-size: 15px; margin-left: -20px; margin-right: -20px; margin-bottom: 15px}
.l-join-form .about-yourself p, .l-join-form .bad-response p {font-size: 15px}
.l-join-form .about-yourself {margin-top: 10px; border-color: #f2ff7c}
.l-join-form .bad-response {color: #FF4545; border-color: #FF4545; margin-top: 10px; margin-bottom: 10px}
.l-join-form .bad-response h3 {color: #FF4545}
.l-join-form .member, .l-join-form .guest, .l-join-form .about-yourself-container, .l-join-form .bad-response-container, .l-join-form .bad-signin-response-container, .l-join-form .thank-you, .l-join-form .please-fill-details {-webkit-transition: all 0.6s; transition: all 0.6s}
.l-join-form .member.slide-out, .l-join-form .guest.slide-out, .l-join-form .about-yourself-container.slide-out, .l-join-form .bad-response-container.slide-out, .l-join-form .bad-signin-response-container.slide-out, .l-join-form .thank-you.slide-out, .l-join-form .please-fill-details.slide-out {opacity: 0; height: 0; overflow: hidden; -ms-transform: translate3D(0, 10px, 0); -webkit-transform: translate3D(0, 10px, 0); transform: translate3D(0, 10px, 0)}
.l-join-form .thank-you {text-align: center}
.l-join-form label.error {margin-top: -13px; margin-bottom: 10px; display: block; margin-left: 12px; font-size: 15px !important; color: red; font-weight: normal}
.l-join-form .conditions-container .checkbox {margin-top: 0}
.l-join-form .conditions-container label.error {margin-left: 0; margin-top: 0; line-height: 17px}
.l-join-form .conditions-container a {font-weight: bold}
.l-join-form .modal-title {margin-top: 10px; margin-bottom: 0}
.l-join-form .m-2 .modal-backdrop {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000}
.l-join-form .m-2 .modal-backdrop.fade {opacity: 0}
.l-join-form .m-2 .modal {top: 60px; left: 10px; right: 10px; bottom: auto; position: fixed; z-index: 1050; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); *border: 1px solid #999;  border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; outline: none}
.l-join-form .m-2 .modal.fade {-webkit-transition: opacity 0.3s linear, top 0.3s ease-out; -moz-transition: opacity 0.3s linear, top 0.3s ease-out; -o-transition: opacity 0.3s linear, top 0.3s ease-out; transition: opacity 0.3s linear, top 0.3s ease-out; top: -25%}
.l-join-form .m-2 .modal.fade.in {top: 60px; display: block}
.l-join-form .m-2 .modal-body {max-height: 400px; overflow-y: auto; width: 100%; padding: 15px}
.l-join-form .m-2 .modal-header .close {padding: 10px; margin: -10px}
.hg-join {background-color: #e8f09d}
.hg-join a {color: #4cb940; font-weight: bold}
.hg-join.signup .hg-join-guest {display: block}
.hg-join.signup .hg-join-member {display: none}
.hg-join.login .hg-join-guest, .hg-join.password .hg-join-guest {display: none}
.hg-join.login .hg-join-member, .hg-join.password .hg-join-member {display: block}
.hg-join-switch {cursor: pointer; margin-bottom: 25px; -webkit-transition: all 0.28s; -o-transition: all 0.28s; transition: all 0.28s}
@media (min-width: 768px) {.hg-join-switch:hover {-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0)}
.hg-join-switch:hover .member-guest-switch-bottom {-webkit-transform: translate3d(0, 7px, 0); transform: translate3d(0, 7px, 0)}
.hg-join-switch:hover .member-guest-switch-bottom:before {-webkit-transform: translate3d(0, -7px, 0); transform: translate3d(0, -7px, 0)}
.hg-join-switch:hover .member-guest-switch-bottom:after {-webkit-transform: translate3d(0, 2px, 0); transform: translate3d(0, 2px, 0)}
}
.hg-join-switch.signed-in {cursor: default; margin-bottom: 15px}
.hg-join-switch.signed-in .member-guest-switch-top {border-radius: 0 0 9px 9px; padding-bottom: 30px}
.hg-join-switch.signed-in .sign-in-cta {display: none}
.hg-join-switch-top {position: relative; display: table; border-collapse: separate; table-layout: fixed; width: 100%; padding: 20px; background: white; border-radius: 9px 9px 0 0; font-size: 20px; line-height: 1.2em; overflow: hidden; min-height: 98px; text-align: center}
.hg-join-switch-top i {display: table-cell; padding: 0; width: 60px; overflow: hidden; vertical-align: middle; text-align: left; color: #d0e321; font-size: 55px}
.hg-join-switch-top > span {vertical-align: middle; display: table-cell; text-align: left; width: 100%}
.hg-join-switch-top > span div {overflow: hidden; text-overflow: ellipsis}
@media (min-width: 768px) {.hg-join-switch-top.signed-in {padding: 31px 26px 30px 91px}
}
.hg-join-switch-bottom {position: relative; width: 100%; padding: 11px 10px 4px; text-align: center; font-size: 16px; display: block; color: #4d4d4d; z-index: 99; background: #d1e04b; -webkit-transition: all 0.28s; -o-transition: all 0.28s; transition: all 0.28s}
.hg-join-switch-bottom:before, .hg-join-switch-bottom:after {content: ''; position: absolute; width: 100%; left: 0; background: #d1e04b; -webkit-transition: all 0.28s; -o-transition: all 0.28s; transition: all 0.28s}
.hg-join-switch-bottom:before {height: 10px; top: 0}
.hg-join-switch-bottom:after {height: 13px; bottom: -10px; border-radius: 0 0 9px 9px}
.hg-join-family {margin-top: 10px; border-color: #f2ff7c; padding: 0 20px 15px; border: 2px solid #f2ff7c; border-radius: 10px; font-size: 15px; margin-left: -20px; margin-right: -20px; margin-bottom: 15px}
.hg-join-family p {font-size: 15px}
.hg-join-family .form-selects:before, .hg-join-family .form-selects:after {content: " "; display: table}
.hg-join-family .form-selects:after {clear: both}
.hg-join-family .form-selects .form-select {float: left; width: 32%; margin-right: 2%}
.hg-join-family .form-selects .form-select:last-child {margin-right: 0}
.hg-join-family .hg-join-child {position: relative; padding-top: 20px; border-top: 2px solid #f2ff7c}
.hg-join-family .hg-join-child .remove {display: inline-block; position: absolute; top: 50px; right: -33px; width: 23px; height: 23px; line-height: 19px; text-align: center; border-radius: 50%; background-color: #f2ff7c; color: #666; margin-top: -2px}
.hg-join-family .hg-join-child:first-child {border-top-width: 0; padding-top: 0}
.hg-join-family .hg-join-child:first-child .remove {display: none}
.page-header + section.join-cta-strip {margin-top: -40px; margin-bottom: 20px}
@media (min-width: 768px) {.page-header + section.join-cta-strip {margin-bottom: 40px}
}
section.join-cta-strip {background: #d92032}
section.join-cta-strip .strip {font-family: 'Huggies Omnes Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; color: #fff; font-size: 20px; line-height: 26px; position: relative; padding-right: 130px; padding-top: 10px; padding-bottom: 10px}
section.join-cta-strip .strip strong {color: #fff; font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500}
section.join-cta-strip .strip a.learn-more {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; font-size: 16px; position: absolute; right: 0; top: inherit; bottom: 8px}
section.join-cta-strip .btn-white {color: #d92032; background-color: #fff; border-color: #fff}
@media (min-width: 768px) {section.join-cta-strip .strip {font-size: 22px; line-height: 32px}
section.join-cta-strip .strip a.learn-more {font-size: 18px}
}
@media (min-width: 992px) {section.join-cta-strip .strip a.learn-more {top: 8px}
}
section.join {background: #f2f2e6; position: relative; overflow: hidden}
section.join:before {content: ""; display: block; position: absolute; left: 0; right: 50%; top: 0; bottom: 0; background: #f6f6f6}
section.join > .container {background: #f6f6f6; padding-top: 25px; padding-bottom: 35px; overflow: hidden}
section.join .join-now-copy {position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px}
@media (min-width: 768px) {section.join .join-now-copy {float: left; width: 66.6666666667%}
}
section.join .join-now-copy:before {content: ''; position: absolute; top: -25px; left: 0; background-image: url("/images/reskin/pregnancy/join-banner.jpg"); background-repeat: no-repeat; background-size: cover; background-position: 50%; min-height: 300px; width: 100%}
section.join .join-now-copy:after {content: ""; position: absolute; left: 0; top: -25px; right: 0; bottom: -25px; background-image: -webkit-linear-gradient(left, #f6f6f6 30%, rgba(246, 246, 246, 0) 80%); background-image: -o-linear-gradient(left, #f6f6f6 30%, rgba(246, 246, 246, 0) 80%); background-image: linear-gradient(to right, #f6f6f6 30%, rgba(246, 246, 246, 0) 80%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF6F6F6', endColorstr='#00F6F6F6', GradientType=1)}
section.join .join-now-copy > h2 {font-size: 26px; line-height: 26px; color: #4d4d4d; font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; position: relative; z-index: 1}
section.join .join-now-copy > h2 strong {color: #d92032; display: block}
section.join .join-now-copy > p {color: #333; max-width: 270px; margin-top: 20px; position: relative; text-shadow: 0 0 10px #fff; z-index: 1; margin-bottom: 20px}
section.join .join-now-form-container {position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; padding-top: 30px}
@media (min-width: 768px) {section.join .join-now-form-container {float: left; width: 33.3333333333%}
}
section.join .join-now-form-container:before {content: ""; position: absolute; background: #f2f2e6; top: 0; bottom: -35px; left: -10px; right: -15px}
section.join .join-now-form-container > h2 {font-family: 'Huggies Omnes Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; position: relative; font-size: 26px; line-height: 30px; text-align: center; margin-bottom: 25px}
section.join .join-now-form-container > h2 strong {font-size: 33px; color: #000}
section.join .join-now-form-container a {color: #d92032}
@media (min-width: 480px) {section.join .join-now-copy > h2 {font-size: 40px; line-height: 43px}
section.join .join-now-copy > p {margin-bottom: 10.5px}
}
@media (min-width: 768px) {section.join .join-now-form-container {padding-top: 15px}
section.join .join-now-form-container:before {top: -25px}
section.join .join-now-copy:before {min-height: 436px; background-size: cover; background-position: 50%}
section.join .join-now-copy:after {display: none}
}
@media (min-width: 768px) {.banner--my-huggies {height: 250px}
}
@media (max-width: 767px) {.banner--my-huggies .banner__container {padding-top: 15px; padding-bottom: 25px}
}
@media (min-width: 768px) {.banner--my-huggies .banner__container {padding-bottom: 20px}
}
@media (max-width: 767px) {.banner--my-huggies .banner__body:before {background-image: none}
}
@media (min-width: 768px) {.banner--my-huggies .banner__body:before {background-image: none}
}
.banner--my-huggies .banner__name {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; font-size: 38px; margin: 20px 0 0 150px}
@media (max-width: 767px) {.banner--my-huggies .banner__name {margin: 20px 0 0 130px}
}
.banner--my-huggies .banner__status {font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 20px; margin: 0 0 0 150px}
@media (max-width: 767px) {.banner--my-huggies .banner__status {margin: 0 0 0 130px}
}
.banner--my-huggies .banner__image {position: absolute; top: 0; left: 0; border-radius: 50%; overflow: hidden; background: #fff}
@media (max-width: 767px) {.banner--my-huggies .banner__image {width: 80px; height: 80px; top: 10px; left: 30px}
.banner--my-huggies .banner__image img {max-width: 100%}
}
.banner--my-huggies .banner__edit {color: #d92032; font-size: 16px; display: block; position: absolute; top: 90px; left: 90px; border-radius: 50%; overflow: hidden; background: #fff; width: 30px; height: 30px; border: 1px solid #ccc; text-align: center; line-height: 28px; box-sizing: border-box}
.banner--my-huggies .banner__edit a {color: #d92032}
.banner--my-huggies .banner__edit a:hover {color: #d92032}
@media (max-width: 767px) {.banner--my-huggies .banner__edit {top: 60px}
}
.banner--my-huggies .banner__right-col {text-align: left; margin-top: 20px; margin-left: 150px}
@media (max-width: 767px) {.banner--my-huggies .banner__right-col {margin-left: 130px}
}
@media (min-width: 768px) {.banner--my-huggies .banner__right-col {text-align: right; margin-left: 0}
}
.banner--my-huggies .banner__progress {display: inline-block; font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 16px}
.banner--my-huggies .banner__progress strong {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500}
.banner--my-huggies .banner__progress-bar {background: #fff; height: 10px; border-radius: 5px; overflow: hidden; margin-top: 15px}
.banner__progress-complete {background-color: #d92032; height: 10px; transition: width .2s ease-in-out; width: 0}
@media (min-width: 768px) {.banner--products-drynites {height: 450px}
}
@media (max-width: 767px) {.banner--products-drynites .banner__container {padding-bottom: 254px}
}
@media (max-width: 767px) {.banner--products-drynites .banner__body:before {background-image: url("/images/banners/products/drynites-mobile.jpg")}
}
@media (min-width: 768px) {.banner--products-drynites .banner__body:before {background-image: url("/images/banners/products/drynites-desktop.jpg")}
}
@media (min-width: 768px) {.banner--products-index {height: 450px}
}
@media (max-width: 767px) {.banner--products-index .banner__container {padding-bottom: 220px}
}
@media (max-width: 767px) {.banner--products-index .banner__body:before {background-image: url("/images/banners/products/product-brand-index-mobile.jpg")}
}
@media (min-width: 768px) {.banner--products-index .banner__body:before {background-image: url("/images/banners/products/product-brand-index-desktop.jpg")}
}
@media (max-width: 767px) {.nz .banner--products-index .banner__body:before {background-image: url("/images/banners/products/product-brand-index-mobile-nz.jpg")}
}
@media (min-width: 768px) {.nz .banner--products-index .banner__body:before {background-image: url("/images/banners/products/product-brand-index-desktop-nz.jpg")}
}
@media (min-width: 768px) {.banner--products-little-swimmers {height: 450px}
}
@media (max-width: 767px) {.banner--products-little-swimmers .banner__container {padding-bottom: 197px}
}
@media (max-width: 767px) {.banner--products-little-swimmers .banner__body:before {background-image: url("/images/banners/products/little-swimmers-mobile.jpg")}
}
@media (min-width: 768px) {.banner--products-little-swimmers .banner__body:before {background-image: url("/images/banners/products/little-swimmers-desktop.jpg")}
}
@media (max-width: 767px) {.au .banner--products-little-swimmers .banner__body:before {background-image: url("/images/banners/products/little-swimmers-au-mobile.jpg")}
}
@media (min-width: 768px) {.au .banner--products-little-swimmers .banner__body:before {background-image: url("/images/banners/products/little-swimmers-au-desktop.jpg")}
}
@media (min-width: 768px) {.banner--products-nappies {height: 450px}
}
@media (max-width: 767px) {.banner--products-nappies .banner__container {padding-bottom: 284px}
}
@media (max-width: 767px) {.banner--products-nappies .banner__body:before {background-image: url("/images/banners/products/huggies-nappies-mobile.jpg")}
}
@media (min-width: 768px) {.banner--products-nappies .banner__body:before {background-image: url("/images/banners/products/huggies-nappies-desktop.jpg")}
}
@media (min-width: 768px) {.banner--products-nappies-essentials {height: 450px}
}
@media (max-width: 767px) {.banner--products-nappies-essentials .banner__container {padding-bottom: 294px}
}
@media (max-width: 767px) {.banner--products-nappies-essentials .banner__body:before {background-image: url("/images/banners/products/huggies-nappies-essentials-mobile.jpg")}
}
@media (min-width: 768px) {.banner--products-nappies-essentials .banner__body:before {background-image: url("/images/banners/products/huggies-nappies-essentials-desktop.jpg")}
}
@media (min-width: 768px) {.banner--products-nappies-regular {height: 450px}
}
@media (max-width: 767px) {.banner--products-nappies-regular .banner__container {padding-bottom: 264px}
}
@media (max-width: 767px) {.banner--products-nappies-regular .banner__body:before {background-image: url("/images/banners/products/huggies-nappies-regular-mobile.jpg")}
}
@media (min-width: 768px) {.banner--products-nappies-regular .banner__body:before {background-image: url("/images/banners/products/huggies-nappies-regular-desktop.jpg")}
}
@media (min-width: 768px) {.banner--products-nappies-ultimate {height: 450px}
}
@media (max-width: 767px) {.banner--products-nappies-ultimate .banner__container {padding-bottom: 250px}
}
@media (max-width: 767px) {.banner--products-nappies-ultimate .banner__body:before {background-image: url("/images/banners/products/huggies-nappies-ultimate-mobile2.jpg")}
}
@media (min-width: 768px) {.banner--products-nappies-ultimate .banner__body:before {background-image: url("/images/banners/products/huggies-nappies-ultimate-desktop2.jpg")}
}
@media (max-width: 767px) {.banner--products-nappies-ultimate .banner__body.unisex:before {background-image: url("/images/banners/products/huggies-nappies-ultimate-unisex-mobile.jpg")}
}
@media (min-width: 768px) {.banner--products-nappies-ultimate .banner__body.unisex:before {background-image: url("/images/banners/products/huggies-nappies-ultimate-unisex-desktop.jpg")}
}
@media (max-width: 767px) {.banner--products-nappies-ultimate .banner__body.nz:before {background-image: url("/images/banners/products/huggies-nappies-ultimate-unisex-mobile-nz.jpg")}
}
@media (min-width: 768px) {.banner--products-nappies-ultimate .banner__body.nz:before {background-image: url("/images/banners/products/huggies-nappies-ultimate-unisex-desktop-nz.jpg")}
}
@media (min-width: 768px) {.banner--products-nappies-ultra-dry {height: 450px}
}
@media (max-width: 767px) {.banner--products-nappies-ultra-dry .banner__container {padding-bottom: 280px}
}
@media (max-width: 767px) {.banner--products-nappies-ultra-dry .banner__body:before {background-image: url("/images/banners/products/huggies-nappies-ultra-dry-mobile.jpg")}
}
@media (min-width: 768px) {.banner--products-nappies-ultra-dry .banner__body:before {background-image: url("/images/banners/products/huggies-nappies-ultra-dry-desktop.jpg")}
}
@media (min-width: 768px) {.banner--products-nappy-pants {height: 450px}
}
@media (max-width: 767px) {.banner--products-nappy-pants .banner__container {padding-bottom: 261px}
}
@media (max-width: 767px) {.banner--products-nappy-pants .banner__body:before {background-image: url("/images/banners/products/nappy-pants-mobile.jpg")}
}
@media (min-width: 768px) {.banner--products-nappy-pants .banner__body:before {background-image: url("/images/banners/products/nappy-pants-desktop.jpg")}
}
@media (min-width: 768px) {.banner--products-nappy-pants-regular {height: 450px}
}
@media (max-width: 767px) {.banner--products-nappy-pants-regular .banner__container {padding-bottom: 252px}
}
@media (max-width: 767px) {.banner--products-nappy-pants-regular .banner__body:before {background-image: url("/images/banners/products/nappy-pants-regular-mobile.jpg")}
}
@media (min-width: 768px) {.banner--products-nappy-pants-regular .banner__body:before {background-image: url("/images/banners/products/nappy-pants-regular-desktop.jpg")}
}
@media (min-width: 768px) {.banner--products-nappy-pants-ultimate {height: 450px}
}
@media (max-width: 767px) {.banner--products-nappy-pants-ultimate .banner__container {padding-bottom: 310px}
}
@media (max-width: 767px) {.banner--products-nappy-pants-ultimate .banner__body:before {background-image: url("/images/banners/products/nappy-pants-ultimate-mobile2.jpg")}
}
@media (min-width: 768px) {.banner--products-nappy-pants-ultimate .banner__body:before {background-image: url("/images/banners/products/nappy-pants-ultimate-desktop2.jpg")}
}
@media (max-width: 767px) {.banner--products-nappy-pants-ultimate .banner__body.unisex:before {background-image: url("/images/banners/products/nappy-pants-ultimate-unisex-mobile.jpg")}
}
@media (min-width: 768px) {.banner--products-nappy-pants-ultimate .banner__body.unisex:before {background-image: url("/images/banners/products/nappy-pants-ultimate-unisex-desktop.jpg")}
}
@media (max-width: 767px) {.banner--products-nappy-pants-ultimate .banner__body.unisex.nz:before {background-image: url("/images/banners/products/nappy-pants-ultimate-unisex-mobile-nz.jpg")}
}
@media (min-width: 768px) {.banner--products-nappy-pants-ultimate .banner__body.unisex.nz:before {background-image: url("/images/banners/products/nappy-pants-ultimate-unisex-desktop-nz.jpg")}
}
@media (min-width: 768px) {.banner--products-nappy-pants-ultra-dry {height: 450px}
}
@media (max-width: 767px) {.banner--products-nappy-pants-ultra-dry .banner__container {padding-bottom: 325px}
}
@media (max-width: 767px) {.banner--products-nappy-pants-ultra-dry .banner__body:before {background-image: url("/images/banners/products/nappy-pants-ultra-dry-mobile2.jpg")}
}
@media (min-width: 768px) {.banner--products-nappy-pants-ultra-dry .banner__body:before {background-image: url("/images/banners/products/nappy-pants-ultra-dry-desktop2.jpg")}
}
@media (max-width: 767px) {.nz .banner--products-nappy-pants-ultra-dry .banner__body:before {background-image: url("/images/banners/products/nappy-pants-ultra-dry-mobile2-nz.jpg")}
}
@media (min-width: 768px) {.nz .banner--products-nappy-pants-ultra-dry .banner__body:before {background-image: url("/images/banners/products/nappy-pants-ultra-dry-desktop2-nz.jpg")}
}
@media (min-width: 768px) {.banner--products-newborn {height: 450px}
}
@media (max-width: 767px) {.banner--products-newborn .banner__container {padding-bottom: 280px}
}
@media (max-width: 767px) {.banner--products-newborn .banner__body:before {background-image: url("/images/banners/products/newborn-nappies-mobile.jpg")}
}
@media (min-width: 768px) {.banner--products-newborn .banner__body:before {background-image: url("/images/banners/products/newborn-nappies-desktop.jpg")}
}
@media (min-width: 768px) {.banner--products-pull-ups {height: 450px}
}
@media (max-width: 767px) {.banner--products-pull-ups .banner__container {padding-bottom: 283px}
}
@media (max-width: 767px) {.banner--products-pull-ups .banner__body:before {background-image: url("/images/banners/products/pull-ups-mobile.jpg")}
}
@media (min-width: 768px) {.banner--products-pull-ups .banner__body:before {background-image: url("/images/banners/products/pull-ups-desktop.jpg")}
}
@media (min-width: 768px) {.banner--products-wipes {height: 450px}
}
@media (max-width: 767px) {.banner--products-wipes .banner__container {padding-bottom: 229px}
}
@media (max-width: 767px) {.banner--products-wipes .banner__body:before {background-image: url("/images/banners/products/baby-wipes-mobile.jpg")}
}
@media (min-width: 768px) {.banner--products-wipes .banner__body:before {background-image: url("/images/banners/products/baby-wipes-desktop.jpg")}
}
@media (max-width: 767px) {.country-au .banner--products-wipes .banner__body:before {background-image: url("/images/banners/products/baby-wipes-mobile-au.jpg")}
}
@media (min-width: 768px) {.country-au .banner--products-wipes .banner__body:before {background-image: url("/images/banners/products/baby-wipes-desktop-au.jpg")}
}
.banner--products-wipes.banner--wipes-thick .banner__body:before {background-image: url("/images/banners/products/wipes-thick.jpg") !important}
@media (max-width: 767px) {.banner--products-wipes.banner--wipes-thick .banner__body:before {background-size: 340px auto; background-position: bottom}
}
.banner--products-wipes.banner--wipes-essential .banner__body:before {background-image: url("/images/banners/products/wipes-essential.jpg") !important}
@media (max-width: 767px) {.banner--products-wipes.banner--wipes-essential .banner__body:before {background-size: 340px auto; background-position: bottom}
}
@media (min-width: 768px) {.banner--products-wipes-gentle {height: 450px}
}
@media (max-width: 767px) {.banner--products-wipes-gentle .banner__container {padding-bottom: 229px}
}
@media (max-width: 767px) {.banner--products-wipes-gentle .banner__body:before {background-image: url("/images/banners/products/baby-wipes-gentle-mobile.jpg")}
}
@media (min-width: 768px) {.banner--products-wipes-gentle .banner__body:before {left: 40%; right: -40%; background-image: url("/images/banners/products/baby-wipes-gentle-desktop.jpg")}
}
@media (min-width: 768px) {.banner--products-wipes-refillable {height: 450px}
}
@media (max-width: 767px) {.banner--products-wipes-refillable .banner__container {padding-bottom: 229px}
}
@media (max-width: 767px) {.banner--products-wipes-refillable .banner__body:before {background-image: url("/images/banners/products/wipes-refillable-mobile.jpg")}
}
@media (min-width: 768px) {.banner--products-wipes-refillable .banner__body:before {left: 40%; right: -40%; background-image: url("/images/banners/products/wipes-refillable-desktop.jpg")}
}
@media (min-width: 768px) {.banner--promotions {height: 360px}
}
@media (max-width: 767px) {.banner--promotions .banner__container {padding-bottom: 220px}
}
@media (max-width: 767px) {.banner--promotions .banner__body:before {background-image: url("/images/banners/promotions/index-mobile.jpg")}
}
@media (min-width: 768px) {.banner--promotions .banner__body:before {background-image: url("/images/banners/promotions/index.jpg")}
}
@media (min-width: 768px) {.banner--silo-baby-care {height: 400px}
}
@media (max-width: 767px) {.banner--silo-baby-care .banner__container {padding-bottom: 200px}
}
@media (max-width: 767px) {.banner--silo-baby-care .banner__body:before {background-image: url("/images/banners/silos/baby-care-mobile.jpg")}
}
@media (min-width: 768px) {.banner--silo-baby-care .banner__body:before {background-image: url("/images/banners/silos/baby-care-desktop.jpg")}
}
@media (min-width: 768px) {.banner--silo-childbirth {height: 400px}
}
@media (max-width: 767px) {.banner--silo-childbirth .banner__container {padding-bottom: 200px}
}
@media (max-width: 767px) {.banner--silo-childbirth .banner__body:before {background-image: url("/images/banners/silos/childbirth-mobile.jpg")}
}
@media (min-width: 768px) {.banner--silo-childbirth .banner__body:before {background-image: url("/images/banners/silos/childbirth-desktop.jpg")}
}
@media (min-width: 768px) {.banner--silo-conception {height: 400px}
}
@media (max-width: 767px) {.banner--silo-conception .banner__container {padding-bottom: 200px}
}
@media (max-width: 767px) {.banner--silo-conception .banner__body:before {background-image: url("/images/banners/silos/conception-mobile.jpg")}
}
@media (min-width: 768px) {.banner--silo-conception .banner__body:before {background-image: url("/images/banners/silos/conception-desktop.jpg")}
}
@media (min-width: 768px) {.banner--silo-parenting {height: 400px}
}
@media (max-width: 767px) {.banner--silo-parenting .banner__container {padding-bottom: 200px}
}
@media (max-width: 767px) {.banner--silo-parenting .banner__body:before {background-image: url("/images/banners/silos/parenting-mobile.jpg")}
}
@media (min-width: 768px) {.banner--silo-parenting .banner__body:before {background-image: url("/images/banners/silos/parenting-desktop.jpg")}
}
@media (min-width: 768px) {.banner--stay-at-home {height: 400px}
}
@media (max-width: 767px) {.banner--stay-at-home .banner__container {padding-bottom: 199px}
}
@media (max-width: 767px) {.banner--stay-at-home .banner__body:before {background-image: url("/images/banners/silos/stay-at-home-mobile.jpg")}
}
@media (min-width: 768px) {.banner--stay-at-home .banner__body:before {background-image: url("/images/banners/silos/stay-at-home-desktop.jpg")}
}
@media (min-width: 768px) {.banner--silo-toddler {height: 400px}
}
@media (max-width: 767px) {.banner--silo-toddler .banner__container {padding-bottom: 199px}
}
@media (max-width: 767px) {.banner--silo-toddler .banner__body:before {background-image: url("/images/banners/silos/toddler-mobile.jpg")}
}
@media (min-width: 768px) {.banner--silo-toddler .banner__body:before {background-image: url("/images/banners/silos/toddler-desktop.jpg")}
}
@media (min-width: 768px) {.banner--silos {height: 450px}
}
 @media (min-width: 769px) {.crumb + .banner {margin-top: -57px}
}
.banner {display: table; width: 100%}
@media (max-width: 767px) {.banner__container {padding-bottom: 284px}
}
.banner__body {background-color: #f0f0f0; background-repeat: no-repeat; background-position: bottom; position: relative; display: table-cell; vertical-align: middle}
@media (min-width: 768px) {.banner__body {position: relative; overflow: hidden}
}
.banner__body:before {content: ''; display: block; position: absolute; top: 0; bottom: 0; background-repeat: no-repeat}
@media (max-width: 767px) {.banner__body:before {left: 0; right: 0; background-image: url("/images/banners/default-mobile.jpg"); background-position: bottom}
}
@media (min-width: 768px) {.banner__body:before {left: 50%; right: -50%; background-image: url("/images/banners/default-desktop.jpg"); background-position: left}
}
.banner__title {font-weight: 900; font-family: 'Huggies Omnes Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; font-size: 35px}
@media (min-width: 768px) {.banner__title {font-size: 45px}
}
.banner__title strong {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500}
.banner__title--ultimate {position: relative; padding-top: 140px; padding-left: 15px}
.banner__title--ultimate:before {position: absolute; content: ''; left: -25px; top: 0px; display: block; width: 235px; height: 195px; background-image: url("/images/banners/products/icon-best-care.png"); background-repeat: no-repeat}
@media (max-width: 991px) {.banner__title--ultimate {margin-left: 20px}
}
.banner__title--ultimate__red:before {background-image: url("/images/banners/products/icon-best-care-red.png")}
.banner__title--ultimate__gold:before {background-image: url("/images/banners/products/icon-best-care-gold.png")}
.banner__subtitle {text-transform: uppercase; font-size: 20px; font-weight: 900; color: #e0505e}
.banner__body p, .banner__p {font-family: 'Huggies Omnes Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; font-size: 20px; margin-top: 40px}
@media (max-width: 990px) {.banner__body p, .banner__p {font-size: 18px}
}
.banner__body p + p, .banner__p + p {margin-top: 20px}
.promotion-rebrand .banner .section-breadcrumb .breadcrumb {border: none}
.promotion-rebrand .banner .section-breadcrumb .breadcrumb li {font-size: 16px}
.promotion-rebrand .banner .section-breadcrumb .breadcrumb li.current {color: #939393}
.product-rebrand .banner .banner-body {height: 800px; background-repeat: no-repeat; background-position: bottom !important; background-color: #f0f0f0; background-size: 100% !important}
@media (max-width: 550px) {.product-rebrand .banner .banner-body {height: 640px}
}
@media (min-width: 768px) {.product-rebrand .banner .banner-body {height: 500px}
}
@media (min-width: 768px) {.product-rebrand .banner .banner-body {background-size: cover !important}
}
@media (min-width: 1556px) {.product-rebrand .banner .banner-body {background-size: contain !important}
}
.product-rebrand .banner .banner-body .title {font-size: 40px}
@media (min-width: 768px) {.product-rebrand .banner .banner-body .title {font-size: 50px}
}
.product-rebrand .banner .banner-body .title strong {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500}
.product-rebrand .banner .title {font-weight: 900; font-family: 'Huggies Omnes Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; font-size: 35px !important; margin-top: 25px !important}
@media (min-width: 768px) {.product-rebrand .banner .title {font-size: 45px !important; margin-top: 50px !important}
}
@media (min-width: 768px) {.product-rebrand .banner .title {margin-top: 80px}
}
.product-rebrand .banner .sub-title {text-transform: uppercase; font-size: 20px; font-weight: 900; color: #e0505e}
.product-rebrand .banner .sub-title.gold {color: #b88c48}
.product-rebrand .banner .sub-title-wrapper.gold, .product-rebrand .banner .sub-title-wrapper.red, .product-rebrand .banner .sub-title-wrapper.pink, .product-rebrand .banner .sub-title-wrapper.blue, .product-rebrand .banner .sub-title-wrapper.grey {padding: 3px; width: 70%; min-width: 295px; max-width: 315px; text-align: center}
.product-rebrand .banner .sub-title-wrapper.gold {background: linear-gradient(to right, #d9a85c 15%, #edd587 30%, #e0b267 45%, #c58c3f 100%)}
.product-rebrand .banner .sub-title-wrapper.red {background: linear-gradient(to right, #ec4555 15%, #ff7784 30%, #e8394b 45%, #c21829 100%)}
.product-rebrand .banner .sub-title-wrapper.pink {background: linear-gradient(to right, #f631a8 15%, #f664bd 30%, #ed0090 45%, #e2028a 100%)}
.product-rebrand .banner .sub-title-wrapper.blue {background: linear-gradient(to right, #3cc3ef 15%, #62c7f1 30%, #26abe3 45%, #0f9eda 100%)}
.product-rebrand .banner .sub-title-wrapper.grey {background: linear-gradient(to right, #b8c4cc 15%, #f1eeed 30%, #a3b4c0 45%, #88a0af 100%)}
.product-rebrand .banner .sub-title-wrapper .sub-title.gold, .product-rebrand .banner .sub-title-wrapper .sub-title.red, .product-rebrand .banner .sub-title-wrapper .sub-title.pink, .product-rebrand .banner .sub-title-wrapper .sub-title.blue, .product-rebrand .banner .sub-title-wrapper .sub-title.grey {color: #fff; padding-top: 5px; padding-bottom: 5px; padding-left: 15px; padding-right: 15px; font-size: 20px; text-shadow: 2px 2px rgba(0, 0, 0, 0.25); margin: 0}
.product-rebrand .banner .sub-title-wrapper .sub-title.gold {background: linear-gradient(to right, #c88f42 0%, #ddab6c 100%)}
.product-rebrand .banner .sub-title-wrapper .sub-title.red {background: linear-gradient(to right, #d92032 0%, #f42c40 100%)}
.product-rebrand .banner .sub-title-wrapper .sub-title.pink {background: linear-gradient(to right, #ed0090 0%, #fb4fb7 100%)}
.product-rebrand .banner .sub-title-wrapper .sub-title.blue {background: linear-gradient(to right, #26abe3 0%, #44bff2 100%)}
.product-rebrand .banner .sub-title-wrapper .sub-title.grey {background: linear-gradient(to right, #859ead 0%, #d5dbe0 100%)}
.product-rebrand .banner .section-breadcrumb .breadcrumb {border: none}
.product-rebrand .banner .section-breadcrumb .breadcrumb li {font-size: 16px}
.product-rebrand .banner .section-breadcrumb .breadcrumb li.current {color: #939393}
.product-rebrand p, .product-rebrand ol, .product-rebrand ul, .product-rebrand li {font-family: 'Huggies Omnes Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; font-size: 18px}
.product-rebrand .gutter-top {margin-top: 15px}
@media (min-width: 768px) {.product-rebrand .gutter-top {margin-top: 30px}
}
.product-rebrand .text-red {color: #d92032 !important; font-family: 'Huggies Omnes Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300}
.product-rebrand .text-red strong {color: #d92032 !important; font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal}
.product-rebrand .section-anchor {position: relative; top: -122px}
.nz .product-rebrand .section-anchor {top: -182px}
@media (max-width: 991px) {.product-rebrand .section-anchor {top: -90px}
}
.product-rebrand .bg-gold-light {background-color: #FBEEE1 !important}
.product-rebrand .content-title {line-height: 0.5; text-transform: uppercase; font-size: 16px; font-weight: 900; color: #d92032; text-align: center; margin-bottom: 20px; line-height: 1.3em}
@media (min-width: 768px) {.product-rebrand .content-title {font-size: 20px}
}
.product-rebrand .content-title.gold {color: #b88c48}
.product-rebrand .content-title strong {font-family: 'Huggies Omnes Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold}
.product-rebrand .shadow-card {box-shadow: 0 0 10px 0 #c9c9c9; margin-bottom: 20px; border-radius: 10px}
.product-rebrand .shadow-card.height-match {min-height: 280px}
.product-rebrand .shadow-card.height-match-336 {min-height: 336px}
.product-rebrand .shadow-card.padded {padding: 30px}
.product-rebrand .shadow-card#three-way-care {background: linear-gradient(to right, #d29d49 35%, #f9edb4 55%, #f9edb4 65%, #d29d49 85%); padding: 5px}
.product-rebrand .shadow-card#three-way-care > .thin-content-wrapper > .clearfix > .col {padding: 20px !important}
@media (min-width: 768px) {.product-rebrand .shadow-card#three-way-care > .thin-content-wrapper > .clearfix > .col {min-height: 365px}
}
.product-rebrand .shadow-card#three-way-care .text-card {padding: 0 !important}
@media (max-width: 990px) {.product-rebrand .shadow-card#three-way-care .icon {max-width: 60px}
}
.product-rebrand .shadow-card#three-way-care .icon-right {float: right; position: relative; top: 2px; max-width: 60px}
.product-rebrand .shadow-card#three-way-care .icon-right.double-icon {max-width: 120px}
.product-rebrand .shadow-card#three-way-care .middle {border-left: solid; border-right: solid; border-width: 2px; border-color: #e3c179}
@media (max-width: 768px) {.product-rebrand .shadow-card#three-way-care .middle {border-left: none; border-right: none; border-top: solid; border-bottom: solid; border-width: 2px; border-color: #e3c179}
}
.product-rebrand .shadow-card#three-way-care .content {margin-bottom: 40px}
.product-rebrand .shadow-card#three-way-care h3 {color: #c39245; font-size: 21px; min-height: 60px}
.product-rebrand .shadow-card#three-way-care small {font-size: 15px; color: #b6b6b6; position: relative; top: 25px}
.product-rebrand .shadow-card .center {text-align: center}
.product-rebrand .shadow-card .col {padding: 0 !important}
.product-rebrand .shadow-card .img-padding {padding-left: 10%; padding-right: 10%}
.product-rebrand .shadow-card .card-banner {height: 230px; background-size: 100%; background-repeat: no-repeat; background-position: top; border-radius: inherit}
@media (min-width: 1200px) {.product-rebrand .shadow-card .card-banner.card-banner--tall {height: 260px}
}
@media (max-width: 768px) {.product-rebrand .shadow-card .card-banner {height: 380px}
}
@media (max-width: 520px) {.product-rebrand .shadow-card .card-banner {height: 250px; background-position: bottom}
}
@media (max-width: 450px) {.product-rebrand .shadow-card .card-banner {height: 190px}
}
.product-rebrand .shadow-card .card-body {text-align: center; padding-top: 35px; padding-bottom: 25px; padding-left: 15px; padding-right: 15px}
.product-rebrand .shadow-card .card-body p {padding-left: 15px; padding-right: 15px; font-size: 18px}
.product-rebrand .shadow-card .card-block-content {padding: 30px; text-align: center !important}
.product-rebrand .shadow-card .card-block-content h2 {color: #000 !important; font-family: 'Huggies Omnes Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; font-size: 30px}
.product-rebrand .shadow-card .card-block-content h3 {color: #d92032 !important; font-size: 18px}
.product-rebrand .shadow-card .card-block-content h2, .product-rebrand .shadow-card .card-block-content h3, .product-rebrand .shadow-card .card-block-content p, .product-rebrand .shadow-card .card-block-content ol, .product-rebrand .shadow-card .card-block-content ul, .product-rebrand .shadow-card .card-block-content li {text-align: left !important}
.product-rebrand .shadow-card .card-block-content hr.dotted {border-top: 2px dotted #eeeeee !important}
.product-rebrand .shadow-card .card-block-content a {color: #3b73b9 !important}
.product-rebrand .shadow-card .card-block-content strong {color: #000 !important}
.product-rebrand .shadow-card .card-block-content li {font-family: 'Huggies Omnes Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; font-size: 16px}
.product-rebrand .shadow-card .devide-right {border-right: solid; border-color: #e7e7e7; border-width: 2px}
.product-rebrand .shadow-card p {font-family: 'Huggies Omnes Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; font-size: 18px}
.product-rebrand .btn {margin-top: 10px; color: #fff !important; background-color: #db1c2b; font-size: 16px; padding-top: 8px; padding-bottom: 8px; padding-left: 20px; padding-right: 20px}
@media (min-width: 992px) {.product-rebrand .btn {font-size: 20px; padding-top: 10px; padding-bottom: 10px; padding-left: 30px; padding-right: 30px}
}
.product-rebrand .btn.back-to-top {background-color: #f7f7f7 !important; color: #a9a9a9 !important; font-size: 15px !important}
.product-rebrand .size-guide {padding: 20px}
.product-rebrand .size-guide h2 {color: #000 !important; font-size: 23px; margin-top: 0}
.product-rebrand .size-guide table {width: 100%; font-size: 20px; margin-top: -50px}
.product-rebrand .size-guide table tr {height: 60px}
.product-rebrand .size-guide table td {font-family: 'Huggies Omnes Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; text-align: center; padding: 5px; width: 100%}
.product-rebrand .size-guide table td.product {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500}
.product-rebrand .size-guide table td.content {background-color: #f6f6f6; border-left: solid; border-right: solid; border-top: solid; border-color: #fff; border-width: 8px; border-top-color: #eeeeee; border-top-width: 2px}
.product-rebrand .size-guide table td.bottom {border-bottom-left-radius: 20px; border-bottom-right-radius: 20px}
.product-rebrand .size-guide table td.top {padding-top: 50px}
.product-rebrand .size-guide table .jelly-head {color: #fff; font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; text-align: center; padding: 25px; background-image: url("/images/products/icons/bean.svg"); background-repeat: no-repeat; background-position: center; position: relative; top: 50px}
.product-rebrand .size-guide.nappy-count .x-scroll {overflow-x: scroll}
.product-rebrand .size-guide.nappy-count .jelly-head {background-size: contain; top: 60px}
.product-rebrand .size-guide.nappy-count .jelly-head .content {position: relative; top: 6px}
.product-rebrand .size-guide.nappy-count table {width: 100%; position: relative; top: -15px}
.product-rebrand .size-guide.nappy-count th, .product-rebrand .size-guide.nappy-count td {min-width: 120px}
.product-rebrand .size-guide.nappy-count small {font-size: 70%; position: relative; top: -10px}
.product-rebrand .size-guide.nappy-count .size {font-family: 'Huggies Omnes Semibold', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 600; font-size: 15px}
.product-rebrand .size-guide.nappy-count .size + .count {margin-top: -8px}
.product-rebrand .size-guide.nappy-count .count {font-family: 'Huggies Omnes Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold; font-size: 26px}
.product-rebrand .size-guide.nappy-count .nil {color: #d3d3d3}
.product-rebrand .size-guide.nappy-count .separated .content {border-top: solid; border-color: #fff; border-top-width: 5px; border-radius: 20px}
.product-rebrand .size-guide.nappy-count.narrow th, .product-rebrand .size-guide.nappy-count.narrow td {min-width: 109px}
.product-rebrand .size-guide.nappy-count.narrow th:nth-child(1), .product-rebrand .size-guide.nappy-count.narrow td:nth-child(1) {min-width: 98px}
.product-rebrand .size-guide .footnote {text-align: right; font-size: 14px; color: #999}
.product-rebrand .text-card {padding: 20px; font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500}
.product-rebrand .text-card h2 {color: #000 !important; font-size: 23px; margin-top: 0}
.product-rebrand .text-card a {color: #db1c2b !important}
.product-rebrand .text-card img {padding-right: 10px; padding-bottom: 10px}
.product-rebrand .comparison {padding: 20px; min-height: 500px}
.product-rebrand .comparison h2 {color: #000 !important; font-size: 23px; margin-top: 0}
.product-rebrand .comparison a {font-weight: 900; color: #db1c2b !important}
.product-rebrand .comparison img {padding-bottom: 10px; margin-bottom: -30px}
@media (max-width: 380px) {.product-rebrand .comparison img {width: 100%}
}
.product-rebrand .comparison .product-type {min-height: 350px; margin-left: 10px; margin-right: 10px; border-radius: 10px; position: relative; top: 50px}
@media (max-width: 768px) {.product-rebrand .comparison .product-type {margin-bottom: 75px}
}
.product-rebrand .comparison .product-type img {position: relative; top: -50px}
.product-rebrand .comparison .content {padding-left: 20px; padding-right: 20px}
@media (min-width: 400px) {.product-rebrand .comparison .content {padding-left: 80px; padding-right: 80px}
}
.product-rebrand .comparison .content hr {margin-top: 15px !important; margin-bottom: 15px !important}
.product-rebrand .sample-card {padding: 20px}
.product-rebrand .sample-card h2 {color: #d92032 !important; font-size: 25px; margin-top: 5px; margin-bottom: 25px}
.product-rebrand .sample-card .btn {position: relative; top: -40px}
.product-rebrand .sample-card#slim .btn {position: relative; top: 0}
.product-rebrand .sample-banner {margin: 10px; padding: 50px; background-color: #f6f6f6; border-radius: 10px}
.product-rebrand .sample-banner img {width: 215px; height: 135px}
.product-rebrand .sample-card-mini {padding: 20px; text-align: center; background-repeat: no-repeat; background-size: 100%}
@media (max-width: 768px) {.product-rebrand .sample-card-mini {background-position: 0px -70px}
}
@media (max-width: 690px) {.product-rebrand .sample-card-mini {background-position: 0px 0px}
}
.product-rebrand .sample-card-mini h2 {color: #fff !important; font-size: 20px; margin-top: 0}
@media (max-width: 450px) {.product-rebrand .sample-card-mini h2 {font-size: 17px}
}
.product-rebrand .sample-card-mini h3 {color: #fff; font-size: 20px; margin-top: 0; font-family: 'Huggies Omnes Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300}
@media (max-width: 450px) {.product-rebrand .sample-card-mini h3 {font-size: 17px}
}
.product-rebrand .sample-card-mini a {font-size: 20px}
@media (max-width: 768px) {.product-rebrand .sample-card-mini a {margin-top: 160px}
}
@media (max-width: 690px) {.product-rebrand .sample-card-mini a {margin-top: 220px}
}
@media (max-width: 550px) {.product-rebrand .sample-card-mini a {margin-top: 160px}
}
@media (max-width: 450px) {.product-rebrand .sample-card-mini a {margin-top: 120px}
}
@media (min-width: 768px) {.product-rebrand .sample-card-mini a {margin-top: 130px}
}
.product-rebrand .full-background-card {background-size: cover; background-repeat: no-repeat; border-radius: 10px !important}
.product-rebrand .full-background-card .banner-body {width: 100%; padding: 60px 20px 60px 20px !important}
.product-rebrand .full-background-card .banner-body p {font-family: 'Huggies Omnes Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; color: #fff !important}
.product-rebrand .full-background-card .banner-body h2 {padding: 0 20px 0 0; color: #fff !important; margin-top: 0}
@media (max-width: 768px) {.product-rebrand .full-background-card .banner-body h2 {margin-bottom: 30px !important}
}
@media (max-width: 768px) {.product-rebrand .full-background-card .banner-body {text-align: center !important}
}
.product-rebrand .product-card .banner-body {width: 100%; padding: 20px !important; display: table; height: 150px; text-align: center}
.product-rebrand .product-card .banner-body.auto-height {height: initial}
.product-rebrand .product-card .banner-body strong {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; color: #000 !important; font-weight: 900 !important}
.product-rebrand .product-card .banner-body .font-omnes-medium {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500}
.product-rebrand .product-card .banner-body .font-omnes-light {font-family: 'Huggies Omnes Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300}
@media (min-width: 768px) {.product-rebrand .product-card .banner-body {text-align: left}
}
@media (min-width: 450px) {.product-rebrand .product-card .banner-body {height: 350px}
}
.product-rebrand .product-card .banner-body h2 {color: #d92032 !important; font-family: 'Huggies Omnes Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300}
.product-rebrand .product-card .banner-body h2 strong {color: #d92032 !important; font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal}
.product-rebrand .product-card .banner-body h2.text-purple {color: #90c !important}
.product-rebrand .product-card .banner-body h2.text-purple strong {color: #90c !important}
.product-rebrand .product-card .banner-body .right {text-align: right}
.product-rebrand .product-card .banner-body .icon {max-width: 125px}
.product-rebrand .product-card .banner-image {border-top-left-radius: 10px !important; border-bottom-left-radius: 10px !important; background-size: cover; height: 250px; background-repeat: no-repeat; background-position: bottom; border-radius: 0}
.product-rebrand .product-card .banner-image.bg-contain {background-size: contain !important}
.product-rebrand .product-card .banner-image.rounded-right {border-radius: 0 10px 10px 0 !important}
.product-rebrand .product-card .banner-image.rounded-left {border-radius: 10px 0 0 10px !important}
.product-rebrand .product-card .banner-image.bg-cover {background-size: cover !important}
.product-rebrand .product-card .banner-image.bg-y-top {background-position-y: top !important}
.product-rebrand .product-card .banner-image.bg-y-bottom {background-position-y: bottom !important}
.product-rebrand .product-card .banner-image.bg-y-center {background-position-y: center !important}
.product-rebrand .product-card .banner-image.bg-x-top {background-position-x: top !important}
.product-rebrand .product-card .banner-image.bg-x-bottom {background-position-x: bottom !important}
.product-rebrand .product-card .banner-image.bg-x-center {background-position-x: center !important}
@media (min-width: 768px) {.product-rebrand .product-card .banner-image {border-radius: 10px}
}
@media (min-width: 450px) {.product-rebrand .product-card .banner-image {background-position: center; height: 350px}
}
@media (max-width: 991px) {.product-rebrand .product-card .banner-image.bg-sm-contain {background-size: contain !important}
.product-rebrand .product-card .banner-image.bg-y-sm-top {background-position-y: top !important}
.product-rebrand .product-card .banner-image.bg-y-sm-bottom {background-position-y: bottom !important}
.product-rebrand .product-card .banner-image.bg-y-sm-center {background-position-y: center !important}
.product-rebrand .product-card .banner-image.bg-x-sm-top {background-position-x: top !important}
.product-rebrand .product-card .banner-image.bg-x-sm-bottom {background-position-x: bottom !important}
.product-rebrand .product-card .banner-image.bg-x-sm-center {background-position-x: center !important}
}
.product-rebrand .product-card#slim .banner-body, .product-rebrand .product-card.slim .banner-body {height: 205px}
.product-rebrand .product-card#slim .banner-image, .product-rebrand .product-card.slim .banner-image {border-radius: 0; background-size: cover !important; background-position: top}
@media (min-width: 450px) {.product-rebrand .product-card#slim .banner-image, .product-rebrand .product-card.slim .banner-image {height: 205px}
}
@media (max-width: 767px) {.product-rebrand .product-card#slim .banner-image, .product-rebrand .product-card.slim .banner-image {height: 260px}
}
@media (max-width: 450px) {.product-rebrand .product-card#slim .banner-image, .product-rebrand .product-card.slim .banner-image {height: 150px; background-size: contain !important}
}
.product-rebrand .product-card.medium .banner-body {height: 220px}
.product-rebrand .product-card.medium .banner-image {border-radius: 0; background-size: cover !important; background-position: top}
@media (min-width: 450px) {.product-rebrand .product-card.medium .banner-image {height: 220px}
}
@media (max-width: 767px) {.product-rebrand .product-card.medium .banner-image {height: 260px}
}
@media (max-width: 450px) {.product-rebrand .product-card.medium .banner-image {height: 200px; background-size: contain !important}
}
.product-rebrand .product-card.medium .banner-image.bg-contain {background-size: contain !important}
.product-rebrand .verticle-middle {display: table-cell; vertical-align: middle}
@media (min-width: 768px) {.product-rebrand .blur-left {box-shadow: 40px 0 45px 0 white inset}
.product-rebrand .blur-right {box-shadow: -40px 0 45px 0 white inset}
}
.product-rebrand .thin-content-wrapper {background-color: #fff; border-radius: 5px}
@media (max-width: 768px) {.product-rebrand .center-mobile {text-align: center}
}
@media (max-width: 768px) {.product-rebrand .desktop-only {display: none}
}
.product-rebrand .faq-card table {text-align: left}
.product-rebrand .faq-card table td {padding: 5px; border-style: solid; border-width: 1px}
.product-rebrand .faq-card strong {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500}
.home-carousel {width: 100%;   }
.home-carousel .owl-controls {margin-top: 5px !important}
.home-carousel .item {margin-left: 0; margin-right: 0; background: #f8fbe6}
.home-carousel .item .container {max-height: 480px; max-width: 990px; overflow: hidden}
.home-carousel .item .container .info {margin-top: 70px; position: static}
.home-carousel .item .container .info h2 {font-weight: 600; font-size: 2.8em}
.home-carousel .item .container .info .btn2 {display: inline-block; margin-bottom: 0; margin-top: 15px; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 18px; line-height: 1; padding: 8px 20px 11px; border: none; border-radius: 18px; color: #fff; -webkit-font-smoothing: auto}
.home-carousel .item .container .info .btn2:hover {text-decoration: none}
.home-carousel .item .container .info .btn2 .fa-angle-right {line-height: 13px; vertical-align: middle; margin: 0 -5px 0 2px; font-weight: bold}
.home-carousel .owl-controls {position: relative; bottom: 10px; margin-top: -25px; height: 24px}
.home-carousel #slide-disney.item {background: #e42a78}
.home-carousel #slide-disney.item .container {background: url("/images/homepage/carousel/hero/bg-item-disney.png") top right no-repeat}
@media screen and (max-width: 767px) {.home-carousel #slide-disney.item .container {background: none}
.home-carousel #slide-disney.item .container .img-holder {background: #e42a78 url("/images/homepage/carousel/hero/mobile/bg-item-disney.png") top center no-repeat; height: 200px}
}
.home-carousel #slide-wetness-nz.item {background: #ea679b}
.home-carousel #slide-wetness-nz.item .container {background: url("/images/homepage/carousel/hero/bg-item-wetness-nz.jpg") top right no-repeat}
@media screen and (max-width: 767px) {.home-carousel #slide-wetness-nz.item .container {background: none}
.home-carousel #slide-wetness-nz.item .container .img-holder {background: #ea679b url("/images/homepage/carousel/hero/mobile/bg-item-wetness-nz.jpg") top center no-repeat; height: 200px}
}
.home-carousel #slide-get-your-free-ebook.item {background: #e3f7ee}
.home-carousel #slide-get-your-free-ebook.item .container {background: url("/images/homepage/carousel/hero/bg-item-get-your-free-ebook.jpg") top right no-repeat}
@media screen and (max-width: 767px) {.home-carousel #slide-get-your-free-ebook.item .container {background: none}
.home-carousel #slide-get-your-free-ebook.item .container .img-holder {background: #e3f7ee url("/images/homepage/carousel/hero/mobile/bg-item-get-your-free-ebook.jpg") top center no-repeat; height: 200px}
}
.home-carousel #slide-baby-wipes-sensitive-skin.item {background: #e5f7f5}
.home-carousel #slide-baby-wipes-sensitive-skin.item .container {background: url("/images/homepage/carousel/hero/bg-item-baby-wipes-sensitive-skin.jpg") top right no-repeat}
@media screen and (max-width: 767px) {.home-carousel #slide-baby-wipes-sensitive-skin.item .container {background: none}
.home-carousel #slide-baby-wipes-sensitive-skin.item .container .img-holder {background: #e5f7f5 url("/images/homepage/carousel/hero/mobile/bg-item-baby-wipes-sensitive-skin.jpg") top center no-repeat; height: 200px}
}
.home-carousel #slide-baby-wipes-simply-clean.item {background: #fff5cc}
.home-carousel #slide-baby-wipes-simply-clean.item .container {background: url("/images/homepage/carousel/hero/bg-item-baby-wipes-simply-clean.jpg") top right no-repeat}
@media screen and (max-width: 767px) {.home-carousel #slide-baby-wipes-simply-clean.item .container {background: none}
.home-carousel #slide-baby-wipes-simply-clean.item .container .img-holder {background: #fff5cc url("/images/homepage/carousel/hero/mobile/bg-item-baby-wipes-simply-clean.jpg") top center no-repeat; height: 200px}
}
.home-carousel #slide-mother-awards.item {background: #f1faf7}
.home-carousel #slide-mother-awards.item .container {background: url("/images/homepage/carousel/hero/bg-item-mother-awards.jpg") top right no-repeat}
@media screen and (max-width: 767px) {.home-carousel #slide-mother-awards.item .container {background: none}
.home-carousel #slide-mother-awards.item .container .img-holder {background: #f1faf7 url("/images/homepage/carousel/hero/mobile/bg-item-mother-awards.jpg") top center no-repeat; height: 200px}
}
.home-carousel #slide-plunket.item {background: #e1eef6}
.home-carousel #slide-plunket.item .container {background: url("/images/homepage/carousel/hero/bg-item-plunket.jpg") top right no-repeat}
@media screen and (max-width: 767px) {.home-carousel #slide-plunket.item .container {background: none}
.home-carousel #slide-plunket.item .container .img-holder {background: #e1eef6 url("/images/homepage/carousel/hero/mobile/bg-item-plunket.jpg") top center no-repeat; height: 200px}
}
.home-carousel #slide-free-hugs.item {background: #e7ded5}
.home-carousel #slide-free-hugs.item .container {background: url("/images/homepage/carousel/hero/bg-item-free-hugs.jpg") top right no-repeat}
@media screen and (max-width: 767px) {.home-carousel #slide-free-hugs.item .container {background: none}
.home-carousel #slide-free-hugs.item .container .img-holder {background: #e7ded5 url("/images/homepage/carousel/hero/mobile/bg-item-free-hugs.jpg") top center no-repeat; height: 200px}
}
.home-carousel #slide-pull-ups.item {background: #ade5f7}
.home-carousel #slide-pull-ups.item .container {background: url("/images/homepage/carousel/hero/bg-item-pull-ups-nz.jpg") top right no-repeat}
@media screen and (max-width: 767px) {.home-carousel #slide-pull-ups.item .container {background: none}
.home-carousel #slide-pull-ups.item .container .img-holder {background: #ade5f7 url("/images/homepage/carousel/hero/mobile/bg-item-pull-ups-nz.jpg") top center no-repeat; height: 200px}
}
.home-carousel #slide-product-range.item {background: #d5e6fa}
.home-carousel #slide-product-range.item .container {background: url("/images/homepage/carousel/hero/bg-item-product-range-nz.jpg") top right no-repeat}
@media screen and (max-width: 767px) {.home-carousel #slide-product-range.item .container {background: none}
.home-carousel #slide-product-range.item .container .img-holder {background: #d5e6fa url("/images/homepage/carousel/hero/mobile/bg-item-product-range-nz.jpg") top center no-repeat; height: 200px}
}
.home-carousel #slide-little-swimmer.item {background: #fbeddb}
.home-carousel #slide-little-swimmer.item .container {background: url("/images/homepage/carousel/hero/bg-item-little-swimmer.jpg") top right no-repeat}
@media screen and (max-width: 767px) {.home-carousel #slide-little-swimmer.item .container {background: none}
.home-carousel #slide-little-swimmer.item .container .img-holder {background: #fbeddb url("/images/homepage/carousel/hero/mobile/bg-item-little-swimmer.jpg") top center no-repeat; height: 200px}
}
.home-carousel #slide-second-hug.item {background: #f5ebd9}
.home-carousel #slide-second-hug.item .container {background: url("/images/homepage/carousel/hero/bg-item-second-hug.jpg") top right no-repeat}
@media screen and (max-width: 767px) {.home-carousel #slide-second-hug.item .container {background: none}
.home-carousel #slide-second-hug.item .container .img-holder {background: #f5ebd9 url("/images/homepage/carousel/hero/mobile/bg-item-second-hug.jpg") top center no-repeat; height: 200px}
}
.home-carousel #slide-free-1day-pack.item {background: #AED058}
.home-carousel #slide-free-1day-pack.item .container {background: url("/images/homepage/carousel/hero/bg-item-huggies-nappy-pants-nz.jpg") top right no-repeat}
@media screen and (max-width: 767px) {.home-carousel #slide-free-1day-pack.item .container {background: none}
.home-carousel #slide-free-1day-pack.item .container .img-holder {background: #AED058 url("/images/homepage/carousel/hero/mobile/bg-item-huggies-nappy-pants-nz.jpg") top center no-repeat; height: 200px}
}
.home-carousel #slide-plunket-make-time-for-hugs.item {background: #e7e7e2}
.home-carousel #slide-plunket-make-time-for-hugs.item .container {background: url("/images/homepage/carousel/hero/bg-item-plunket-make-time-for-hugs.jpg") top right no-repeat}
@media screen and (max-width: 767px) {.home-carousel #slide-plunket-make-time-for-hugs.item .container {background: none}
.home-carousel #slide-plunket-make-time-for-hugs.item .container .img-holder {background: #e7e7e2 url("/images/homepage/carousel/hero/mobile/bg-item-plunket-make-time-for-hugs.jpg") top center no-repeat; height: 200px}
}
.home-carousel #slide-wooden-toys.item {background: #a3ddf3}
.home-carousel #slide-wooden-toys.item .container {background: url("/images/homepage/carousel/hero/bg-item-wooden-toys.jpg") top right no-repeat}
@media screen and (max-width: 767px) {.home-carousel #slide-wooden-toys.item .container {background: none}
.home-carousel #slide-wooden-toys.item .container .img-holder {background: #a3ddf3 url("/images/homepage/carousel/hero/mobile/bg-item-wooden-toys.jpg") top center no-repeat; height: 200px}
}
.home-carousel #slide-jumbo-box-update.item {background: #EBF1F8}
.home-carousel #slide-jumbo-box-update.item .container {background: url("/images/homepage/carousel/hero/bg-item-jumbo-box-update.jpg") top right no-repeat}
@media screen and (max-width: 767px) {.home-carousel #slide-jumbo-box-update.item .container {background: none}
.home-carousel #slide-jumbo-box-update.item .container .img-holder {background: #EBF1F8 url("/images/homepage/carousel/hero/mobile/bg-item-jumbo-box-update.jpg") top center no-repeat; height: 200px}
}
.home-carousel #slide-dry-nites.item {background: #cbddf1}
.home-carousel #slide-dry-nites.item .container {background: url("/images/homepage/carousel/hero/bg-item-dry-nites.jpg") top right no-repeat}
@media screen and (max-width: 767px) {.home-carousel #slide-dry-nites.item .container {background: none}
.home-carousel #slide-dry-nites.item .container .img-holder {background: #cbddf1 url("/images/homepage/carousel/hero/mobile/bg-item-dry-nites.jpg") top center no-repeat; height: 200px}
}
.home-carousel #slide-maya-bay.item {background: #f8fbe5}
.home-carousel #slide-maya-bay.item .container {background: url("/images/homepage/carousel/hero/bg-item-maya-bay.jpg") top right no-repeat}
@media screen and (max-width: 767px) {.home-carousel #slide-maya-bay.item .container {background: none}
.home-carousel #slide-maya-bay.item .container .img-holder {background: #f8fbe5 url("/images/homepage/carousel/hero/mobile/bg-item-maya-bay.jpg") top center no-repeat; height: 200px}
}
.home-carousel #slide-coconut-wipes.item {background: #ABDCF6}
.home-carousel #slide-coconut-wipes.item .container {background: url("/images/homepage/carousel/hero/bg-item-coconut-wipes.jpg") top right no-repeat}
@media screen and (max-width: 767px) {.home-carousel #slide-coconut-wipes.item .container {background: none}
.home-carousel #slide-coconut-wipes.item .container .img-holder {background: #ABDCF6 url("/images/homepage/carousel/hero/mobile/bg-item-coconut-wipes.jpg") top center no-repeat; height: 200px}
}
.home-carousel #slide-sensitive-skin.item {background: #e4f7f5}
.home-carousel #slide-sensitive-skin.item .container {background: url("/images/homepage/carousel/hero/bg-item-sensitive-skin.jpg") top right no-repeat}
@media screen and (max-width: 767px) {.home-carousel #slide-sensitive-skin.item .container {background: none}
.home-carousel #slide-sensitive-skin.item .container .img-holder {background: #e4f7f5 url("/images/homepage/carousel/hero/mobile/bg-item-sensitive-skin.jpg") top center no-repeat; height: 200px}
}
.home-carousel #slide-coconut-wipes h2 {color: #936037}
@media screen and (min-width: 768px) {.home-carousel #slide-coconut-wipes h2 {text-indent: -999em; display: block; width: 100%; height: 270px; background: transparent url("/images/homepage/carousel/hero/bg-heading-coconut-wipes.png") top center no-repeat; background-size: contain; margin-top: 0px}
}
@media (min-width: 768px) and (max-width: 991px) {.home-carousel #slide-coconut-wipes h2 {height: 200px}
}
.home-carousel #slide-sensitive-skin h2 {color: #00ae9e; margin-bottom: 25px; font-size: 2.7em; letter-spacing: 1px; font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal}
.home-carousel #slide-sensitive-skin h2 strong {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; font-weight: 900}
.home-carousel #slide-sensitive-skin .info p {color: #7f8388; font-size: 1.2em}
.home-carousel #slide-sensitive-skin .info .btn2 {background-color: #00ae9e; border-color: #00ae9e; margin-top: 40px}
@media screen and (max-width: 991px) {.home-carousel #slide-sensitive-skin .container {background-size: 100% !important; background-position: 100% 50% !important}
.home-carousel #slide-sensitive-skin .container .info h2 {font-size: 2em; margin-bottom: 1em}
}
@media screen and (max-width: 767px) {.home-carousel #slide-sensitive-skin .container {background-color: #cbddf1}
.home-carousel #slide-sensitive-skin .container .info h2 {font-size: 1.8em; margin-bottom: 0.8em}
.home-carousel #slide-sensitive-skin .container .info p {font-size: 0.8em}
.home-carousel #slide-sensitive-skin .container .info .btn2 {margin-left: auto; margin-right: auto; margin-top: 20px}
}
.home-carousel #slide-dry-nites h2 {color: #335ea1; margin-bottom: 25px; font-size: 2.5em; font-weight: 900}
.home-carousel #slide-dry-nites .info p {color: #7f8388}
.home-carousel #slide-dry-nites .info .btn-blue {background-color: #084190; border-color: #084190}
@media screen and (max-width: 991px) {.home-carousel #slide-dry-nites .container {background-size: 100% !important; background-position: 100% 50% !important}
.home-carousel #slide-dry-nites .container .info h2 {font-size: 1.8em; margin-bottom: 1em}
}
@media screen and (max-width: 767px) {.home-carousel #slide-dry-nites .container {background-color: #cbddf1}
.home-carousel #slide-dry-nites .container .info h2 {font-size: 1.3em; margin-bottom: 0.8em}
.home-carousel #slide-dry-nites .container .info p {font-size: 0.8em}
.home-carousel #slide-dry-nites .container .info .btn2 {margin-left: auto; margin-right: auto; margin-top: 20px}
}
@media screen and (min-width: 768px) {.home-carousel #slide-maya-bay h2 {font-size: 2.4em; margin-bottom: 1em}
}
@media (min-width: 768px) and (max-width: 991px) {.home-carousel #slide-maya-bay .container {background-size: 90% !important; background-position: 100% 50% !important}
}
.home-carousel #slide-wooden-toys h2 {color: #00ae9e}
.home-carousel #slide-wooden-toys a {margin-top: 335px; margin-left: 15px}
@media screen and (max-width: 991px) {.home-carousel #slide-wooden-toys .container {background-size: contain !important}
}
@media screen and (max-width: 767px) {.home-carousel #slide-wooden-toys .info .btn2 {margin-left: auto; margin-right: auto; margin-top: 20px}
}
.home-carousel #slide-jumbo-box-update h2 {color: #3b73b9; font-size: 2.4em; margin-top: 0; margin: 0.8em 0}
@media screen and (max-width: 991px) {.home-carousel #slide-jumbo-box-update .container {background-size: 45% !important; background-position: 100% 50% !important}
.home-carousel #slide-jumbo-box-update .container .info h2 {font-size: 1.8em; margin-bottom: 1em}
}
@media screen and (max-width: 767px) {.home-carousel #slide-jumbo-box-update .container .info h2 {font-size: 1.3em; margin-bottom: 0.8em}
.home-carousel #slide-jumbo-box-update .container .info p {font-size: 0.8em}
}
.home-carousel #slide-plunket-make-time-for-hugs h2 {color: #00ae9e}
.home-carousel #slide-free-1day-pack .info {text-align: center; margin-top: 1em}
.home-carousel #slide-free-1day-pack .info .btn2 {font-size: 1.6em; background-color: #ec008c; color: #fff !important}
.home-carousel #slide-free-1day-pack h2 {display: block; text-indent: -999em; overflow: hidden; height: 360px; width: 360px; margin: 0 auto; background: transparent url(/images/homepage/carousel/hero/bg-item-huggies-nappy-pants-heading-nz.png) no-repeat top center; background-size: cover}
.home-carousel #slide-pull-ups h2 {color: #212670}
@media screen and (max-width: 767px) {.home-carousel #slide-pull-ups .info {text-align: center}
.home-carousel #slide-pull-ups .info .btn-red {margin-left: auto; margin-right: auto}
}
.home-carousel #slide-product-range h2 {color: #3b73b9}
@media screen and (max-width: 767px) {.home-carousel #slide-product-range .info {text-align: center}
.home-carousel #slide-product-range .info .btn-red {margin-left: auto; margin-right: auto}
}
.home-carousel #slide-little-swimmer h2 {color: #d92032}
.home-carousel #slide-little-swimmer .btn2 {background-color: #d92032}
@media screen and (max-width: 767px) {.home-carousel #slide-little-swimmer .info {text-align: center}
.home-carousel #slide-little-swimmer .info .btn2 {margin-left: auto; margin-right: auto}
}
.home-carousel #slide-plunket h2 {color: #1B9FD6}
.home-carousel #slide-plunket .btn-plunket {width: 302px; height: 70px; display: block; overflow: hidden; text-indent: -999em; background: transparent url("/images/homepage/carousel/hero/bg-item-plunket-btn.png") top center no-repeat}
@media screen and (max-width: 767px) {.home-carousel #slide-plunket .btn-plunket {float: none; margin-left: auto; margin-right: auto}
}
.home-carousel #slide-baby-wipes-sensitive-skin h2 {color: #00ae9e}
.home-carousel #slide-mother-awards.item .container {background-position: -5px -15px}
.home-carousel #slide-mother-awards h2 {color: #00ae9e}
.home-carousel #slide-mother-awards .btn-blue {background-color: #44c8f5; border-color: #44c8f5}
@media screen and (max-width: 767px) {.home-carousel #slide-free-hugs.item .container .img-holder {background: #E1D7CD url("/images/homepage/carousel/hero/mobile/bg-item-free-hugs.jpg") top center no-repeat}
}
.home-carousel #slide-free-hugs.item .container {background: url("/images/homepage/carousel/hero/bg-item-free-hugs.jpg") top center no-repeat}
.home-carousel #slide-free-hugs h2 {color: #62b652}
.home-carousel #slide-free-hugs .btn-green {background-color: #62b652; border-color: #62b652}
@media screen and (min-width: 767px) {.home-carousel #slide-free-hugs .img-holder {background-size: 100%}
}
.home-carousel #slide-baby-wipes-simply-clean h2 {color: #ec008c}
.home-carousel #slide-baby-wipes-simply-clean .btn-pink {background: #ec008c}
.home-carousel #slide-baby-wipes-simply-clean .btn-pink:hover {background-color: #b9006e !important}
.home-carousel #slide-disney.item .container {background-position: 50% 50%; background-size: contain}
.home-carousel #slide-disney .btn2 {background: #28b1ed}
.home-carousel #slide-disney .btn2:hover {background-color: #1196d1 !important}
.home-carousel #slide-disney h2 {font-size: 1.5em; color: #e42877}
@media (min-width: 767px) {.home-carousel #slide-disney {background: #e42a78 url("/images/homepage/carousel/hero/bg-item-disney-repeat.jpg") 0% 0% repeat-x !important}
.home-carousel #slide-disney h2 {font-family: 'Huggies Omnes Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold; text-shadow: 1px 1px #e42a78; color: #fff; font-size: 2.1em; margin-top: 30px !important; margin-bottom: 30px}
}
@media screen and (max-width: 767px) {.home-carousel #slide-disney {background: #fff !important}
.home-carousel #slide-disney .img-holder {padding-left: 0; padding-right: 0; background: #e42a78 url("/images/homepage/carousel/hero/mobile/bg-item-disney-repeat.jpg") 50% 0% repeat-x !important}
.home-carousel #slide-disney .img-holder:before {content: ''; display: block; height: 200px; width: 100%; background: transparent url("/images/homepage/carousel/hero/mobile/bg-item-disney.jpg") 50% 50% no-repeat}
}
.home-carousel #slide-get-your-free-ebook.item .container {background-position: 90% 100%}
.home-carousel #slide-get-your-free-ebook h2 {color: #00ae9e}
.home-carousel #slide-get-your-free-ebook h3 {color: #00aeef}
.home-carousel #slide-get-your-free-ebook ul {color: #666; padding-left: 19px; font-size: 1.1em; line-height: 1.3em}
.home-carousel #slide-get-your-free-ebook ul li {margin-bottom: 8px}
.home-carousel #slide-get-your-free-ebook .btn2 {background: #00ae9e}
.home-carousel #slide-get-your-free-ebook .btn2:hover {background-color: #007b70 !important}
.home-carousel #slide-get-your-free-ebook .img-holder {margin-bottom: 40px}
.home-carousel #slide-wetness-nz {color: #fff}
.home-carousel #slide-wetness-nz .container {background: url("/images/homepage/carousel/hero/bg-item-wetness-nz.jpg") center right no-repeat}
.home-carousel #slide-wetness-nz h2 {color: transparent; background: url("/images/homepage/carousel/hero/bg-item-wetness-words.png") top left no-repeat; width: 455px; height: 82px; margin-top: 55px}
.home-carousel #slide-wetness-nz p {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; font-size: 20px; margin-top: 30px}
.home-carousel #slide-second-hug h2 {color: #00ae9e; margin-bottom: 25px}
.home-carousel #slide-second-hug p {color: #666; padding-right: 50px}
.home-carousel #slide-second-hug .unsupported-font-as-image {background: url("/images/homepage/carousel/hero/second-hug-are-you-ready.png") 0 0 repeat-x !important; display: block; width: 305px; height: 59px; color: transparent; margin-bottom: -5px}
@media screen and (max-width: 767px) {.home-carousel #slide-second-hug p {padding-right: 0; margin-bottom: 25px}
.home-carousel #slide-second-hug .unsupported-font-as-image {background: url("/images/homepage/carousel/hero/mobile/second-hug-are-you-ready.png") 0 0 repeat-x !important; width: 183px; height: 36px; color: transparent; margin: 0 auto -7px}
}
@media screen and (max-width: 767px) {.home-carousel .item {background: #fff !important}
.home-carousel .item .container {padding-left: 0; padding-right: 0; background: none !important}
.home-carousel .item .container h2 {display: block}
.home-carousel .item .container .info {margin-top: 0; background: #fff}
.home-carousel .item .container .info .btn2 {margin-top: 0}
.home-carousel .item .container .info h2 {font-size: 1.8em}
.home-carousel .item .container .info p, .home-carousel .item .container .info h2 {text-align: center}
}
@media (min-width: 768px) {.home-carousel {height: 480px; display: block !important; overflow: hidden}
.home-carousel .owl-controls {margin-top: -25px !important}
.home-carousel .item .container {min-height: 480px}
}
 .limited-discover-carousel {position: relative}
.limited-discover-carousel .owl-nav {color: #fff}
.limited-discover-carousel .owl-nav .owl-prev, .limited-discover-carousel .owl-nav .owl-next {position: absolute; top: 42%}
.limited-discover-carousel .owl-nav .owl-next {right: 0}
.limited-discover-carousel .discover-slide .container {padding: 0 50px}
.limited-discover-carousel .nappy {max-width: 300px; height: auto}
.limited-discover-carousel .col-sm-6 {display: flex; justify-content: center; height: 100%}
.limited-discover-carousel .description .title {font-family: 'Huggies Omnes Semibold', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 600; color: #fff; font-size: 2.4rem}
.limited-discover-carousel .description .text {margin-bottom: 20px; font-size: 1.6rem}
.ad-new-look-coming-soon {width: 100%; height: 360px; background-color: #d92032; position: relative; overflow: hidden}
.ad-new-look-coming-soon .stage {margin: 0 auto; max-width: 990px; text-align: center; position: relative; top: 50%; transform: translateY(-50%); font-size: 0; text-align: justify; padding-left: 15px; padding-right: 15px}
.ad-new-look-coming-soon .stage:after {content: ''; display: inline-block; width: 100%}
.ad-new-look-coming-soon .left-packs, .ad-new-look-coming-soon .right-packs {display: none !important}
.ad-new-look-coming-soon .words {display: block !important; margin: 5px auto 20px; width: 242px !important}
.ad-new-look-coming-soon .bottom-packs {display: block !important; margin: 0 auto; width: 276px !important}
@media (min-width: 768px) {.ad-new-look-coming-soon {height: 230px}
.ad-new-look-coming-soon .left-packs, .ad-new-look-coming-soon .right-packs, .ad-new-look-coming-soon .words {display: inline-block !important; vertical-align: middle; margin: 0}
.ad-new-look-coming-soon .left-packs, .ad-new-look-coming-soon .right-packs {width: 30% !important}
.ad-new-look-coming-soon .bottom-packs {display: none !important}
.ad-new-look-coming-soon .words {width: 40% !important}
.ad-new-look-coming-soon .words img {width: 80% !important; display: block !important; margin: 0 auto}
}
.ad-new-look-coming-soon .left-bg, .ad-new-look-coming-soon .right-bg {background-repeat: no-repeat; background-position: 50%; position: absolute; left: 50%}
.ad-new-look-coming-soon .left-bg {background-image: url("/images/dcs/new-look-coming-soon/left-bg.svg"); width: 380px; height: 266px; bottom: -93px; transform: perspective(1px) translate(-440px)}
@media (min-width: 800px) {.ad-new-look-coming-soon .left-bg {transform: perspective(1px) translate(-640px)}
}
@media (min-width: 900px) {.ad-new-look-coming-soon .left-bg {transform: perspective(1px) translate(-690px)}
}
@media (min-width: 1000px) {.ad-new-look-coming-soon .left-bg {transform: perspective(1px) translate(-740px)}
}
@media (min-width: 1100px) {.ad-new-look-coming-soon .left-bg {transform: perspective(1px) translate(-790px)}
}
.ad-new-look-coming-soon .right-bg {background-image: url("/images/dcs/new-look-coming-soon/right-bg.svg"); width: 472px; height: 308px; top: -140px; transform: perspective(1px) translate(28px)}
@media (min-width: 800px) {.ad-new-look-coming-soon .right-bg {transform: perspective(1px) translate(228px)}
}
@media (min-width: 900px) {.ad-new-look-coming-soon .right-bg {transform: perspective(1px) translate(278px)}
}
@media (min-width: 1000px) {.ad-new-look-coming-soon .right-bg {transform: perspective(1px) translate(328px)}
}
@media (min-width: 1100px) {.ad-new-look-coming-soon .right-bg {transform: perspective(1px) translate(378px)}
}
.ad-new-look-is-here {width: 100%; height: 360px; background-color: #d92032; position: relative; overflow: hidden}
.ad-new-look-is-here .stage {margin: 0 auto; max-width: 990px; text-align: center; position: relative; top: 50%; transform: translateY(-50%); font-size: 0; text-align: justify; padding-left: 15px; padding-right: 15px}
.ad-new-look-is-here .stage:after {content: ''; display: inline-block; width: 100%}
.ad-new-look-is-here .left-packs, .ad-new-look-is-here .right-packs {display: none !important}
.ad-new-look-is-here .words {display: block !important; margin: 5px auto 20px; width: 242px !important}
.ad-new-look-is-here .bottom-packs {display: block !important; margin: 0 auto; width: 276px !important}
@media (min-width: 768px) {.ad-new-look-is-here {height: 230px}
.ad-new-look-is-here .left-packs, .ad-new-look-is-here .right-packs, .ad-new-look-is-here .words {display: inline-block !important; vertical-align: middle; margin: 0}
.ad-new-look-is-here .left-packs, .ad-new-look-is-here .right-packs {width: 30% !important}
.ad-new-look-is-here .bottom-packs {display: none !important}
.ad-new-look-is-here .words {width: 40% !important}
.ad-new-look-is-here .words img {width: 80% !important; display: block !important; margin: 0 auto}
}
.ad-new-look-is-here .left-bg, .ad-new-look-is-here .right-bg {background-repeat: no-repeat; background-position: 50%; position: absolute; left: 50%}
.ad-new-look-is-here .left-bg {background-image: url("/images/dcs/new-look-is-here/left-bg.svg"); width: 380px; height: 266px; bottom: -93px; transform: perspective(1px) translate(-440px)}
@media (min-width: 800px) {.ad-new-look-is-here .left-bg {transform: perspective(1px) translate(-640px)}
}
@media (min-width: 900px) {.ad-new-look-is-here .left-bg {transform: perspective(1px) translate(-690px)}
}
@media (min-width: 1000px) {.ad-new-look-is-here .left-bg {transform: perspective(1px) translate(-740px)}
}
@media (min-width: 1100px) {.ad-new-look-is-here .left-bg {transform: perspective(1px) translate(-790px)}
}
.ad-new-look-is-here .right-bg {background-image: url("/images/dcs/new-look-is-here/right-bg.svg"); width: 472px; height: 308px; top: -140px; transform: perspective(1px) translate(28px)}
@media (min-width: 800px) {.ad-new-look-is-here .right-bg {transform: perspective(1px) translate(228px)}
}
@media (min-width: 900px) {.ad-new-look-is-here .right-bg {transform: perspective(1px) translate(278px)}
}
@media (min-width: 1000px) {.ad-new-look-is-here .right-bg {transform: perspective(1px) translate(328px)}
}
@media (min-width: 1100px) {.ad-new-look-is-here .right-bg {transform: perspective(1px) translate(378px)}
}
.ad-nappy-pants-switch {background-color: #ede8e1; min-height: 360px}
.ad-nappy-pants-switch .container {background-repeat: no-repeat; background-image: url("/images/dcs/nappy-pants-switch/bg-xs.jpg"); background-position: 50% 100%; position: relative; min-height: 360px}
.ad-nappy-pants-switch .words {text-align: center}
.ad-nappy-pants-switch h1 {color: #d92032; font-family: 'Huggies Omnes Semibold', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 600; font-size: 32px; margin-top: 32px; margin-bottom: -3px}
.ad-nappy-pants-switch p {color: #333; font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; font-size: 24px}
.ad-nappy-pants-switch a.btn {margin-top: 0; margin-bottom: 10px; font-size: 18px; font-family: 'Huggies Omnes Semibold', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 600; color: #fff !important; background-color: #db1c2b; padding: 10px 35px}
.ad-nappy-pants-switch.nz .container {background-image: url("/images/dcs/nappy-pants-switch/bg-xs-nz.jpg"); background-position: 50% 100%}
@media (min-width: 768px) {.ad-nappy-pants-switch {min-height: 230px}
.ad-nappy-pants-switch .container {background-position: -50px 50%; background-size: contain; min-height: 230px}
.ad-nappy-pants-switch .words {margin-left: 62%; text-align: left; top: 50%; transform: translateY(-50%); position: absolute}
.ad-nappy-pants-switch h1 {margin-top: 20px; margin-bottom: 2px}
.ad-nappy-pants-switch a.btn {margin-top: 0}
.ad-nappy-pants-switch.nz .container {background-image: url("/images/dcs/nappy-pants-switch/bg-md-nz.jpg"); background-position: 10% 100%}
}
@media (min-width: 992px) {.ad-nappy-pants-switch .container {background-position: 0 50%}
.ad-nappy-pants-switch .words {margin-left: 54%}
.ad-nappy-pants-switch h1 {font-size: 38px; margin-top: 14px}
.ad-nappy-pants-switch p {font-size: 28px}
}
.ad-one-month-packs-amazon {width: 100%; height: 360px; background-color: #F2EDE9; position: relative; overflow: hidden}
@media (min-width: 768px) {.ad-one-month-packs-amazon {height: 230px}
}
.ad-one-month-packs-amazon .red-text {color: #db1c2b; color: #d92032}
.ad-one-month-packs-amazon .gold-text {color: #cd9d50}
.ad-one-month-packs-amazon .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}
.ad-one-month-packs-amazon h1 {font-size: 25px; margin-top: 5px}
.ad-one-month-packs-amazon h2 {font-size: 25px; margin-top: 5px; margin-bottom: 5px}
.ad-one-month-packs-amazon img.amazon-logo {width: 175px; display: inline-block; margin-top: 20px; margin-bottom: 0; margin-left: 0}
.ad-one-month-packs-amazon .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}
.ad-one-month-packs-amazon .centered {position: relative}
.ad-one-month-packs-amazon .right {text-align: center; margin-top: 20px}
.ad-one-month-packs-amazon img.pack-n, .ad-one-month-packs-amazon img.pack-b, .ad-one-month-packs-amazon img.pack-g {width: 110px; margin-bottom: 60px; display: inline-block}
@media (min-width: 400px) {.ad-one-month-packs-amazon img.amazon-logo {margin-top: 5px; margin-bottom: -5px; margin-left: 5px}
.ad-one-month-packs-amazon img.pack-n, .ad-one-month-packs-amazon img.pack-b, .ad-one-month-packs-amazon img.pack-g {width: 120px}
}
@media (min-width: 450px) {.ad-one-month-packs-amazon img.pack-n, .ad-one-month-packs-amazon img.pack-b, .ad-one-month-packs-amazon img.pack-g {width: 130px}
}
@media (min-width: 500px) {.ad-one-month-packs-amazon img.pack-n, .ad-one-month-packs-amazon img.pack-b, .ad-one-month-packs-amazon img.pack-g {width: 150px}
}
@media (min-width: 600px) {.ad-one-month-packs-amazon img.pack-n, .ad-one-month-packs-amazon img.pack-b, .ad-one-month-packs-amazon img.pack-g {width: 160px}
}
@media (min-width: 768px) {.ad-one-month-packs-amazon h1 {font-size: 39px}
.ad-one-month-packs-amazon h2 {font-size: 32px}
}
@media (min-width: 800px) {.ad-one-month-packs-amazon .right {position: absolute; top: 38px; right: 0; margin-top: 0; text-align: right}
.ad-one-month-packs-amazon img.pack-n {width: 200px}
.ad-one-month-packs-amazon img.pack-b, .ad-one-month-packs-amazon img.pack-g {display: none}
}
@media (min-width: 1000px) {.ad-one-month-packs-amazon .right {top: 58px}
.ad-one-month-packs-amazon img.pack-n, .ad-one-month-packs-amazon img.pack-b, .ad-one-month-packs-amazon img.pack-g {width: 160px; display: inline-block}
}
.ad-new-huggies-essentials {width: 100%; height: 360px; background-color: #e53733; position: relative}
.ad-new-huggies-essentials .container {position: relative; height: 360px}
.ad-new-huggies-essentials .logo {position: absolute; width: 117px !important; top: 11px; left: 51%; transform: translateX(-50%); z-index: 100}
.ad-new-huggies-essentials .pack {position: absolute; width: 220px !important; top: 84px; left: 50%; transform: translateX(-50%)}
.ad-new-huggies-essentials .words {text-align: center; margin-top: 240px}
.ad-new-huggies-essentials h1 {color: #fff; font-family: 'Huggies Omnes Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold; font-size: 30px !important}
.ad-new-huggies-essentials .btn {margin-top: 5px; color: #d92032 !important; background-color: #fff; font-family: 'Huggies Omnes Semibold', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 600; font-size: 20px; padding-top: 10px; padding-bottom: 10px; padding-left: 35px; padding-right: 35px; border-radius: 42px}
@media (min-width: 768px) {.ad-new-huggies-essentials {height: 230px}
.ad-new-huggies-essentials .container {height: 230px}
.ad-new-huggies-essentials .logo {width: 139px !important; top: 45px; left: 5px; transform: none}
.ad-new-huggies-essentials .pack {width: 238px !important; top: 28px; left: 162px; transform: none}
.ad-new-huggies-essentials .words {margin-left: 56%; text-align: left; margin-top: 50px}
.ad-new-huggies-essentials h1 {margin-top: 36px}
.ad-new-huggies-essentials h1 span {display: block}
.ad-new-huggies-essentials .btn {margin-top: 10px; padding-top: 11px; padding-bottom: 11px}
}
@media (min-width: 992px) {.ad-new-huggies-essentials .words {margin-left: 58%; text-align: left; margin-top: 0}
.ad-new-huggies-essentials .logo {width: 179px !important; top: 25px; left: 44px}
.ad-new-huggies-essentials .pack {width: 278px !important; top: 18px; left: 255px}
.ad-new-huggies-essentials .words {margin-top: 0}
.ad-new-huggies-essentials h1 {font-size: 38px !important}
}
.ad-huggies-price-drop {background-color: #ede8e1; min-height: 360px}
.ad-huggies-price-drop .stage {margin: 0 auto; width: 100%; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); text-align: justify; margin-left: -15px; margin-right: -15px}
.ad-huggies-price-drop .stage .words {margin-top: 15px; text-align: center}
.ad-huggies-price-drop h1 {font-family: 'Huggies Omnes Semibold', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 600; color: #d92032; font-size: 46px !important; margin-top: 0}
.ad-huggies-price-drop h1 .rrp {font-size: 24px !important}
.ad-huggies-price-drop p {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; color: #333; font-size: 26px !important; margin-bottom: 0}
.ad-huggies-price-drop p .rrp {font-size: 18px !important}
@media screen and (min-width: 768px) {.ad-huggies-price-drop {min-height: 230px}
.ad-huggies-price-drop .stage {width: 750px}
.ad-huggies-price-drop h1 {font-size: 50px !important}
.ad-huggies-price-drop h1 .rrp {font-size: 30px !important}
.ad-huggies-price-drop p {font-size: 30px !important}
.ad-huggies-price-drop p .rrp {font-size: 20px !important}
}
@media (min-width: 992px) {.ad-huggies-price-drop .stage {width: 990px}
.ad-huggies-price-drop h1 {font-size: 60px !important}
.ad-huggies-price-drop h1 .rrp {font-size: 38px !important}
.ad-huggies-price-drop p {font-size: 32px !important}
.ad-huggies-price-drop p .rrp {font-size: 20px !important}
}
.ad-infant-nappies-now-unisex {width: 100%; height: 360px; background-color: #ECECEC; position: relative; overflow: hidden; background-image: url("/images/dcs/infant-nappies-now-unisex/bg-infant-unisex-mobile.jpg"); background-position: bottom center; background-repeat: no-repeat; background-size: contain}
.ad-infant-nappies-now-unisex .green-text {color: #08937b}
.ad-infant-nappies-now-unisex .gold-text {color: #A56624}
.ad-infant-nappies-now-unisex a:hover, .ad-infant-nappies-now-unisex a:focus {text-decoration: none}
.ad-infant-nappies-now-unisex .left {text-align: center}
.ad-infant-nappies-now-unisex .left .label-new {display: block; width: 75px; height: 55px; background: url("/images/dcs/infant-nappies-now-unisex/bg-new-label-infant-unisex.jpg") no-repeat top center; text-indent: -999em; overflow: hidden; background-size: contain; margin: 0 auto}
.ad-infant-nappies-now-unisex .left h1 {font-size: 26px; margin-top: 15px; font-weight: 700}
.ad-infant-nappies-now-unisex .left h2 {font-size: 18px; margin-top: 5px; font-weight: 500}
.ad-infant-nappies-now-unisex .right .product-img {width: 200px}
@media (min-width: 768px) {.ad-infant-nappies-now-unisex {height: 230px; background-image: none}
.ad-infant-nappies-now-unisex .centered {height: 230px; position: relative; z-index: 9}
.ad-infant-nappies-now-unisex .centered:after {z-index: -1; content: ''; width: 800px; height: 230px; position: absolute; bottom: 0; right: 0; margin-right: -100px; background-image: url("/images/dcs/infant-nappies-now-unisex/bg-infant-unisex-desktop.jpg"); background-position: bottom center; background-repeat: no-repeat; background-size: cover}
.ad-infant-nappies-now-unisex .left {text-align: left; width: 60%}
.ad-infant-nappies-now-unisex .left .label, .ad-infant-nappies-now-unisex .left .info {float: left}
.ad-infant-nappies-now-unisex .left .label {width: 20%}
.ad-infant-nappies-now-unisex .left .info {text-align: left; width: 80%}
.ad-infant-nappies-now-unisex .left h1 {font-size: 34px; margin-top: 30px}
.ad-infant-nappies-now-unisex .left h2 {font-size: 20px; font-weight: 300}
.ad-infant-nappies-now-unisex .right {float: left; width: 40%}
.ad-infant-nappies-now-unisex .right .product-img {margin-top: 30px; width: 240px}
}
@media (min-width: 992px) {.ad-infant-nappies-now-unisex .left {width: 55%}
.ad-infant-nappies-now-unisex .left .label {width: 30%; text-align: left}
.ad-infant-nappies-now-unisex .left .label .label-new {width: 100px; height: 100px; background-size: 100%}
.ad-infant-nappies-now-unisex .left .info {width: 70%}
.ad-infant-nappies-now-unisex .right {width: 40%}
.ad-infant-nappies-now-unisex .right .product-img {margin-top: 20px}
.ad-infant-nappies-now-unisex.silo .left {margin-left: 5%; width: 60%}
.ad-infant-nappies-now-unisex.silo .right {width: 30%}
}
.ad-ultimate-nappies {width: 100%; height: 360px; position: relative; overflow: hidden; background-color: #ECECEC; background-image: url("/images/dcs/ultimate-nappies/bg-mobile.jpg"); background-position: bottom center; background-repeat: no-repeat; background-size: contain}
.ad-ultimate-nappies .green-text {color: #08937b}
.ad-ultimate-nappies .gold-text {color: #A56624}
.ad-ultimate-nappies a:hover, .ad-ultimate-nappies a:focus {text-decoration: none}
.ad-ultimate-nappies .centered {text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; height: 360px}
.ad-ultimate-nappies .left {width: 80%}
.ad-ultimate-nappies .left h1 {font-size: 26px; margin-top: 15px; font-weight: 700}
.ad-ultimate-nappies .left h1 .less-bold {font-size: 22px}
.ad-ultimate-nappies .left h2 {font-size: 18px; margin-top: 5px; font-weight: 500}
.ad-ultimate-nappies .right {width: 60%}
.ad-ultimate-nappies .right .product-img {width: 90%}
@media (min-width: 768px) {.ad-ultimate-nappies {background-image: none; height: 230px}
.ad-ultimate-nappies .centered {flex-direction: row; height: 230px; position: relative; z-index: 9}
.ad-ultimate-nappies .centered:after {z-index: -1; content: ''; width: 800px; height: 230px; position: absolute; bottom: 0; right: 0; margin-right: -100px; background-image: url("/images/dcs/ultimate-nappies/bg-desktop.jpg"); background-position: bottom center; background-repeat: no-repeat; background-size: cover}
.ad-ultimate-nappies .left {width: 40%; text-align: left; padding-right: 20px}
.ad-ultimate-nappies .right {width: 40%}
.ad-ultimate-nappies .right .product-img {width: 280px}
}
@media (min-width: 992px) {.ad-ultimate-nappies .left {width: 45%; padding-right: 60px}
.ad-ultimate-nappies .left h1 {font-size: 37px}
.ad-ultimate-nappies .left h1 .less-bold {font-size: 26px}
.ad-ultimate-nappies .left h2 {font-size: 20px; font-weight: 300}
.ad-ultimate-nappies .right .product-img {width: 330px}
}
.ad-ultimate-nappy-pants {width: 100%; height: 360px; position: relative; overflow: hidden; background-color: #ECECEC; background-image: url("/images/dcs/ultimate-nappy-pants/bg-mobile.jpg"); background-position: bottom center; background-repeat: no-repeat; background-size: contain}
.ad-ultimate-nappy-pants .black-text {color: #000}
.ad-ultimate-nappy-pants .red-text {color: #D92032}
.ad-ultimate-nappy-pants a:hover, .ad-ultimate-nappy-pants a:focus {text-decoration: none}
.ad-ultimate-nappy-pants .centered {text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; height: 360px}
.ad-ultimate-nappy-pants .left {width: 80%}
.ad-ultimate-nappy-pants .left h1 {font-size: 26px; margin-top: 15px; font-weight: 700}
.ad-ultimate-nappy-pants .left h1 .less-bold {font-size: 22px}
.ad-ultimate-nappy-pants .left h2 {font-size: 18px; margin-top: 5px; font-weight: 500}
.ad-ultimate-nappy-pants .right {width: 60%}
.ad-ultimate-nappy-pants .right .product-img {width: 90%}
@media (min-width: 768px) {.ad-ultimate-nappy-pants {background-image: none; height: 230px}
.ad-ultimate-nappy-pants .centered {flex-direction: row; height: 230px; position: relative; z-index: 9}
.ad-ultimate-nappy-pants .centered:after {z-index: -1; content: ''; width: 800px; height: 230px; position: absolute; bottom: 0; right: 0; margin-right: -100px; background-image: url("/images/dcs/ultimate-nappy-pants/bg-desktop.jpg"); background-position: bottom center; background-repeat: no-repeat; background-size: cover}
.ad-ultimate-nappy-pants .left {width: 40%; text-align: left; padding-right: 20px}
.ad-ultimate-nappy-pants .right {width: 40%}
.ad-ultimate-nappy-pants .right .product-img {width: 280px}
}
@media (min-width: 992px) {.ad-ultimate-nappy-pants .left {width: 45%; padding-right: 60px}
.ad-ultimate-nappy-pants .left h1 {font-size: 37px}
.ad-ultimate-nappy-pants .left h1 .less-bold {font-size: 26px}
.ad-ultimate-nappy-pants .left h2 {font-size: 20px; font-weight: 300}
.ad-ultimate-nappy-pants .right .product-img {width: 330px}
}
.ad-ultimate-unisex {width: 100%; height: 360px; position: relative; overflow: hidden; background-color: #F8EEE2}
.ad-ultimate-unisex .red-text {color: #d92032}
.ad-ultimate-unisex .gold-text {color: #B88341}
.ad-ultimate-unisex .label .label-new {display: block; width: 130px; height: 111px; background: url("/images/dcs/ultimate-unisex/label-new-improved.png") no-repeat top center; text-indent: -999em; overflow: hidden}
.ad-ultimate-unisex h1 {font-size: 39px; margin-bottom: 0; margin-top: 25px}
.ad-ultimate-unisex h2 {font-size: 32px; margin-top: 5px; margin-bottom: 5px; font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal}
.ad-ultimate-unisex p {font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 18px; color: #4d4d4d}
.ad-ultimate-unisex .btn {margin-top: 5px; color: #fff !important; background-color: #db1c2b; font-size: 17px; padding-top: 8px; padding-bottom: 8px; padding-left: 20px; padding-right: 20px}
.ad-ultimate-unisex .btn .fa {margin-left: 10px}
.ad-ultimate-unisex .product-img {margin-top: 25px; max-width: 100%}
.ad-ultimate-unisex.is-here h1 {margin-bottom: 15px}
@media (min-width: 768px) {.ad-ultimate-unisex {height: 230px}
.ad-ultimate-unisex .container:before {display: block; content: ''; width: 900px; height: 230px; position: absolute; bottom: 0; left: 50%; margin-left: -200px; background-image: url("/images/dcs/ultimate-unisex/bg-ultimate-unisex.jpg"); background-position: bottom center; background-repeat: no-repeat; background-size: cover}
.ad-ultimate-unisex .product-img {max-width: 341px}
}
@media (min-width: 768px) and (max-width: 991px) {.ad-ultimate-unisex .container:before {margin-left: -300px}
.ad-ultimate-unisex .label {padding: 0}
.ad-ultimate-unisex .product-img {margin-top: 55px}
}
@media screen and (max-width: 991px) {.ad-ultimate-unisex {background-position: bottom center}
.ad-ultimate-unisex h1 {font-size: 28px}
.ad-ultimate-unisex h2 {font-size: 20px}
.ad-ultimate-unisex .label .label-new {width: 110px; background: url("/images/dcs/ultimate-unisex/label-new-improved-sm.png") no-repeat top center}
.ad-ultimate-unisex .product-img {max-width: 100%}
}
@media screen and (max-width: 767px) {.ad-ultimate-unisex {background: url("/images/dcs/ultimate-unisex/bg-ultimate-unisex.jpg") bottom center no-repeat}
.ad-ultimate-unisex:before {content: ''; display: block; width: 100%; height: 180px; background: linear-gradient(0deg, rgba(250, 239, 225, 0) 0%, #faefe1 30%, #faefe1 100%); position: absolute; top: 0}
.ad-ultimate-unisex .container:before {display: none}
.ad-ultimate-unisex .label .label-new {height: 75px; margin: 0 auto}
.ad-ultimate-unisex .info {text-align: center}
.ad-ultimate-unisex .info h1, .ad-ultimate-unisex .info p {margin-top: 0; margin-bottom: 0}
.ad-ultimate-unisex .info p {font-size: 14px}
.ad-ultimate-unisex .product-img {margin-top: 15px; width: 70%; max-width: 250px}
}
.ad-ultimate-newborn {width: 100%; height: 360px; position: relative; overflow: hidden; background-color: #24B3AC}
.ad-ultimate-newborn .container:before {display: block; content: ''; position: absolute; height: 360px; width: 100%; background: radial-gradient(ellipse at top, #7CCFC9 0%, #24B3AC 80%)}
.ad-ultimate-newborn .label .label-new {display: block; width: 130px; height: 111px; background: url("/images/dcs/ultimate-unisex/label-new-improved.png") no-repeat top center; text-indent: -999em; overflow: hidden}
.ad-ultimate-newborn h1 {font-size: 34px; margin-bottom: 0; margin-top: 45px; text-align: center; color: #fff; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4)}
.ad-ultimate-newborn h2 {font-size: 26px; margin-top: 5px; margin-bottom: 15px; font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; text-align: center; color: #fff; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4)}
.ad-ultimate-newborn p {font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 18px; color: #4d4d4d}
.ad-ultimate-newborn .product-img {max-width: 100%}
.ad-ultimate-newborn .font-pacifico {font-family: 'Pacifico Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif}
@media (min-width: 992px) {.ad-ultimate-newborn .product-img {width: auto !important; max-width: none}
}
@media (min-width: 768px) {.ad-ultimate-newborn {height: 230px}
.ad-ultimate-newborn .container:before {display: block; content: ''; width: 50%; top: 0; height: 230px; background: radial-gradient(circle at center, #7CCFC9 0%, #24B3AC 50%)}
}
@media (min-width: 768px) and (max-width: 991px) {.ad-ultimate-newborn .label {padding: 0}
.ad-ultimate-newborn .product-img {margin-top: 30px}
}
@media screen and (max-width: 991px) {.ad-ultimate-newborn h1 {font-size: 28px}
.ad-ultimate-newborn h2 {font-size: 20px}
.ad-ultimate-newborn .label .label-new {width: 110px; background: url("/images/dcs/ultimate-unisex/label-new-improved-sm.png") no-repeat top center}
}
@media screen and (max-width: 767px) {.ad-ultimate-newborn .label .label-new {height: 75px; margin: 0 auto}
.ad-ultimate-newborn .info {text-align: center}
.ad-ultimate-newborn .info h1, .ad-ultimate-newborn .info p {margin-top: 0; margin-bottom: 0}
.ad-ultimate-newborn .info p {font-size: 14px}
.ad-ultimate-newborn .product-img {margin-top: 0; width: 80%; max-width: 330px}
}
.ad-ultimate-nappies-amazon {width: 100%; height: 360px; background-color: #FAEFE1; position: relative; overflow: hidden}
@media (min-width: 768px) {.ad-ultimate-nappies-amazon {height: 230px}
}
.ad-ultimate-nappies-amazon .gold-text {color: #b88341}
.ad-ultimate-nappies-amazon .label-new {display: block; width: 109px; height: 53px; background: url("/images/dcs/ad-ultimate-nappies-amazon/new-m.png") no-repeat top center; background-size: contain; text-indent: -999em; overflow: hidden; position: absolute; top: 0; left: 50%; transform: translateX(-50%)}
.ad-ultimate-nappies-amazon h1 {font-family: 'Huggies Omnes Semibold', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 600; font-size: 32px; margin-top: 0; padding-top: 65px}
.ad-ultimate-nappies-amazon h2 {font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 16px; margin-top: 5px; margin-bottom: 5px; text-transform: uppercase}
.ad-ultimate-nappies-amazon img.amazon-logo {width: 118px; display: inline-block; margin-top: 0; margin-bottom: -5px; margin-left: 5px}
.ad-ultimate-nappies-amazon .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}
.ad-ultimate-nappies-amazon .centered {position: relative}
.ad-ultimate-nappies-amazon .left {text-align: center}
.ad-ultimate-nappies-amazon .right {text-align: center; margin-top: 20px}
.ad-ultimate-nappies-amazon img.packs-m {display: inline-block; max-height: 130px; width: auto}
.ad-ultimate-nappies-amazon img.packs-d {display: none}
@media (min-width: 768px) {.ad-ultimate-nappies-amazon .label-new {width: 81px; height: 42px; background: url("/images/dcs/ad-ultimate-nappies-amazon/new-d.png") no-repeat top center; background-size: contain; left: 0; transform: none}
.ad-ultimate-nappies-amazon h1 {font-size: 32px; padding-left: 0; padding-top: 60px}
.ad-ultimate-nappies-amazon h2 {font-size: 18px; padding-left: 0}
.ad-ultimate-nappies-amazon img.amazon-logo {margin-top: 2px}
.ad-ultimate-nappies-amazon .btn {margin-top: 20px; margin-left: 0}
.ad-ultimate-nappies-amazon .left {text-align: left}
.ad-ultimate-nappies-amazon .right {position: absolute; top: 48px; right: 0; margin-top: 0; text-align: right}
.ad-ultimate-nappies-amazon img.packs-m {display: none}
.ad-ultimate-nappies-amazon img.packs-d {display: inline-block; width: 320px}
}
@media (min-width: 992px) {.ad-ultimate-nappies-amazon .label-new {width: 108px; height: 56px}
.ad-ultimate-nappies-amazon h1 {font-size: 42px; padding-left: 140px; padding-top: 38px}
.ad-ultimate-nappies-amazon h2 {font-size: 18px; padding-left: 140px}
.ad-ultimate-nappies-amazon .btn {margin-top: 30px; margin-left: 140px}
.ad-ultimate-nappies-amazon img.packs-d {width: 420px}
}
.ad-win-a-trip {width: 100%; height: 360px; position: relative; overflow: hidden; background-color: #fff}
.ad-win-a-trip .img-holder {position: relative; overflow: visible}
.ad-win-a-trip .img-holder:before, .ad-win-a-trip .img-holder:after {display: block; content: ''; position: absolute; height: 230px}
.ad-win-a-trip .img-holder:before {width: 500px; left: -440px; background: url("/images/dcs/win-a-trip/bridge.jpg") no-repeat bottom right; background-size: contain}
@media screen and (max-width: 767px) {.ad-win-a-trip .img-holder:before {height: 300px; width: 400px; left: -280px}
}
.ad-win-a-trip .img-holder:after {width: 200px; background: transparent url("/images/dcs/win-a-trip/tower.jpg") no-repeat top center; background-size: contain; right: -220px}
.ad-win-a-trip .screen {width: 100%; background: #ED2126; height: 5rem; border-top: 2px solid #000; position: absolute; bottom: 0}
@media screen and (max-width: 767px) {.ad-win-a-trip .screen {height: 11rem}
}
.ad-win-a-trip .stage {position: relative; overflow: visible}
.ad-win-a-trip .stage:before, .ad-win-a-trip .stage:after {display: block; content: ''; position: absolute; height: 230px}
.ad-win-a-trip .stage:after {top: 0; width: 135px; background: transparent url("/images/dcs/win-a-trip/minie.png") no-repeat top center; background-size: contain; right: -100px}
.ad-win-a-trip .logo a {display: block; text-indent: -999em; overflow: hidden; width: 100%; height: 200px; background: url("/images/dcs/win-a-trip/win-london-desktop.png") no-repeat top center; background-size: contain}
.ad-win-a-trip .info, .ad-win-a-trip .logo {padding: 0}
.ad-win-a-trip .copyright {position: absolute; bottom: 1.5rem; right: 3rem; font-size: 11px}
.ad-win-a-trip a.btn-red {background: #ED2126}
@media (min-width: 992px) {.ad-win-a-trip .logo {padding-top: 3rem}
.ad-win-a-trip .info {padding-top: 4rem}
.ad-win-a-trip .info a {margin-top: 1rem}
.ad-win-a-trip .img {padding-top: 3rem}
}
@media (min-width: 768px) {.ad-win-a-trip {height: 230px}
}
@media (min-width: 768px) and (max-width: 991px) {.ad-win-a-trip .logo {padding-top: 3rem}
.ad-win-a-trip .info {padding-top: 4rem}
.ad-win-a-trip .info a {margin-top: 1rem}
}
@media screen and (max-width: 991px) {.ad-win-a-trip .img-holder:after, .ad-win-a-trip .stage:after {display: none}
}
@media screen and (max-width: 767px) {.ad-win-a-trip .logo a {height: 290px; background: url("/images/dcs/win-a-trip/win-london-mobile.png") no-repeat top center; background-size: contain; margin-bottom: 1rem}
.ad-win-a-trip .info {border-top: 2px solid #000; padding: 1.1rem; background: #fff}
.ad-win-a-trip .copyright {bottom: 6.5rem}
}
.ad-wipes-refill {width: 100%; height: 360px; position: relative; overflow: hidden; background-image: url("/images/dcs/wipes-refill/refill-bg.jpg"); background-repeat: repeat-x; background-position: bottom center; background-size: auto 160px}
.ad-wipes-refill .desktop-img {display: none !important}
.ad-wipes-refill .new-refill, .ad-wipes-refill .refill-packs, .ad-wipes-refill .perfect-for-tubs {height: auto; margin: auto}
.ad-wipes-refill .new-refill {max-width: 220px}
.ad-wipes-refill .refill-packs {width: 100%}
.ad-wipes-refill .refill-packs.mobile-img {max-width: 400px; margin-bottom: 10px}
.ad-wipes-refill .perfect-for-tubs {max-width: 120px}
.ad-wipes-refill .btn-red {margin-top: 0}
@media screen and (min-width: 768px) {.ad-wipes-refill {height: 230px; background-size: auto 140px}
.ad-wipes-refill .desktop-img {display: block !important}
.ad-wipes-refill .mobile-img {display: none !important}
.ad-wipes-refill .refill-packs {margin-top: 10px; max-width: 420px}
.ad-wipes-refill .perfect-for-tubs {margin-top: 20px}
}
.silo-baby-care .ad-wipes-refill .perfect-for-tubs, .silo-toddler .ad-wipes-refill .perfect-for-tubs {display: none !important}
.ad-gentletouch-wipes {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; display: flex; align-items: center; width: 100%; height: 360px; text-align: center; background-image: url("/images/dcs/gentletouch-wipes/bg.jpg"); background-position: center; background-size: cover}
.ad-gentletouch-wipes .ad-content img {max-width: 270px; height: auto; margin: auto}
.ad-gentletouch-wipes .description {margin: 7px 0; text-align: center}
.ad-gentletouch-wipes .description p {margin-bottom: 0; line-height: 0.85}
.ad-gentletouch-wipes .description .first {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; margin-bottom: 5px; font-size: 18px; color: #9f8a59}
.ad-gentletouch-wipes .description .second {font-family: 'Huggies Omnes Semibold', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 600; font-size: 28px; font-weight: bold; color: #72cbd0}
.ad-gentletouch-wipes .description .third {font-family: 'Huggies Omnes Semibold', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 600; font-size: 36px; color: #06babf; font-weight: bold}
.ad-gentletouch-wipes .description .third span {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; font-size: 26px}
@media (min-width: 768px) {.ad-gentletouch-wipes {display: block; height: 230px}
.ad-gentletouch-wipes .content-wrapper {display: flex; height: 230px; align-items: center}
.ad-gentletouch-wipes .content-wrapper .ad-content {width: 50%}
.ad-gentletouch-wipes .description {padding-right: 10px}
}
.ad-limited-edition-coles {width: 100%; height: 360px; position: relative; overflow: hidden; background-color: #F2EDE9}
.ad-limited-edition-coles.ad-single .tile-row {display: flex; flex-direction: column; justify-content: center; height: 313px; padding: 0 20px}
.ad-limited-edition-coles.ad-single .nappy-wrapper {position: relative; width: 100%}
.ad-limited-edition-coles.ad-single .nappy-wrapper .only-at-coles {z-index: 1112; margin-top: 0; margin-left: 28%}
.ad-limited-edition-coles.ad-single .nappy-wrapper .nappy {max-width: 180px; height: auto; margin: auto}
.ad-limited-edition-coles.ad-single .ad-btn-row {height: 48px; padding: 0 5px}
.ad-limited-edition-coles.ad-single .text-limited-edition, .ad-limited-edition-coles.ad-single .text-designer-nappies {height: 18px; margin: auto}
.ad-limited-edition-coles.ad-single .text-limited-edition {width: 286px}
.ad-limited-edition-coles.ad-single .text-designer-nappies {width: 323px}
.ad-limited-edition-coles.ad-single .logo-wrapper {width: 100%}
.ad-limited-edition-coles.ad-single .btn {margin-top: 0}
.ad-limited-edition-coles.ad-range .nappy {max-width: 114px; height: auto; margin: auto}
.ad-limited-edition-coles.ad-range .ad-btn-row {flex-direction: column; justify-content: center}
.ad-limited-edition-coles.ad-range .only-at-coles {left: 8px; bottom: 30px; margin-right: 5px}
.ad-limited-edition-coles > .container {display: flex; flex-direction: column}
.ad-limited-edition-coles > .container, .ad-limited-edition-coles > .container .tile-row {height: 100%}
.ad-limited-edition-coles > .container .tile-row > div {padding: 9px 0}
.ad-limited-edition-coles .ad-btn-row {position: relative; display: flex; text-transform: uppercase; align-items: center; height: 206px; color: #fff; background-color: #e74157}
.ad-limited-edition-coles .btn {display: inline-block; margin: 10px 15px 0 15px; padding: 7px 17px; color: #d92032; text-transform: capitalize; text-align: center; border-radius: 20px; background: #fff}
@media screen and (min-width: 768px) {.ad-limited-edition-coles {height: 230px}
.ad-limited-edition-coles.ad-single .tile-row {display: block; height: 182px}
.ad-limited-edition-coles.ad-single .tile-row > div {display: flex; align-items: center; height: 100%}
.ad-limited-edition-coles.ad-single .text-limited-edition {margin: 0}
.ad-limited-edition-coles.ad-single .text-designer-nappies {margin-left: auto; margin-right: 0}
.ad-limited-edition-coles.ad-single .nappy-wrapper .only-at-coles {margin-top: -45%; margin-left: -33%}
.ad-limited-edition-coles.ad-single .nappy-wrapper .nappy {position: absolute; max-width: none; width: 166%; margin-top: -55%; margin-left: -30%; z-index: 1111}
.ad-limited-edition-coles.ad-range .ad-btn-row {flex-direction: row; height: 60px}
.ad-limited-edition-coles.ad-range .nappy {max-width: 190px}
.ad-limited-edition-coles.ad-range .only-at-coles {bottom: 58px}
.ad-limited-edition-coles .btn {margin-top: 0}
}
@media screen and (min-width: 768px) and (max-width: 992px) {.ad-limited-edition-coles.ad-single .nappy-wrapper .nappy {width: 190%; margin-left: -33%}
.ad-limited-edition-coles.ad-single .text-limited-edition {width: 197px; height: 12px}
.ad-limited-edition-coles.ad-single .text-designer-nappies {width: 222px; height: 12px}
}
@media (min-width: 992px) {.ad-limited-edition-coles.ad-range .only-at-coles {bottom: 8px}
}
.silo-limited-edition .btn .fa-chevron-right {margin-left: 5px}
.silo-limited-edition .section-hero-banner .tile-row > div {text-align: center}
.silo-limited-edition .section-hero-banner .nappy {max-width: 160px; margin: 5px 0}
.silo-limited-edition .section-hero-text {padding: 15px 0; color: #fff; background-color: #e74157}
.silo-limited-edition .section-hero-text .banner-lead {display: flex; flex-direction: column; align-items: center}
.silo-limited-edition .section-hero-text .banner-text {margin-bottom: 0; text-align: center; color: #fff}
.silo-limited-edition .section-main {padding: 30px 0; background-color: #f6dedc}
.silo-limited-edition .section-main img {max-width: 100%; height: auto}
.silo-limited-edition .section-main .limited-edition-medal {max-width: 342px}
.silo-limited-edition .section-main .description-text {padding: 15px; font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 1.9rem; color: #e74157}
.silo-limited-edition .section-main .description-text u {font-style: italic}
.silo-limited-edition .section-main .description-text strong {font-family: 'Huggies Omnes Semibold', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 600}
.silo-limited-edition .section-discover-carousel {padding: 40px 0; background-color: #3c3ba4}
.silo-limited-edition .section-discover-carousel h2, .silo-limited-edition .section-discover-carousel h3, .silo-limited-edition .section-discover-carousel h4, .silo-limited-edition .section-discover-carousel p {color: #fff}
.silo-limited-edition .section-discover-carousel .limited-discover-carousel .btn, .silo-limited-edition .section-discover-carousel .limited-discover-carousel .btn:active, .silo-limited-edition .section-discover-carousel .limited-discover-carousel .btn:focus {color: #e74157; background-color: #fff}
.silo-limited-edition .section-instagram {padding: 40px 0}
.silo-limited-edition .section-instagram h2 {color: #e74157}
.silo-limited-edition .section-instagram #instafeed {padding-top: 30px}
.silo-limited-edition .section-instagram .instagram-tile {display: block; width: 100%; height: 200px; margin-bottom: 30px; background-size: cover; background-repeat: no-repeat; background-position: center}
@media screen and (min-width: 768px) {.silo-limited-edition .section-hero-text .banner-lead {flex-direction: row; justify-content: center}
.silo-limited-edition .section-hero-text .banner-lead .huggies-logo {margin-top: 0; margin-bottom: 0}
.silo-limited-edition .section-discover-carousel .limited-discover-carousel .description {padding-top: 30px}
}
@media screen and (min-width: 768px) and (max-width: 992px) {.silo-limited-edition .section-instagram .instagram-tile {height: 240px}
}
@media screen and (min-width: 992px) {.silo-limited-edition .section-instagram .instagram-tile {height: 295px}
}
.only-at-coles, .huggies-logo, .text-limited-edition, .text-designer-nappies {display: block; background-repeat: no-repeat; background-size: cover}
.only-at-coles {position: absolute; width: 72px; height: 72px; background-image: url("/images/dcs/limited-edition/only-at-coles.png")}
.huggies-logo {width: 119px; height: 33px; margin: 7px 12px; background-image: url("/images/dcs/limited-edition/huggies-nappies-logo.jpg")}
.text-limited-edition {width: 197px; height: 12px; background-image: url("/images/dcs/limited-edition/text-limited-edition.png")}
.text-designer-nappies {width: 222px; height: 12px; background-image: url("/images/dcs/limited-edition/text-designer-nappies.png")}
.bg-bambi {background-color: #f06c84}
.bg-lion-king {background-color: #00a551}
.bg-jungle-book {background-color: #0098d9}
.bg-little-mermaid {background-color: #f16541}
.tile-row-edge-bg {overflow: hidden}
.tile-row-edge-bg .bg-bambi, .tile-row-edge-bg .bg-little-mermaid, .tile-row-edge-bg .ad-btn-row {position: relative}
.tile-row-edge-bg.ad-single .bg-bambi::after, .tile-row-edge-bg .bg-bambi::before, .tile-row-edge-bg .bg-little-mermaid::before, .tile-row-edge-bg .ad-btn-row::before, .tile-row-edge-bg .ad-btn-row::after {content: ''; display: block; position: absolute; height: 100%; width: 1000%; top: 0}
.tile-row-edge-bg .bg-bambi::before {right: 100%; background-color: #f06c84}
.tile-row-edge-bg.ad-single .bg-bambi::after {left: 100%; background-color: #f06c84}
.tile-row-edge-bg .bg-little-mermaid::before {left: 100%; background-color: #f16541}
.tile-row-edge-bg .ad-btn-row::before {right: 100%; background-color: #e74157}
.tile-row-edge-bg .ad-btn-row::after {left: 100%; background-color: #e74157}
.ad-huggies-moments {width: 100%; height: 360px; position: relative; overflow: hidden; background-color: #fff; background-image: none; background-position: bottom center; background-repeat: no-repeat; background-size: contain}
.ad-huggies-moments .green-text {color: #08937b}
.ad-huggies-moments .gold-text {color: #A56624}
.ad-huggies-moments a:hover, .ad-huggies-moments a:focus {text-decoration: none}
.ad-huggies-moments .centered {text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; height: 360px; background-image: url("/images/dcs/huggies-moments/bg-huggies-moments.jpg"); background-position: top right; background-size: contain; background-repeat: no-repeat; margin-right: -15px}
.ad-huggies-moments .left {margin-top: 110px; width: 80%}
.ad-huggies-moments .left h1 {margin-top: 0; margin-bottom: 0; display: block; text-indent: -999rem; overflow: hidden; height: 100px; background: url("/images/dcs/huggies-moments/logo-huggies-moments.png") no-repeat center center; background-size: contain}
.ad-huggies-moments .left h2 {font-size: 18px; margin-top: 5px; font-weight: 500; font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal}
@media (min-width: 768px) {.ad-huggies-moments {background-image: none; height: 230px}
.ad-huggies-moments .centered {flex-direction: row; height: 230px; position: relative; background-size: 60%; background-image: url("/images/dcs/huggies-moments/bg-huggies-moments-desktop.jpg")}
.ad-huggies-moments .left {margin-top: -10px; width: 50%; margin-left: -35%}
}
@media (min-width: 992px) {.ad-huggies-moments .left {width: 40%}
}
.ad-ultimate-huggies-nappies {display: flex; align-items: center; width: 100%; height: 360px; text-align: left; background: #fff url("/images/dcs/ultimate-huggies-nappies/bg-baby-mobile.jpg") no-repeat bottom right}
.ad-ultimate-huggies-nappies h2 {margin-top: 0; font-size: 2.5rem; font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; color: #d92032; text-align: center; text-transform: uppercase}
.ad-ultimate-huggies-nappies h2 strong {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500}
.ad-ultimate-huggies-nappies .ad-content.logo img {max-width: 150px; height: auto; margin-left: 0; margin-top: 1rem; margin-bottom: 1rem}
.ad-ultimate-huggies-nappies .ad-content.products img {max-width: 300px; height: auto; margin-left: auto}
.ad-ultimate-huggies-nappies.nz {background: #fff url("/images/dcs/ultimate-huggies-nappies/bg-nappies-ultimate-nz-mobile.jpg") no-repeat bottom right; background-size: 230px}
.ad-ultimate-huggies-nappies.nz h2 {text-align: left; margin-left: -20px; margin-top: 5px}
.ad-ultimate-huggies-nappies.nz h2 strong {display: block}
.ad-ultimate-huggies-nappies.nz .ad-content.logo img {max-width: 150px; height: auto; margin-left: 0; margin-top: 1rem; margin-bottom: 1rem}
.ad-ultimate-huggies-nappies.nz .ad-content.products img {max-width: 150px; height: auto; margin-left: auto}
@media (min-width: 768px) {.ad-ultimate-huggies-nappies {display: block; height: 230px; background: none}
.ad-ultimate-huggies-nappies h2 {margin-top: 20px; margin-left: 40px; text-align: left}
.ad-ultimate-huggies-nappies .content-wrapper {display: inline-table; height: 230px}
.ad-ultimate-huggies-nappies .content-wrapper .ad-content.logo img {width: 200px; max-width: 200px; margin-top: 30px}
.ad-ultimate-huggies-nappies .content-wrapper .ad-content.products img {max-width: 100%}
.ad-ultimate-huggies-nappies .btn {margin-top: 160px}
.ad-ultimate-huggies-nappies .container {background: url("/images/dcs/ultimate-huggies-nappies/bg-baby.jpg") no-repeat bottom right}
.ad-ultimate-huggies-nappies.nz {background: none}
.ad-ultimate-huggies-nappies.nz .content-wrapper {display: inline-table; height: 230px}
.ad-ultimate-huggies-nappies.nz .content-wrapper .ad-content.products {margin-top: 30px}
.ad-ultimate-huggies-nappies.nz .container {background: #fff url("/images/dcs/ultimate-huggies-nappies/bg-nappies-ultimate-nz.jpg") no-repeat top right; background-size: 300px}
}
@media (min-width: 992px) {.ad-ultimate-huggies-nappies h2 {font-size: 3rem}
.ad-ultimate-huggies-nappies .content-wrapper .ad-content.logo img {width: 250px; max-width: 250px}
.ad-ultimate-huggies-nappies .content-wrapper .ad-content.products {padding-left: 20px}
.ad-ultimate-huggies-nappies.nz h2 {margin-top: 25px}
.ad-ultimate-huggies-nappies.nz .content-wrapper .ad-content.products {margin-top: 15px; padding-left: 0px}
.ad-ultimate-huggies-nappies.nz .content-wrapper .ad-content.products img {max-width: 200px; margin-top: 10px}
.ad-ultimate-huggies-nappies.nz .container {background-position: 90% 0%}
}
a.request-a-free-sample {background-color: #ec008c; color: #fff !important; text-align: center; font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; font-size: 20px; line-height: 40px; height: 40px; display: block; position: fixed; width: 100%; bottom: 0; z-index: 10000; opacity: 1; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s}
a.request-a-free-sample:after {content: '\f101'; display: inline; margin-left: 7px; font-family: FontAwesome; font-size: 18px; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; position: relative; top: 1px}
a.request-a-free-sample:hover {color: #fff !important}
@media (min-width: 1200px) {a.request-a-free-sample {bottom: 80%; line-height: 65px; height: 60px; border-radius: 20px 20px 0 0; width: 260px}
a.request-a-free-sample.left {left: -4px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left}
a.request-a-free-sample.right {right: 60px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right}
a.request-a-free-sample:hover {background-color: #d60081}
a.request-a-free-sample:hover, a.request-a-free-sample:focus, a.request-a-free-sample:active {outline: none; text-decoration: none}
a.request-a-free-sample:before {content: ''; display: block; width: 240px; height: 50px; position: absolute; left: 10px; top: 10px; border-radius: 16px 16px 0 0; border-color: rgba(255, 255, 255, 0.5); border-style: dashed; border-width: 1px 1px 0 1px}
a.request-a-free-sample:after {content: '\f103'; display: inline; margin-left: 7px; font-family: FontAwesome; font-size: 18px; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; position: relative; top: 2px}
}
.modal-open a.request-a-free-sample {opacity: 0}
.section-promotions .formatted-address {margin-left: 12px; margin-top: 5px; margin-bottom: 5px}
.section-promotions .formatted-address .change {cursor: pointer; color: #e62e49; display: inline-block; padding-top: 6px; font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500}