@charset "UTF-8";     @font-face {font-family: 'FontAwesome'; src: url("/bower_components/font-awesome/fonts/fontawesome-webfont.eot?v=4.4.0"); src: url("/bower_components/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0") format("embedded-opentype"), url("/bower_components/font-awesome/fonts/fontawesome-webfont.woff2?v=4.4.0") format("woff2"), url("/bower_components/font-awesome/fonts/fontawesome-webfont.woff?v=4.4.0") format("woff"), url("/bower_components/font-awesome/fonts/fontawesome-webfont.ttf?v=4.4.0") format("truetype"), url("/bower_components/font-awesome/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal}
.fa {display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale}
 .fa-lg {font-size: 1.3333333333em; line-height: 0.75em; vertical-align: -15%}
.fa-2x {font-size: 2em}
.fa-3x {font-size: 3em}
.fa-4x {font-size: 4em}
.fa-5x {font-size: 5em}
.fa-fw {width: 1.2857142857em; text-align: center}
.fa-ul {padding-left: 0; margin-left: 2.1428571429em; list-style-type: none}
.fa-ul > li {position: relative}
.fa-li {position: absolute; left: -2.1428571429em; width: 2.1428571429em; top: 0.1428571429em; text-align: center}
.fa-li.fa-lg {left: -1.8571428571em}
.fa-border {padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em}
.fa-pull-left {float: left}
.fa-pull-right {float: right}
.fa.fa-pull-left {margin-right: .3em}
.fa.fa-pull-right {margin-left: .3em}
 .pull-right {float: right}
.pull-left {float: left}
.fa.pull-left {margin-right: .3em}
.fa.pull-right {margin-left: .3em}
.fa-spin {-webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear}
.fa-pulse {-webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8)}
@-webkit-keyframes fa-spin {0% {-webkit-transform: rotate(0deg); transform: rotate(0deg)}
100% {-webkit-transform: rotate(359deg); transform: rotate(359deg)}
}
@keyframes fa-spin {0% {-webkit-transform: rotate(0deg); transform: rotate(0deg)}
100% {-webkit-transform: rotate(359deg); transform: rotate(359deg)}
}
.fa-rotate-90 {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg)}
.fa-rotate-180 {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg)}
.fa-rotate-270 {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg)}
.fa-flip-horizontal {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1)}
.fa-flip-vertical {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1)}
:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {filter: none}
.fa-stack {position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle}
.fa-stack-1x, .fa-stack-2x {position: absolute; left: 0; width: 100%; text-align: center}
.fa-stack-1x {line-height: inherit}
.fa-stack-2x {font-size: 2em}
.fa-inverse {color: #fff}
 .fa-glass:before {content: ""}
.fa-music:before {content: ""}
.fa-search:before {content: ""}
.fa-envelope-o:before {content: ""}
.fa-heart:before {content: ""}
.fa-star:before {content: ""}
.fa-star-o:before {content: ""}
.fa-user:before {content: ""}
.fa-film:before {content: ""}
.fa-th-large:before {content: ""}
.fa-th:before {content: ""}
.fa-th-list:before {content: ""}
.fa-check:before {content: ""}
.fa-remove:before, .fa-close:before, .fa-times:before {content: ""}
.fa-search-plus:before {content: ""}
.fa-search-minus:before {content: ""}
.fa-power-off:before {content: ""}
.fa-signal:before {content: ""}
.fa-gear:before, .fa-cog:before {content: ""}
.fa-trash-o:before {content: ""}
.fa-home:before {content: ""}
.fa-file-o:before {content: ""}
.fa-clock-o:before {content: ""}
.fa-road:before {content: ""}
.fa-download:before {content: ""}
.fa-arrow-circle-o-down:before {content: ""}
.fa-arrow-circle-o-up:before {content: ""}
.fa-inbox:before {content: ""}
.fa-play-circle-o:before {content: ""}
.fa-rotate-right:before, .fa-repeat:before {content: ""}
.fa-refresh:before {content: ""}
.fa-list-alt:before {content: ""}
.fa-lock:before {content: ""}
.fa-flag:before {content: ""}
.fa-headphones:before {content: ""}
.fa-volume-off:before {content: ""}
.fa-volume-down:before {content: ""}
.fa-volume-up:before {content: ""}
.fa-qrcode:before {content: ""}
.fa-barcode:before {content: ""}
.fa-tag:before {content: ""}
.fa-tags:before {content: ""}
.fa-book:before {content: ""}
.fa-bookmark:before {content: ""}
.fa-print:before {content: ""}
.fa-camera:before {content: ""}
.fa-font:before {content: ""}
.fa-bold:before {content: ""}
.fa-italic:before {content: ""}
.fa-text-height:before {content: ""}
.fa-text-width:before {content: ""}
.fa-align-left:before {content: ""}
.fa-align-center:before {content: ""}
.fa-align-right:before {content: ""}
.fa-align-justify:before {content: ""}
.fa-list:before {content: ""}
.fa-dedent:before, .fa-outdent:before {content: ""}
.fa-indent:before {content: ""}
.fa-video-camera:before {content: ""}
.fa-photo:before, .fa-image:before, .fa-picture-o:before {content: ""}
.fa-pencil:before {content: ""}
.fa-map-marker:before {content: ""}
.fa-adjust:before {content: ""}
.fa-tint:before {content: ""}
.fa-edit:before, .fa-pencil-square-o:before {content: ""}
.fa-share-square-o:before {content: ""}
.fa-check-square-o:before {content: ""}
.fa-arrows:before {content: ""}
.fa-step-backward:before {content: ""}
.fa-fast-backward:before {content: ""}
.fa-backward:before {content: ""}
.fa-play:before {content: ""}
.fa-pause:before {content: ""}
.fa-stop:before {content: ""}
.fa-forward:before {content: ""}
.fa-fast-forward:before {content: ""}
.fa-step-forward:before {content: ""}
.fa-eject:before {content: ""}
.fa-chevron-left:before {content: ""}
.fa-chevron-right:before {content: ""}
.fa-plus-circle:before {content: ""}
.fa-minus-circle:before {content: ""}
.fa-times-circle:before {content: ""}
.fa-check-circle:before {content: ""}
.fa-question-circle:before {content: ""}
.fa-info-circle:before {content: ""}
.fa-crosshairs:before {content: ""}
.fa-times-circle-o:before {content: ""}
.fa-check-circle-o:before {content: ""}
.fa-ban:before {content: ""}
.fa-arrow-left:before {content: ""}
.fa-arrow-right:before {content: ""}
.fa-arrow-up:before {content: ""}
.fa-arrow-down:before {content: ""}
.fa-mail-forward:before, .fa-share:before {content: ""}
.fa-expand:before {content: ""}
.fa-compress:before {content: ""}
.fa-plus:before {content: ""}
.fa-minus:before {content: ""}
.fa-asterisk:before {content: ""}
.fa-exclamation-circle:before {content: ""}
.fa-gift:before {content: ""}
.fa-leaf:before {content: ""}
.fa-fire:before {content: ""}
.fa-eye:before {content: ""}
.fa-eye-slash:before {content: ""}
.fa-warning:before, .fa-exclamation-triangle:before {content: ""}
.fa-plane:before {content: ""}
.fa-calendar:before {content: ""}
.fa-random:before {content: ""}
.fa-comment:before {content: ""}
.fa-magnet:before {content: ""}
.fa-chevron-up:before {content: ""}
.fa-chevron-down:before {content: ""}
.fa-retweet:before {content: ""}
.fa-shopping-cart:before {content: ""}
.fa-folder:before {content: ""}
.fa-folder-open:before {content: ""}
.fa-arrows-v:before {content: ""}
.fa-arrows-h:before {content: ""}
.fa-bar-chart-o:before, .fa-bar-chart:before {content: ""}
.fa-twitter-square:before {content: ""}
.fa-facebook-square:before {content: ""}
.fa-camera-retro:before {content: ""}
.fa-key:before {content: ""}
.fa-gears:before, .fa-cogs:before {content: ""}
.fa-comments:before {content: ""}
.fa-thumbs-o-up:before {content: ""}
.fa-thumbs-o-down:before {content: ""}
.fa-star-half:before {content: ""}
.fa-heart-o:before {content: ""}
.fa-sign-out:before {content: ""}
.fa-linkedin-square:before {content: ""}
.fa-thumb-tack:before {content: ""}
.fa-external-link:before {content: ""}
.fa-sign-in:before {content: ""}
.fa-trophy:before {content: ""}
.fa-github-square:before {content: ""}
.fa-upload:before {content: ""}
.fa-lemon-o:before {content: ""}
.fa-phone:before {content: ""}
.fa-square-o:before {content: ""}
.fa-bookmark-o:before {content: ""}
.fa-phone-square:before {content: ""}
.fa-twitter:before {content: ""}
.fa-facebook-f:before, .fa-facebook:before {content: ""}
.fa-github:before {content: ""}
.fa-unlock:before {content: ""}
.fa-credit-card:before {content: ""}
.fa-feed:before, .fa-rss:before {content: ""}
.fa-hdd-o:before {content: ""}
.fa-bullhorn:before {content: ""}
.fa-bell:before {content: ""}
.fa-certificate:before {content: ""}
.fa-hand-o-right:before {content: ""}
.fa-hand-o-left:before {content: ""}
.fa-hand-o-up:before {content: ""}
.fa-hand-o-down:before {content: ""}
.fa-arrow-circle-left:before {content: ""}
.fa-arrow-circle-right:before {content: ""}
.fa-arrow-circle-up:before {content: ""}
.fa-arrow-circle-down:before {content: ""}
.fa-globe:before {content: ""}
.fa-wrench:before {content: ""}
.fa-tasks:before {content: ""}
.fa-filter:before {content: ""}
.fa-briefcase:before {content: ""}
.fa-arrows-alt:before {content: ""}
.fa-group:before, .fa-users:before {content: ""}
.fa-chain:before, .fa-link:before {content: ""}
.fa-cloud:before {content: ""}
.fa-flask:before {content: ""}
.fa-cut:before, .fa-scissors:before {content: ""}
.fa-copy:before, .fa-files-o:before {content: ""}
.fa-paperclip:before {content: ""}
.fa-save:before, .fa-floppy-o:before {content: ""}
.fa-square:before {content: ""}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {content: ""}
.fa-list-ul:before {content: ""}
.fa-list-ol:before {content: ""}
.fa-strikethrough:before {content: ""}
.fa-underline:before {content: ""}
.fa-table:before {content: ""}
.fa-magic:before {content: ""}
.fa-truck:before {content: ""}
.fa-pinterest:before {content: ""}
.fa-pinterest-square:before {content: ""}
.fa-google-plus-square:before {content: ""}
.fa-google-plus:before {content: ""}
.fa-money:before {content: ""}
.fa-caret-down:before {content: ""}
.fa-caret-up:before {content: ""}
.fa-caret-left:before {content: ""}
.fa-caret-right:before {content: ""}
.fa-columns:before {content: ""}
.fa-unsorted:before, .fa-sort:before {content: ""}
.fa-sort-down:before, .fa-sort-desc:before {content: ""}
.fa-sort-up:before, .fa-sort-asc:before {content: ""}
.fa-envelope:before {content: ""}
.fa-linkedin:before {content: ""}
.fa-rotate-left:before, .fa-undo:before {content: ""}
.fa-legal:before, .fa-gavel:before {content: ""}
.fa-dashboard:before, .fa-tachometer:before {content: ""}
.fa-comment-o:before {content: ""}
.fa-comments-o:before {content: ""}
.fa-flash:before, .fa-bolt:before {content: ""}
.fa-sitemap:before {content: ""}
.fa-umbrella:before {content: ""}
.fa-paste:before, .fa-clipboard:before {content: ""}
.fa-lightbulb-o:before {content: ""}
.fa-exchange:before {content: ""}
.fa-cloud-download:before {content: ""}
.fa-cloud-upload:before {content: ""}
.fa-user-md:before {content: ""}
.fa-stethoscope:before {content: ""}
.fa-suitcase:before {content: ""}
.fa-bell-o:before {content: ""}
.fa-coffee:before {content: ""}
.fa-cutlery:before {content: ""}
.fa-file-text-o:before {content: ""}
.fa-building-o:before {content: ""}
.fa-hospital-o:before {content: ""}
.fa-ambulance:before {content: ""}
.fa-medkit:before {content: ""}
.fa-fighter-jet:before {content: ""}
.fa-beer:before {content: ""}
.fa-h-square:before {content: ""}
.fa-plus-square:before {content: ""}
.fa-angle-double-left:before {content: ""}
.fa-angle-double-right:before {content: ""}
.fa-angle-double-up:before {content: ""}
.fa-angle-double-down:before {content: ""}
.fa-angle-left:before {content: ""}
.fa-angle-right:before {content: ""}
.fa-angle-up:before {content: ""}
.fa-angle-down:before {content: ""}
.fa-desktop:before {content: ""}
.fa-laptop:before {content: ""}
.fa-tablet:before {content: ""}
.fa-mobile-phone:before, .fa-mobile:before {content: ""}
.fa-circle-o:before {content: ""}
.fa-quote-left:before {content: ""}
.fa-quote-right:before {content: ""}
.fa-spinner:before {content: ""}
.fa-circle:before {content: ""}
.fa-mail-reply:before, .fa-reply:before {content: ""}
.fa-github-alt:before {content: ""}
.fa-folder-o:before {content: ""}
.fa-folder-open-o:before {content: ""}
.fa-smile-o:before {content: ""}
.fa-frown-o:before {content: ""}
.fa-meh-o:before {content: ""}
.fa-gamepad:before {content: ""}
.fa-keyboard-o:before {content: ""}
.fa-flag-o:before {content: ""}
.fa-flag-checkered:before {content: ""}
.fa-terminal:before {content: ""}
.fa-code:before {content: ""}
.fa-mail-reply-all:before, .fa-reply-all:before {content: ""}
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {content: ""}
.fa-location-arrow:before {content: ""}
.fa-crop:before {content: ""}
.fa-code-fork:before {content: ""}
.fa-unlink:before, .fa-chain-broken:before {content: ""}
.fa-question:before {content: ""}
.fa-info:before {content: ""}
.fa-exclamation:before {content: ""}
.fa-superscript:before {content: ""}
.fa-subscript:before {content: ""}
.fa-eraser:before {content: ""}
.fa-puzzle-piece:before {content: ""}
.fa-microphone:before {content: ""}
.fa-microphone-slash:before {content: ""}
.fa-shield:before {content: ""}
.fa-calendar-o:before {content: ""}
.fa-fire-extinguisher:before {content: ""}
.fa-rocket:before {content: ""}
.fa-maxcdn:before {content: ""}
.fa-chevron-circle-left:before {content: ""}
.fa-chevron-circle-right:before {content: ""}
.fa-chevron-circle-up:before {content: ""}
.fa-chevron-circle-down:before {content: ""}
.fa-html5:before {content: ""}
.fa-css3:before {content: ""}
.fa-anchor:before {content: ""}
.fa-unlock-alt:before {content: ""}
.fa-bullseye:before {content: ""}
.fa-ellipsis-h:before {content: ""}
.fa-ellipsis-v:before {content: ""}
.fa-rss-square:before {content: ""}
.fa-play-circle:before {content: ""}
.fa-ticket:before {content: ""}
.fa-minus-square:before {content: ""}
.fa-minus-square-o:before {content: ""}
.fa-level-up:before {content: ""}
.fa-level-down:before {content: ""}
.fa-check-square:before {content: ""}
.fa-pencil-square:before {content: ""}
.fa-external-link-square:before {content: ""}
.fa-share-square:before {content: ""}
.fa-compass:before {content: ""}
.fa-toggle-down:before, .fa-caret-square-o-down:before {content: ""}
.fa-toggle-up:before, .fa-caret-square-o-up:before {content: ""}
.fa-toggle-right:before, .fa-caret-square-o-right:before {content: ""}
.fa-euro:before, .fa-eur:before {content: ""}
.fa-gbp:before {content: ""}
.fa-dollar:before, .fa-usd:before {content: ""}
.fa-rupee:before, .fa-inr:before {content: ""}
.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {content: ""}
.fa-ruble:before, .fa-rouble:before, .fa-rub:before {content: ""}
.fa-won:before, .fa-krw:before {content: ""}
.fa-bitcoin:before, .fa-btc:before {content: ""}
.fa-file:before {content: ""}
.fa-file-text:before {content: ""}
.fa-sort-alpha-asc:before {content: ""}
.fa-sort-alpha-desc:before {content: ""}
.fa-sort-amount-asc:before {content: ""}
.fa-sort-amount-desc:before {content: ""}
.fa-sort-numeric-asc:before {content: ""}
.fa-sort-numeric-desc:before {content: ""}
.fa-thumbs-up:before {content: ""}
.fa-thumbs-down:before {content: ""}
.fa-youtube-square:before {content: ""}
.fa-youtube:before {content: ""}
.fa-xing:before {content: ""}
.fa-xing-square:before {content: ""}
.fa-youtube-play:before {content: ""}
.fa-dropbox:before {content: ""}
.fa-stack-overflow:before {content: ""}
.fa-instagram:before {content: ""}
.fa-flickr:before {content: ""}
.fa-adn:before {content: ""}
.fa-bitbucket:before {content: ""}
.fa-bitbucket-square:before {content: ""}
.fa-tumblr:before {content: ""}
.fa-tumblr-square:before {content: ""}
.fa-long-arrow-down:before {content: ""}
.fa-long-arrow-up:before {content: ""}
.fa-long-arrow-left:before {content: ""}
.fa-long-arrow-right:before {content: ""}
.fa-apple:before {content: ""}
.fa-windows:before {content: ""}
.fa-android:before {content: ""}
.fa-linux:before {content: ""}
.fa-dribbble:before {content: ""}
.fa-skype:before {content: ""}
.fa-foursquare:before {content: ""}
.fa-trello:before {content: ""}
.fa-female:before {content: ""}
.fa-male:before {content: ""}
.fa-gittip:before, .fa-gratipay:before {content: ""}
.fa-sun-o:before {content: ""}
.fa-moon-o:before {content: ""}
.fa-archive:before {content: ""}
.fa-bug:before {content: ""}
.fa-vk:before {content: ""}
.fa-weibo:before {content: ""}
.fa-renren:before {content: ""}
.fa-pagelines:before {content: ""}
.fa-stack-exchange:before {content: ""}
.fa-arrow-circle-o-right:before {content: ""}
.fa-arrow-circle-o-left:before {content: ""}
.fa-toggle-left:before, .fa-caret-square-o-left:before {content: ""}
.fa-dot-circle-o:before {content: ""}
.fa-wheelchair:before {content: ""}
.fa-vimeo-square:before {content: ""}
.fa-turkish-lira:before, .fa-try:before {content: ""}
.fa-plus-square-o:before {content: ""}
.fa-space-shuttle:before {content: ""}
.fa-slack:before {content: ""}
.fa-envelope-square:before {content: ""}
.fa-wordpress:before {content: ""}
.fa-openid:before {content: ""}
.fa-institution:before, .fa-bank:before, .fa-university:before {content: ""}
.fa-mortar-board:before, .fa-graduation-cap:before {content: ""}
.fa-yahoo:before {content: ""}
.fa-google:before {content: ""}
.fa-reddit:before {content: ""}
.fa-reddit-square:before {content: ""}
.fa-stumbleupon-circle:before {content: ""}
.fa-stumbleupon:before {content: ""}
.fa-delicious:before {content: ""}
.fa-digg:before {content: ""}
.fa-pied-piper:before {content: ""}
.fa-pied-piper-alt:before {content: ""}
.fa-drupal:before {content: ""}
.fa-joomla:before {content: ""}
.fa-language:before {content: ""}
.fa-fax:before {content: ""}
.fa-building:before {content: ""}
.fa-child:before {content: ""}
.fa-paw:before {content: ""}
.fa-spoon:before {content: ""}
.fa-cube:before {content: ""}
.fa-cubes:before {content: ""}
.fa-behance:before {content: ""}
.fa-behance-square:before {content: ""}
.fa-steam:before {content: ""}
.fa-steam-square:before {content: ""}
.fa-recycle:before {content: ""}
.fa-automobile:before, .fa-car:before {content: ""}
.fa-cab:before, .fa-taxi:before {content: ""}
.fa-tree:before {content: ""}
.fa-spotify:before {content: ""}
.fa-deviantart:before {content: ""}
.fa-soundcloud:before {content: ""}
.fa-database:before {content: ""}
.fa-file-pdf-o:before {content: ""}
.fa-file-word-o:before {content: ""}
.fa-file-excel-o:before {content: ""}
.fa-file-powerpoint-o:before {content: ""}
.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {content: ""}
.fa-file-zip-o:before, .fa-file-archive-o:before {content: ""}
.fa-file-sound-o:before, .fa-file-audio-o:before {content: ""}
.fa-file-movie-o:before, .fa-file-video-o:before {content: ""}
.fa-file-code-o:before {content: ""}
.fa-vine:before {content: ""}
.fa-codepen:before {content: ""}
.fa-jsfiddle:before {content: ""}
.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {content: ""}
.fa-circle-o-notch:before {content: ""}
.fa-ra:before, .fa-rebel:before {content: ""}
.fa-ge:before, .fa-empire:before {content: ""}
.fa-git-square:before {content: ""}
.fa-git:before {content: ""}
.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {content: ""}
.fa-tencent-weibo:before {content: ""}
.fa-qq:before {content: ""}
.fa-wechat:before, .fa-weixin:before {content: ""}
.fa-send:before, .fa-paper-plane:before {content: ""}
.fa-send-o:before, .fa-paper-plane-o:before {content: ""}
.fa-history:before {content: ""}
.fa-circle-thin:before {content: ""}
.fa-header:before {content: ""}
.fa-paragraph:before {content: ""}
.fa-sliders:before {content: ""}
.fa-share-alt:before {content: ""}
.fa-share-alt-square:before {content: ""}
.fa-bomb:before {content: ""}
.fa-soccer-ball-o:before, .fa-futbol-o:before {content: ""}
.fa-tty:before {content: ""}
.fa-binoculars:before {content: ""}
.fa-plug:before {content: ""}
.fa-slideshare:before {content: ""}
.fa-twitch:before {content: ""}
.fa-yelp:before {content: ""}
.fa-newspaper-o:before {content: ""}
.fa-wifi:before {content: ""}
.fa-calculator:before {content: ""}
.fa-paypal:before {content: ""}
.fa-google-wallet:before {content: ""}
.fa-cc-visa:before {content: ""}
.fa-cc-mastercard:before {content: ""}
.fa-cc-discover:before {content: ""}
.fa-cc-amex:before {content: ""}
.fa-cc-paypal:before {content: ""}
.fa-cc-stripe:before {content: ""}
.fa-bell-slash:before {content: ""}
.fa-bell-slash-o:before {content: ""}
.fa-trash:before {content: ""}
.fa-copyright:before {content: ""}
.fa-at:before {content: ""}
.fa-eyedropper:before {content: ""}
.fa-paint-brush:before {content: ""}
.fa-birthday-cake:before {content: ""}
.fa-area-chart:before {content: ""}
.fa-pie-chart:before {content: ""}
.fa-line-chart:before {content: ""}
.fa-lastfm:before {content: ""}
.fa-lastfm-square:before {content: ""}
.fa-toggle-off:before {content: ""}
.fa-toggle-on:before {content: ""}
.fa-bicycle:before {content: ""}
.fa-bus:before {content: ""}
.fa-ioxhost:before {content: ""}
.fa-angellist:before {content: ""}
.fa-cc:before {content: ""}
.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {content: ""}
.fa-meanpath:before {content: ""}
.fa-buysellads:before {content: ""}
.fa-connectdevelop:before {content: ""}
.fa-dashcube:before {content: ""}
.fa-forumbee:before {content: ""}
.fa-leanpub:before {content: ""}
.fa-sellsy:before {content: ""}
.fa-shirtsinbulk:before {content: ""}
.fa-simplybuilt:before {content: ""}
.fa-skyatlas:before {content: ""}
.fa-cart-plus:before {content: ""}
.fa-cart-arrow-down:before {content: ""}
.fa-diamond:before {content: ""}
.fa-ship:before {content: ""}
.fa-user-secret:before {content: ""}
.fa-motorcycle:before {content: ""}
.fa-street-view:before {content: ""}
.fa-heartbeat:before {content: ""}
.fa-venus:before {content: ""}
.fa-mars:before {content: ""}
.fa-mercury:before {content: ""}
.fa-intersex:before, .fa-transgender:before {content: ""}
.fa-transgender-alt:before {content: ""}
.fa-venus-double:before {content: ""}
.fa-mars-double:before {content: ""}
.fa-venus-mars:before {content: ""}
.fa-mars-stroke:before {content: ""}
.fa-mars-stroke-v:before {content: ""}
.fa-mars-stroke-h:before {content: ""}
.fa-neuter:before {content: ""}
.fa-genderless:before {content: ""}
.fa-facebook-official:before {content: ""}
.fa-pinterest-p:before {content: ""}
.fa-whatsapp:before {content: ""}
.fa-server:before {content: ""}
.fa-user-plus:before {content: ""}
.fa-user-times:before {content: ""}
.fa-hotel:before, .fa-bed:before {content: ""}
.fa-viacoin:before {content: ""}
.fa-train:before {content: ""}
.fa-subway:before {content: ""}
.fa-medium:before {content: ""}
.fa-yc:before, .fa-y-combinator:before {content: ""}
.fa-optin-monster:before {content: ""}
.fa-opencart:before {content: ""}
.fa-expeditedssl:before {content: ""}
.fa-battery-4:before, .fa-battery-full:before {content: ""}
.fa-battery-3:before, .fa-battery-three-quarters:before {content: ""}
.fa-battery-2:before, .fa-battery-half:before {content: ""}
.fa-battery-1:before, .fa-battery-quarter:before {content: ""}
.fa-battery-0:before, .fa-battery-empty:before {content: ""}
.fa-mouse-pointer:before {content: ""}
.fa-i-cursor:before {content: ""}
.fa-object-group:before {content: ""}
.fa-object-ungroup:before {content: ""}
.fa-sticky-note:before {content: ""}
.fa-sticky-note-o:before {content: ""}
.fa-cc-jcb:before {content: ""}
.fa-cc-diners-club:before {content: ""}
.fa-clone:before {content: ""}
.fa-balance-scale:before {content: ""}
.fa-hourglass-o:before {content: ""}
.fa-hourglass-1:before, .fa-hourglass-start:before {content: ""}
.fa-hourglass-2:before, .fa-hourglass-half:before {content: ""}
.fa-hourglass-3:before, .fa-hourglass-end:before {content: ""}
.fa-hourglass:before {content: ""}
.fa-hand-grab-o:before, .fa-hand-rock-o:before {content: ""}
.fa-hand-stop-o:before, .fa-hand-paper-o:before {content: ""}
.fa-hand-scissors-o:before {content: ""}
.fa-hand-lizard-o:before {content: ""}
.fa-hand-spock-o:before {content: ""}
.fa-hand-pointer-o:before {content: ""}
.fa-hand-peace-o:before {content: ""}
.fa-trademark:before {content: ""}
.fa-registered:before {content: ""}
.fa-creative-commons:before {content: ""}
.fa-gg:before {content: ""}
.fa-gg-circle:before {content: ""}
.fa-tripadvisor:before {content: ""}
.fa-odnoklassniki:before {content: ""}
.fa-odnoklassniki-square:before {content: ""}
.fa-get-pocket:before {content: ""}
.fa-wikipedia-w:before {content: ""}
.fa-safari:before {content: ""}
.fa-chrome:before {content: ""}
.fa-firefox:before {content: ""}
.fa-opera:before {content: ""}
.fa-internet-explorer:before {content: ""}
.fa-tv:before, .fa-television:before {content: ""}
.fa-contao:before {content: ""}
.fa-500px:before {content: ""}
.fa-amazon:before {content: ""}
.fa-calendar-plus-o:before {content: ""}
.fa-calendar-minus-o:before {content: ""}
.fa-calendar-times-o:before {content: ""}
.fa-calendar-check-o:before {content: ""}
.fa-industry:before {content: ""}
.fa-map-pin:before {content: ""}
.fa-map-signs:before {content: ""}
.fa-map-o:before {content: ""}
.fa-map:before {content: ""}
.fa-commenting:before {content: ""}
.fa-commenting-o:before {content: ""}
.fa-houzz:before {content: ""}
.fa-vimeo:before {content: ""}
.fa-black-tie:before {content: ""}
.fa-fonticons:before {content: ""}
.reskin {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; line-height: 1.428571429; color: #333333; background-color: #fff;        }
.reskin .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}
.reskin .alert-box.warning {background: #f6b7c0}
.reskin .alert-box.warning a {color: #e62e49 !important}
.reskin .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}
.reskin .btn .fa-angle-right {line-height: 13px; vertical-align: middle; margin: 0 -5px 0 2px; font-weight: bold}
.reskin .btn-alt {padding-left: 15px; padding-right: 15px; border-radius: 5px}
.reskin .btn-flat {position: relative; padding: 8px 10px; font-size: 13px; border-radius: 10px; border: 1px solid #d8e3f1}
.reskin .btn-flat:active, .reskin .btn-flat.active {color: #fff; box-shadow: none}
.reskin .btn-flat i {font-size: 11px; margin-right: 3px}
.reskin .btn-flat.boy {color: #00aeef}
.reskin .btn-flat.boy:active, .reskin .btn-flat.boy.active {color: #fff; background-color: #00aeef; border-color: #00aeef}
.reskin .btn-flat.girl {color: #ec008c}
.reskin .btn-flat.girl:active, .reskin .btn-flat.girl.active {color: #fff; background-color: #ec008c; border-color: #ec008c}
.reskin .btn-flat.unisex {color: #009385}
.reskin .btn-flat.unisex:active, .reskin .btn-flat.unisex.active {color: #fff; background-color: #009385; border-color: #009385}
.reskin .btn-file {position: relative; overflow: hidden; text-overflow: ellipsis}
.reskin .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}
.reskin .btn-aqua {color: #fff; background-color: #00ae9e; border-color: #00ae9e}
.reskin .btn-aqua:hover, .reskin .btn-aqua:focus, .reskin .btn-aqua.focus, .reskin .btn-aqua:active, .reskin .btn-aqua.active, .open > .reskin .btn-aqua.dropdown-toggle {color: #fff; background-color: #007b70; border-color: #007166}
.reskin .btn-aqua:active, .reskin .btn-aqua.active, .open > .reskin .btn-aqua.dropdown-toggle {background-image: none}
.reskin .btn-aqua.disabled, .reskin .btn-aqua.disabled:hover, .reskin .btn-aqua.disabled:focus, .reskin .btn-aqua.disabled.focus, .reskin .btn-aqua.disabled:active, .reskin .btn-aqua.disabled.active, .reskin .btn-aqua[disabled], .reskin .btn-aqua[disabled]:hover, .reskin .btn-aqua[disabled]:focus, .reskin .btn-aqua[disabled].focus, .reskin .btn-aqua[disabled]:active, .reskin .btn-aqua[disabled].active, fieldset[disabled] .reskin .btn-aqua, fieldset[disabled] .reskin .btn-aqua:hover, fieldset[disabled] .reskin .btn-aqua:focus, fieldset[disabled] .reskin .btn-aqua.focus, fieldset[disabled] .reskin .btn-aqua:active, fieldset[disabled] .reskin .btn-aqua.active {background-color: #00ae9e; border-color: #00ae9e}
.reskin .btn-aqua .badge {color: #00ae9e; background-color: #fff}
.reskin .btn-aqua:hover, .reskin .btn-aqua:focus, .reskin .btn-aqua:active, .reskin .btn-aqua.active {border-color: #007b70}
.reskin .btn-aqua > span {color: #00ae9e}
.reskin .btn-aqua.btn-labelled b {background-color: #00ae9e}
.reskin .btn-aqua.btn-labelled span {color: #00ae9e}
.reskin .btn-aqua.btn-labelled:hover {background-color: #00ae9e}
.reskin .btn-aqua.btn-labelled:hover span {color: #fff}
.reskin .btn-aqua-inverse {background: #fff; color: #00ae9e; border: 1px solid #00ae9e}
.reskin .btn-aqua-inverse:hover {background: #00ae9e; color: #fff}
.reskin .btn-aqua-light {color: #fff; background-color: #47cbbf; border-color: #47cbbf}
.reskin .btn-aqua-light:hover, .reskin .btn-aqua-light:focus, .reskin .btn-aqua-light.focus, .reskin .btn-aqua-light:active, .reskin .btn-aqua-light.active, .open > .reskin .btn-aqua-light.dropdown-toggle {color: #fff; background-color: #31aea3; border-color: #2fa69b}
.reskin .btn-aqua-light:active, .reskin .btn-aqua-light.active, .open > .reskin .btn-aqua-light.dropdown-toggle {background-image: none}
.reskin .btn-aqua-light.disabled, .reskin .btn-aqua-light.disabled:hover, .reskin .btn-aqua-light.disabled:focus, .reskin .btn-aqua-light.disabled.focus, .reskin .btn-aqua-light.disabled:active, .reskin .btn-aqua-light.disabled.active, .reskin .btn-aqua-light[disabled], .reskin .btn-aqua-light[disabled]:hover, .reskin .btn-aqua-light[disabled]:focus, .reskin .btn-aqua-light[disabled].focus, .reskin .btn-aqua-light[disabled]:active, .reskin .btn-aqua-light[disabled].active, fieldset[disabled] .reskin .btn-aqua-light, fieldset[disabled] .reskin .btn-aqua-light:hover, fieldset[disabled] .reskin .btn-aqua-light:focus, fieldset[disabled] .reskin .btn-aqua-light.focus, fieldset[disabled] .reskin .btn-aqua-light:active, fieldset[disabled] .reskin .btn-aqua-light.active {background-color: #47cbbf; border-color: #47cbbf}
.reskin .btn-aqua-light .badge {color: #47cbbf; background-color: #fff}
.reskin .btn-aqua-light:hover, .reskin .btn-aqua-light:focus, .reskin .btn-aqua-light:active, .reskin .btn-aqua-light.active {border-color: #31aea3}
.reskin .btn-aqua-light > span {color: #47cbbf}
.reskin .btn-aqua-light.btn-labelled b {background-color: #47cbbf}
.reskin .btn-aqua-light.btn-labelled span {color: #47cbbf}
.reskin .btn-aqua-light.btn-labelled:hover {background-color: #47cbbf}
.reskin .btn-aqua-light.btn-labelled:hover span {color: #fff}
.reskin .btn-aqua-light-inverse {background: #fff; color: #47cbbf; border: 1px solid #47cbbf}
.reskin .btn-aqua-light-inverse:hover {background: #47cbbf; color: #fff}
.reskin .btn-blue-dark {color: #fff; background-color: #3b73b9; border-color: #3b73b9}
.reskin .btn-blue-dark:hover, .reskin .btn-blue-dark:focus, .reskin .btn-blue-dark.focus, .reskin .btn-blue-dark:active, .reskin .btn-blue-dark.active, .open > .reskin .btn-blue-dark.dropdown-toggle {color: #fff; background-color: #2f5b92; border-color: #2c568b}
.reskin .btn-blue-dark:active, .reskin .btn-blue-dark.active, .open > .reskin .btn-blue-dark.dropdown-toggle {background-image: none}
.reskin .btn-blue-dark.disabled, .reskin .btn-blue-dark.disabled:hover, .reskin .btn-blue-dark.disabled:focus, .reskin .btn-blue-dark.disabled.focus, .reskin .btn-blue-dark.disabled:active, .reskin .btn-blue-dark.disabled.active, .reskin .btn-blue-dark[disabled], .reskin .btn-blue-dark[disabled]:hover, .reskin .btn-blue-dark[disabled]:focus, .reskin .btn-blue-dark[disabled].focus, .reskin .btn-blue-dark[disabled]:active, .reskin .btn-blue-dark[disabled].active, fieldset[disabled] .reskin .btn-blue-dark, fieldset[disabled] .reskin .btn-blue-dark:hover, fieldset[disabled] .reskin .btn-blue-dark:focus, fieldset[disabled] .reskin .btn-blue-dark.focus, fieldset[disabled] .reskin .btn-blue-dark:active, fieldset[disabled] .reskin .btn-blue-dark.active {background-color: #3b73b9; border-color: #3b73b9}
.reskin .btn-blue-dark .badge {color: #3b73b9; background-color: #fff}
.reskin .btn-blue-dark:hover, .reskin .btn-blue-dark:focus, .reskin .btn-blue-dark:active, .reskin .btn-blue-dark.active {border-color: #2f5b92}
.reskin .btn-blue-dark > span {color: #3b73b9}
.reskin .btn-blue-dark.btn-labelled b {background-color: #3b73b9}
.reskin .btn-blue-dark.btn-labelled span {color: #3b73b9}
.reskin .btn-blue-dark.btn-labelled:hover {background-color: #3b73b9}
.reskin .btn-blue-dark.btn-labelled:hover span {color: #fff}
.reskin .btn-blue-dark-inverse {background: #fff; color: #3b73b9; border: 1px solid #3b73b9}
.reskin .btn-blue-dark-inverse:hover {background: #3b73b9; color: #fff}
.reskin .btn-blue-electric {color: #fff; background-color: #44c8f5; border-color: #44c8f5}
.reskin .btn-blue-electric:hover, .reskin .btn-blue-electric:focus, .reskin .btn-blue-electric.focus, .reskin .btn-blue-electric:active, .reskin .btn-blue-electric.active, .open > .reskin .btn-blue-electric.dropdown-toggle {color: #fff; background-color: #14baf2; border-color: #0db6ef}
.reskin .btn-blue-electric:active, .reskin .btn-blue-electric.active, .open > .reskin .btn-blue-electric.dropdown-toggle {background-image: none}
.reskin .btn-blue-electric.disabled, .reskin .btn-blue-electric.disabled:hover, .reskin .btn-blue-electric.disabled:focus, .reskin .btn-blue-electric.disabled.focus, .reskin .btn-blue-electric.disabled:active, .reskin .btn-blue-electric.disabled.active, .reskin .btn-blue-electric[disabled], .reskin .btn-blue-electric[disabled]:hover, .reskin .btn-blue-electric[disabled]:focus, .reskin .btn-blue-electric[disabled].focus, .reskin .btn-blue-electric[disabled]:active, .reskin .btn-blue-electric[disabled].active, fieldset[disabled] .reskin .btn-blue-electric, fieldset[disabled] .reskin .btn-blue-electric:hover, fieldset[disabled] .reskin .btn-blue-electric:focus, fieldset[disabled] .reskin .btn-blue-electric.focus, fieldset[disabled] .reskin .btn-blue-electric:active, fieldset[disabled] .reskin .btn-blue-electric.active {background-color: #44c8f5; border-color: #44c8f5}
.reskin .btn-blue-electric .badge {color: #44c8f5; background-color: #fff}
.reskin .btn-blue-electric:hover, .reskin .btn-blue-electric:focus, .reskin .btn-blue-electric:active, .reskin .btn-blue-electric.active {border-color: #14baf2}
.reskin .btn-blue-electric > span {color: #44c8f5}
.reskin .btn-blue-electric.btn-labelled b {background-color: #44c8f5}
.reskin .btn-blue-electric.btn-labelled span {color: #44c8f5}
.reskin .btn-blue-electric.btn-labelled:hover {background-color: #44c8f5}
.reskin .btn-blue-electric.btn-labelled:hover span {color: #fff}
.reskin .btn-blue-electric-inverse {background: #fff; color: #44c8f5; border: 1px solid #44c8f5}
.reskin .btn-blue-electric-inverse:hover {background: #44c8f5; color: #fff}
.reskin .btn-blue-bright {color: #fff; background-color: #00aeef; border-color: #00aeef}
.reskin .btn-blue-bright:hover, .reskin .btn-blue-bright:focus, .reskin .btn-blue-bright.focus, .reskin .btn-blue-bright:active, .reskin .btn-blue-bright.active, .open > .reskin .btn-blue-bright.dropdown-toggle {color: #fff; background-color: #0089bc; border-color: #0081b2}
.reskin .btn-blue-bright:active, .reskin .btn-blue-bright.active, .open > .reskin .btn-blue-bright.dropdown-toggle {background-image: none}
.reskin .btn-blue-bright.disabled, .reskin .btn-blue-bright.disabled:hover, .reskin .btn-blue-bright.disabled:focus, .reskin .btn-blue-bright.disabled.focus, .reskin .btn-blue-bright.disabled:active, .reskin .btn-blue-bright.disabled.active, .reskin .btn-blue-bright[disabled], .reskin .btn-blue-bright[disabled]:hover, .reskin .btn-blue-bright[disabled]:focus, .reskin .btn-blue-bright[disabled].focus, .reskin .btn-blue-bright[disabled]:active, .reskin .btn-blue-bright[disabled].active, fieldset[disabled] .reskin .btn-blue-bright, fieldset[disabled] .reskin .btn-blue-bright:hover, fieldset[disabled] .reskin .btn-blue-bright:focus, fieldset[disabled] .reskin .btn-blue-bright.focus, fieldset[disabled] .reskin .btn-blue-bright:active, fieldset[disabled] .reskin .btn-blue-bright.active {background-color: #00aeef; border-color: #00aeef}
.reskin .btn-blue-bright .badge {color: #00aeef; background-color: #fff}
.reskin .btn-blue-bright:hover, .reskin .btn-blue-bright:focus, .reskin .btn-blue-bright:active, .reskin .btn-blue-bright.active {border-color: #0089bc}
.reskin .btn-blue-bright > span {color: #00aeef}
.reskin .btn-blue-bright.btn-labelled b {background-color: #00aeef}
.reskin .btn-blue-bright.btn-labelled span {color: #00aeef}
.reskin .btn-blue-bright.btn-labelled:hover {background-color: #00aeef}
.reskin .btn-blue-bright.btn-labelled:hover span {color: #fff}
.reskin .btn-blue-bright-inverse {background: #fff; color: #00aeef; border: 1px solid #00aeef}
.reskin .btn-blue-bright-inverse:hover {background: #00aeef; color: #fff}
.reskin .btn-blue-rio2 {color: #fff; background-color: #1056c1; border-color: #1056c1}
.reskin .btn-blue-rio2:hover, .reskin .btn-blue-rio2:focus, .reskin .btn-blue-rio2.focus, .reskin .btn-blue-rio2:active, .reskin .btn-blue-rio2.active, .open > .reskin .btn-blue-rio2.dropdown-toggle {color: #fff; background-color: #0c4192; border-color: #0b3d88}
.reskin .btn-blue-rio2:active, .reskin .btn-blue-rio2.active, .open > .reskin .btn-blue-rio2.dropdown-toggle {background-image: none}
.reskin .btn-blue-rio2.disabled, .reskin .btn-blue-rio2.disabled:hover, .reskin .btn-blue-rio2.disabled:focus, .reskin .btn-blue-rio2.disabled.focus, .reskin .btn-blue-rio2.disabled:active, .reskin .btn-blue-rio2.disabled.active, .reskin .btn-blue-rio2[disabled], .reskin .btn-blue-rio2[disabled]:hover, .reskin .btn-blue-rio2[disabled]:focus, .reskin .btn-blue-rio2[disabled].focus, .reskin .btn-blue-rio2[disabled]:active, .reskin .btn-blue-rio2[disabled].active, fieldset[disabled] .reskin .btn-blue-rio2, fieldset[disabled] .reskin .btn-blue-rio2:hover, fieldset[disabled] .reskin .btn-blue-rio2:focus, fieldset[disabled] .reskin .btn-blue-rio2.focus, fieldset[disabled] .reskin .btn-blue-rio2:active, fieldset[disabled] .reskin .btn-blue-rio2.active {background-color: #1056c1; border-color: #1056c1}
.reskin .btn-blue-rio2 .badge {color: #1056c1; background-color: #fff}
.reskin .btn-blue-rio2:hover, .reskin .btn-blue-rio2:focus, .reskin .btn-blue-rio2:active, .reskin .btn-blue-rio2.active {border-color: #0c4192}
.reskin .btn-blue-rio2 > span {color: #1056c1}
.reskin .btn-blue-rio2.btn-labelled b {background-color: #1056c1}
.reskin .btn-blue-rio2.btn-labelled span {color: #1056c1}
.reskin .btn-blue-rio2.btn-labelled:hover {background-color: #1056c1}
.reskin .btn-blue-rio2.btn-labelled:hover span {color: #fff}
.reskin .btn-blue-rio2-inverse {background: #fff; color: #1056c1; border: 1px solid #1056c1}
.reskin .btn-blue-rio2-inverse:hover {background: #1056c1; color: #fff}
.reskin .btn-blue-navy {color: #fff; background-color: #0071bc; border-color: #0071bc}
.reskin .btn-blue-navy:hover, .reskin .btn-blue-navy:focus, .reskin .btn-blue-navy.focus, .reskin .btn-blue-navy:active, .reskin .btn-blue-navy.active, .open > .reskin .btn-blue-navy.dropdown-toggle {color: #fff; background-color: #005289; border-color: #004c7f}
.reskin .btn-blue-navy:active, .reskin .btn-blue-navy.active, .open > .reskin .btn-blue-navy.dropdown-toggle {background-image: none}
.reskin .btn-blue-navy.disabled, .reskin .btn-blue-navy.disabled:hover, .reskin .btn-blue-navy.disabled:focus, .reskin .btn-blue-navy.disabled.focus, .reskin .btn-blue-navy.disabled:active, .reskin .btn-blue-navy.disabled.active, .reskin .btn-blue-navy[disabled], .reskin .btn-blue-navy[disabled]:hover, .reskin .btn-blue-navy[disabled]:focus, .reskin .btn-blue-navy[disabled].focus, .reskin .btn-blue-navy[disabled]:active, .reskin .btn-blue-navy[disabled].active, fieldset[disabled] .reskin .btn-blue-navy, fieldset[disabled] .reskin .btn-blue-navy:hover, fieldset[disabled] .reskin .btn-blue-navy:focus, fieldset[disabled] .reskin .btn-blue-navy.focus, fieldset[disabled] .reskin .btn-blue-navy:active, fieldset[disabled] .reskin .btn-blue-navy.active {background-color: #0071bc; border-color: #0071bc}
.reskin .btn-blue-navy .badge {color: #0071bc; background-color: #fff}
.reskin .btn-blue-navy:hover, .reskin .btn-blue-navy:focus, .reskin .btn-blue-navy:active, .reskin .btn-blue-navy.active {border-color: #005289}
.reskin .btn-blue-navy > span {color: #0071bc}
.reskin .btn-blue-navy.btn-labelled b {background-color: #0071bc}
.reskin .btn-blue-navy.btn-labelled span {color: #0071bc}
.reskin .btn-blue-navy.btn-labelled:hover {background-color: #0071bc}
.reskin .btn-blue-navy.btn-labelled:hover span {color: #fff}
.reskin .btn-blue-navy-inverse {background: #fff; color: #0071bc; border: 1px solid #0071bc}
.reskin .btn-blue-navy-inverse:hover {background: #0071bc; color: #fff}
.reskin .btn-green {color: #fff; background-color: #51b848; border-color: #51b848}
.reskin .btn-green:hover, .reskin .btn-green:focus, .reskin .btn-green.focus, .reskin .btn-green:active, .reskin .btn-green.active, .open > .reskin .btn-green.dropdown-toggle {color: #fff; background-color: #419439; border-color: #3d8c36}
.reskin .btn-green:active, .reskin .btn-green.active, .open > .reskin .btn-green.dropdown-toggle {background-image: none}
.reskin .btn-green.disabled, .reskin .btn-green.disabled:hover, .reskin .btn-green.disabled:focus, .reskin .btn-green.disabled.focus, .reskin .btn-green.disabled:active, .reskin .btn-green.disabled.active, .reskin .btn-green[disabled], .reskin .btn-green[disabled]:hover, .reskin .btn-green[disabled]:focus, .reskin .btn-green[disabled].focus, .reskin .btn-green[disabled]:active, .reskin .btn-green[disabled].active, fieldset[disabled] .reskin .btn-green, fieldset[disabled] .reskin .btn-green:hover, fieldset[disabled] .reskin .btn-green:focus, fieldset[disabled] .reskin .btn-green.focus, fieldset[disabled] .reskin .btn-green:active, fieldset[disabled] .reskin .btn-green.active {background-color: #51b848; border-color: #51b848}
.reskin .btn-green .badge {color: #51b848; background-color: #fff}
.reskin .btn-green:hover, .reskin .btn-green:focus, .reskin .btn-green:active, .reskin .btn-green.active {border-color: #419439}
.reskin .btn-green > span {color: #51b848}
.reskin .btn-green.btn-labelled b {background-color: #51b848}
.reskin .btn-green.btn-labelled span {color: #51b848}
.reskin .btn-green.btn-labelled:hover {background-color: #51b848}
.reskin .btn-green.btn-labelled:hover span {color: #fff}
.reskin .btn-green-inverse {background: #fff; color: #51b848; border: 1px solid #51b848}
.reskin .btn-green-inverse:hover {background: #51b848; color: #fff}
.reskin .btn-grey-light {color: #fff; background-color: #d0d0d0; border-color: #d0d0d0}
.reskin .btn-grey-light:hover, .reskin .btn-grey-light:focus, .reskin .btn-grey-light.focus, .reskin .btn-grey-light:active, .reskin .btn-grey-light.active, .open > .reskin .btn-grey-light.dropdown-toggle {color: #fff; background-color: #b7b7b7; border-color: #b1b1b1}
.reskin .btn-grey-light:active, .reskin .btn-grey-light.active, .open > .reskin .btn-grey-light.dropdown-toggle {background-image: none}
.reskin .btn-grey-light.disabled, .reskin .btn-grey-light.disabled:hover, .reskin .btn-grey-light.disabled:focus, .reskin .btn-grey-light.disabled.focus, .reskin .btn-grey-light.disabled:active, .reskin .btn-grey-light.disabled.active, .reskin .btn-grey-light[disabled], .reskin .btn-grey-light[disabled]:hover, .reskin .btn-grey-light[disabled]:focus, .reskin .btn-grey-light[disabled].focus, .reskin .btn-grey-light[disabled]:active, .reskin .btn-grey-light[disabled].active, fieldset[disabled] .reskin .btn-grey-light, fieldset[disabled] .reskin .btn-grey-light:hover, fieldset[disabled] .reskin .btn-grey-light:focus, fieldset[disabled] .reskin .btn-grey-light.focus, fieldset[disabled] .reskin .btn-grey-light:active, fieldset[disabled] .reskin .btn-grey-light.active {background-color: #d0d0d0; border-color: #d0d0d0}
.reskin .btn-grey-light .badge {color: #d0d0d0; background-color: #fff}
.reskin .btn-grey-light:hover, .reskin .btn-grey-light:focus, .reskin .btn-grey-light:active, .reskin .btn-grey-light.active {border-color: #b7b7b7}
.reskin .btn-grey-light > span {color: #d0d0d0}
.reskin .btn-grey-light.btn-labelled b {background-color: #d0d0d0}
.reskin .btn-grey-light.btn-labelled span {color: #d0d0d0}
.reskin .btn-grey-light.btn-labelled:hover {background-color: #d0d0d0}
.reskin .btn-grey-light.btn-labelled:hover span {color: #fff}
.reskin .btn-grey-light-inverse {background: #fff; color: #d0d0d0; border: 1px solid #d0d0d0}
.reskin .btn-grey-light-inverse:hover {background: #d0d0d0; color: #fff}
.reskin .btn-mauve {color: #fff; background-color: #6c8cc7; border-color: #6c8cc7}
.reskin .btn-mauve:hover, .reskin .btn-mauve:focus, .reskin .btn-mauve.focus, .reskin .btn-mauve:active, .reskin .btn-mauve.active, .open > .reskin .btn-mauve.dropdown-toggle {color: #fff; background-color: #476fb9; border-color: #446bb2}
.reskin .btn-mauve:active, .reskin .btn-mauve.active, .open > .reskin .btn-mauve.dropdown-toggle {background-image: none}
.reskin .btn-mauve.disabled, .reskin .btn-mauve.disabled:hover, .reskin .btn-mauve.disabled:focus, .reskin .btn-mauve.disabled.focus, .reskin .btn-mauve.disabled:active, .reskin .btn-mauve.disabled.active, .reskin .btn-mauve[disabled], .reskin .btn-mauve[disabled]:hover, .reskin .btn-mauve[disabled]:focus, .reskin .btn-mauve[disabled].focus, .reskin .btn-mauve[disabled]:active, .reskin .btn-mauve[disabled].active, fieldset[disabled] .reskin .btn-mauve, fieldset[disabled] .reskin .btn-mauve:hover, fieldset[disabled] .reskin .btn-mauve:focus, fieldset[disabled] .reskin .btn-mauve.focus, fieldset[disabled] .reskin .btn-mauve:active, fieldset[disabled] .reskin .btn-mauve.active {background-color: #6c8cc7; border-color: #6c8cc7}
.reskin .btn-mauve .badge {color: #6c8cc7; background-color: #fff}
.reskin .btn-mauve:hover, .reskin .btn-mauve:focus, .reskin .btn-mauve:active, .reskin .btn-mauve.active {border-color: #476fb9}
.reskin .btn-mauve > span {color: #6c8cc7}
.reskin .btn-mauve.btn-labelled b {background-color: #6c8cc7}
.reskin .btn-mauve.btn-labelled span {color: #6c8cc7}
.reskin .btn-mauve.btn-labelled:hover {background-color: #6c8cc7}
.reskin .btn-mauve.btn-labelled:hover span {color: #fff}
.reskin .btn-mauve-inverse {background: #fff; color: #6c8cc7; border: 1px solid #6c8cc7}
.reskin .btn-mauve-inverse:hover {background: #6c8cc7; color: #fff}
.reskin .btn-orange {color: #fff; background-color: #fd8410; border-color: #fd8410}
.reskin .btn-orange:hover, .reskin .btn-orange:focus, .reskin .btn-orange.focus, .reskin .btn-orange:active, .reskin .btn-orange.active, .open > .reskin .btn-orange.dropdown-toggle {color: #fff; background-color: #d86b02; border-color: #ce6602}
.reskin .btn-orange:active, .reskin .btn-orange.active, .open > .reskin .btn-orange.dropdown-toggle {background-image: none}
.reskin .btn-orange.disabled, .reskin .btn-orange.disabled:hover, .reskin .btn-orange.disabled:focus, .reskin .btn-orange.disabled.focus, .reskin .btn-orange.disabled:active, .reskin .btn-orange.disabled.active, .reskin .btn-orange[disabled], .reskin .btn-orange[disabled]:hover, .reskin .btn-orange[disabled]:focus, .reskin .btn-orange[disabled].focus, .reskin .btn-orange[disabled]:active, .reskin .btn-orange[disabled].active, fieldset[disabled] .reskin .btn-orange, fieldset[disabled] .reskin .btn-orange:hover, fieldset[disabled] .reskin .btn-orange:focus, fieldset[disabled] .reskin .btn-orange.focus, fieldset[disabled] .reskin .btn-orange:active, fieldset[disabled] .reskin .btn-orange.active {background-color: #fd8410; border-color: #fd8410}
.reskin .btn-orange .badge {color: #fd8410; background-color: #fff}
.reskin .btn-orange:hover, .reskin .btn-orange:focus, .reskin .btn-orange:active, .reskin .btn-orange.active {border-color: #d86b02}
.reskin .btn-orange > span {color: #fd8410}
.reskin .btn-orange.btn-labelled b {background-color: #fd8410}
.reskin .btn-orange.btn-labelled span {color: #fd8410}
.reskin .btn-orange.btn-labelled:hover {background-color: #fd8410}
.reskin .btn-orange.btn-labelled:hover span {color: #fff}
.reskin .btn-orange-inverse {background: #fff; color: #fd8410; border: 1px solid #fd8410}
.reskin .btn-orange-inverse:hover {background: #fd8410; color: #fff}
.reskin .btn-pink {color: #fff; background-color: #ec008c; border-color: #ec008c}
.reskin .btn-pink:hover, .reskin .btn-pink:focus, .reskin .btn-pink.focus, .reskin .btn-pink:active, .reskin .btn-pink.active, .open > .reskin .btn-pink.dropdown-toggle {color: #fff; background-color: #b9006e; border-color: #af0068}
.reskin .btn-pink:active, .reskin .btn-pink.active, .open > .reskin .btn-pink.dropdown-toggle {background-image: none}
.reskin .btn-pink.disabled, .reskin .btn-pink.disabled:hover, .reskin .btn-pink.disabled:focus, .reskin .btn-pink.disabled.focus, .reskin .btn-pink.disabled:active, .reskin .btn-pink.disabled.active, .reskin .btn-pink[disabled], .reskin .btn-pink[disabled]:hover, .reskin .btn-pink[disabled]:focus, .reskin .btn-pink[disabled].focus, .reskin .btn-pink[disabled]:active, .reskin .btn-pink[disabled].active, fieldset[disabled] .reskin .btn-pink, fieldset[disabled] .reskin .btn-pink:hover, fieldset[disabled] .reskin .btn-pink:focus, fieldset[disabled] .reskin .btn-pink.focus, fieldset[disabled] .reskin .btn-pink:active, fieldset[disabled] .reskin .btn-pink.active {background-color: #ec008c; border-color: #ec008c}
.reskin .btn-pink .badge {color: #ec008c; background-color: #fff}
.reskin .btn-pink:hover, .reskin .btn-pink:focus, .reskin .btn-pink:active, .reskin .btn-pink.active {border-color: #b9006e}
.reskin .btn-pink > span {color: #ec008c}
.reskin .btn-pink.btn-labelled b {background-color: #ec008c}
.reskin .btn-pink.btn-labelled span {color: #ec008c}
.reskin .btn-pink.btn-labelled:hover {background-color: #ec008c}
.reskin .btn-pink.btn-labelled:hover span {color: #fff}
.reskin .btn-pink-inverse {background: #fff; color: #ec008c; border: 1px solid #ec008c}
.reskin .btn-pink-inverse:hover {background: #ec008c; color: #fff}
.reskin .btn-rewards-pink {color: #fff; background-color: #ed008c; border-color: #ed008c}
.reskin .btn-rewards-pink:hover, .reskin .btn-rewards-pink:focus, .reskin .btn-rewards-pink.focus, .reskin .btn-rewards-pink:active, .reskin .btn-rewards-pink.active, .open > .reskin .btn-rewards-pink.dropdown-toggle {color: #fff; background-color: #ba006e; border-color: #b00068}
.reskin .btn-rewards-pink:active, .reskin .btn-rewards-pink.active, .open > .reskin .btn-rewards-pink.dropdown-toggle {background-image: none}
.reskin .btn-rewards-pink.disabled, .reskin .btn-rewards-pink.disabled:hover, .reskin .btn-rewards-pink.disabled:focus, .reskin .btn-rewards-pink.disabled.focus, .reskin .btn-rewards-pink.disabled:active, .reskin .btn-rewards-pink.disabled.active, .reskin .btn-rewards-pink[disabled], .reskin .btn-rewards-pink[disabled]:hover, .reskin .btn-rewards-pink[disabled]:focus, .reskin .btn-rewards-pink[disabled].focus, .reskin .btn-rewards-pink[disabled]:active, .reskin .btn-rewards-pink[disabled].active, fieldset[disabled] .reskin .btn-rewards-pink, fieldset[disabled] .reskin .btn-rewards-pink:hover, fieldset[disabled] .reskin .btn-rewards-pink:focus, fieldset[disabled] .reskin .btn-rewards-pink.focus, fieldset[disabled] .reskin .btn-rewards-pink:active, fieldset[disabled] .reskin .btn-rewards-pink.active {background-color: #ed008c; border-color: #ed008c}
.reskin .btn-rewards-pink .badge {color: #ed008c; background-color: #fff}
.reskin .btn-rewards-pink:hover, .reskin .btn-rewards-pink:focus, .reskin .btn-rewards-pink:active, .reskin .btn-rewards-pink.active {border-color: #ba006e}
.reskin .btn-rewards-pink > span {color: #ed008c}
.reskin .btn-rewards-pink.btn-labelled b {background-color: #ed008c}
.reskin .btn-rewards-pink.btn-labelled span {color: #ed008c}
.reskin .btn-rewards-pink.btn-labelled:hover {background-color: #ed008c}
.reskin .btn-rewards-pink.btn-labelled:hover span {color: #fff}
.reskin .btn-rewards-pink-inverse {background: #fff; color: #ed008c; border: 1px solid #ed008c}
.reskin .btn-rewards-pink-inverse:hover {background: #ed008c; color: #fff}
.reskin .btn-purple {color: #fff; background-color: #702b90; border-color: #702b90}
.reskin .btn-purple:hover, .reskin .btn-purple:focus, .reskin .btn-purple.focus, .reskin .btn-purple:active, .reskin .btn-purple.active, .open > .reskin .btn-purple.dropdown-toggle {color: #fff; background-color: #511f69; border-color: #4b1d61}
.reskin .btn-purple:active, .reskin .btn-purple.active, .open > .reskin .btn-purple.dropdown-toggle {background-image: none}
.reskin .btn-purple.disabled, .reskin .btn-purple.disabled:hover, .reskin .btn-purple.disabled:focus, .reskin .btn-purple.disabled.focus, .reskin .btn-purple.disabled:active, .reskin .btn-purple.disabled.active, .reskin .btn-purple[disabled], .reskin .btn-purple[disabled]:hover, .reskin .btn-purple[disabled]:focus, .reskin .btn-purple[disabled].focus, .reskin .btn-purple[disabled]:active, .reskin .btn-purple[disabled].active, fieldset[disabled] .reskin .btn-purple, fieldset[disabled] .reskin .btn-purple:hover, fieldset[disabled] .reskin .btn-purple:focus, fieldset[disabled] .reskin .btn-purple.focus, fieldset[disabled] .reskin .btn-purple:active, fieldset[disabled] .reskin .btn-purple.active {background-color: #702b90; border-color: #702b90}
.reskin .btn-purple .badge {color: #702b90; background-color: #fff}
.reskin .btn-purple:hover, .reskin .btn-purple:focus, .reskin .btn-purple:active, .reskin .btn-purple.active {border-color: #511f69}
.reskin .btn-purple > span {color: #702b90}
.reskin .btn-purple.btn-labelled b {background-color: #702b90}
.reskin .btn-purple.btn-labelled span {color: #702b90}
.reskin .btn-purple.btn-labelled:hover {background-color: #702b90}
.reskin .btn-purple.btn-labelled:hover span {color: #fff}
.reskin .btn-purple-inverse {background: #fff; color: #702b90; border: 1px solid #702b90}
.reskin .btn-purple-inverse:hover {background: #702b90; color: #fff}
.reskin .btn-red {color: #fff; background-color: #e62e49; border-color: #e62e49}
.reskin .btn-red:hover, .reskin .btn-red:focus, .reskin .btn-red.focus, .reskin .btn-red:active, .reskin .btn-red.active, .open > .reskin .btn-red.dropdown-toggle {color: #fff; background-color: #c91832; border-color: #c01730}
.reskin .btn-red:active, .reskin .btn-red.active, .open > .reskin .btn-red.dropdown-toggle {background-image: none}
.reskin .btn-red.disabled, .reskin .btn-red.disabled:hover, .reskin .btn-red.disabled:focus, .reskin .btn-red.disabled.focus, .reskin .btn-red.disabled:active, .reskin .btn-red.disabled.active, .reskin .btn-red[disabled], .reskin .btn-red[disabled]:hover, .reskin .btn-red[disabled]:focus, .reskin .btn-red[disabled].focus, .reskin .btn-red[disabled]:active, .reskin .btn-red[disabled].active, fieldset[disabled] .reskin .btn-red, fieldset[disabled] .reskin .btn-red:hover, fieldset[disabled] .reskin .btn-red:focus, fieldset[disabled] .reskin .btn-red.focus, fieldset[disabled] .reskin .btn-red:active, fieldset[disabled] .reskin .btn-red.active {background-color: #e62e49; border-color: #e62e49}
.reskin .btn-red .badge {color: #e62e49; background-color: #fff}
.reskin .btn-red:hover, .reskin .btn-red:focus, .reskin .btn-red:active, .reskin .btn-red.active {border-color: #c91832}
.reskin .btn-red > span {color: #e62e49}
.reskin .btn-red.btn-labelled b {background-color: #e62e49}
.reskin .btn-red.btn-labelled span {color: #e62e49}
.reskin .btn-red.btn-labelled:hover {background-color: #e62e49}
.reskin .btn-red.btn-labelled:hover span {color: #fff}
.reskin .btn-red-inverse {background: #fff; color: #e62e49; border: 1px solid #e62e49}
.reskin .btn-red-inverse:hover {background: #e62e49; color: #fff}
.reskin .btn-teal {color: #fff; background-color: #009385; border-color: #009385}
.reskin .btn-teal:hover, .reskin .btn-teal:focus, .reskin .btn-teal.focus, .reskin .btn-teal:active, .reskin .btn-teal.active, .open > .reskin .btn-teal.dropdown-toggle {color: #fff; background-color: #006057; border-color: #00564e}
.reskin .btn-teal:active, .reskin .btn-teal.active, .open > .reskin .btn-teal.dropdown-toggle {background-image: none}
.reskin .btn-teal.disabled, .reskin .btn-teal.disabled:hover, .reskin .btn-teal.disabled:focus, .reskin .btn-teal.disabled.focus, .reskin .btn-teal.disabled:active, .reskin .btn-teal.disabled.active, .reskin .btn-teal[disabled], .reskin .btn-teal[disabled]:hover, .reskin .btn-teal[disabled]:focus, .reskin .btn-teal[disabled].focus, .reskin .btn-teal[disabled]:active, .reskin .btn-teal[disabled].active, fieldset[disabled] .reskin .btn-teal, fieldset[disabled] .reskin .btn-teal:hover, fieldset[disabled] .reskin .btn-teal:focus, fieldset[disabled] .reskin .btn-teal.focus, fieldset[disabled] .reskin .btn-teal:active, fieldset[disabled] .reskin .btn-teal.active {background-color: #009385; border-color: #009385}
.reskin .btn-teal .badge {color: #009385; background-color: #fff}
.reskin .btn-teal:hover, .reskin .btn-teal:focus, .reskin .btn-teal:active, .reskin .btn-teal.active {border-color: #006057}
.reskin .btn-teal > span {color: #009385}
.reskin .btn-teal.btn-labelled b {background-color: #009385}
.reskin .btn-teal.btn-labelled span {color: #009385}
.reskin .btn-teal.btn-labelled:hover {background-color: #009385}
.reskin .btn-teal.btn-labelled:hover span {color: #fff}
.reskin .btn-teal-inverse {background: #fff; color: #009385; border: 1px solid #009385}
.reskin .btn-teal-inverse:hover {background: #009385; color: #fff}
.reskin .btn-yellow {color: #fff; background-color: #ffc709; border-color: #ffc709}
.reskin .btn-yellow:hover, .reskin .btn-yellow:focus, .reskin .btn-yellow.focus, .reskin .btn-yellow:active, .reskin .btn-yellow.active, .open > .reskin .btn-yellow.dropdown-toggle {color: #fff; background-color: #d5a500; border-color: #cb9d00}
.reskin .btn-yellow:active, .reskin .btn-yellow.active, .open > .reskin .btn-yellow.dropdown-toggle {background-image: none}
.reskin .btn-yellow.disabled, .reskin .btn-yellow.disabled:hover, .reskin .btn-yellow.disabled:focus, .reskin .btn-yellow.disabled.focus, .reskin .btn-yellow.disabled:active, .reskin .btn-yellow.disabled.active, .reskin .btn-yellow[disabled], .reskin .btn-yellow[disabled]:hover, .reskin .btn-yellow[disabled]:focus, .reskin .btn-yellow[disabled].focus, .reskin .btn-yellow[disabled]:active, .reskin .btn-yellow[disabled].active, fieldset[disabled] .reskin .btn-yellow, fieldset[disabled] .reskin .btn-yellow:hover, fieldset[disabled] .reskin .btn-yellow:focus, fieldset[disabled] .reskin .btn-yellow.focus, fieldset[disabled] .reskin .btn-yellow:active, fieldset[disabled] .reskin .btn-yellow.active {background-color: #ffc709; border-color: #ffc709}
.reskin .btn-yellow .badge {color: #ffc709; background-color: #fff}
.reskin .btn-yellow:hover, .reskin .btn-yellow:focus, .reskin .btn-yellow:active, .reskin .btn-yellow.active {border-color: #d5a500}
.reskin .btn-yellow > span {color: #ffc709}
.reskin .btn-yellow.btn-labelled b {background-color: #ffc709}
.reskin .btn-yellow.btn-labelled span {color: #ffc709}
.reskin .btn-yellow.btn-labelled:hover {background-color: #ffc709}
.reskin .btn-yellow.btn-labelled:hover span {color: #fff}
.reskin .btn-yellow-inverse {background: #fff; color: #ffc709; border: 1px solid #ffc709}
.reskin .btn-yellow-inverse:hover {background: #ffc709; color: #fff}
.reskin .btn-rosehip {color: #fff; background-color: #de6f7f; border-color: #de6f7f}
.reskin .btn-rosehip:hover, .reskin .btn-rosehip:focus, .reskin .btn-rosehip.focus, .reskin .btn-rosehip:active, .reskin .btn-rosehip.active, .open > .reskin .btn-rosehip.dropdown-toggle {color: #fff; background-color: #d4465a; border-color: #d33d53}
.reskin .btn-rosehip:active, .reskin .btn-rosehip.active, .open > .reskin .btn-rosehip.dropdown-toggle {background-image: none}
.reskin .btn-rosehip.disabled, .reskin .btn-rosehip.disabled:hover, .reskin .btn-rosehip.disabled:focus, .reskin .btn-rosehip.disabled.focus, .reskin .btn-rosehip.disabled:active, .reskin .btn-rosehip.disabled.active, .reskin .btn-rosehip[disabled], .reskin .btn-rosehip[disabled]:hover, .reskin .btn-rosehip[disabled]:focus, .reskin .btn-rosehip[disabled].focus, .reskin .btn-rosehip[disabled]:active, .reskin .btn-rosehip[disabled].active, fieldset[disabled] .reskin .btn-rosehip, fieldset[disabled] .reskin .btn-rosehip:hover, fieldset[disabled] .reskin .btn-rosehip:focus, fieldset[disabled] .reskin .btn-rosehip.focus, fieldset[disabled] .reskin .btn-rosehip:active, fieldset[disabled] .reskin .btn-rosehip.active {background-color: #de6f7f; border-color: #de6f7f}
.reskin .btn-rosehip .badge {color: #de6f7f; background-color: #fff}
.reskin .btn-rosehip:hover, .reskin .btn-rosehip:focus, .reskin .btn-rosehip:active, .reskin .btn-rosehip.active {border-color: #d4465a}
.reskin .btn-rosehip > span {color: #de6f7f}
.reskin .btn-rosehip.btn-labelled b {background-color: #de6f7f}
.reskin .btn-rosehip.btn-labelled span {color: #de6f7f}
.reskin .btn-rosehip.btn-labelled:hover {background-color: #de6f7f}
.reskin .btn-rosehip.btn-labelled:hover span {color: #fff}
.reskin .btn-rosehip-inverse {background: #fff; color: #de6f7f; border: 1px solid #de6f7f}
.reskin .btn-rosehip-inverse:hover {background: #de6f7f; color: #fff}
.reskin .btn-blue-rio2 {color: #fff; background-color: #1056c1; border-color: #1056c1}
.reskin .btn-blue-rio2:hover, .reskin .btn-blue-rio2:focus, .reskin .btn-blue-rio2.focus, .reskin .btn-blue-rio2:active, .reskin .btn-blue-rio2.active, .open > .reskin .btn-blue-rio2.dropdown-toggle {color: #fff; background-color: #0c4192; border-color: #0b3d88}
.reskin .btn-blue-rio2:active, .reskin .btn-blue-rio2.active, .open > .reskin .btn-blue-rio2.dropdown-toggle {background-image: none}
.reskin .btn-blue-rio2.disabled, .reskin .btn-blue-rio2.disabled:hover, .reskin .btn-blue-rio2.disabled:focus, .reskin .btn-blue-rio2.disabled.focus, .reskin .btn-blue-rio2.disabled:active, .reskin .btn-blue-rio2.disabled.active, .reskin .btn-blue-rio2[disabled], .reskin .btn-blue-rio2[disabled]:hover, .reskin .btn-blue-rio2[disabled]:focus, .reskin .btn-blue-rio2[disabled].focus, .reskin .btn-blue-rio2[disabled]:active, .reskin .btn-blue-rio2[disabled].active, fieldset[disabled] .reskin .btn-blue-rio2, fieldset[disabled] .reskin .btn-blue-rio2:hover, fieldset[disabled] .reskin .btn-blue-rio2:focus, fieldset[disabled] .reskin .btn-blue-rio2.focus, fieldset[disabled] .reskin .btn-blue-rio2:active, fieldset[disabled] .reskin .btn-blue-rio2.active {background-color: #1056c1; border-color: #1056c1}
.reskin .btn-blue-rio2 .badge {color: #1056c1; background-color: #fff}
.reskin .btn-blue-rio2:hover, .reskin .btn-blue-rio2:focus, .reskin .btn-blue-rio2:active, .reskin .btn-blue-rio2.active {border-color: #0c4192}
.reskin .btn-blue-rio2 > span {color: #1056c1}
.reskin .btn-blue-rio2.btn-labelled b {background-color: #1056c1}
.reskin .btn-blue-rio2.btn-labelled span {color: #1056c1}
.reskin .btn-blue-rio2.btn-labelled:hover {background-color: #1056c1}
.reskin .btn-blue-rio2.btn-labelled:hover span {color: #fff}
.reskin .btn-blue-rio2-inverse {background: #fff; color: #1056c1; border: 1px solid #1056c1}
.reskin .btn-blue-rio2-inverse:hover {background: #1056c1; color: #fff}
.reskin .btn-umber {color: #fff; background-color: #936037; border-color: #936037}
.reskin .btn-umber:hover, .reskin .btn-umber:focus, .reskin .btn-umber.focus, .reskin .btn-umber:active, .reskin .btn-umber.active, .open > .reskin .btn-umber.dropdown-toggle {color: #fff; background-color: #6e4829; border-color: #664326}
.reskin .btn-umber:active, .reskin .btn-umber.active, .open > .reskin .btn-umber.dropdown-toggle {background-image: none}
.reskin .btn-umber.disabled, .reskin .btn-umber.disabled:hover, .reskin .btn-umber.disabled:focus, .reskin .btn-umber.disabled.focus, .reskin .btn-umber.disabled:active, .reskin .btn-umber.disabled.active, .reskin .btn-umber[disabled], .reskin .btn-umber[disabled]:hover, .reskin .btn-umber[disabled]:focus, .reskin .btn-umber[disabled].focus, .reskin .btn-umber[disabled]:active, .reskin .btn-umber[disabled].active, fieldset[disabled] .reskin .btn-umber, fieldset[disabled] .reskin .btn-umber:hover, fieldset[disabled] .reskin .btn-umber:focus, fieldset[disabled] .reskin .btn-umber.focus, fieldset[disabled] .reskin .btn-umber:active, fieldset[disabled] .reskin .btn-umber.active {background-color: #936037; border-color: #936037}
.reskin .btn-umber .badge {color: #936037; background-color: #fff}
.reskin .btn-umber:hover, .reskin .btn-umber:focus, .reskin .btn-umber:active, .reskin .btn-umber.active {border-color: #6e4829}
.reskin .btn-umber > span {color: #936037}
.reskin .btn-umber.btn-labelled b {background-color: #936037}
.reskin .btn-umber.btn-labelled span {color: #936037}
.reskin .btn-umber.btn-labelled:hover {background-color: #936037}
.reskin .btn-umber.btn-labelled:hover span {color: #fff}
.reskin .btn-umber-inverse {background: #fff; color: #936037; border: 1px solid #936037}
.reskin .btn-umber-inverse:hover {background: #936037; color: #fff}
.reskin .btn-rewards-blue-light {color: #fff; background-color: #69d6fb; border-color: #69d6fb}
.reskin .btn-rewards-blue-light:hover, .reskin .btn-rewards-blue-light:focus, .reskin .btn-rewards-blue-light.focus, .reskin .btn-rewards-blue-light:active, .reskin .btn-rewards-blue-light.active, .open > .reskin .btn-rewards-blue-light.dropdown-toggle {color: #fff; background-color: #37c8fa; border-color: #2dc6f9}
.reskin .btn-rewards-blue-light:active, .reskin .btn-rewards-blue-light.active, .open > .reskin .btn-rewards-blue-light.dropdown-toggle {background-image: none}
.reskin .btn-rewards-blue-light.disabled, .reskin .btn-rewards-blue-light.disabled:hover, .reskin .btn-rewards-blue-light.disabled:focus, .reskin .btn-rewards-blue-light.disabled.focus, .reskin .btn-rewards-blue-light.disabled:active, .reskin .btn-rewards-blue-light.disabled.active, .reskin .btn-rewards-blue-light[disabled], .reskin .btn-rewards-blue-light[disabled]:hover, .reskin .btn-rewards-blue-light[disabled]:focus, .reskin .btn-rewards-blue-light[disabled].focus, .reskin .btn-rewards-blue-light[disabled]:active, .reskin .btn-rewards-blue-light[disabled].active, fieldset[disabled] .reskin .btn-rewards-blue-light, fieldset[disabled] .reskin .btn-rewards-blue-light:hover, fieldset[disabled] .reskin .btn-rewards-blue-light:focus, fieldset[disabled] .reskin .btn-rewards-blue-light.focus, fieldset[disabled] .reskin .btn-rewards-blue-light:active, fieldset[disabled] .reskin .btn-rewards-blue-light.active {background-color: #69d6fb; border-color: #69d6fb}
.reskin .btn-rewards-blue-light .badge {color: #69d6fb; background-color: #fff}
.reskin .btn-rewards-blue-light:hover, .reskin .btn-rewards-blue-light:focus, .reskin .btn-rewards-blue-light:active, .reskin .btn-rewards-blue-light.active {border-color: #37c8fa}
.reskin .btn-rewards-blue-light > span {color: #69d6fb}
.reskin .btn-rewards-blue-light.btn-labelled b {background-color: #69d6fb}
.reskin .btn-rewards-blue-light.btn-labelled span {color: #69d6fb}
.reskin .btn-rewards-blue-light.btn-labelled:hover {background-color: #69d6fb}
.reskin .btn-rewards-blue-light.btn-labelled:hover span {color: #fff}
.reskin .btn-rewards-blue-light-inverse {background: #fff; color: #69d6fb; border: 1px solid #69d6fb}
.reskin .btn-rewards-blue-light-inverse:hover {background: #69d6fb; color: #fff}
.reskin .btn-rewards-blue {color: #fff; background-color: #00aeef; border-color: #00aeef}
.reskin .btn-rewards-blue:hover, .reskin .btn-rewards-blue:focus, .reskin .btn-rewards-blue.focus, .reskin .btn-rewards-blue:active, .reskin .btn-rewards-blue.active, .open > .reskin .btn-rewards-blue.dropdown-toggle {color: #fff; background-color: #0089bc; border-color: #0081b2}
.reskin .btn-rewards-blue:active, .reskin .btn-rewards-blue.active, .open > .reskin .btn-rewards-blue.dropdown-toggle {background-image: none}
.reskin .btn-rewards-blue.disabled, .reskin .btn-rewards-blue.disabled:hover, .reskin .btn-rewards-blue.disabled:focus, .reskin .btn-rewards-blue.disabled.focus, .reskin .btn-rewards-blue.disabled:active, .reskin .btn-rewards-blue.disabled.active, .reskin .btn-rewards-blue[disabled], .reskin .btn-rewards-blue[disabled]:hover, .reskin .btn-rewards-blue[disabled]:focus, .reskin .btn-rewards-blue[disabled].focus, .reskin .btn-rewards-blue[disabled]:active, .reskin .btn-rewards-blue[disabled].active, fieldset[disabled] .reskin .btn-rewards-blue, fieldset[disabled] .reskin .btn-rewards-blue:hover, fieldset[disabled] .reskin .btn-rewards-blue:focus, fieldset[disabled] .reskin .btn-rewards-blue.focus, fieldset[disabled] .reskin .btn-rewards-blue:active, fieldset[disabled] .reskin .btn-rewards-blue.active {background-color: #00aeef; border-color: #00aeef}
.reskin .btn-rewards-blue .badge {color: #00aeef; background-color: #fff}
.reskin .btn-rewards-blue:hover, .reskin .btn-rewards-blue:focus, .reskin .btn-rewards-blue:active, .reskin .btn-rewards-blue.active {border-color: #0089bc}
.reskin .btn-rewards-blue > span {color: #00aeef}
.reskin .btn-rewards-blue.btn-labelled b {background-color: #00aeef}
.reskin .btn-rewards-blue.btn-labelled span {color: #00aeef}
.reskin .btn-rewards-blue.btn-labelled:hover {background-color: #00aeef}
.reskin .btn-rewards-blue.btn-labelled:hover span {color: #fff}
.reskin .btn-rewards-blue-inverse {background: #fff; color: #00aeef; border: 1px solid #00aeef}
.reskin .btn-rewards-blue-inverse:hover {background: #00aeef; color: #fff}
.reskin .btn-rewards-blue-dark-alt {color: #fff; background-color: #2c88cc; border-color: #2c88cc}
.reskin .btn-rewards-blue-dark-alt:hover, .reskin .btn-rewards-blue-dark-alt:focus, .reskin .btn-rewards-blue-dark-alt.focus, .reskin .btn-rewards-blue-dark-alt:active, .reskin .btn-rewards-blue-dark-alt.active, .open > .reskin .btn-rewards-blue-dark-alt.dropdown-toggle {color: #fff; background-color: #236ca2; border-color: #21669a}
.reskin .btn-rewards-blue-dark-alt:active, .reskin .btn-rewards-blue-dark-alt.active, .open > .reskin .btn-rewards-blue-dark-alt.dropdown-toggle {background-image: none}
.reskin .btn-rewards-blue-dark-alt.disabled, .reskin .btn-rewards-blue-dark-alt.disabled:hover, .reskin .btn-rewards-blue-dark-alt.disabled:focus, .reskin .btn-rewards-blue-dark-alt.disabled.focus, .reskin .btn-rewards-blue-dark-alt.disabled:active, .reskin .btn-rewards-blue-dark-alt.disabled.active, .reskin .btn-rewards-blue-dark-alt[disabled], .reskin .btn-rewards-blue-dark-alt[disabled]:hover, .reskin .btn-rewards-blue-dark-alt[disabled]:focus, .reskin .btn-rewards-blue-dark-alt[disabled].focus, .reskin .btn-rewards-blue-dark-alt[disabled]:active, .reskin .btn-rewards-blue-dark-alt[disabled].active, fieldset[disabled] .reskin .btn-rewards-blue-dark-alt, fieldset[disabled] .reskin .btn-rewards-blue-dark-alt:hover, fieldset[disabled] .reskin .btn-rewards-blue-dark-alt:focus, fieldset[disabled] .reskin .btn-rewards-blue-dark-alt.focus, fieldset[disabled] .reskin .btn-rewards-blue-dark-alt:active, fieldset[disabled] .reskin .btn-rewards-blue-dark-alt.active {background-color: #2c88cc; border-color: #2c88cc}
.reskin .btn-rewards-blue-dark-alt .badge {color: #2c88cc; background-color: #fff}
.reskin .btn-rewards-blue-dark-alt:hover, .reskin .btn-rewards-blue-dark-alt:focus, .reskin .btn-rewards-blue-dark-alt:active, .reskin .btn-rewards-blue-dark-alt.active {border-color: #236ca2}
.reskin .btn-rewards-blue-dark-alt > span {color: #2c88cc}
.reskin .btn-rewards-blue-dark-alt.btn-labelled b {background-color: #2c88cc}
.reskin .btn-rewards-blue-dark-alt.btn-labelled span {color: #2c88cc}
.reskin .btn-rewards-blue-dark-alt.btn-labelled:hover {background-color: #2c88cc}
.reskin .btn-rewards-blue-dark-alt.btn-labelled:hover span {color: #fff}
.reskin .btn-rewards-blue-dark-alt-inverse {background: #fff; color: #2c88cc; border: 1px solid #2c88cc}
.reskin .btn-rewards-blue-dark-alt-inverse:hover {background: #2c88cc; color: #fff}
.reskin .btn-red-xmas {color: #fff; background-color: #cf2124; border-color: #cf2124}
.reskin .btn-red-xmas:hover, .reskin .btn-red-xmas:focus, .reskin .btn-red-xmas.focus, .reskin .btn-red-xmas:active, .reskin .btn-red-xmas.active, .open > .reskin .btn-red-xmas.dropdown-toggle {color: #fff; background-color: #a31a1c; border-color: #9a191b}
.reskin .btn-red-xmas:active, .reskin .btn-red-xmas.active, .open > .reskin .btn-red-xmas.dropdown-toggle {background-image: none}
.reskin .btn-red-xmas.disabled, .reskin .btn-red-xmas.disabled:hover, .reskin .btn-red-xmas.disabled:focus, .reskin .btn-red-xmas.disabled.focus, .reskin .btn-red-xmas.disabled:active, .reskin .btn-red-xmas.disabled.active, .reskin .btn-red-xmas[disabled], .reskin .btn-red-xmas[disabled]:hover, .reskin .btn-red-xmas[disabled]:focus, .reskin .btn-red-xmas[disabled].focus, .reskin .btn-red-xmas[disabled]:active, .reskin .btn-red-xmas[disabled].active, fieldset[disabled] .reskin .btn-red-xmas, fieldset[disabled] .reskin .btn-red-xmas:hover, fieldset[disabled] .reskin .btn-red-xmas:focus, fieldset[disabled] .reskin .btn-red-xmas.focus, fieldset[disabled] .reskin .btn-red-xmas:active, fieldset[disabled] .reskin .btn-red-xmas.active {background-color: #cf2124; border-color: #cf2124}
.reskin .btn-red-xmas .badge {color: #cf2124; background-color: #fff}
.reskin .btn-red-xmas:hover, .reskin .btn-red-xmas:focus, .reskin .btn-red-xmas:active, .reskin .btn-red-xmas.active {border-color: #a31a1c}
.reskin .btn-red-xmas > span {color: #cf2124}
.reskin .btn-red-xmas.btn-labelled b {background-color: #cf2124}
.reskin .btn-red-xmas.btn-labelled span {color: #cf2124}
.reskin .btn-red-xmas.btn-labelled:hover {background-color: #cf2124}
.reskin .btn-red-xmas.btn-labelled:hover span {color: #fff}
.reskin .btn-red-xmas-inverse {background: #fff; color: #cf2124; border: 1px solid #cf2124}
.reskin .btn-red-xmas-inverse:hover {background: #cf2124; color: #fff}
.reskin .btn-labelled {display: block; background: #fff; padding: 4px; text-align: left; border-radius: 20px}
.reskin .btn-labelled b, .reskin .btn-labelled span {display: inline-block; line-height: 1; padding-top: 9px; padding-bottom: 5px}
.reskin .btn-labelled b {background-color: #3b73b9; width: 110px; color: #fff; text-align: center; border-radius: 17px}
.reskin .btn-labelled span {padding-left: 6px}
.reskin .btn-bordered-white {border: 2px solid #fff}
.reskin .btn-bordered-white:hover {border: 2px solid #fff}
@media (min-width: 768px) {.reskin .banner--silos {height: 450px}
}
@media (min-width: 768px) {.reskin .banner--silo-baby-care {height: 400px}
}
@media (max-width: 767px) {.reskin .banner--silo-baby-care .banner__container {padding-bottom: 200px}
}
@media (max-width: 767px) {.reskin .banner--silo-baby-care .banner__body:before {background-image: url("/images/banners/silos/baby-care-mobile.jpg")}
}
@media (min-width: 768px) {.reskin .banner--silo-baby-care .banner__body:before {background-image: url("/images/banners/silos/baby-care-desktop.jpg")}
}
@media (min-width: 768px) {.reskin .banner--silo-childbirth {height: 400px}
}
@media (max-width: 767px) {.reskin .banner--silo-childbirth .banner__container {padding-bottom: 200px}
}
@media (max-width: 767px) {.reskin .banner--silo-childbirth .banner__body:before {background-image: url("/images/banners/silos/childbirth-mobile.jpg")}
}
@media (min-width: 768px) {.reskin .banner--silo-childbirth .banner__body:before {background-image: url("/images/banners/silos/childbirth-desktop.jpg")}
}
@media (min-width: 768px) {.reskin .banner--silo-conception {height: 400px}
}
@media (max-width: 767px) {.reskin .banner--silo-conception .banner__container {padding-bottom: 200px}
}
@media (max-width: 767px) {.reskin .banner--silo-conception .banner__body:before {background-image: url("/images/banners/silos/conception-mobile.jpg")}
}
@media (min-width: 768px) {.reskin .banner--silo-conception .banner__body:before {background-image: url("/images/banners/silos/conception-desktop.jpg")}
}
@media (min-width: 768px) {.reskin .banner--silo-parenting {height: 400px}
}
@media (max-width: 767px) {.reskin .banner--silo-parenting .banner__container {padding-bottom: 200px}
}
@media (max-width: 767px) {.reskin .banner--silo-parenting .banner__body:before {background-image: url("/images/banners/silos/parenting-mobile.jpg")}
}
@media (min-width: 768px) {.reskin .banner--silo-parenting .banner__body:before {background-image: url("/images/banners/silos/parenting-desktop.jpg")}
}
@media (min-width: 768px) {.reskin .banner--silo-toddler {height: 400px}
}
@media (max-width: 767px) {.reskin .banner--silo-toddler .banner__container {padding-bottom: 199px}
}
@media (max-width: 767px) {.reskin .banner--silo-toddler .banner__body:before {background-image: url("/images/banners/silos/toddler-mobile.jpg")}
}
@media (min-width: 768px) {.reskin .banner--silo-toddler .banner__body:before {background-image: url("/images/banners/silos/toddler-desktop.jpg")}
}
@media (min-width: 768px) {.reskin .banner--products-index {height: 450px}
}
@media (max-width: 767px) {.reskin .banner--products-index .banner__container {padding-bottom: 220px}
}
@media (max-width: 767px) {.reskin .au .banner--products-index .banner__body:before {background-image: url("/images/banners/products/product-brand-index-au-mobile.jpg")}
}
@media (min-width: 768px) {.reskin .au .banner--products-index .banner__body:before {background-image: url("/images/banners/products/product-brand-index-au-desktop.jpg")}
}
@media (max-width: 767px) {.reskin .nz .banner--products-index .banner__body:before {background-image: url("/images/banners/products/product-brand-index-nz-mobile.jpg")}
}
@media (min-width: 768px) {.reskin .nz .banner--products-index .banner__body:before {background-image: url("/images/banners/products/product-brand-index-nz-desktop.jpg")}
}
@media (min-width: 768px) {.reskin .banner--products-newborn {height: 450px}
}
@media (max-width: 767px) {.reskin .banner--products-newborn .banner__container {padding-bottom: 252px}
}
@media (max-width: 767px) {.reskin .banner--products-newborn .banner__body:before {background-image: url("/images/banners/products/newborn-nappies-mobile.jpg")}
}
@media (min-width: 768px) {.reskin .banner--products-newborn .banner__body:before {background-image: url("/images/banners/products/newborn-nappies-desktop.jpg")}
}
@media (min-width: 768px) {.reskin .banner--products-nappies {height: 450px}
}
@media (max-width: 767px) {.reskin .banner--products-nappies .banner__container {padding-bottom: 284px}
}
@media (max-width: 767px) {.reskin .banner--products-nappies .banner__body:before {background-image: url("/images/banners/products/huggies-nappies-mobile.jpg")}
}
@media (min-width: 768px) {.reskin .banner--products-nappies .banner__body:before {background-image: url("/images/banners/products/huggies-nappies-desktop.jpg")}
}
@media (min-width: 768px) {.reskin .banner--products-nappies-regular {height: 450px}
}
@media (max-width: 767px) {.reskin .banner--products-nappies-regular .banner__container {padding-bottom: 264px}
}
@media (max-width: 767px) {.reskin .banner--products-nappies-regular .banner__body:before {background-image: url("/images/banners/products/huggies-nappies-regular-mobile.jpg")}
}
@media (min-width: 768px) {.reskin .banner--products-nappies-regular .banner__body:before {background-image: url("/images/banners/products/huggies-nappies-regular-desktop.jpg")}
}
@media (min-width: 768px) {.reskin .banner--products-nappies-ultimate {height: 450px}
}
@media (max-width: 767px) {.reskin .banner--products-nappies-ultimate .banner__container {padding-bottom: 237px}
}
@media (max-width: 767px) {.reskin .banner--products-nappies-ultimate .banner__body:before {background-image: url("/images/banners/products/huggies-nappies-ultimate-mobile.jpg")}
}
@media (min-width: 768px) {.reskin .banner--products-nappies-ultimate .banner__body:before {background-image: url("/images/banners/products/huggies-nappies-ultimate-desktop.jpg")}
}
@media (min-width: 768px) {.reskin .banner--products-nappies-essentials {height: 450px}
}
@media (max-width: 767px) {.reskin .banner--products-nappies-essentials .banner__container {padding-bottom: 294px}
}
@media (max-width: 767px) {.reskin .banner--products-nappies-essentials .banner__body:before {background-image: url("/images/banners/products/huggies-nappies-essentials-mobile.jpg")}
}
@media (min-width: 768px) {.reskin .banner--products-nappies-essentials .banner__body:before {background-image: url("/images/banners/products/huggies-nappies-essentials-desktop.jpg")}
}
@media (min-width: 768px) {.reskin .banner--products-nappy-pants {height: 450px}
}
@media (max-width: 767px) {.reskin .banner--products-nappy-pants .banner__container {padding-bottom: 261px}
}
@media (max-width: 767px) {.reskin .banner--products-nappy-pants .banner__body:before {background-image: url("/images/banners/products/nappy-pants-mobile.jpg")}
}
@media (min-width: 768px) {.reskin .banner--products-nappy-pants .banner__body:before {background-image: url("/images/banners/products/nappy-pants-desktop.jpg")}
}
@media (min-width: 768px) {.reskin .banner--products-nappy-pants-regular {height: 450px}
}
@media (max-width: 767px) {.reskin .banner--products-nappy-pants-regular .banner__container {padding-bottom: 252px}
}
@media (max-width: 767px) {.reskin .banner--products-nappy-pants-regular .banner__body:before {background-image: url("/images/banners/products/nappy-pants-regular-mobile.jpg")}
}
@media (min-width: 768px) {.reskin .banner--products-nappy-pants-regular .banner__body:before {background-image: url("/images/banners/products/nappy-pants-regular-desktop.jpg")}
}
@media (min-width: 768px) {.reskin .banner--products-nappy-pants-ultimate {height: 450px}
}
@media (max-width: 767px) {.reskin .banner--products-nappy-pants-ultimate .banner__container {padding-bottom: 265px}
}
@media (max-width: 767px) {.reskin .banner--products-nappy-pants-ultimate .banner__body:before {background-image: url("/images/banners/products/nappy-pants-ultimate-mobile.jpg")}
}
@media (min-width: 768px) {.reskin .banner--products-nappy-pants-ultimate .banner__body:before {background-image: url("/images/banners/products/nappy-pants-ultimate-desktop.jpg")}
}
@media (min-width: 768px) {.reskin .banner--products-wipes {height: 450px}
}
@media (max-width: 767px) {.reskin .banner--products-wipes .banner__container {padding-bottom: 229px}
}
@media (max-width: 767px) {.reskin .banner--products-wipes .banner__body:before {background-image: url("/images/banners/products/baby-wipes-mobile.jpg")}
}
@media (min-width: 768px) {.reskin .banner--products-wipes .banner__body:before {background-image: url("/images/banners/products/baby-wipes-desktop.jpg")}
}
@media (max-width: 767px) {.country-au .reskin .banner--products-wipes .banner__body:before {background-image: url("/images/banners/products/baby-wipes-mobile-au.jpg")}
}
@media (min-width: 768px) {.country-au .reskin .banner--products-wipes .banner__body:before {background-image: url("/images/banners/products/baby-wipes-desktop-au.jpg")}
}
@media (min-width: 768px) {.reskin .banner--products-pull-ups {height: 450px}
}
@media (max-width: 767px) {.reskin .banner--products-pull-ups .banner__container {padding-bottom: 283px}
}
@media (max-width: 767px) {.reskin .banner--products-pull-ups .banner__body:before {background-image: url("/images/banners/products/pull-ups-mobile.jpg")}
}
@media (min-width: 768px) {.reskin .banner--products-pull-ups .banner__body:before {background-image: url("/images/banners/products/pull-ups-desktop.jpg")}
}
@media (min-width: 768px) {.reskin .banner--products-little-swimmers {height: 450px}
}
@media (max-width: 767px) {.reskin .banner--products-little-swimmers .banner__container {padding-bottom: 197px}
}
@media (max-width: 767px) {.reskin .banner--products-little-swimmers .banner__body:before {background-image: url("/images/banners/products/little-swimmers-mobile.jpg")}
}
@media (min-width: 768px) {.reskin .banner--products-little-swimmers .banner__body:before {background-image: url("/images/banners/products/little-swimmers-desktop.jpg")}
}
@media (min-width: 768px) {.reskin .banner--products-drynites {height: 450px}
}
@media (max-width: 767px) {.reskin .banner--products-drynites .banner__container {padding-bottom: 254px}
}
@media (max-width: 767px) {.reskin .banner--products-drynites .banner__body:before {background-image: url("/images/banners/products/drynites-mobile.jpg")}
}
@media (min-width: 768px) {.reskin .banner--products-drynites .banner__body:before {background-image: url("/images/banners/products/drynites-desktop.jpg")}
}
@media (min-width: 768px) {.reskin .banner--promotions {height: 360px}
}
@media (max-width: 767px) {.reskin .banner--promotions .banner__container {padding-bottom: 220px}
}
@media (max-width: 767px) {.reskin .banner--promotions .banner__body:before {background-image: url("/images/banners/promotions/index-mobile.jpg")}
}
@media (min-width: 768px) {.reskin .banner--promotions .banner__body:before {background-image: url("/images/banners/promotions/index.jpg")}
}
@media (min-width: 768px) {.reskin .banner--my-huggies {height: 250px}
}
@media (max-width: 767px) {.reskin .banner--my-huggies .banner__container {padding-top: 15px; padding-bottom: 25px}
}
@media (min-width: 768px) {.reskin .banner--my-huggies .banner__container {padding-bottom: 20px}
}
@media (max-width: 767px) {.reskin .banner--my-huggies .banner__body:before {background-image: none}
}
@media (min-width: 768px) {.reskin .banner--my-huggies .banner__body:before {background-image: none}
}
.reskin .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) {.reskin .banner--my-huggies .banner__name {margin: 20px 0 0 130px}
}
.reskin .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) {.reskin .banner--my-huggies .banner__status {margin: 0 0 0 130px}
}
.reskin .banner--my-huggies .banner__image {position: absolute; top: 0; left: 0; border-radius: 50%; overflow: hidden; background: #fff}
@media (max-width: 767px) {.reskin .banner--my-huggies .banner__image {width: 80px; height: 80px; top: 10px; left: 30px}
.reskin .banner--my-huggies .banner__image img {max-width: 100%}
}
.reskin .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}
.reskin .banner--my-huggies .banner__edit a {color: #d92032}
.reskin .banner--my-huggies .banner__edit a:hover {color: #d92032}
@media (max-width: 767px) {.reskin .banner--my-huggies .banner__edit {top: 60px}
}
.reskin .banner--my-huggies .banner__right-col {text-align: left; margin-top: 20px; margin-left: 150px}
@media (max-width: 767px) {.reskin .banner--my-huggies .banner__right-col {margin-left: 130px}
}
@media (min-width: 768px) {.reskin .banner--my-huggies .banner__right-col {text-align: right; margin-left: 0}
}
.reskin .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}
.reskin .banner--my-huggies .banner__progress strong {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500}
.reskin .banner--my-huggies .banner__progress-bar {background: #fff; height: 10px; border-radius: 5px; overflow: hidden; margin-top: 15px}
.reskin .banner__progress-complete {background-color: #d92032; height: 10px; transition: width .2s ease-in-out; width: 0}
@media (min-width: 769px) {.reskin .crumb + .banner {margin-top: -57px}
}
.reskin .banner {display: table; width: 100%}
@media (max-width: 767px) {.reskin .banner__container {padding-bottom: 284px}
}
.reskin .banner__body {background-color: #f0f0f0; background-repeat: no-repeat; background-position: bottom; position: relative; display: table-cell; vertical-align: middle}
@media (min-width: 768px) {.reskin .banner__body {position: relative; overflow: hidden}
}
.reskin .banner__body:before {content: ''; display: block; position: absolute; top: 0; bottom: 0; background-repeat: no-repeat}
@media (max-width: 767px) {.reskin .banner__body:before {left: 0; right: 0; background-image: url("/images/banners/default-mobile.jpg"); background-position: bottom}
}
@media (min-width: 768px) {.reskin .banner__body:before {left: 50%; right: -50%; background-image: url("/images/banners/default-desktop.jpg"); background-position: left}
}
.reskin .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) {.reskin .banner__title {font-size: 45px}
}
.reskin .banner__title strong {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500}
.reskin .banner__subtitle {text-transform: uppercase; font-size: 20px; font-weight: 900; color: #e0505e}
.reskin .banner__body p, .reskin .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) {.reskin .banner__body p, .reskin .banner__p {font-size: 18px}
}
.reskin .banner__body p + p, .reskin .banner__p + p {margin-top: 20px}
.reskin .promotion-rebrand .banner .section-breadcrumb .breadcrumb {border: none}
.reskin .promotion-rebrand .banner .section-breadcrumb .breadcrumb li {font-size: 16px}
.reskin .promotion-rebrand .banner .section-breadcrumb .breadcrumb li.current {color: #939393}
.reskin .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) {.reskin .product-rebrand .banner .banner-body {height: 640px}
}
@media (min-width: 768px) {.reskin .product-rebrand .banner .banner-body {height: 500px}
}
@media (min-width: 768px) {.reskin .product-rebrand .banner .banner-body {background-size: cover !important}
}
@media (min-width: 1556px) {.reskin .product-rebrand .banner .banner-body {background-size: contain !important}
}
.reskin .product-rebrand .banner .banner-body .title {font-size: 40px}
@media (min-width: 768px) {.reskin .product-rebrand .banner .banner-body .title {font-size: 50px}
}
.reskin .product-rebrand .banner .banner-body .title strong {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500}
.reskin .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) {.reskin .product-rebrand .banner .title {font-size: 45px !important; margin-top: 50px !important}
}
@media (min-width: 768px) {.reskin .product-rebrand .banner .title {margin-top: 80px}
}
.reskin .product-rebrand .banner .sub-title {text-transform: uppercase; font-size: 20px; font-weight: 900; color: #e0505e}
.reskin .product-rebrand .banner .sub-title.gold {color: #b88c48}
.reskin .product-rebrand .banner .sub-title-wrapper.gold {background: linear-gradient(to right, #d29d49 15%, #f9edb4 40%, #d29d49 65%); padding: 3px; width: 70%; min-width: 295px; max-width: 315px; text-align: center}
.reskin .product-rebrand .banner .sub-title-wrapper.red {background: linear-gradient(to right, #ec4555 15%, #ff7784 30%, #e8394b 45%, #c21829 100%); padding: 3px; width: 70%; min-width: 295px; max-width: 315px; text-align: center}
.reskin .product-rebrand .banner .sub-title-wrapper .sub-title.gold {background: linear-gradient(to right, #c7923e 35%, #dbae66 85%); 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}
.reskin .product-rebrand .banner .sub-title-wrapper .sub-title.red {background: linear-gradient(to right, #d92032 0%, #f42c40 100%); 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}
.reskin .product-rebrand .banner .section-breadcrumb .breadcrumb {border: none}
.reskin .product-rebrand .banner .section-breadcrumb .breadcrumb li {font-size: 16px}
.reskin .product-rebrand .banner .section-breadcrumb .breadcrumb li.current {color: #939393}
.reskin .home-carousel {width: 100%;   }
.reskin .home-carousel .owl-controls {margin-top: 5px !important}
.reskin .home-carousel .item {margin-left: 0; margin-right: 0; background: #f8fbe6}
.reskin .home-carousel .item .container {max-height: 480px; max-width: 990px; overflow: hidden}
.reskin .home-carousel .item .container .info {margin-top: 70px; position: static}
.reskin .home-carousel .item .container .info h2 {font-weight: 600; font-size: 2.8em}
.reskin .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}
.reskin .home-carousel .item .container .info .btn2:hover {text-decoration: none}
.reskin .home-carousel .item .container .info .btn2 .fa-angle-right {line-height: 13px; vertical-align: middle; margin: 0 -5px 0 2px; font-weight: bold}
.reskin .home-carousel .owl-controls {position: relative; bottom: 10px; margin-top: -25px; height: 24px}
.reskin .home-carousel #slide-disney.item {background: #e42a78}
.reskin .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) {.reskin .home-carousel #slide-disney.item .container {background: none}
.reskin .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}
}
.reskin .home-carousel #slide-wetness-nz.item {background: #ea679b}
.reskin .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) {.reskin .home-carousel #slide-wetness-nz.item .container {background: none}
.reskin .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}
}
.reskin .home-carousel #slide-get-your-free-ebook.item {background: #e3f7ee}
.reskin .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) {.reskin .home-carousel #slide-get-your-free-ebook.item .container {background: none}
.reskin .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}
}
.reskin .home-carousel #slide-baby-wipes-sensitive-skin.item {background: #e5f7f5}
.reskin .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) {.reskin .home-carousel #slide-baby-wipes-sensitive-skin.item .container {background: none}
.reskin .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}
}
.reskin .home-carousel #slide-baby-wipes-simply-clean.item {background: #fff5cc}
.reskin .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) {.reskin .home-carousel #slide-baby-wipes-simply-clean.item .container {background: none}
.reskin .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}
}
.reskin .home-carousel #slide-mother-awards.item {background: #f1faf7}
.reskin .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) {.reskin .home-carousel #slide-mother-awards.item .container {background: none}
.reskin .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}
}
.reskin .home-carousel #slide-plunket.item {background: #e1eef6}
.reskin .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) {.reskin .home-carousel #slide-plunket.item .container {background: none}
.reskin .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}
}
.reskin .home-carousel #slide-free-hugs.item {background: #e7ded5}
.reskin .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) {.reskin .home-carousel #slide-free-hugs.item .container {background: none}
.reskin .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}
}
.reskin .home-carousel #slide-pull-ups.item {background: #ade5f7}
.reskin .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) {.reskin .home-carousel #slide-pull-ups.item .container {background: none}
.reskin .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}
}
.reskin .home-carousel #slide-product-range.item {background: #d5e6fa}
.reskin .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) {.reskin .home-carousel #slide-product-range.item .container {background: none}
.reskin .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}
}
.reskin .home-carousel #slide-little-swimmer.item {background: #fbeddb}
.reskin .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) {.reskin .home-carousel #slide-little-swimmer.item .container {background: none}
.reskin .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}
}
.reskin .home-carousel #slide-second-hug.item {background: #f5ebd9}
.reskin .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) {.reskin .home-carousel #slide-second-hug.item .container {background: none}
.reskin .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}
}
.reskin .home-carousel #slide-free-1day-pack.item {background: #AED058}
.reskin .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) {.reskin .home-carousel #slide-free-1day-pack.item .container {background: none}
.reskin .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}
}
.reskin .home-carousel #slide-plunket-make-time-for-hugs.item {background: #e7e7e2}
.reskin .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) {.reskin .home-carousel #slide-plunket-make-time-for-hugs.item .container {background: none}
.reskin .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}
}
.reskin .home-carousel #slide-wooden-toys.item {background: #a3ddf3}
.reskin .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) {.reskin .home-carousel #slide-wooden-toys.item .container {background: none}
.reskin .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}
}
.reskin .home-carousel #slide-jumbo-box-update.item {background: #EBF1F8}
.reskin .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) {.reskin .home-carousel #slide-jumbo-box-update.item .container {background: none}
.reskin .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}
}
.reskin .home-carousel #slide-dry-nites.item {background: #cbddf1}
.reskin .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) {.reskin .home-carousel #slide-dry-nites.item .container {background: none}
.reskin .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}
}
.reskin .home-carousel #slide-maya-bay.item {background: #f8fbe5}
.reskin .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) {.reskin .home-carousel #slide-maya-bay.item .container {background: none}
.reskin .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}
}
.reskin .home-carousel #slide-coconut-wipes.item {background: #ABDCF6}
.reskin .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) {.reskin .home-carousel #slide-coconut-wipes.item .container {background: none}
.reskin .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}
}
.reskin .home-carousel #slide-sensitive-skin.item {background: #e4f7f5}
.reskin .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) {.reskin .home-carousel #slide-sensitive-skin.item .container {background: none}
.reskin .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}
}
.reskin .home-carousel #slide-coconut-wipes h2 {color: #936037}
@media screen and (min-width: 768px) {.reskin .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) {.reskin .home-carousel #slide-coconut-wipes h2 {height: 200px}
}
.reskin .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}
.reskin .home-carousel #slide-sensitive-skin h2 strong {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; font-weight: 900}
.reskin .home-carousel #slide-sensitive-skin .info p {color: #7f8388; font-size: 1.2em}
.reskin .home-carousel #slide-sensitive-skin .info .btn2 {background-color: #00ae9e; border-color: #00ae9e; margin-top: 40px}
@media screen and (max-width: 991px) {.reskin .home-carousel #slide-sensitive-skin .container {background-size: 100% !important; background-position: 100% 50% !important}
.reskin .home-carousel #slide-sensitive-skin .container .info h2 {font-size: 2em; margin-bottom: 1em}
}
@media screen and (max-width: 767px) {.reskin .home-carousel #slide-sensitive-skin .container {background-color: #cbddf1}
.reskin .home-carousel #slide-sensitive-skin .container .info h2 {font-size: 1.8em; margin-bottom: 0.8em}
.reskin .home-carousel #slide-sensitive-skin .container .info p {font-size: 0.8em}
.reskin .home-carousel #slide-sensitive-skin .container .info .btn2 {margin-left: auto; margin-right: auto; margin-top: 20px}
}
.reskin .home-carousel #slide-dry-nites h2 {color: #335ea1; margin-bottom: 25px; font-size: 2.5em; font-weight: 900}
.reskin .home-carousel #slide-dry-nites .info p {color: #7f8388}
.reskin .home-carousel #slide-dry-nites .info .btn-blue {background-color: #084190; border-color: #084190}
@media screen and (max-width: 991px) {.reskin .home-carousel #slide-dry-nites .container {background-size: 100% !important; background-position: 100% 50% !important}
.reskin .home-carousel #slide-dry-nites .container .info h2 {font-size: 1.8em; margin-bottom: 1em}
}
@media screen and (max-width: 767px) {.reskin .home-carousel #slide-dry-nites .container {background-color: #cbddf1}
.reskin .home-carousel #slide-dry-nites .container .info h2 {font-size: 1.3em; margin-bottom: 0.8em}
.reskin .home-carousel #slide-dry-nites .container .info p {font-size: 0.8em}
.reskin .home-carousel #slide-dry-nites .container .info .btn2 {margin-left: auto; margin-right: auto; margin-top: 20px}
}
@media screen and (min-width: 768px) {.reskin .home-carousel #slide-maya-bay h2 {font-size: 2.4em; margin-bottom: 1em}
}
@media (min-width: 768px) and (max-width: 991px) {.reskin .home-carousel #slide-maya-bay .container {background-size: 90% !important; background-position: 100% 50% !important}
}
.reskin .home-carousel #slide-wooden-toys h2 {color: #00ae9e}
.reskin .home-carousel #slide-wooden-toys a {margin-top: 335px; margin-left: 15px}
@media screen and (max-width: 991px) {.reskin .home-carousel #slide-wooden-toys .container {background-size: contain !important}
}
@media screen and (max-width: 767px) {.reskin .home-carousel #slide-wooden-toys .info .btn2 {margin-left: auto; margin-right: auto; margin-top: 20px}
}
.reskin .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) {.reskin .home-carousel #slide-jumbo-box-update .container {background-size: 45% !important; background-position: 100% 50% !important}
.reskin .home-carousel #slide-jumbo-box-update .container .info h2 {font-size: 1.8em; margin-bottom: 1em}
}
@media screen and (max-width: 767px) {.reskin .home-carousel #slide-jumbo-box-update .container .info h2 {font-size: 1.3em; margin-bottom: 0.8em}
.reskin .home-carousel #slide-jumbo-box-update .container .info p {font-size: 0.8em}
}
.reskin .home-carousel #slide-plunket-make-time-for-hugs h2 {color: #00ae9e}
.reskin .home-carousel #slide-free-1day-pack .info {text-align: center; margin-top: 1em}
.reskin .home-carousel #slide-free-1day-pack .info .btn2 {font-size: 1.6em; background-color: #ec008c; color: #fff !important}
.reskin .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}
.reskin .home-carousel #slide-pull-ups h2 {color: #212670}
@media screen and (max-width: 767px) {.reskin .home-carousel #slide-pull-ups .info {text-align: center}
.reskin .home-carousel #slide-pull-ups .info .btn-red {margin-left: auto; margin-right: auto}
}
.reskin .home-carousel #slide-product-range h2 {color: #3b73b9}
@media screen and (max-width: 767px) {.reskin .home-carousel #slide-product-range .info {text-align: center}
.reskin .home-carousel #slide-product-range .info .btn-red {margin-left: auto; margin-right: auto}
}
.reskin .home-carousel #slide-little-swimmer h2 {color: #e62e49}
.reskin .home-carousel #slide-little-swimmer .btn2 {background-color: #e62e49}
@media screen and (max-width: 767px) {.reskin .home-carousel #slide-little-swimmer .info {text-align: center}
.reskin .home-carousel #slide-little-swimmer .info .btn2 {margin-left: auto; margin-right: auto}
}
.reskin .home-carousel #slide-plunket h2 {color: #1B9FD6}
.reskin .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) {.reskin .home-carousel #slide-plunket .btn-plunket {float: none; margin-left: auto; margin-right: auto}
}
.reskin .home-carousel #slide-baby-wipes-sensitive-skin h2 {color: #00ae9e}
.reskin .home-carousel #slide-mother-awards.item .container {background-position: -5px -15px}
.reskin .home-carousel #slide-mother-awards h2 {color: #00ae9e}
.reskin .home-carousel #slide-mother-awards .btn-blue {background-color: #44c8f5; border-color: #44c8f5}
@media screen and (max-width: 767px) {.reskin .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}
}
.reskin .home-carousel #slide-free-hugs.item .container {background: url("/images/homepage/carousel/hero/bg-item-free-hugs.jpg") top center no-repeat}
.reskin .home-carousel #slide-free-hugs h2 {color: #62b652}
.reskin .home-carousel #slide-free-hugs .btn-green {background-color: #62b652; border-color: #62b652}
@media screen and (min-width: 767px) {.reskin .home-carousel #slide-free-hugs .img-holder {background-size: 100%}
}
.reskin .home-carousel #slide-baby-wipes-simply-clean h2 {color: #ec008c}
.reskin .home-carousel #slide-baby-wipes-simply-clean .btn-pink {background: #ec008c}
.reskin .home-carousel #slide-baby-wipes-simply-clean .btn-pink:hover {background-color: #b9006e !important}
.reskin .home-carousel #slide-disney.item .container {background-position: 50% 50%; background-size: contain}
.reskin .home-carousel #slide-disney .btn2 {background: #28b1ed}
.reskin .home-carousel #slide-disney .btn2:hover {background-color: #1196d1 !important}
.reskin .home-carousel #slide-disney h2 {font-size: 1.5em; color: #e42877}
@media (min-width: 767px) {.reskin .home-carousel #slide-disney {background: #e42a78 url("/images/homepage/carousel/hero/bg-item-disney-repeat.jpg") 0% 0% repeat-x !important}
.reskin .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) {.reskin .home-carousel #slide-disney {background: #fff !important}
.reskin .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}
.reskin .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}
}
.reskin .home-carousel #slide-get-your-free-ebook.item .container {background-position: 90% 100%}
.reskin .home-carousel #slide-get-your-free-ebook h2 {color: #00ae9e}
.reskin .home-carousel #slide-get-your-free-ebook h3 {color: #00aeef}
.reskin .home-carousel #slide-get-your-free-ebook ul {color: #666; padding-left: 19px; font-size: 1.1em; line-height: 1.3em}
.reskin .home-carousel #slide-get-your-free-ebook ul li {margin-bottom: 8px}
.reskin .home-carousel #slide-get-your-free-ebook .btn2 {background: #00ae9e}
.reskin .home-carousel #slide-get-your-free-ebook .btn2:hover {background-color: #007b70 !important}
.reskin .home-carousel #slide-get-your-free-ebook .img-holder {margin-bottom: 40px}
.reskin .home-carousel #slide-wetness-nz {color: #fff}
.reskin .home-carousel #slide-wetness-nz .container {background: url("/images/homepage/carousel/hero/bg-item-wetness-nz.jpg") center right no-repeat}
.reskin .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}
.reskin .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}
.reskin .home-carousel #slide-second-hug h2 {color: #00ae9e; margin-bottom: 25px}
.reskin .home-carousel #slide-second-hug p {color: #666; padding-right: 50px}
.reskin .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) {.reskin .home-carousel #slide-second-hug p {padding-right: 0; margin-bottom: 25px}
.reskin .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) {.reskin .home-carousel .item {background: #fff !important}
.reskin .home-carousel .item .container {padding-left: 0; padding-right: 0; background: none !important}
.reskin .home-carousel .item .container h2 {display: block}
.reskin .home-carousel .item .container .info {margin-top: 0; background: #fff}
.reskin .home-carousel .item .container .info .btn2 {margin-top: 0}
.reskin .home-carousel .item .container .info h2 {font-size: 1.8em}
.reskin .home-carousel .item .container .info p, .reskin .home-carousel .item .container .info h2 {text-align: center}
}
@media (min-width: 768px) {.reskin .home-carousel {height: 480px; display: block !important; overflow: hidden}
.reskin .home-carousel .owl-controls {margin-top: -25px !important}
.reskin .home-carousel .item .container {min-height: 480px}
}
.reskin .home-product-carousel-item {border-top-right-radius: 15px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; min-height: 440px; max-width: 989px; margin: 0 auto}
.reskin .home-product-carousel-item .text-col {border-bottom-left-radius: 10px; border-top-left-radius: 10px}
.reskin .home-product-carousel-item .text-col:before, .reskin .home-product-carousel-item .text-col:after {content: " "; display: table}
.reskin .home-product-carousel-item .text-col:after {clear: both}
.reskin .home-product-carousel-item .text-col h3, .reskin .home-product-carousel-item .text-col p, .reskin .home-product-carousel-item .text-col a {color: #fff}
.reskin .home-product-carousel-item .text-col h3 {font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; margin-top: 2em; margin-bottom: 1.5em}
.reskin .home-product-carousel-item .text-col strong {font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal}
.reskin .home-product-carousel-item .text-col p {display: block}
.reskin .home-product-carousel-item .text-col a.buy-now {border: 2px solid #fff; padding-top: 6px; padding-bottom: 9px}
.reskin .home-product-carousel-item .text-col hr {border-top: 1px dashed #f8fbe6; clear: both}
.reskin .home-product-carousel-item .img-col {border-bottom-right-radius: 10px; border-top-right-radius: 10px; padding: 0; background: url("/images/homepage/carousel/products/i-newborn.jpg") no-repeat top right; background-size: cover}
.reskin .home-product-carousel-item .img-col .mask {height: 440px; width: 85px; overflow: hidden; position: relative}
.reskin .home-product-carousel-item .img-col .mask:before, .reskin .home-product-carousel-item .img-col .mask:after {content: ''; width: 1000px; height: 1000px; border-color: #99dfd8; border-width: 30px; border-style: solid; position: absolute; border-radius: 500px; bottom: -280px; right: 0}
.reskin .home-product-carousel-item .img-col .mask:after {right: 30px; border-width: 20px; border-color: #4cc6bb; background: #4cc6bb}
@media only screen and (max-width: 767px) {.reskin .home-product-carousel-item {margin-left: 15px; margin-right: 15px}
.reskin .home-product-carousel-item .text-col {border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding-bottom: 20px}
.reskin .home-product-carousel-item .img-col {border-top-right-radius: 10px; border-top-left-radius: 10px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; height: 300px; background: url("/images/homepage/carousel/products/i-newborn.jpg") no-repeat top center; background-size: cover; overflow: hidden}
.reskin .home-product-carousel-item .img-col .mask {border-top-right-radius: 10px; border-top-left-radius: 10px; width: 100%; height: 300px; top: 0}
.reskin .home-product-carousel-item .img-col .mask:before, .reskin .home-product-carousel-item .img-col .mask:after {bottom: 0; left: 50%; margin-left: -500px}
.reskin .home-product-carousel-item .img-col .mask:before {border-color: #4cc6bb; bottom: -180px; border-width: 200px; margin-left: -700px; border-radius: 700px; width: 1400px; height: 1400px}
.reskin .home-product-carousel-item .img-col .mask:after {bottom: 0; background: transparent; border-color: #99dfd8}
}
.reskin .product-rebrand p, .reskin .product-rebrand ol, .reskin .product-rebrand ul, .reskin .product-rebrand li {font-family: 'Huggies Omnes Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; font-size: 18px}
.reskin .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) {.reskin .product-rebrand .content-title {font-size: 20px}
}
.reskin .product-rebrand .content-title.gold {color: #b88c48}
.reskin .product-rebrand .content-title strong {font-family: 'Huggies Omnes Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold}
.reskin .product-rebrand .shadow-card {box-shadow: 0 0 10px 0 #c9c9c9; margin-bottom: 20px; border-radius: 10px}
.reskin .product-rebrand .shadow-card.height-match {min-height: 280px}
.reskin .product-rebrand .shadow-card .center {text-align: center}
.reskin .product-rebrand .shadow-card .col {padding: 0 !important}
.reskin .product-rebrand .shadow-card .card-banner {height: 250px; background-size: 100%; background-repeat: no-repeat; background-position: top; border-radius: inherit}
@media (max-width: 768px) {.reskin .product-rebrand .shadow-card .card-banner {height: 380px}
}
@media (max-width: 520px) {.reskin .product-rebrand .shadow-card .card-banner {height: 250px}
}
@media (max-width: 450px) {.reskin .product-rebrand .shadow-card .card-banner {height: 190px}
}
.reskin .product-rebrand .shadow-card .card-body {text-align: center; padding-top: 35px; padding-bottom: 25px; padding-left: 60px; padding-right: 60px}
.reskin .product-rebrand .shadow-card .card-body p {font-size: 18px}
.reskin .product-rebrand .shadow-card .card-block-content {padding: 30px; text-align: center !important}
.reskin .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}
.reskin .product-rebrand .shadow-card .card-block-content h3 {color: #e62e49 !important; font-size: 18px}
.reskin .product-rebrand .shadow-card .card-block-content h2, .reskin .product-rebrand .shadow-card .card-block-content h3, .reskin .product-rebrand .shadow-card .card-block-content p, .reskin .product-rebrand .shadow-card .card-block-content ol, .reskin .product-rebrand .shadow-card .card-block-content ul, .reskin .product-rebrand .shadow-card .card-block-content li {text-align: left !important}
.reskin .product-rebrand .shadow-card .card-block-content hr.dotted {border-top: 2px dotted #eeeeee !important}
.reskin .product-rebrand .shadow-card .card-block-content a {color: #3b73b9 !important}
.reskin .product-rebrand .shadow-card .card-block-content strong {color: #000 !important}
.reskin .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}
.reskin .product-rebrand .shadow-card .devide-right {border-right: solid; border-color: #e7e7e7; border-width: 2px}
.reskin .product-rebrand .shadow-card p {font-family: 'Huggies Omnes Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; font-size: 18px}
.reskin .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: 768px) {.reskin .product-rebrand .btn {font-size: 20px; padding-top: 10px; padding-bottom: 10px; padding-left: 35px; padding-right: 35px}
}
.reskin .product-rebrand .btn.back-to-top {background-color: #f7f7f7 !important; color: #a9a9a9 !important; font-size: 15px !important}
.reskin .product-rebrand .size-guide {padding: 20px}
.reskin .product-rebrand .size-guide h2 {color: #000 !important; font-size: 23px; margin-top: 0}
.reskin .product-rebrand .size-guide table {width: 100%; font-size: 20px; margin-top: -50px}
.reskin .product-rebrand .size-guide table tr {height: 60px}
.reskin .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%}
.reskin .product-rebrand .size-guide table td.product {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500}
.reskin .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}
.reskin .product-rebrand .size-guide table td.bottom {border-bottom-left-radius: 20px; border-bottom-right-radius: 20px}
.reskin .product-rebrand .size-guide table td.top {padding-top: 50px}
.reskin .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}
.reskin .product-rebrand .size-guide.nappy-count {overflow-x: scroll}
.reskin .product-rebrand .size-guide.nappy-count .jelly-head {background-size: contain; top: 60px}
.reskin .product-rebrand .size-guide.nappy-count .jelly-head .content {position: relative; top: 6px}
.reskin .product-rebrand .size-guide.nappy-count table {width: 100%; min-width: 920px; position: relative; top: -15px}
.reskin .product-rebrand .size-guide.nappy-count th, .reskin .product-rebrand .size-guide.nappy-count td {min-width: 120px}
.reskin .product-rebrand .size-guide.nappy-count small {font-size: 70%; position: relative; top: -10px}
.reskin .product-rebrand .size-guide.nappy-count .size {font-family: 'Huggies Omnes Semibold', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 600; font-size: 15px}
.reskin .product-rebrand .size-guide.nappy-count .size + .count {margin-top: -8px}
.reskin .product-rebrand .size-guide.nappy-count .count {font-family: 'Huggies Omnes Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold; font-size: 26px}
.reskin .product-rebrand .size-guide.nappy-count .nil {color: #d3d3d3}
.reskin .product-rebrand .size-guide.nappy-count .separated .content {border-top: solid; border-color: #fff; border-top-width: 5px; border-radius: 20px}
.reskin .product-rebrand .size-guide .footnote {font-size: 80%; color: #b0b0b0; text-align: right}
.reskin .product-rebrand .text-card {padding: 20px; font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500}
.reskin .product-rebrand .text-card h2 {color: #000 !important; font-size: 23px; margin-top: 0}
.reskin .product-rebrand .text-card a {color: #db1c2b !important}
.reskin .product-rebrand .text-card img {padding-right: 10px; padding-bottom: 10px}
.reskin .product-rebrand .comparison {padding: 20px; min-height: 500px}
.reskin .product-rebrand .comparison h2 {color: #000 !important; font-size: 23px; margin-top: 0}
.reskin .product-rebrand .comparison a {font-weight: 900; color: #db1c2b !important}
.reskin .product-rebrand .comparison img {padding-bottom: 10px; margin-bottom: -30px}
@media (max-width: 380px) {.reskin .product-rebrand .comparison img {width: 100%}
}
.reskin .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) {.reskin .product-rebrand .comparison .product-type {margin-bottom: 75px}
}
.reskin .product-rebrand .comparison .product-type img {position: relative; top: -50px}
.reskin .product-rebrand .comparison .content {padding-left: 20px; padding-right: 20px}
@media (min-width: 400px) {.reskin .product-rebrand .comparison .content {padding-left: 80px; padding-right: 80px}
}
.reskin .product-rebrand .comparison .content hr {margin-top: 15px !important; margin-bottom: 15px !important}
.reskin .product-rebrand .sample-card {padding: 20px}
.reskin .product-rebrand .sample-card h2 {color: #d92032 !important; font-size: 25px; margin-top: 5px; margin-bottom: 25px}
.reskin .product-rebrand .sample-card .btn {position: relative; top: -40px}
.reskin .product-rebrand .sample-card#slim .btn {position: relative; top: 0}
.reskin .product-rebrand .sample-banner {margin: 10px; padding: 50px; background-color: #f6f6f6; border-radius: 10px}
.reskin .product-rebrand .sample-banner img {width: 215px; height: 135px}
.reskin .product-rebrand .sample-card-mini {padding: 20px; text-align: center; background-repeat: no-repeat; background-size: 100%}
@media (max-width: 768px) {.reskin .product-rebrand .sample-card-mini {background-position: 0px -70px}
}
@media (max-width: 690px) {.reskin .product-rebrand .sample-card-mini {background-position: 0px 0px}
}
.reskin .product-rebrand .sample-card-mini h2 {color: #fff !important; font-size: 20px; margin-top: 0}
@media (max-width: 450px) {.reskin .product-rebrand .sample-card-mini h2 {font-size: 17px}
}
.reskin .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) {.reskin .product-rebrand .sample-card-mini h3 {font-size: 17px}
}
.reskin .product-rebrand .sample-card-mini a {font-size: 20px}
@media (max-width: 768px) {.reskin .product-rebrand .sample-card-mini a {margin-top: 160px}
}
@media (max-width: 690px) {.reskin .product-rebrand .sample-card-mini a {margin-top: 220px}
}
@media (max-width: 550px) {.reskin .product-rebrand .sample-card-mini a {margin-top: 160px}
}
@media (max-width: 450px) {.reskin .product-rebrand .sample-card-mini a {margin-top: 120px}
}
@media (min-width: 768px) {.reskin .product-rebrand .sample-card-mini a {margin-top: 130px}
}
.reskin .product-rebrand .full-background-card {background-size: cover; background-repeat: no-repeat; border-radius: 10px !important}
.reskin .product-rebrand .full-background-card .banner-body {width: 100%; padding: 60px 20px 60px 20px !important}
.reskin .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}
.reskin .product-rebrand .full-background-card .banner-body h2 {padding: 0 20px 0 0; color: #fff !important; margin-top: 0}
@media (max-width: 768px) {.reskin .product-rebrand .full-background-card .banner-body h2 {margin-bottom: 30px !important}
}
@media (max-width: 768px) {.reskin .product-rebrand .full-background-card .banner-body {text-align: center !important}
}
.reskin .product-rebrand .product-card .banner-body {width: 100%; padding: 20px !important; display: table; height: 150px; text-align: center}
.reskin .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}
@media (min-width: 768px) {.reskin .product-rebrand .product-card .banner-body {text-align: left}
}
@media (min-width: 450px) {.reskin .product-rebrand .product-card .banner-body {height: 350px}
}
.reskin .product-rebrand .product-card .banner-body h2 {color: #fc3934 !important; font-family: 'Huggies Omnes Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300}
.reskin .product-rebrand .product-card .banner-body h2 strong {color: #fc3934 !important; font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal}
.reskin .product-rebrand .product-card .banner-body .right {text-align: right}
.reskin .product-rebrand .product-card .banner-body .icon {max-width: 125px}
.reskin .product-rebrand .product-card .banner-image {border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important; background-size: cover; height: 250px; background-repeat: no-repeat; background-position: bottom; border-radius: 0}
@media (min-width: 768px) {.reskin .product-rebrand .product-card .banner-image {border-radius: 10px}
}
@media (min-width: 450px) {.reskin .product-rebrand .product-card .banner-image {background-position: center; height: 350px}
}
.reskin .product-rebrand .product-card .banner-image.bg-contain {background-size: contain !important}
.reskin .product-rebrand .product-card#slim .banner-body, .reskin .product-rebrand .product-card.slim .banner-body {height: 205px}
.reskin .product-rebrand .product-card#slim .banner-image, .reskin .product-rebrand .product-card.slim .banner-image {border-radius: 0; background-size: cover !important; background-position: top}
@media (min-width: 450px) {.reskin .product-rebrand .product-card#slim .banner-image, .reskin .product-rebrand .product-card.slim .banner-image {height: 205px}
}
@media (max-width: 767px) {.reskin .product-rebrand .product-card#slim .banner-image, .reskin .product-rebrand .product-card.slim .banner-image {height: 260px}
}
@media (max-width: 450px) {.reskin .product-rebrand .product-card#slim .banner-image, .reskin .product-rebrand .product-card.slim .banner-image {height: 150px; background-size: contain !important}
}
.reskin .product-rebrand .product-card.medium .banner-body {height: 220px}
.reskin .product-rebrand .product-card.medium .banner-image {border-radius: 0; background-size: cover !important; background-position: top}
@media (min-width: 450px) {.reskin .product-rebrand .product-card.medium .banner-image {height: 220px}
}
@media (max-width: 767px) {.reskin .product-rebrand .product-card.medium .banner-image {height: 260px}
}
@media (max-width: 450px) {.reskin .product-rebrand .product-card.medium .banner-image {height: 200px; background-size: contain !important}
}
.reskin .product-rebrand .product-card.medium .banner-image.bg-contain {background-size: contain !important}
.reskin .product-rebrand .verticle-middle {display: table-cell; vertical-align: middle}
@media (min-width: 768px) {.reskin .product-rebrand .blur-left {box-shadow: 40px 0 45px 0 white inset}
.reskin .product-rebrand .blur-right {box-shadow: -40px 0 45px 0 white inset}
}
.reskin .product-rebrand .thin-content-wrapper {background-color: #fff; border-radius: 5px}
.reskin .product-rebrand .shadow-card#three-way-care {background: linear-gradient(to right, #d29d49 35%, #f9edb4 55%, #f9edb4 65%, #d29d49 85%); padding: 5px}
.reskin .product-rebrand .shadow-card#three-way-care .text-card {padding: 0 !important}
.reskin .product-rebrand .shadow-card#three-way-care .col {padding: 20px !important}
@media (min-width: 768px) {.reskin .product-rebrand .shadow-card#three-way-care .col {min-height: 365px}
}
@media (max-width: 990px) {.reskin .product-rebrand .shadow-card#three-way-care .icon {max-width: 60px}
}
.reskin .product-rebrand .shadow-card#three-way-care .icon-right {float: right; position: relative; top: 2px; max-width: 60px}
.reskin .product-rebrand .shadow-card#three-way-care .icon-right.double-icon {max-width: 120px}
.reskin .product-rebrand .shadow-card#three-way-care .middle {border-left: solid; border-right: solid; border-width: 2px; border-color: #e3c179}
@media (max-width: 768px) {.reskin .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}
}
.reskin .product-rebrand .shadow-card#three-way-care .content {margin-bottom: 40px}
.reskin .product-rebrand .shadow-card#three-way-care h3 {color: #c39245; font-size: 21px; min-height: 60px}
.reskin .product-rebrand .shadow-card#three-way-care small {font-size: 15px; color: #b6b6b6; position: relative; top: 25px}
@media (max-width: 768px) {.reskin .product-rebrand .center-mobile {text-align: center}
}
@media (max-width: 768px) {.reskin .product-rebrand .desktop-only {display: none}
}
.reskin .product-rebrand .faq-card table {text-align: left}
.reskin .product-rebrand .faq-card table td {padding: 5px; border-style: solid; border-width: 1px}
.reskin .product-rebrand .faq-card strong {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500}
.reskin #footer {background: #39c0b4; color: #fff; padding: 8px 0 50px}
.reskin #footer hr {margin: 0 0 38px; border-top: 3px dashed #75d3cb}
.reskin #footer .block ul {margin-bottom: 25px}
.reskin #footer .block ul > li {display: block; margin: 6px 0; font-size: 14px}
.reskin #footer a {color: #d1ecea; border-width: 0}
.reskin #footer a:hover {color: #fff; text-decoration: none}
.reskin #footer div.title {margin-bottom: 1.25em; font-size: 18px; font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500}
.reskin #footer ul {list-style: none; padding: 0}
.reskin #footer #copyright_notice {float: left; font-size: 12px; color: #d1ecea}
.reskin #footer #copyright_notice abbr {border-color: #d1ecea; cursor: pointer !important}
.reskin #footer .social-media {margin-left: 20px; margin-right: 20px}
.reskin #footer .social-media, .reskin #footer #view_in_mobile {float: right}
.reskin #footer .social-media > li {display: inline-block}
.reskin #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}
.reskin #footer .social-media > li a:hover {color: #d1ecea}
.reskin #footer #view_in_mobile, .reskin #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}
.reskin #footer #view_in_mobile:hover, .reskin #footer #full-site-btn:hover {text-decoration: none; background: #74d3cb}
.reskin #footer #view_in_mobile i, .reskin #footer #full-site-btn i {position: absolute; font-size: 21px; top: 50%; left: 11px; margin-top: -10.5px}
.reskin #footer #view_in_mobile {padding-left: 30px}
@media (max-width: 767px) {.reskin #footer {text-align: center}
.reskin #footer .section-body {-webkit-font-smoothing: auto}
.reskin #footer .section-body .row {margin-left: 0; margin-right: 0}
.reskin #footer .section-body .block:nth-child(1n+2) {display: none}
.reskin #footer .section-body .block.first ul {margin-left: 0}
.reskin #footer .section-body .block.first li:nth-child(1), .reskin #footer .section-body .block.first li:nth-child(2), .reskin #footer .section-body .block.first li:nth-child(6), .reskin #footer .section-body .block.first li:nth-child(7), .reskin #footer .section-body .block.first li:nth-child(9) {display: none}
.reskin #footer .section-body a {cursor: pointer}
.reskin #footer .social-media, .reskin #footer #view_in_mobile, .reskin #footer #copyright_notice {float: none}
.reskin #footer #view_in_mobile {display: inline-block; margin-bottom: 35px}
.reskin #footer .social-media {margin-top: 20px; margin-bottom: 20px}
}
.reskin a {text-decoration: none}
.reskin a:hover {text-decoration: none}
.reskin a:active {color: #294f7f}
.reskin a.pink {color: #ec008c !important}
.reskin .section-breadcrumb {position: relative; margin-bottom: 15px}
.reskin .section-breadcrumb .breadcrumb {margin: 0; padding-left: 0; padding-right: 0; background-color: transparent; border-bottom: 1px solid #e6e6e6; border-radius: 0}
.reskin .section-breadcrumb .breadcrumb > li:first-child a {display: inline-block; width: 20px; height: 20px; position: relative; font-size: 0; vertical-align: top}
.reskin .section-breadcrumb .breadcrumb > li:first-child a:before {font-family: FontAwesome; content: "\f015"; color: #999; width: 22px; height: 22px; font-size: 19px; line-height: 20px; text-align: center; -webkit-font-smoothing: antialiased; padding: 2px; position: absolute}
.reskin .section-breadcrumb .breadcrumb > li + li:before {font-family: FontAwesome; content: "\f105"}
.reskin .crumb {position: relative; margin-bottom: 15px; z-index: 100}
@media (max-width: 768px) {.reskin .crumb {display: none}
}
.reskin .crumb__list {margin: 0; padding: 8px 0; background-color: transparent; list-style: none; color: #666}
.reskin .crumb__list li {display: inline-block; font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 16px; margin: 0}
.reskin .crumb__list li:first-child a {display: inline-block; width: 20px; height: 20px; position: relative; font-size: 0; vertical-align: text-top}
.reskin .crumb__list li:first-child a:before {font-family: FontAwesome; content: "\f015"; color: #999; width: 22px; height: 22px; font-size: 19px; line-height: 20px; text-align: center; -webkit-font-smoothing: antialiased; padding: 2px; position: absolute}
.reskin .crumb__list li + li:before {padding: 0 5px; color: #ccc; font-family: FontAwesome; content: "\f105"}
.reskin .product-rebrand .crumb__list li {font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 16px}
.reskin .top-promo {overflow: visible; background: #702b90}
.reskin .top-promo:before, .reskin .top-promo:after {content: " "; display: table}
.reskin .top-promo:after {clear: both}
.reskin .top-promo .container {position: relative}
.reskin .top-promo .container a {font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; display: block; min-height: 42px; line-height: 42px; color: #fff; font-size: 16px; text-shadow: 0 0 10px #14081a; text-align: right; font-weight: 300}
.reskin .top-promo .container a:hover {color: #fff}
.reskin .top-promo .container a span {display: inline-block; position: absolute; top: 0; right: 0; z-index: 9}
.reskin .top-promo .container a i {margin: 0 10px}
@media (max-width: 767px) {.reskin .top-promo .container a {display: block; position: relative; right: auto; width: auto; font-size: 13px; text-align: left}
}
.reskin .top-promo--chfa {background: #ffb650}
.reskin .top-promo--chfa .container a {padding-right: 40px; text-shadow: 0 0 10px #d66a00}
.reskin .top-promo--chfa .container a span {top: -22px; width: 50px; height: 70px; background: url("/images/layout/chfa-ballon-top-menu.png") top left no-repeat}
.reskin .top-promo--wooden-toys {background: #0061ae}
.reskin .top-promo--wooden-toys .container a {padding-right: 90px}
.reskin .top-promo--plunket {background: #73c4f0}
.reskin .top-promo--plunket .container a {text-shadow: 0 0 10px #147db6; padding-right: 90px}
.reskin .top-promo--plunket .container a span {width: 100px; height: 70px; background: url("/images/layout/icon-plunket.png") -5px 0 no-repeat}
.reskin .top-promo--1day-pack {border-bottom: 5px solid #009cea; background: #bad75b}
.reskin .top-promo--1day-pack .container a {text-indent: 3px !important; padding-right: 125px; text-shadow: 0 0 10px #657b1e; height: 40px}
.reskin .top-promo--1day-pack .container a:hover {text-decoration: none}
.reskin .top-promo--1day-pack .container a span {text-indent: 0; display: block; background-color: #ec008c; border-radius: 20px; text-align: left; width: 125px; top: 7px; right: 10px; padding: 8px 0px 8px 10px; font-size: 14px; line-height: 1em}
.reskin .top-promo--1day-pack .container a span i {margin: 0 0 0 10x}
@media screen and (max-width: 767px) {.reskin .top-promo--1day-pack .container a {padding-right: 65px; text-indent: 3px}
.reskin .top-promo--1day-pack .container a span {width: 65px; font-size: 12px; top: 5px; right: 3px; padding: 4px 0 4px 10px}
}
.reskin .huggies-shop > a:after {display: none; position: absolute; bottom: -25px; left: 50%; width: 46px; height: 25px; margin-left: -23px; background-image: url("/images/reskin/navigation/huggies-shop-arrow@2x.png"); background-size: 46px 25px; background-repeat: no-repeat; content: ''}
.reskin .huggies-shop .huggies-shop-dropdown {display: none}
@media (min-width: 768px) {.reskin .huggies-shop:hover > a:after, .reskin .huggies-shop:hover .huggies-shop-dropdown {display: block}
}
.reskin .huggies-shop-dropdown {position: absolute; top: 34px; left: -265px; z-index: 200; width: 670px; padding-top: 22px}
.reskin .huggies-shop-dropdown .container-fluid {background-color: #fdeff1; border-radius: 20px; padding: 25px}
.reskin .huggies-shop-dropdown .container-fluid h4 {margin-top: 0}
.reskin .huggies-shop-dropdown .container-fluid ul {list-style: none; padding-left: 0}
.reskin .huggies-shop-dropdown .container-fluid li {margin-bottom: 10px}
.reskin .huggies-shop-dropdown .container-fluid li:last-child {margin-bottom: 0}
.reskin .huggies-shop-dropdown .stages {position: relative}
.reskin .huggies-shop-dropdown .stages .btn b {width: 110px; padding-bottom: 9px; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4); font-weight: 200}
.reskin .huggies-shop-dropdown .stages:after {content: ''; position: absolute; bottom: 0; right: 0; height: 80%; border-right: 1px dashed #dcd9d5}
.reskin .huggies-shop-dropdown .brands {padding-right: 0}
.reskin .huggies-shop-dropdown .brands li {float: left; margin-right: 10px}
.reskin .huggies-shop-dropdown .brands a {position: relative; display: block; width: 109px; height: 109px; padding: 10px; border-radius: 10px; background: #fff; text-align: center; font-size: 15px}
.reskin .huggies-shop-dropdown .brands a span.title {display: block; position: absolute; bottom: 10px; left: 0; width: 100%; padding: 0 10px}
.reskin .huggies-shop-dropdown .brands a span.packshot {display: block; position: absolute; top: 10px; left: 0; width: 100%; height: 60px; background-position: 50% 50%; background-repeat: no-repeat}
.reskin .sidenav {margin-bottom: 30px}
.reskin .sidenav a {color: #666666}
.reskin .sidenav a:hover {color: #333333}
@media (max-width: 767px) {.reskin .sidenav {background-color: #e9e9e9; box-shadow: 0 0 10px 0 #c9c9c9}
}
.reskin .sidenav__list {padding: 15px 20px 25px 0; list-style: none; border-top-width: 0; border-radius: 0 0 10px 10px}
@media (min-width: 768px) {.reskin .sidenav__list {margin-right: -30px}
}
.reskin .sidenav__list > li.active, .reskin .sidenav__list > li.parent_of_current {margin: 0}
.reskin .sidenav__list > li:first-child {border-top: 1px solid #ccc}
.reskin .sidenav__list > li:last-child {border-bottom: 1px dashed #d9d9d9}
.reskin .sidenav__list li.current, .reskin .sidenav__list li.current + li {border-top: 1px dashed #999}
.reskin .sidenav__list li.current:last-child {border-bottom: 1px dashed #999}
.reskin .sidenav__list li {border-top: 1px dashed #d9d9d9}
.reskin .sidenav__list li.parent > a:before, .reskin .sidenav__list li.has_children > a:before {visibility: visible}
.reskin .sidenav__list li.active > a, .reskin .sidenav__list li.parent_of_current > a, .reskin .sidenav__list li.current > a {font-weight: bold; font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500}
.reskin .sidenav__list li.highlight > a, .reskin .sidenav__list li.current > a {background-color: #e9e9e9; position: relative}
@media (min-width: 768px) {.reskin .sidenav__list li.highlight > a:after, .reskin .sidenav__list li.current > a:after {left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(240, 240, 240, 0); border-left-color: #e9e9e9; border-width: 8px; margin-top: -8px}
}
.reskin .sidenav__list li.parent li a, .reskin .sidenav__list li.has_children li a {padding-left: 30px}
.reskin .sidenav__list li.parent li.parent li a, .reskin .sidenav__list li.has_children li.has_children li a {padding-left: 45px}
.reskin .sidenav__list li.parent li.parent li.parent li a, .reskin .sidenav__list li.has_children li.has_children li.has_children li a {padding-left: 60px}
.reskin .sidenav__list li.parent li.parent li.parent li.parent li a, .reskin .sidenav__list li.has_children li.has_children li.has_children li.has_children li a {padding-left: 75px}
.reskin .sidenav__list li.parent li.parent li.parent li.parent li.parent li a, .reskin .sidenav__list li.has_children li.has_children li.has_children li.has_children li.has_children li a {padding-left: 90px}
.reskin .sidenav__list ul {margin: 0; padding-left: 0px; list-style: none}
.reskin .sidenav__list ul li a:before {font-size: 14px}
.reskin .sidenav__list a {font-size: 18px; display: block; font-family: 'Huggies Omnes Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; padding-top: 5px; padding-bottom: 5px; padding-left: 15px}
.reskin .page-sidebar div.huggies-ad {margin-bottom: 30px}
.reskin .skip-link {display: none}
.reskin #header {position: relative}
.reskin #header .container {position: relative}
.reskin #header hr {border-top: 3px dashed #d0d0d0; position: absolute; bottom: 10px; width: 100%; margin-top: 0; margin-bottom: 0}
.reskin #header #logo {position: absolute; top: 0; left: 0; width: 260px}
.reskin #header #logo a.huggies {font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; position: relative; display: block; width: 240px; height: 155px; background-image: url("/images/layout/logo-huggies.png"); background-position: 0 0; background-repeat: no-repeat}
.reskin #header #logo a.huggies .country {display: block; position: absolute; left: 0; bottom: 47px; width: 100%; padding-right: 6px; font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; font-size: 15px; color: #fff; text-align: center}
.reskin #header #logo a.f-icon {position: absolute; left: 240px; top: 2px; display: block; text-indent: -999em; width: 200px; height: 63px}
.reskin #header .hamburger {display: block; position: absolute; top: 0; left: 15px; float: none; margin: 0; padding: 11px 11px 13px; background: #009385; color: #fff; border-radius: 0 0 10px 10px}
.reskin #header .hamburger__layer {display: block; width: 22px; height: 2px; background-color: #fff; border-radius: 1px}
.reskin #header .hamburger__layer + .hamburger__layer {margin-top: 4px}
.reskin #header #top-navigation, .reskin #header .top-navigation {position: absolute; top: 0; right: 15px; list-style: none; font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; font-size: 14px}
.reskin #header #top-navigation > li, .reskin #header .top-navigation > li {float: left; position: relative; margin: 0 0 0 -20px; line-height: 1; border-radius: 0 0 10px 10px}
.reskin #header #top-navigation > li:before, .reskin #header #top-navigation > li:after, .reskin #header .top-navigation > li:before, .reskin #header .top-navigation > li:after {content: " "; display: table}
.reskin #header #top-navigation > li:after, .reskin #header .top-navigation > li:after {clear: both}
.reskin #header #top-navigation > li i, .reskin #header .top-navigation > li i {position: absolute; top: 50%; left: 20px; margin-top: -11.5px; font-size: 21px}
.reskin #header #top-navigation > li.search, .reskin #header .top-navigation > li.search {background-color: #e6f7f6; padding: 10px 0; height: 38px}
.reskin #header #top-navigation > li.search:hover, .reskin #header .top-navigation > li.search:hover {background-color: #ccefec}
.reskin #header #top-navigation > li.search i, .reskin #header .top-navigation > li.search i {color: #00ae9e}
.reskin #header #top-navigation > li.search form input, .reskin #header .top-navigation > li.search form input {display: block; width: 135px; margin: 0; padding: 0 20px 0 50px; background: none; border: none; box-shadow: none; color: #4d4d4d; -webkit-transition: width ease-out 0.2s; -o-transition: width ease-out 0.2s; transition: width ease-out 0.2s}
.reskin #header #top-navigation > li.search form input::-moz-placeholder, .reskin #header .top-navigation > li.search form input::-moz-placeholder {color: #4d4d4d; opacity: 1}
.reskin #header #top-navigation > li.search form input:-ms-input-placeholder, .reskin #header .top-navigation > li.search form input:-ms-input-placeholder {color: #4d4d4d}
.reskin #header #top-navigation > li.search form input::-webkit-input-placeholder, .reskin #header .top-navigation > li.search form input::-webkit-input-placeholder {color: #4d4d4d}
.reskin #header #top-navigation > li.search form input:focus, .reskin #header .top-navigation > li.search form input:focus {width: 220px; outline: none}
.reskin #header #top-navigation > li.search form input:focus::-moz-placeholder, .reskin #header .top-navigation > li.search form input:focus::-moz-placeholder {color: #666; opacity: 1}
.reskin #header #top-navigation > li.search form input:focus:-ms-input-placeholder, .reskin #header .top-navigation > li.search form input:focus:-ms-input-placeholder {color: #666}
.reskin #header #top-navigation > li.search form input:focus::-webkit-input-placeholder, .reskin #header .top-navigation > li.search form input:focus::-webkit-input-placeholder {color: #666}
.reskin #header #top-navigation > li.huggies-shop, .reskin #header .top-navigation > li.huggies-shop {position: relative; padding: 0}
.reskin #header #top-navigation > li.huggies-shop > a, .reskin #header .top-navigation > li.huggies-shop > a {display: block; padding: 10px 40px 14px 50px; background: #e62e49; color: #fff; border-radius: 0 0 10px 10px}
.reskin #header #top-navigation > li.huggies-shop > a:hover, .reskin #header .top-navigation > li.huggies-shop > a:hover {background: #c91832}
.reskin #header #top-navigation > li.member-area, .reskin #header .top-navigation > li.member-area {min-height: 38px; min-width: 100px; background: #d1e04b}
.reskin #header #top-navigation > li.member-area > span, .reskin #header .top-navigation > li.member-area > span {display: none}
.reskin #header #top-navigation > li.member-area > span:before, .reskin #header #top-navigation > li.member-area > span:after, .reskin #header .top-navigation > li.member-area > span:before, .reskin #header .top-navigation > li.member-area > span:after {content: " "; display: table}
.reskin #header #top-navigation > li.member-area > span:after, .reskin #header .top-navigation > li.member-area > span:after {clear: both}
.reskin #header #top-navigation > li.member-area > span.active, .reskin #header .top-navigation > li.member-area > span.active {display: block}
.reskin #header #top-navigation > li.member-area a, .reskin #header .top-navigation > li.member-area a {position: relative; display: block; float: left; padding: 10px 10px 14px; color: #4d4d4d}
.reskin #header #top-navigation > li.member-area a:first-child, .reskin #header .top-navigation > li.member-area a:first-child {padding-left: 20px}
.reskin #header #top-navigation > li.member-area a:last-child, .reskin #header .top-navigation > li.member-area a:last-child {padding-right: 20px}
.reskin #header #top-navigation > li.member-area a + a:before, .reskin #header .top-navigation > li.member-area a + a:before {display: block; position: absolute; top: 50%; left: 0; margin-top: -9px; height: 16px; content: ''; border-left: 1px dashed rgba(77, 77, 77, 0.3)}
@media (max-width: 767px) {.reskin #header #top-navigation > li.member-area, .reskin #header .top-navigation > li.member-area {min-width: 0}
.reskin #header #top-navigation > li.member-area:hover, .reskin #header .top-navigation > li.member-area:hover {background-color: #c2d424}
.reskin #header #top-navigation > li.member-area .welcome:first-child, .reskin #header .top-navigation > li.member-area .welcome:first-child {padding: 9px 15px 11px}
.reskin #header #top-navigation > li.member-area .welcome:before, .reskin #header .top-navigation > li.member-area .welcome:before {display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; font-size: 18px; content: ""}
.reskin #header #top-navigation > li.member-area .welcome span, .reskin #header .top-navigation > li.member-area .welcome span {display: none}
.reskin #header #top-navigation > li.member-area .sign-out, .reskin #header .top-navigation > li.member-area .sign-out {display: none}
}
.reskin #header #top-navigation > li.huggies-rewards, .reskin #header .top-navigation > li.huggies-rewards {background-color: #fd8410}
.reskin #header #top-navigation > li.huggies-rewards:hover, .reskin #header .top-navigation > li.huggies-rewards:hover {background-color: #f17702}
.reskin #header #top-navigation > li.huggies-rewards a, .reskin #header .top-navigation > li.huggies-rewards a {position: relative; display: block; color: white; padding: 8px 0 12px; height: 38px; width: 40px; background: #ec008c; line-height: .85; border-radius: 0 0 10px 10px}
.reskin #header #top-navigation > li.huggies-rewards a:before, .reskin #header .top-navigation > li.huggies-rewards a:before {font-family: FontAwesome; content: "\f005"; font-size: 16px; color: #ffed00; position: absolute; top: 12px; left: 13px}
.reskin #header #top-navigation > li.huggies-rewards a:hover, .reskin #header .top-navigation > li.huggies-rewards a:hover {background: #c80077}
@media (max-width: 767px) {.reskin #header {height: 140px}
.reskin #header #logo {position: relative; top: 40px; width: 100%}
.reskin #header #logo.featured-icon {width: 300px !important; margin: 0 auto}
.reskin #header #logo.featured-icon a.huggies {position: relative; margin: 0; float: left; width: 120px; background-repeat: no-repeat; background-size: 140px; background-position: -9px 0}
.reskin #header #logo.featured-icon a.huggies .country {bottom: 36px}
.reskin #header #logo.featured-icon a.f-icon {position: relative; top: 10px; left: 0; float: left; width: 180px; background-repeat: no-repeat; background-size: 180px !important}
.reskin #header #logo a.huggies {position: relative; margin: 0 auto !important; height: 95px; width: 150px; background-size: 150px}
.reskin #header #logo a.huggies .country {bottom: 32px; font-size: 12px}
.reskin #header .hamburger, .reskin #header #top-navigation {z-index: 9010}
}
.reskin #header.mobile {height: 140px}
.reskin #header.mobile #logo {position: relative; top: 40px; width: 100%}
.reskin #header.mobile #logo.featured-icon {width: 300px !important; margin: 0 auto}
.reskin #header.mobile #logo.featured-icon a.huggies {position: relative; margin: 0; float: left; width: 120px; background-repeat: no-repeat; background-size: 140px; background-position: -9px 0}
.reskin #header.mobile #logo.featured-icon a.huggies .country {bottom: 36px}
.reskin #header.mobile #logo.featured-icon a.f-icon {position: relative; top: 10px; left: 0; float: left; width: 180px; background-repeat: no-repeat; background-size: 180px !important}
.reskin #header.mobile #logo a.huggies {position: relative; margin: 0 auto !important; height: 95px; width: 150px; background-size: 150px}
.reskin #header.mobile #logo a.huggies .country {bottom: 32px; font-size: 12px}
.reskin #main-navigation ul {padding-left: 0; list-style: none}
.reskin #main-navigation .sub-nav {display: none}
@media (min-width: 768px) {.reskin #my-huggies-module.collapsible-content.collapsed {display: none !important}
.reskin #header.header-desktop #main-navigation {float: right; margin: 60px 0 0}
.reskin #header.header-desktop #main-navigation .main-nav-search {display: none}
.reskin #header.header-desktop #main-navigation > ul > li {float: left; padding: 5px 0 35px}
.reskin #header.header-desktop #main-navigation > ul > li.home {display: none}
.reskin #header.header-desktop #main-navigation > ul > li:hover > a {color: #90c}
.reskin #header.header-desktop #main-navigation > ul > li:hover:not(.forum):not(.nappies):not(.promotions) .sub-nav {display: block; z-index: 99}
.reskin #header.header-desktop #main-navigation > ul > li:hover:not(.forum):not(.nappies):not(.promotions) > a {position: relative; z-index: 999}
.reskin #header.header-desktop #main-navigation > ul > li:hover:not(.forum):not(.nappies):not(.promotions) > a:after {position: absolute; left: 50%; top: 30px; display: block; content: ''; width: 49px; height: 26px; margin-left: -24.5px; background: url("/images/reskin/navigation/sub-nav-arrow-sprite.png") no-repeat}
.reskin #header.header-desktop #main-navigation > ul > li:first-child > a, .reskin #header.header-desktop #main-navigation > ul > li.conception > a {border-width: 0}
.reskin #header.header-desktop #main-navigation > ul > li:last-child > a {padding-right: 0}
.reskin #header.header-desktop #main-navigation > ul > li > a {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; display: block; padding: 3px 13px 3px 10px; color: #4d4d4d; border-left: 1px solid #e6e6e6}
.reskin #header.header-desktop #main-navigation > ul > li .sub-nav {display: none; position: absolute; top: 121px; left: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); width: 100%; padding: 30px; background: #fff; border-radius: 20px}
.reskin #header.header-desktop #main-navigation > ul > li .sub-nav h4 {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; margin-top: 0; padding-top: 0}
.reskin #header.header-desktop #main-navigation > ul > li .sub-nav .strong, .reskin #header.header-desktop #main-navigation > ul > li .sub-nav .normal {display: block}
.reskin #header.header-desktop #main-navigation > ul > li .sub-nav .strong {margin: 0; font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500}
.reskin #header.header-desktop #main-navigation > ul > li .sub-nav .normal {font-size: 12px; color: #4d4d4d}
.reskin #header.header-desktop #main-navigation > ul > li .sub-nav .articles ul > li {margin-bottom: 10px}
.reskin #header.header-desktop #main-navigation > ul > li .sub-nav .articles ul > li:last-child {margin-bottom: 0}
.reskin #header.header-desktop #main-navigation > ul > li .sub-nav .articles ul > li > a {position: relative; display: block; padding: 6px 15px; font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; border-radius: 16.5px}
.reskin #header.header-desktop #main-navigation > ul > li .sub-nav .articles ul > li > a i {position: absolute; right: 15px; top: 50%; margin-top: -7px}
.reskin #header.header-desktop #main-navigation > ul > li .sub-nav .features ul > li > a {display: block; margin-bottom: 15px}
.reskin #header.header-desktop #main-navigation > ul > li .sub-nav .features ul > li > a:before, .reskin #header.header-desktop #main-navigation > ul > li .sub-nav .features ul > li > a:after {content: " "; display: table}
.reskin #header.header-desktop #main-navigation > ul > li .sub-nav .features ul > li > a:after {clear: both}
.reskin #header.header-desktop #main-navigation > ul > li .sub-nav .features ul > li > a .info-img {display: block; width: 90px; height: 90px; float: left; margin-right: 15px; border-radius: 10px; background: #efefef; overflow: hidden}
.reskin #header.header-desktop #main-navigation > ul > li .sub-nav .features ul > li > a .info-img img {border-radius: 10px}
.reskin #header.header-desktop #main-navigation > ul > li .sub-nav .features ul > li > a .strong, .reskin #header.header-desktop #main-navigation > ul > li .sub-nav .features ul > li > a .normal {margin-left: 105px}
.reskin #header.header-desktop #main-navigation > ul > li.conception:hover > a {color: #5f64fe}
.reskin #header.header-desktop #main-navigation > ul > li.conception:hover > a:after {background-position: 0px 0px !important}
.reskin #header.header-desktop #main-navigation > ul > li.conception .sub-nav {background: #d8e3f1}
.reskin #header.header-desktop #main-navigation > ul > li.conception .sub-nav a, .reskin #header.header-desktop #main-navigation > ul > li.conception .sub-nav strong {color: #5f64fe}
.reskin #header.header-desktop #main-navigation > ul > li.conception .sub-nav .articles a {background: #fff}
.reskin #header.header-desktop #main-navigation > ul > li.conception .sub-nav .icon-wrap {background: #5f64fe !important}
.reskin #header.header-desktop #main-navigation > ul > li.conception .sub-nav .articles ul > li > a:hover {background-color: #5f64fe; color: #fff}
.reskin #header.header-desktop #main-navigation > ul > li.pregnancy:hover > a {color: #1292c9}
.reskin #header.header-desktop #main-navigation > ul > li.pregnancy:hover > a:after {background-position: 0px -26px !important}
.reskin #header.header-desktop #main-navigation > ul > li.pregnancy .sub-nav {background: #cceffc}
.reskin #header.header-desktop #main-navigation > ul > li.pregnancy .sub-nav a, .reskin #header.header-desktop #main-navigation > ul > li.pregnancy .sub-nav strong {color: #1292c9}
.reskin #header.header-desktop #main-navigation > ul > li.pregnancy .sub-nav .articles a {background: #fff}
.reskin #header.header-desktop #main-navigation > ul > li.pregnancy .sub-nav .icon-wrap {background: #1292c9 !important}
.reskin #header.header-desktop #main-navigation > ul > li.pregnancy .sub-nav .articles ul > li > a:hover {background-color: #1292c9; color: #fff}
.reskin #header.header-desktop #main-navigation > ul > li.baby-care:hover > a {color: #6aa128}
.reskin #header.header-desktop #main-navigation > ul > li.baby-care:hover > a:after {background-position: 0px -78px !important}
.reskin #header.header-desktop #main-navigation > ul > li.baby-care .sub-nav {background: #daf2e8}
.reskin #header.header-desktop #main-navigation > ul > li.baby-care .sub-nav a, .reskin #header.header-desktop #main-navigation > ul > li.baby-care .sub-nav strong {color: #6aa128}
.reskin #header.header-desktop #main-navigation > ul > li.baby-care .sub-nav .articles a {background: #fff}
.reskin #header.header-desktop #main-navigation > ul > li.baby-care .sub-nav .icon-wrap {background: #6aa128 !important}
.reskin #header.header-desktop #main-navigation > ul > li.baby-care .sub-nav .articles ul > li > a:hover {background-color: #6aa128; color: #fff}
.reskin #header.header-desktop #main-navigation > ul > li.toddler:hover > a {color: #ec3b96}
.reskin #header.header-desktop #main-navigation > ul > li.toddler:hover > a:after {background-position: 0px -104px !important}
.reskin #header.header-desktop #main-navigation > ul > li.toddler .sub-nav {background: #fde5f3}
.reskin #header.header-desktop #main-navigation > ul > li.toddler .sub-nav a, .reskin #header.header-desktop #main-navigation > ul > li.toddler .sub-nav strong {color: #ec3b96}
.reskin #header.header-desktop #main-navigation > ul > li.toddler .sub-nav .articles a {background: #fff}
.reskin #header.header-desktop #main-navigation > ul > li.toddler .sub-nav .icon-wrap {background: #ec3b96 !important}
.reskin #header.header-desktop #main-navigation > ul > li.toddler .sub-nav .articles ul > li > a:hover {background-color: #ec3b96; color: #fff}
.reskin #header.header-desktop #main-navigation > ul > li.parenting:hover > a {color: #cc517e}
.reskin #header.header-desktop #main-navigation > ul > li.parenting:hover > a:after {background-position: 0px -130px !important}
.reskin #header.header-desktop #main-navigation > ul > li.parenting .sub-nav {background: #f2dae3}
.reskin #header.header-desktop #main-navigation > ul > li.parenting .sub-nav a, .reskin #header.header-desktop #main-navigation > ul > li.parenting .sub-nav strong {color: #cc517e}
.reskin #header.header-desktop #main-navigation > ul > li.parenting .sub-nav .articles a {background: #fff}
.reskin #header.header-desktop #main-navigation > ul > li.parenting .sub-nav .icon-wrap {background: #cc517e !important}
.reskin #header.header-desktop #main-navigation > ul > li.parenting .sub-nav .articles ul > li > a:hover {background-color: #cc517e; color: #fff}
.reskin #header.header-desktop #main-navigation > ul > li.child-birth:hover > a {color: #039c8a}
.reskin #header.header-desktop #main-navigation > ul > li.child-birth:hover > a:after {background-position: 0px -52px !important}
.reskin #header.header-desktop #main-navigation > ul > li.child-birth .sub-nav {background: #daeff2}
.reskin #header.header-desktop #main-navigation > ul > li.child-birth .sub-nav a, .reskin #header.header-desktop #main-navigation > ul > li.child-birth .sub-nav strong {color: #039c8a}
.reskin #header.header-desktop #main-navigation > ul > li.child-birth .sub-nav .articles a {background: #fff}
.reskin #header.header-desktop #main-navigation > ul > li.child-birth .sub-nav .icon-wrap {background: #039c8a !important}
.reskin #header.header-desktop #main-navigation > ul > li.child-birth .sub-nav .articles ul > li > a:hover {background-color: #039c8a; color: #fff}
}
@media (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {.reskin #header.header-desktop #main-navigation > ul > li > a {padding: 1px 8px 1px 7px; font-size: 13px}
.reskin #header.header-desktop #top-navigation > li.huggies-shop span.hidden-xs {display: none}
.reskin #header.header-desktop #top-navigation > li.huggies-shop span.visible-xs-inline {display: block !important; content: ''}
.reskin #header.header-desktop #top-navigation > li.search i {left: 16px}
.reskin #header.header-desktop #top-navigation > li.search #search-field {width: 68px}
.reskin #header.header-desktop #top-navigation > li.search #search-field:focus {width: 200px}
.reskin #header.header-desktop #logo a.huggies {width: 150px; height: 96.875px; margin-top: 12px; background-size: cover}
.reskin #header.header-desktop #logo a.huggies .country {bottom: 31px; font-size: 13px}
.reskin #header.header-desktop #logo a.f-icon {left: 180px}
}
@media (max-width: 767px) {.reskin #main-navigation, .reskin #my-huggies-module {position: absolute; top: 0; left: 0; float: none; z-index: 9000; width: 100%; margin: 0; background: #ccefec}
.reskin #main-navigation > ul, .reskin #my-huggies-module > ul {margin: 0; padding: 0 15px 15px}
.reskin #main-navigation > ul > li.home, .reskin #my-huggies-module > ul > li.home {display: block}
.reskin #main-navigation form, .reskin #my-huggies-module form {margin: 50px 15px 10px; padding-bottom: 10px; border-bottom: 1px dashed #b3cfcc}
.reskin #main-navigation form input, .reskin #my-huggies-module form input {width: 100%; height: 32px; padding: 5px 30px 5px 10px; box-shadow: none; border: 0; border-radius: 7px}
.reskin #main-navigation form input:focus, .reskin #my-huggies-module form input:focus {outline: 0}
.reskin #main-navigation .btn, .reskin #my-huggies-module .btn {background: #4cba41; font-size: 16px; line-height: 1.3em; padding-top: 7px; padding-bottom: 7px; color: #fff; text-shadow: none; border: 0; border-radius: 22px}
.reskin #main-navigation .btn:hover, .reskin #my-huggies-module .btn:hover {color: #fff}
.reskin #main-navigation .hello-box, .reskin #my-huggies-module .hello-box {margin: 50px 15px 10px; padding-bottom: 12px; border-bottom: 1px dashed #cfceb3}
.reskin #main-navigation .hello-box p, .reskin #my-huggies-module .hello-box p {font-family: 'Huggies Omnes Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold; display: inline-block; margin: 9px 0 0; font-weight: bold; color: #666}
.reskin #main-navigation .hello-box .btn.sign-out-btn, .reskin #my-huggies-module .hello-box .btn.sign-out-btn {display: inline-block; float: right; vertical-align: middle; font-size: 12px; line-height: 12px; padding-top: 7px; padding-bottom: 7px; border-radius: 7px}
}
.reskin .m-2 #main-navigation, .reskin .m-2 #my-huggies-module {position: absolute; top: 0; left: 0; float: none; z-index: 9000; width: 100%; margin: 0; background: #ccefec}
.reskin .m-2 #main-navigation > ul, .reskin .m-2 #my-huggies-module > ul {margin: 0; padding: 0 15px 15px}
.reskin .m-2 #main-navigation > ul > li.home, .reskin .m-2 #my-huggies-module > ul > li.home {display: block}
.reskin .m-2 #main-navigation form, .reskin .m-2 #my-huggies-module form {margin: 50px 15px 10px; padding-bottom: 10px; border-bottom: 1px dashed #b3cfcc}
.reskin .m-2 #main-navigation form input, .reskin .m-2 #my-huggies-module form input {width: 100%; height: 32px; padding: 5px 30px 5px 10px; box-shadow: none; border: 0; border-radius: 7px}
.reskin .m-2 #main-navigation form input:focus, .reskin .m-2 #my-huggies-module form input:focus {outline: 0}
.reskin .m-2 #main-navigation .btn, .reskin .m-2 #my-huggies-module .btn {background: #4cba41; font-size: 16px; line-height: 1.3em; padding-top: 7px; padding-bottom: 7px; color: #fff; text-shadow: none; border: 0; border-radius: 22px}
.reskin .m-2 #main-navigation .btn:hover, .reskin .m-2 #my-huggies-module .btn:hover {color: #fff}
.reskin .m-2 #main-navigation .hello-box, .reskin .m-2 #my-huggies-module .hello-box {margin: 50px 15px 10px; padding-bottom: 12px; border-bottom: 1px dashed #cfceb3}
.reskin .m-2 #main-navigation .hello-box p, .reskin .m-2 #my-huggies-module .hello-box p {font-family: 'Huggies Omnes Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold; display: inline-block; margin: 9px 0 0; font-weight: bold; color: #666}
.reskin .m-2 #main-navigation .hello-box .btn.sign-out-btn, .reskin .m-2 #my-huggies-module .hello-box .btn.sign-out-btn {display: inline-block; float: right; vertical-align: middle; font-size: 12px; line-height: 12px; padding-top: 7px; padding-bottom: 7px; border-radius: 7px}
@media (max-width: 767px) {.reskin .collapsible-content {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; overflow: auto; -webkit-transition: -webkit-transform ease-out, opacity ease-out; -o-transition: -o-transform ease-out, opacity ease-out; transition: transform ease-out, opacity ease-out}
.reskin .collapsible-content.collapsed {opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateZ(-200px) translateY(0) rotateX(65deg); -ms-transform: translateZ(-200px) translateY(0) rotateX(65deg); -o-transform: translateZ(-200px) translateY(0) rotateX(65deg); transform: translateZ(-200px) translateY(0) rotateX(65deg)}
.reskin .collapsible-content.menu--flip-open {opacity: 1; filter: alpha(opacity=100); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transform: translateZ(0) translateY(0) rotateX(0deg); -ms-transform: translateZ(0) translateY(0) rotateX(0deg); -o-transform: translateZ(0) translateY(0) rotateX(0deg); transform: translateZ(0) translateY(0) rotateX(0deg)}
.reskin .menu--flip-close {opacity: 0; filter: alpha(opacity=0); -webkit-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transform: translateZ(-200px) translateY(-200px) rotateX(65deg); -ms-transform: translateZ(-200px) translateY(-200px) rotateX(65deg); -o-transform: translateZ(-200px) translateY(-200px) rotateX(65deg); transform: translateZ(-200px) translateY(-200px) rotateX(65deg)}
}
.reskin #section {background: #90c; padding-top: 8px; padding-bottom: 9px}
.reskin #section p {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; float: left; width: 55%; margin: 0; color: #fff; text-shadow: 0 -1px 0 rgba(128, 128, 128, 0.5); font-size: 30px}
.reskin #section ul {float: right; width: 40%; margin-left: 0; margin-top: 5px; text-align: right; list-style-type: none}
.reskin #section ul li {display: inline; margin-left: 15px}
.reskin #section ul li a {color: #fff; font-size: 16px}
.reskin #section ul li a i.fa {margin-right: 5px}
@media (max-width: 767px) {.reskin #section {padding-top: 2px; padding-bottom: 3px}
.reskin #section p {font-size: 20px}
}
.reskin #header #logo.featured-icon.joy-of-moving a.f-icon {background-image: url("/images/promotions/joy-of-moving/icon-discover-joy-of-moving.png")}
.reskin #header #logo.featured-icon.huggies-rewards a.f-icon {background-image: url("/images/rewards/header-banner-desktop.gif")}
.reskin #header.mobile #logo.featured-icon.joy-of-moving a.f-icon {background-image: url("/images/promotions/joy-of-moving/icon-discover-joy-of-moving@2.png") !important}
.reskin #header.mobile #logo.featured-icon.huggies-rewards a.f-icon {background-image: url("/images/rewards/header-banner-mobile@2x.gif") !important}
.reskin #page.menu-state, .reskin .page-content.menu-state {position: absolute; top: 0; left: 0; margin: 0; width: 100%; height: 100%; overflow: hidden; -webkit-overflow-scrolling: touch}
.reskin #header .perspective {-webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px}
.reskin .mobile-nav__module {width: 100%; text-shadow: 0 1px 0 #fff}
.reskin .mobile-nav__module ul {list-style: none; padding-left: 0}
@media (max-width: 767px) {.reskin .mobile-nav__list {padding: 0 15px 15px; list-style: none}
.reskin .mobile-nav__list > li + li {margin-top: 5px}
.reskin .mobile-nav__list > li > a {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; position: relative; display: block; margin: 0; padding: 5px 10px 7px 32px; font-size: 16px; font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; background: #fff; color: #333333; border-radius: 16px}
.reskin .mobile-nav__list > li > a:before {display: block; position: absolute; top: 50%; left: 12px; width: 12px; height: 12px; margin-top: -6px; background-color: #b84ddb; content: ''; border-radius: 50%}
.reskin .mobile-nav__list > li.conception > a:before {background-color: #8f93fe}
.reskin .mobile-nav__list > li.pregnancy > a:before {background-color: #5ab3d9}
.reskin .mobile-nav__list > li.child-birth > a:before {background-color: #4fbaad}
.reskin .mobile-nav__list > li.baby-care > a:before {background-color: #97bd69}
.reskin .mobile-nav__list > li.toddler > a:before {background-color: #f276b6}
.reskin .mobile-nav__list > li.parenting > a:before {background-color: #ca7392}
.reskin .mobile-nav__list > li .hello-box {margin-left: 15px; margin-right: 15px; margin-bottom: 10px; border-bottom: 1px dashed #cfceb3}
.reskin .mobile-nav__list > li .hello-box p {display: inline-block; margin: 9px 0 0; font-weight: bold}
.reskin .mobile-nav__list > li .hello-box .btn.sign-out-btn {display: inline-block; vertical-align: middle; float: right; font-size: 12px; line-height: 12px; border-radius: 7px; padding-top: 7px; padding-bottom: 7px}
}
.reskin .m-2 .mobile-nav__list {padding: 0 15px 15px; list-style: none}
.reskin .m-2 .mobile-nav__list > li + li {margin-top: 5px}
.reskin .m-2 .mobile-nav__list > li > a {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; position: relative; display: block; margin: 0; padding: 5px 10px 7px 32px; font-size: 16px; font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; background: #fff; color: #333333; border-radius: 16px}
.reskin .m-2 .mobile-nav__list > li > a:before {display: block; position: absolute; top: 50%; left: 12px; width: 12px; height: 12px; margin-top: -6px; background-color: #b84ddb; content: ''; border-radius: 50%}
.reskin .m-2 .mobile-nav__list > li.conception > a:before {background-color: #8f93fe}
.reskin .m-2 .mobile-nav__list > li.pregnancy > a:before {background-color: #5ab3d9}
.reskin .m-2 .mobile-nav__list > li.child-birth > a:before {background-color: #4fbaad}
.reskin .m-2 .mobile-nav__list > li.baby-care > a:before {background-color: #97bd69}
.reskin .m-2 .mobile-nav__list > li.toddler > a:before {background-color: #f276b6}
.reskin .m-2 .mobile-nav__list > li.parenting > a:before {background-color: #ca7392}
.reskin .m-2 .mobile-nav__list > li .hello-box {margin-left: 15px; margin-right: 15px; margin-bottom: 10px; border-bottom: 1px dashed #cfceb3}
.reskin .m-2 .mobile-nav__list > li .hello-box p {display: inline-block; margin: 9px 0 0; font-weight: bold}
.reskin .m-2 .mobile-nav__list > li .hello-box .btn.sign-out-btn {display: inline-block; vertical-align: middle; float: right; font-size: 12px; line-height: 12px; border-radius: 7px; padding-top: 7px; padding-bottom: 7px}
.reskin .further-reading {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; margin: 0 0 15px}
.reskin .further-reading a {color: #90c}
.reskin .further-reading a:before {display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; color: #90c}
.reskin .further-reading a strong {color: #702b90}
.reskin .further-reading .menu-back {position: relative; margin: 0 0 10px; padding: 8px 0 5px 23px; font-size: 15px; line-height: 18px; background-position: -944px -436px; background-repeat: no-repeat; border-bottom: 1px solid #c67dde}
.reskin .further-reading .menu-back a:before {content: ""; left: 5px; line-height: 19px}
.reskin .further-reading ul {position: relative; margin: 0; padding: 0; list-style-type: none}
.reskin .further-reading ul li {display: inline; margin: 0; padding: 0}
.reskin .further-reading ul li a {display: block; margin: 0 0 4px; padding: 7px 8px 7px 26px; background: -940px -489px no-repeat; font-size: 13px; overflow: hidden; line-height: 13px; text-decoration: none; background-color: #f0f7fa; border-bottom: 1px solid #e6cbf2}
.reskin .further-reading ul li a:before {content: ""; left: 10px}
.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}
.reskin ul.style-none {list-style-type: none; margin-left: 0; padding-left: 0em}
.reskin ul.style-none li {background: none !important}
.reskin ul.in-line {margin-bottom: 0}
.reskin ul.in-line li {display: inline; margin-right: 10px}
.reskin ul.fo {list-style-type: none; margin-left: 25px; padding-left: 1em}
.reskin ul.fo.tick li:before, .reskin ul.fo.arrow li:before {font-family: 'FontAwesome'; margin: 0 15px 0 -30px; color: #51b848}
.reskin ul.fo.tick li:before {content: '\f00c'}
.reskin ul.fo.arrow li:before {content: '\f054'}
.reskin ul.two-col li {width: 45%; float: left; margin-left: 5%}
.reskin ul.two-col li:not:last-child {margin-bottom: 10px}
.reskin ul.two-col li:nth-child(2n+1) {clear: left}
.reskin .link-bar {background-color: #db1c2b; height: 60px; margin-bottom: 30px}
.reskin .link-bar ul {list-style-type: none; margin: 0; padding: 0}
.reskin .link-bar ul li {display: table-cell !important; position: relative; padding-left: 20px; padding-right: 20px; border-left: 2px solid #c41523; text-align: center !important}
.reskin .link-bar ul li.current {background-color: #fc3934}
.reskin .link-bar ul li.current:after {content: ''; top: 56px; left: 50%; border-top: solid 20px #fc3934; border-left: solid 20px transparent; border-right: solid 20px transparent; border-spacing: initial; border-radius: 17px; padding: 0px; position: absolute; margin-left: -20px}
.reskin .link-bar ul li:last-child {border-right: 2px solid #c41523}
@media (max-width: 991px) {.reskin .link-bar ul li {width: 1% !important; padding: 0px}
}
.reskin .link-bar a {position: relative; margin: 0 auto; color: white; font-family: 'Huggies Omnes Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; line-height: 60px; font-size: 20px}
@media (max-width: 991px) {.reskin .link-bar a {font-size: 15px; white-space: nowrap}
}
@media (min-width: 768px) {.reskin .link-bar a {line-height: 60px}
}
.reskin .link-bar a strong {font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal}
@media (max-width: 768px) {.reskin .link-bar .container {padding: 0px !important}
}
.reskin hr.dashed {border-top: 3px dashed #d0d0d0}
.reskin .well.flat {box-shadow: none}
.reskin .well.white {background: #fff; border-color: #fff}
.reskin .well.blue-lighter {background: #d8e3f1; border-color: #d8e3f1}
.reskin .well.green-lighter {background: #f1f6d8; border-color: #f1f6d8}
.reskin .well.pink-light {background: #fde5f3; border-color: #fde5f3}
.reskin .icons ul, .reskin #main-navigation .tools ul {list-style-type: none; padding-left: 0}
.reskin .icons ul > li > a, .reskin #main-navigation .tools ul > li > a {display: block; margin-bottom: 15px}
.reskin .icons ul > li > a:before, .reskin #main-navigation .tools ul > li > a:before, .reskin .icons ul > li > a:after, .reskin #main-navigation .tools ul > li > a:after {content: " "; display: table}
.reskin .icons ul > li > a:after, .reskin #main-navigation .tools ul > li > a:after {clear: both}
.reskin .icons ul > li > a .icon-wrap, .reskin #main-navigation .tools ul > li > a .icon-wrap, .reskin .icons ul > li > a .icon-inner, .reskin #main-navigation .tools ul > li > a .icon-inner {display: block; float: left; border-radius: 50%}
.reskin .icons ul > li > a .icon-wrap, .reskin #main-navigation .tools ul > li > a .icon-wrap {width: 56px; height: 56px; padding: 2px; margin-right: 15px; margin-bottom: 30px}
.reskin .icons ul > li > a .icon-inner, .reskin #main-navigation .tools ul > li > a .icon-inner {width: 52px; height: 52px; border: 1px dashed rgba(255, 255, 255, 0.6); text-align: center}
.reskin .icons ul > li > a .icon-inner i, .reskin #main-navigation .tools ul > li > a .icon-inner i {line-height: 52px; font-size: 30px; color: #fff}
.reskin .ovulation-calculator, .reskin .due-date-calculator, .reskin .eye-colour-predictor, .reskin .height-predictor {color: #666; margin: 30px 0; clear: both}
.reskin .mini.ovulation-calculator, .reskin .mini.due-date-calculator, .reskin .mini.eye-colour-predictor, .reskin .mini.height-predictor {margin: 10px 0 0 0}
.reskin .ovulation-calculator .calculator-title, .reskin .due-date-calculator .calculator-title, .reskin .eye-colour-predictor .calculator-title, .reskin .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}
.reskin .ovulation-calculator .calculator-title:hover, .reskin .due-date-calculator .calculator-title:hover, .reskin .eye-colour-predictor .calculator-title:hover, .reskin .height-predictor .calculator-title:hover {text-decoration: none !important}
.reskin .ovulation-calculator .calculator-title strong, .reskin .due-date-calculator .calculator-title strong, .reskin .eye-colour-predictor .calculator-title strong, .reskin .height-predictor .calculator-title strong {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; color: #fff !important}
.reskin .ovulation-calculator .calculator-title .calculator-title-icon-container, .reskin .due-date-calculator .calculator-title .calculator-title-icon-container, .reskin .eye-colour-predictor .calculator-title .calculator-title-icon-container, .reskin .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}
.reskin .ovulation-calculator .calculator-title .calculator-title-icon-container:before, .reskin .due-date-calculator .calculator-title .calculator-title-icon-container:before, .reskin .eye-colour-predictor .calculator-title .calculator-title-icon-container:before, .reskin .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}
.reskin .ovulation-calculator .calculator-title .calculator-title-icon-container i, .reskin .due-date-calculator .calculator-title .calculator-title-icon-container i, .reskin .eye-colour-predictor .calculator-title .calculator-title-icon-container i, .reskin .height-predictor .calculator-title .calculator-title-icon-container i {line-height: 78px; vertical-align: middle; color: #000; font-size: 32px}
.reskin .ovulation-calculator .calculator-body, .reskin .due-date-calculator .calculator-body, .reskin .eye-colour-predictor .calculator-body, .reskin .height-predictor .calculator-body {border-radius: 0 0 10px 10px; padding: 30px 20px 45px}
.reskin .ovulation-calculator .calculator-body .description, .reskin .due-date-calculator .calculator-body .description, .reskin .eye-colour-predictor .calculator-body .description, .reskin .height-predictor .calculator-body .description {text-align: center; margin-bottom: 25px}
.reskin .ovulation-calculator .calculator-body .form-container, .reskin .due-date-calculator .calculator-body .form-container, .reskin .eye-colour-predictor .calculator-body .form-container, .reskin .height-predictor .calculator-body .form-container {border-radius: 8px; padding: 20px 0 8px 0; text-align: center}
.reskin .ovulation-calculator .calculator-body .form-container form, .reskin .due-date-calculator .calculator-body .form-container form, .reskin .eye-colour-predictor .calculator-body .form-container form, .reskin .height-predictor .calculator-body .form-container form {margin: 0}
.reskin .ovulation-calculator .calculator-body .form-container label, .reskin .due-date-calculator .calculator-body .form-container label, .reskin .eye-colour-predictor .calculator-body .form-container label, .reskin .height-predictor .calculator-body .form-container label, .reskin .ovulation-calculator .calculator-body .form-container .p-label, .reskin .due-date-calculator .calculator-body .form-container .p-label, .reskin .eye-colour-predictor .calculator-body .form-container .p-label, .reskin .height-predictor .calculator-body .form-container .p-label {margin-bottom: 8px; font-weight: bold; display: block}
.reskin .ovulation-calculator .calculator-body .form-container .form-group, .reskin .due-date-calculator .calculator-body .form-container .form-group, .reskin .eye-colour-predictor .calculator-body .form-container .form-group, .reskin .height-predictor .calculator-body .form-container .form-group {margin: 0 5px 15px; display: inline-block}
.reskin .ovulation-calculator .calculator-body .form-container .calculate-button, .reskin .due-date-calculator .calculator-body .form-container .calculate-button, .reskin .eye-colour-predictor .calculator-body .form-container .calculate-button, .reskin .height-predictor .calculator-body .form-container .calculate-button {margin: 8px auto -23px; color: #fff; background: #000; display: block}
.reskin .ovulation-calculator .calculator-body .calculate-button, .reskin .due-date-calculator .calculator-body .calculate-button, .reskin .eye-colour-predictor .calculator-body .calculate-button, .reskin .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) {.reskin .nano.ovulation-calculator .calculator-title .calculator-title-icon-container, .reskin .nano.due-date-calculator .calculator-title .calculator-title-icon-container, .reskin .nano.eye-colour-predictor .calculator-title .calculator-title-icon-container, .reskin .nano.height-predictor .calculator-title .calculator-title-icon-container {left: 50%; margin-left: -54px}
}
.reskin .ovulation-calculator {max-width: 750px; margin-left: auto; margin-right: auto}
.reskin .ovulation-calculator .calculator-title {background-color: #9194ff}
.reskin .ovulation-calculator .calculator-title .calculator-title-icon-container {border-color: #9194ff}
.reskin .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")}
.reskin .ovulation-calculator .calculator-body {background-color: #f2f2ff}
.reskin .ovulation-calculator .calculator-body .form-container {background-color: #e8e8ff}
.reskin .ovulation-calculator .calculator-body .form-container .form-group.luteal-phase-form-group {margin-right: 16px}
.reskin .ovulation-calculator .calculator-body .form-container .calculate-button {background-color: #9194ff; color: #fff; outline: none}
.reskin .ovulation-calculator .calculator-body .form-container .calculate-button:hover, .reskin .ovulation-calculator .calculator-body .form-container .calculate-button:focus {background-color: #c4c6ff}
.reskin .ovulation-calculator .calendar {margin-top: 40px; border-radius: 8px 8px 0 0}
.reskin .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}
.reskin .ovulation-calculator .calendar .title strong {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal}
.reskin .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}
.reskin .ovulation-calculator .calendar .title button.prev {left: 0}
.reskin .ovulation-calculator .calendar .title button.next {right: 0}
.reskin .ovulation-calculator .calendar table {background-color: #fff; width: 100%; padding: 0; margin: 0; border: 0; border-spacing: 0; border-collapse: collapse; table-layout: fixed}
.reskin .ovulation-calculator .calendar table tr {padding: 0; margin: 0; border: 0}
.reskin .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}
.reskin .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}
.reskin .ovulation-calculator .calendar table td.prev:before, .reskin .ovulation-calculator .calendar table td.next:before {color: #d1d1d1}
.reskin .ovulation-calculator .calendar table td.fertile1, .reskin .ovulation-calculator .calendar table td.fertile2, .reskin .ovulation-calculator .calendar table td.fertile3, .reskin .ovulation-calculator .calendar table td.fertile4, .reskin .ovulation-calculator .calendar table td.fertile5 {background-color: #fff7fc}
.reskin .ovulation-calculator .calendar table td.fertile6, .reskin .ovulation-calculator .calendar table td.fertile7 {background-color: #f7f7f7}
.reskin .ovulation-calculator .calendar table td.menstruation, .reskin .ovulation-calculator .calendar table td.test {background-color: #f7f7ff}
.reskin .ovulation-calculator .calendar table td:before {display: block; position: absolute; top: 4px; left: 4px; color: #666; font-size: 10px; font-weight: normal}
.reskin .ovulation-calculator .calendar table td.d1.jan:before {content: "1 Jan"}
.reskin .ovulation-calculator .calendar table td.d1.feb:before {content: "1 Feb"}
.reskin .ovulation-calculator .calendar table td.d1.mar:before {content: "1 Mar"}
.reskin .ovulation-calculator .calendar table td.d1.apr:before {content: "1 Apr"}
.reskin .ovulation-calculator .calendar table td.d1.may:before {content: "1 May"}
.reskin .ovulation-calculator .calendar table td.d1.jun:before {content: "1 Jun"}
.reskin .ovulation-calculator .calendar table td.d1.jul:before {content: "1 Jul"}
.reskin .ovulation-calculator .calendar table td.d1.aug:before {content: "1 Aug"}
.reskin .ovulation-calculator .calendar table td.d1.sep:before {content: "1 Sep"}
.reskin .ovulation-calculator .calendar table td.d1.oct:before {content: "1 Oct"}
.reskin .ovulation-calculator .calendar table td.d1.nov:before {content: "1 Nov"}
.reskin .ovulation-calculator .calendar table td.d1.dec:before {content: "1 Dec"}
.reskin .ovulation-calculator .calendar table td.d2:before {content: "2"}
.reskin .ovulation-calculator .calendar table td.d3:before {content: "3"}
.reskin .ovulation-calculator .calendar table td.d4:before {content: "4"}
.reskin .ovulation-calculator .calendar table td.d5:before {content: "5"}
.reskin .ovulation-calculator .calendar table td.d6:before {content: "6"}
.reskin .ovulation-calculator .calendar table td.d7:before {content: "7"}
.reskin .ovulation-calculator .calendar table td.d8:before {content: "8"}
.reskin .ovulation-calculator .calendar table td.d9:before {content: "9"}
.reskin .ovulation-calculator .calendar table td.d10:before {content: "10"}
.reskin .ovulation-calculator .calendar table td.d11:before {content: "11"}
.reskin .ovulation-calculator .calendar table td.d12:before {content: "12"}
.reskin .ovulation-calculator .calendar table td.d13:before {content: "13"}
.reskin .ovulation-calculator .calendar table td.d14:before {content: "14"}
.reskin .ovulation-calculator .calendar table td.d15:before {content: "15"}
.reskin .ovulation-calculator .calendar table td.d16:before {content: "16"}
.reskin .ovulation-calculator .calendar table td.d17:before {content: "17"}
.reskin .ovulation-calculator .calendar table td.d18:before {content: "18"}
.reskin .ovulation-calculator .calendar table td.d19:before {content: "19"}
.reskin .ovulation-calculator .calendar table td.d20:before {content: "20"}
.reskin .ovulation-calculator .calendar table td.d21:before {content: "21"}
.reskin .ovulation-calculator .calendar table td.d22:before {content: "22"}
.reskin .ovulation-calculator .calendar table td.d23:before {content: "23"}
.reskin .ovulation-calculator .calendar table td.d24:before {content: "24"}
.reskin .ovulation-calculator .calendar table td.d25:before {content: "25"}
.reskin .ovulation-calculator .calendar table td.d26:before {content: "26"}
.reskin .ovulation-calculator .calendar table td.d27:before {content: "27"}
.reskin .ovulation-calculator .calendar table td.d28:before {content: "28"}
.reskin .ovulation-calculator .calendar table td.d29:before {content: "29"}
.reskin .ovulation-calculator .calendar table td.d30:before {content: "30"}
.reskin .ovulation-calculator .calendar table td.d31:before {content: "31"}
.reskin .ovulation-calculator .calendar i.fa-heart {color: #f9acda; position: relative}
.reskin .ovulation-calculator .calendar i.fa-heart:after {content: "\f004"; color: black; position: absolute; top: 0; left: 0; color: #ec008c}
.reskin .ovulation-calculator .calendar i.fa-heart.percent25:after {clip: rect(12px, 18px, 18px, 0)}
.reskin .ovulation-calculator .calendar i.fa-heart.percent50:after {clip: rect(9px, 18px, 18px, 0)}
.reskin .ovulation-calculator .calendar i.fa-heart.percent75:after {clip: rect(6px, 18px, 18px, 0)}
.reskin .ovulation-calculator .calendar i.fa-tint {color: #7878ff}
.reskin .ovulation-calculator .calendar i.fa-long-arrow-right {color: #aaa; transform: rotate(35deg)}
.reskin .ovulation-calculator .calendar i.fa-thumbs-up {color: #aaa}
.reskin .ovulation-calculator .calendar i.fa-magic {color: #7878ff}
.reskin .ovulation-calculator .calendar i.fa-calendar {color: #7878ff}
.reskin .ovulation-calculator .calendar i.fa-child {color: #7878ff}
.reskin .ovulation-calculator .calendar i + i {margin-left: 3px}
.reskin .ovulation-calculator .calendar .details {background-color: #f7f7ff; border-radius: 0 0 8px 8px; margin-bottom: -25px}
.reskin .ovulation-calculator .calendar .details .item {position: relative; color: #999; padding: 10px 0; overflow: hidden}
.reskin .ovulation-calculator .calendar .details .item + .item:before {content: ''; display: block; background: #dddeff; height: 1px; width: 100%; position: absolute; top: 0; margin-left: 40px}
.reskin .ovulation-calculator .calendar .details .icon {position: absolute; left: 10px; top: 10px; width: 20px; text-align: center; font-size: 18px}
.reskin .ovulation-calculator .calendar .details .date {color: #333; position: absolute; left: 40px; top: 10px}
.reskin .ovulation-calculator .calendar .details .desc {margin-left: 80px}
.reskin .ovulation-calculator .calendar .details .desc strong {color: #5f64fe !important}
.reskin .ovulation-calculator .calendar .details .more {margin-left: 80px; text-decoration: none !important; color: #5f64fe !important}
.reskin .ovulation-calculator .calendar .details .more:hover {text-decoration: underline !important}
.reskin .ovulation-calculator .custom-select-container select {width: auto; height: auto}
.reskin .due-date-calculator {max-width: 608px; margin-left: auto; margin-right: auto}
.reskin .due-date-calculator .calculator-title {background-color: #62cefc}
.reskin .due-date-calculator .calculator-title .calculator-title-icon-container {border-color: #62cefc}
.reskin .due-date-calculator .calculator-title .calculator-title-icon-container i {color: #62cefc}
.reskin .due-date-calculator .calculator-body {background-color: #daf3fe}
.reskin .due-date-calculator .calculator-body .form-container {background-color: #cbeffe}
.reskin .due-date-calculator .calculator-body .form-container .form-group.luteal-phase-form-group {margin-right: 16px}
.reskin .due-date-calculator .calculator-body .form-container .calculate-button {background-color: #62cefc; color: #fff; outline: none}
.reskin .due-date-calculator .calculator-body .form-container .calculate-button:hover, .reskin .due-date-calculator .calculator-body .form-container .calculate-button:focus {background-color: #94defd}
.reskin .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}
.reskin .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}
.reskin .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}
.reskin .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}
.reskin .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}
.reskin .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}
.reskin .due-date-calculator .results .event {font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 21px; position: relative}
.reskin .due-date-calculator .results .event.due {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500}
.reskin .due-date-calculator .results .event span {position: relative; left: 0; display: block; margin-bottom: 15px}
.reskin .due-date-calculator .results .event div {display: none}
.reskin .due-date-calculator .results .disclaimer {color: #bcbbb1; font-size: 12px; text-align: center; padding-top: 20px; opacity: .6}
.reskin .due-date-calculator .calculator-join {background: #f2f2e6; border-radius: 0 0 10px 10px; margin-top: -10px}
.reskin .due-date-calculator .calculator-join .congratulations {background: #f8f9fb; padding: 30px 35px; color: #666 !important}
.reskin .due-date-calculator .calculator-join .congratulations h3 {color: #ec008c !important; border: 0 !important; margin: 0 !important}
.reskin .due-date-calculator .calculator-join .congratulations p {margin: 15px 0 15px 0 !important; font-size: 14px}
.reskin .due-date-calculator .calculator-join .congratulations strong {color: #666 !important}
.reskin .due-date-calculator .calculator-join .guest {margin: 30px 30px 10px; padding-bottom: 15px}
.reskin .due-date-calculator .calculator-join .guest .row {margin-top: 15px; margin-bottom: 15px}
.reskin .due-date-calculator .calculator-join .join-now-form-container > h2 {display: none}
.reskin .due-date-calculator .calculator-join .join-now-form-container a {color: #4cb940}
.reskin .due-date-calculator .calculator-join .join-now-form-container a:hover {color: #4cb940}
.reskin .due-date-calculator .calculator-join .about-yourself-container, .reskin .due-date-calculator .calculator-join .dob-container, .reskin .due-date-calculator .calculator-join .bad-response-container, .reskin .due-date-calculator .calculator-join .bad-signin-response-container {-webkit-transition: all 0.6s; transition: all 0.6s}
.reskin .due-date-calculator .calculator-join .about-yourself-container.slide-out, .reskin .due-date-calculator .calculator-join .dob-container.slide-out, .reskin .due-date-calculator .calculator-join .bad-response-container.slide-out, .reskin .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)}
.reskin .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}
.reskin .due-date-calculator .calculator-join input[type="text"], .reskin .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}
.reskin .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}
.reskin .due-date-calculator .calculator-join .conditions-container a {color: #e62e49 !important; font-weight: bold; text-decoration: none !important}
.reskin .due-date-calculator .custom-select-container, .reskin .due-date-calculator .l-join-form .custom-select-container {width: auto; height: auto; max-width: 100%}
.reskin .due-date-calculator .custom-select-container select, .reskin .due-date-calculator .l-join-form .custom-select-container select {width: auto; height: auto; margin-bottom: 0}
.reskin .due-date-calculator .l-join-form .thank-you {text-align: left; margin: 0 30px}
.reskin .due-date-calculator .l-join-form .thank-you p {font-size: 14px}
.reskin .due-date-calculator .l-join-form .about-yourself p, .reskin .due-date-calculator .l-join-form .bad-response p {margin: 8px 0}
.reskin .due-date-calculator .model .modal-header .close {text-decoration: none}
.reskin .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}
.reskin .due-date-calculator .model .modal-body a {color: #4cb940; font-weight: bold}
@media (min-width: 450px) {.reskin .due-date-calculator .calculator-join .congratulations {background: #f8f9fb url("/images/calculators/due-date-calculator/congratulations-banner.jpg") 100% 50% no-repeat; background-size: contain}
.reskin .due-date-calculator .calculator-join .congratulations p {margin: 15px 45% 15px 0 !important}
}
@media (min-width: 992px) {.reskin .due-date-calculator .results {text-align: left}
.reskin .due-date-calculator .results .calendar {position: absolute; top: 30px; right: 20px; width: 150px; height: 150px; margin: 0}
.reskin .due-date-calculator .results .calendar strong {font-size: 80px; line-height: 1}
.reskin .due-date-calculator .results .event span {position: absolute; top: 0; left: 210px}
.reskin .due-date-calculator .results .event div {margin-bottom: 3px}
}
.reskin .eye-colour-predictor {max-width: 750px; margin-left: auto; margin-right: auto}
.reskin .eye-colour-predictor .calculator-title {background-color: #f039a6; padding: 28px 30px 30px 85px}
.reskin .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}
.reskin .eye-colour-predictor .calculator-body {background: #fde5f3; padding: 30px 20px 35px}
.reskin .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}
.reskin .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}
.reskin .eye-colour-predictor .calculator-body .eye.blue:before {background-position: 0 0}
.reskin .eye-colour-predictor .calculator-body .eye.brown:before {background-position: -62px 0}
.reskin .eye-colour-predictor .calculator-body .eye.green:before {background-position: -124px 0}
.reskin .eye-colour-predictor .calculator-body .form-container {background-color: #fcdbee; border: 1px dashed #f8a0d4}
.reskin .eye-colour-predictor .calculator-body .form-container:before, .reskin .eye-colour-predictor .calculator-body .form-container:after {content: " "; display: table}
.reskin .eye-colour-predictor .calculator-body .form-container:after {clear: both}
.reskin .eye-colour-predictor .calculator-body .form-container .form-group {width: 100%; float: left; margin: 0; padding-bottom: 20px; text-align: center; position: relative}
.reskin .eye-colour-predictor .calculator-body .form-container .form-group + .form-group {margin-top: 20px}
.reskin .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) {.reskin .eye-colour-predictor .calculator-body .form-container .form-group {width: 50%; margin-top: 0}
.reskin .eye-colour-predictor .calculator-body .form-container .form-group + .form-group {margin-top: 0}
.reskin .eye-colour-predictor .calculator-body .form-container .form-group + .form-group:before {width: 1px; height: 60%; top: 20%; left: 0}
}
.reskin .eye-colour-predictor .calculator-body .form-container .parent.blue .eye.blue {border-color: #00aeef; color: #00aeef}
.reskin .eye-colour-predictor .calculator-body .form-container .parent.blue .eye.brown, .reskin .eye-colour-predictor .calculator-body .form-container .parent.blue .eye.green {opacity: .5}
.reskin .eye-colour-predictor .calculator-body .form-container .parent.brown .eye.brown {border-color: #b37a36; color: #b37a36}
.reskin .eye-colour-predictor .calculator-body .form-container .parent.brown .eye.blue, .reskin .eye-colour-predictor .calculator-body .form-container .parent.brown .eye.green {opacity: .5}
.reskin .eye-colour-predictor .calculator-body .form-container .parent.green .eye.green {border-color: #78b336; color: #78b336}
.reskin .eye-colour-predictor .calculator-body .form-container .parent.green .eye.blue, .reskin .eye-colour-predictor .calculator-body .form-container .parent.green .eye.brown {opacity: .5}
.reskin .eye-colour-predictor .calculator-body .form-container .parent .eye {cursor: pointer; margin-bottom: 28px}
.reskin .eye-colour-predictor .calculator-body .form-container .parent .eye:after {display: block; width: 100%; text-align: center; position: absolute; bottom: -28px}
.reskin .eye-colour-predictor .calculator-body .form-container .parent .eye.blue:after {content: 'Blue'}
.reskin .eye-colour-predictor .calculator-body .form-container .parent .eye.brown:after {content: 'Brown'}
.reskin .eye-colour-predictor .calculator-body .form-container .parent .eye.green:after {content: 'Green'}
.reskin .eye-colour-predictor .calculator-body .form-container .calculate-button {background-color: #ec008c; color: #fff; outline: none; text-shadow: none; box-shadow: none}
.reskin .eye-colour-predictor .calculator-body .form-container .calculate-button:hover, .reskin .eye-colour-predictor .calculator-body .form-container .calculate-button:focus {background-color: #ff20a4}
.reskin .eye-colour-predictor .results {border: 1px solid #fbcbe7; border-radius: 8px; background-color: #fef8fc; margin-top: 28px; padding-bottom: 25px}
.reskin .eye-colour-predictor .results.blue-blue .pie .slice.green {-webkit-transform: rotate(86deg); transform: rotate(86deg)}
.reskin .eye-colour-predictor .results.blue-blue .pie .slice.green:before {-webkit-transform: rotate(4deg); transform: rotate(4deg)}
.reskin .eye-colour-predictor .results.blue-blue .pie .label.green {-webkit-transform: rotate(-182deg); transform: rotate(-182deg)}
.reskin .eye-colour-predictor .results.blue-blue .pie .label.green:before {content: "Green 1%"; -webkit-transform: rotate(182deg); transform: rotate(182deg)}
.reskin .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)}
.reskin .eye-colour-predictor .results.blue-blue .pie .slice.blue:before {left: 0}
.reskin .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}
.reskin .eye-colour-predictor .results.blue-blue .pie .slice.blue:before {-webkit-transform: rotate(356deg); transform: rotate(356deg)}
.reskin .eye-colour-predictor .results.blue-blue .pie .label.blue {-webkit-transform: rotate(-2deg); transform: rotate(-2deg)}
.reskin .eye-colour-predictor .results.blue-blue .pie .label.blue:before {content: "Blue 99%"; -webkit-transform: rotate(2deg); transform: rotate(2deg)}
.reskin .eye-colour-predictor .results.blue-brown .pie .slice.brown, .reskin .eye-colour-predictor .results.brown-blue .pie .slice.brown {-webkit-transform: rotate(-90deg); transform: rotate(-90deg)}
.reskin .eye-colour-predictor .results.blue-brown .pie .slice.brown:before, .reskin .eye-colour-predictor .results.brown-blue .pie .slice.brown:before {-webkit-transform: rotate(180deg); transform: rotate(180deg)}
.reskin .eye-colour-predictor .results.blue-brown .pie .label.brown, .reskin .eye-colour-predictor .results.brown-blue .pie .label.brown {-webkit-transform: rotate(-270deg); transform: rotate(-270deg)}
.reskin .eye-colour-predictor .results.blue-brown .pie .label.brown:before, .reskin .eye-colour-predictor .results.brown-blue .pie .label.brown:before {content: "Brown 50%"; -webkit-transform: rotate(270deg); transform: rotate(270deg)}
.reskin .eye-colour-predictor .results.blue-brown .pie .slice.blue, .reskin .eye-colour-predictor .results.brown-blue .pie .slice.blue {-webkit-transform: rotate(90deg); transform: rotate(90deg)}
.reskin .eye-colour-predictor .results.blue-brown .pie .slice.blue:before, .reskin .eye-colour-predictor .results.brown-blue .pie .slice.blue:before {-webkit-transform: rotate(180deg); transform: rotate(180deg)}
.reskin .eye-colour-predictor .results.blue-brown .pie .label.blue, .reskin .eye-colour-predictor .results.brown-blue .pie .label.blue {-webkit-transform: rotate(-90deg); transform: rotate(-90deg)}
.reskin .eye-colour-predictor .results.blue-brown .pie .label.blue:before, .reskin .eye-colour-predictor .results.brown-blue .pie .label.blue:before {content: "Blue 50%"; -webkit-transform: rotate(90deg); transform: rotate(90deg)}
.reskin .eye-colour-predictor .results.blue-green .pie .slice.green, .reskin .eye-colour-predictor .results.green-blue .pie .slice.green {-webkit-transform: rotate(90deg); transform: rotate(90deg)}
.reskin .eye-colour-predictor .results.blue-green .pie .slice.green:before, .reskin .eye-colour-predictor .results.green-blue .pie .slice.green:before {-webkit-transform: rotate(180deg); transform: rotate(180deg)}
.reskin .eye-colour-predictor .results.blue-green .pie .label.green, .reskin .eye-colour-predictor .results.green-blue .pie .label.green {-webkit-transform: rotate(-90deg); transform: rotate(-90deg)}
.reskin .eye-colour-predictor .results.blue-green .pie .label.green:before, .reskin .eye-colour-predictor .results.green-blue .pie .label.green:before {content: "Green 50%"; -webkit-transform: rotate(90deg); transform: rotate(90deg)}
.reskin .eye-colour-predictor .results.blue-green .pie .slice.blue, .reskin .eye-colour-predictor .results.green-blue .pie .slice.blue {-webkit-transform: rotate(270deg); transform: rotate(270deg)}
.reskin .eye-colour-predictor .results.blue-green .pie .slice.blue:before, .reskin .eye-colour-predictor .results.green-blue .pie .slice.blue:before {-webkit-transform: rotate(180deg); transform: rotate(180deg)}
.reskin .eye-colour-predictor .results.blue-green .pie .label.blue, .reskin .eye-colour-predictor .results.green-blue .pie .label.blue {-webkit-transform: rotate(90deg); transform: rotate(90deg)}
.reskin .eye-colour-predictor .results.blue-green .pie .label.blue:before, .reskin .eye-colour-predictor .results.green-blue .pie .label.blue:before {content: "Blue 50%"; -webkit-transform: rotate(-90deg); transform: rotate(-90deg)}
.reskin .eye-colour-predictor .results.brown-brown .pie .slice.green {-webkit-transform: rotate(55deg); transform: rotate(55deg)}
.reskin .eye-colour-predictor .results.brown-brown .pie .slice.green:before {-webkit-transform: rotate(65deg); transform: rotate(65deg)}
.reskin .eye-colour-predictor .results.brown-brown .pie .label.green {-webkit-transform: rotate(-182deg); transform: rotate(-182deg)}
.reskin .eye-colour-predictor .results.brown-brown .pie .label.green:before {content: "Green 18%"; -webkit-transform: rotate(182deg); transform: rotate(182deg)}
.reskin .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)}
.reskin .eye-colour-predictor .results.brown-brown .pie .slice.brown:before {left: 0}
.reskin .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}
.reskin .eye-colour-predictor .results.brown-brown .pie .slice.brown:before {-webkit-transform: rotate(270deg); transform: rotate(270deg)}
.reskin .eye-colour-predictor .results.brown-brown .pie .label.brown {-webkit-transform: rotate(-15deg); transform: rotate(-15deg)}
.reskin .eye-colour-predictor .results.brown-brown .pie .label.brown:before {content: "Brown 75%"; -webkit-transform: rotate(15deg); transform: rotate(15deg)}
.reskin .eye-colour-predictor .results.brown-brown .pie .slice.blue {-webkit-transform: rotate(390deg); transform: rotate(390deg)}
.reskin .eye-colour-predictor .results.brown-brown .pie .slice.blue:before {-webkit-transform: rotate(25deg); transform: rotate(25deg)}
.reskin .eye-colour-predictor .results.brown-brown .pie .label.blue {-webkit-transform: rotate(133deg); transform: rotate(133deg)}
.reskin .eye-colour-predictor .results.brown-brown .pie .label.blue:before {content: "Blue 7%"; -webkit-transform: rotate(-133deg); transform: rotate(-133deg)}
.reskin .eye-colour-predictor .results.brown-green .pie .slice.green, .reskin .eye-colour-predictor .results.green-brown .pie .slice.green {-webkit-transform: rotate(-47deg); transform: rotate(-47deg)}
.reskin .eye-colour-predictor .results.brown-green .pie .slice.green:before, .reskin .eye-colour-predictor .results.green-brown .pie .slice.green:before {-webkit-transform: rotate(137deg); transform: rotate(137deg)}
.reskin .eye-colour-predictor .results.brown-green .pie .label.green, .reskin .eye-colour-predictor .results.green-brown .pie .label.green {-webkit-transform: rotate(-248deg); transform: rotate(-248deg)}
.reskin .eye-colour-predictor .results.brown-green .pie .label.green:before, .reskin .eye-colour-predictor .results.green-brown .pie .label.green:before {content: "Green 38%"; -webkit-transform: rotate(248deg); transform: rotate(248deg)}
.reskin .eye-colour-predictor .results.brown-green .pie .slice.brown, .reskin .eye-colour-predictor .results.green-brown .pie .slice.brown {-webkit-transform: rotate(90deg); transform: rotate(90deg)}
.reskin .eye-colour-predictor .results.brown-green .pie .slice.brown:before, .reskin .eye-colour-predictor .results.green-brown .pie .slice.brown:before {-webkit-transform: rotate(180deg); transform: rotate(180deg)}
.reskin .eye-colour-predictor .results.brown-green .pie .label.brown, .reskin .eye-colour-predictor .results.green-brown .pie .label.brown {-webkit-transform: rotate(-90deg); transform: rotate(-90deg)}
.reskin .eye-colour-predictor .results.brown-green .pie .label.brown:before, .reskin .eye-colour-predictor .results.green-brown .pie .label.brown:before {content: "Brown 50%"; -webkit-transform: rotate(90deg); transform: rotate(90deg)}
.reskin .eye-colour-predictor .results.brown-green .pie .slice.blue, .reskin .eye-colour-predictor .results.green-brown .pie .slice.blue {-webkit-transform: rotate(270deg); transform: rotate(270deg)}
.reskin .eye-colour-predictor .results.brown-green .pie .slice.blue:before, .reskin .eye-colour-predictor .results.green-brown .pie .slice.blue:before {-webkit-transform: rotate(43deg); transform: rotate(43deg)}
.reskin .eye-colour-predictor .results.brown-green .pie .label.blue, .reskin .eye-colour-predictor .results.green-brown .pie .label.blue {-webkit-transform: rotate(22deg); transform: rotate(22deg)}
.reskin .eye-colour-predictor .results.brown-green .pie .label.blue:before, .reskin .eye-colour-predictor .results.green-brown .pie .label.blue:before {content: "Blue 12%"; -webkit-transform: rotate(-22deg); transform: rotate(-22deg)}
.reskin .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)}
.reskin .eye-colour-predictor .results.green-green .pie .slice.green:before {left: 0}
.reskin .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}
.reskin .eye-colour-predictor .results.green-green .pie .slice.green:before {-webkit-transform: rotate(270deg); transform: rotate(270deg)}
.reskin .eye-colour-predictor .results.green-green .pie .label.green {-webkit-transform: rotate(-45deg); transform: rotate(-45deg)}
.reskin .eye-colour-predictor .results.green-green .pie .label.green:before {content: "Green 75%"; -webkit-transform: rotate(45deg); transform: rotate(45deg)}
.reskin .eye-colour-predictor .results.green-green .pie .slice.blue {-webkit-transform: rotate(360deg); transform: rotate(360deg)}
.reskin .eye-colour-predictor .results.green-green .pie .slice.blue:before {-webkit-transform: rotate(90deg); transform: rotate(90deg)}
.reskin .eye-colour-predictor .results.green-green .pie .label.blue {-webkit-transform: rotate(135deg); transform: rotate(135deg)}
.reskin .eye-colour-predictor .results.green-green .pie .label.blue:before {content: "Blue 25%"; -webkit-transform: rotate(-135deg); transform: rotate(-135deg)}
.reskin .eye-colour-predictor .results.blue-blue .overview .eye.brown, .reskin .eye-colour-predictor .results.blue-blue .overview .eye.green {display: none}
.reskin .eye-colour-predictor .results.blue-blue .overview .colour1:before {content: 'Blue'; color: #00aeef}
.reskin .eye-colour-predictor .results.blue-blue .overview .multi {display: none}
.reskin .eye-colour-predictor .results.blue-brown .overview .eye.green, .reskin .eye-colour-predictor .results.brown-blue .overview .eye.green {display: none}
.reskin .eye-colour-predictor .results.blue-brown .overview .colour1:before, .reskin .eye-colour-predictor .results.brown-blue .overview .colour1:before {content: 'Blue'; color: #00aeef}
.reskin .eye-colour-predictor .results.blue-brown .overview .colour2:before, .reskin .eye-colour-predictor .results.brown-blue .overview .colour2:before {content: 'Brown'; color: #b37a36}
.reskin .eye-colour-predictor .results.blue-brown .overview .single, .reskin .eye-colour-predictor .results.brown-blue .overview .single {display: none}
.reskin .eye-colour-predictor .results.blue-green .overview .eye.brown, .reskin .eye-colour-predictor .results.green-blue .overview .eye.brown {display: none}
.reskin .eye-colour-predictor .results.blue-green .overview .colour1:before, .reskin .eye-colour-predictor .results.green-blue .overview .colour1:before {content: 'Blue'; color: #00aeef}
.reskin .eye-colour-predictor .results.blue-green .overview .colour2:before, .reskin .eye-colour-predictor .results.green-blue .overview .colour2:before {content: 'Green'; color: #78b336}
.reskin .eye-colour-predictor .results.blue-green .overview .single, .reskin .eye-colour-predictor .results.green-blue .overview .single {display: none}
.reskin .eye-colour-predictor .results.brown-brown .overview .eye.blue, .reskin .eye-colour-predictor .results.brown-brown .overview .eye.green {display: none}
.reskin .eye-colour-predictor .results.brown-brown .overview .colour1:before {content: 'Brown'; color: #b37a36}
.reskin .eye-colour-predictor .results.brown-brown .overview .multi {display: none}
.reskin .eye-colour-predictor .results.brown-green .overview .eye.blue, .reskin .eye-colour-predictor .results.brown-green .overview .eye.green, .reskin .eye-colour-predictor .results.green-brown .overview .eye.blue, .reskin .eye-colour-predictor .results.green-brown .overview .eye.green {display: none}
.reskin .eye-colour-predictor .results.brown-green .overview .colour1:before, .reskin .eye-colour-predictor .results.green-brown .overview .colour1:before {content: 'Brown'; color: #b37a36}
.reskin .eye-colour-predictor .results.brown-green .overview .multi, .reskin .eye-colour-predictor .results.green-brown .overview .multi {display: none}
.reskin .eye-colour-predictor .results.green-green .overview .eye.blue, .reskin .eye-colour-predictor .results.green-green .overview .eye.brown {display: none}
.reskin .eye-colour-predictor .results.green-green .overview .colour1:before {content: 'Green'; color: #78b336}
.reskin .eye-colour-predictor .results.green-green .overview .multi {display: none}
.reskin .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}
.reskin .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}
.reskin .eye-colour-predictor .results .cols {display: block}
.reskin .eye-colour-predictor .results .graph, .reskin .eye-colour-predictor .results .words {display: block; vertical-align: middle; text-align: center}
.reskin .eye-colour-predictor .results .words {position: relative}
.reskin .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) {.reskin .eye-colour-predictor .results .cols {display: table-row}
.reskin .eye-colour-predictor .results .graph, .reskin .eye-colour-predictor .results .words {display: table-cell}
.reskin .eye-colour-predictor .results .graph {width: 55%}
.reskin .eye-colour-predictor .results .words {width: 45%}
.reskin .eye-colour-predictor .results .words:before {left: 0; top: 10%; width: 1px; height: 80%}
}
.reskin .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}
.reskin .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)}
.reskin .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}
.reskin .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}
.reskin .eye-colour-predictor .results .pie .slice.blue:before, .reskin .eye-colour-predictor .results .pie .slice.blue:after {background-color: #00aeef}
.reskin .eye-colour-predictor .results .pie .slice.brown:after, .reskin .eye-colour-predictor .results .pie .slice.brown:before {background-color: #b37a36}
.reskin .eye-colour-predictor .results .pie .slice.green:after, .reskin .eye-colour-predictor .results .pie .slice.green:before {background-color: #78b336}
.reskin .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}
.reskin .eye-colour-predictor .results .pie .label:empty {display: block}
.reskin .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}
.reskin .eye-colour-predictor .results .overview {padding: 20px 50px; margin-top: 20px}
@media (min-width: 768px) {.reskin .eye-colour-predictor .results .overview {margin-top: 0}
}
.reskin .eye-colour-predictor .results .overview .message {color: #333}
.reskin .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}
}
.reskin .height-predictor {max-width: 750px; margin-left: auto; margin-right: auto; overflow: hidden; -webkit-font-smoothing: auto; width: 100%}
.reskin .height-predictor.splash .calculator-body {background-color: #60dba6; padding: 0 20px}
.reskin .height-predictor.splash .splash {display: block; position: relative}
.reskin .height-predictor.splash .splash .scale {bottom: -20px; left: 35%}
.reskin .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}
.reskin .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}
.reskin .height-predictor.splash .form-container, .reskin .height-predictor.splash .results {display: none}
@media (min-width: 640px) and (max-width: 768px) {.reskin .height-predictor.splash .calculator-title {padding: 28px 5px 30px 285px}
.reskin .height-predictor.splash .calculator-title .calculator-title-icon-container-small {left: 235px}
.reskin .height-predictor.splash .splash {height: 215px; padding-left: 275px}
.reskin .height-predictor.splash .splash .scale {bottom: -15px; left: 55px}
.reskin .height-predictor.splash .splash .words {height: 215px; display: table-cell; vertical-align: middle; text-align: left; padding: 20px 0}
.reskin .height-predictor.splash .splash .try-button {margin-left: 0; margin-right: 0}
.reskin .height-predictor.splash .splash .try-button:hover, .reskin .height-predictor.splash .splash .try-button:focus {background-color: #f57dc4}
}
@media (min-width: 992px) {.reskin .height-predictor.splash .calculator-title {padding: 28px 5px 30px 285px}
.reskin .height-predictor.splash .calculator-title .calculator-title-icon-container-small {left: 235px}
.reskin .height-predictor.splash .splash {height: 215px; padding-left: 275px}
.reskin .height-predictor.splash .splash .scale {bottom: -15px; left: 55px}
.reskin .height-predictor.splash .splash .words {height: 215px; display: table-cell; vertical-align: middle; text-align: left; padding: 20px 0}
.reskin .height-predictor.splash .splash .try-button {margin-left: 0; margin-right: 0}
.reskin .height-predictor.splash .splash .try-button:hover, .reskin .height-predictor.splash .splash .try-button:focus {background-color: #f57dc4}
}
.reskin .height-predictor .splash {display: none}
.reskin .height-predictor .calculator-title {background-color: #55c393; padding: 28px 20px 30px 85px}
.reskin .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}
.reskin .height-predictor .calculator-body {background-color: #e9f7f1; padding: 30px 20px 35px}
.reskin .height-predictor .calculator-body .form-container {background-color: #e0f4eb; border: 1px dashed #ade2cb}
.reskin .height-predictor .calculator-body .form-container .form-inline {text-align: center}
@media (min-width: 768px) {.reskin .height-predictor .calculator-body .form-container .form-inline {text-align: left}
}
.reskin .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}
.reskin .height-predictor .calculator-body .form-container .form-group label {text-align: center}
.reskin .height-predictor .calculator-body .form-container .baby {white-space: nowrap}
.reskin .height-predictor .calculator-body .form-container .baby.boy .boy, .reskin .height-predictor .calculator-body .form-container .baby.girl .girl {border: 2px solid #ade2cb}
.reskin .height-predictor .calculator-body .form-container .baby.boy .girl, .reskin .height-predictor .calculator-body .form-container .baby.girl .boy {opacity: .5}
.reskin .height-predictor .calculator-body .form-container .baby .boy, .reskin .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}
.reskin .height-predictor .calculator-body .form-container .baby .boy:before, .reskin .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}
.reskin .height-predictor .calculator-body .form-container .baby .boy:before {background-image: url("/images/calculators/height-predictor/boy.svg")}
.reskin .height-predictor .calculator-body .form-container .baby .girl {margin-left: 3px}
.reskin .height-predictor .calculator-body .form-container .baby .girl:before {background-image: url("/images/calculators/height-predictor/girl.svg")}
.reskin .height-predictor .calculator-body .form-container .mother, .reskin .height-predictor .calculator-body .form-container .father {position: relative; border-radius: 10px; margin-right: 50px}
.reskin .height-predictor .calculator-body .form-container .mother input, .reskin .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}
.reskin .height-predictor .calculator-body .form-container .mother input:focus, .reskin .height-predictor .calculator-body .form-container .father input:focus {border-color: #ade2cb; outline: 0}
.reskin .height-predictor .calculator-body .form-container .mother:after, .reskin .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}
.reskin .height-predictor .calculator-body .form-container .calculate-button {clear: both; background-color: #23b274; color: #fff; outline: none; text-shadow: none; box-shadow: none}
.reskin .height-predictor .calculator-body .form-container .calculate-button:hover, .reskin .height-predictor .calculator-body .form-container .calculate-button:focus {background-color: #31d78f}
.reskin .height-predictor .results {margin-top: 30px; border-radius: 6px; width: 100%; position: relative; color: #fff; text-align: center}
.reskin .height-predictor .results.boy {background-color: #64cef6}
.reskin .height-predictor .results.boy .words:after {background-color: #88d9f8}
.reskin .height-predictor .results.boy .marker.min, .reskin .height-predictor .results.boy .marker.max {background-color: #f362bb}
.reskin .height-predictor .results.boy .marker.min:before, .reskin .height-predictor .results.boy .marker.max:before {border-color: transparent #f362bb transparent transparent}
.reskin .height-predictor .results.boy .marker.prob {background-color: #e7007a}
.reskin .height-predictor .results.boy .marker.prob:before {border-color: transparent #e7007a transparent transparent}
.reskin .height-predictor .results.girl {background-color: #f24daf}
.reskin .height-predictor .results.girl .words:after {background-color: #da9dd5}
.reskin .height-predictor .results.girl .marker.min, .reskin .height-predictor .results.girl .marker.max {background-color: #80d7f7}
.reskin .height-predictor .results.girl .marker.min:before, .reskin .height-predictor .results.girl .marker.max:before {border-color: transparent #80d7f7 transparent transparent}
.reskin .height-predictor .results.girl .marker.prob {background-color: #00aeef}
.reskin .height-predictor .results.girl .marker.prob:before {border-color: transparent #00aeef transparent transparent}
.reskin .height-predictor .results.boy .gender:before {content: 'boy'}
.reskin .height-predictor .results.girl .gender:before {content: 'girl'}
.reskin .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}
.reskin .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}
.reskin .height-predictor .results .cols {display: block}
.reskin .height-predictor .results .graph, .reskin .height-predictor .results .words {vertical-align: middle; text-align: center}
.reskin .height-predictor .results .graph {display: inline-block; height: 330px; width: 250px; margin-top: 30px; position: relative}
.reskin .height-predictor .results .words {display: block; position: relative; padding: 30px 0 10px 0}
.reskin .height-predictor .results .words:after {content: ''; display: block; position: absolute; left: 10%; bottom: -20px; width: 80%; height: 1px}
@media (min-width: 768px) {.reskin .height-predictor .results {text-align: left}
.reskin .height-predictor .results .cols {display: table-row}
.reskin .height-predictor .results .graph, .reskin .height-predictor .results .words {display: table-cell; position: relative; height: 340px}
.reskin .height-predictor .results .graph {width: 45%; right: 55%}
.reskin .height-predictor .results .words {top: 0; width: 55%; left: 45%; padding: 0}
.reskin .height-predictor .results .words:after {left: 0; top: 10%; bottom: 0; width: 1px; height: 80%}
}
.reskin .height-predictor .results .words {position: relative}
.reskin .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}
.reskin .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}
.reskin .height-predictor .results .words .disclaimer {color: #fff; font-size: 12px; padding: 20px 30px 0}
.reskin .height-predictor .scale {position: absolute; bottom: 10px; left: 75px; width: 40px; height: 220px}
.reskin .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}
.reskin .height-predictor .scale.s275 {counter-reset: notches 275}
.reskin .height-predictor .scale.s270 {counter-reset: notches 270}
.reskin .height-predictor .scale.s265 {counter-reset: notches 265}
.reskin .height-predictor .scale.s260 {counter-reset: notches 260}
.reskin .height-predictor .scale.s255 {counter-reset: notches 255}
.reskin .height-predictor .scale.s250 {counter-reset: notches 250}
.reskin .height-predictor .scale.s245 {counter-reset: notches 245}
.reskin .height-predictor .scale.s240 {counter-reset: notches 240}
.reskin .height-predictor .scale.s235 {counter-reset: notches 235}
.reskin .height-predictor .scale.s230 {counter-reset: notches 230}
.reskin .height-predictor .scale.s225 {counter-reset: notches 225}
.reskin .height-predictor .scale.s220 {counter-reset: notches 220}
.reskin .height-predictor .scale.s215 {counter-reset: notches 215}
.reskin .height-predictor .scale.s210 {counter-reset: notches 210}
.reskin .height-predictor .scale.s205 {counter-reset: notches 205}
.reskin .height-predictor .scale.s200 {counter-reset: notches 200}
.reskin .height-predictor .scale.s195 {counter-reset: notches 195}
.reskin .height-predictor .scale.s190 {counter-reset: notches 190}
.reskin .height-predictor .scale.s185 {counter-reset: notches 185}
.reskin .height-predictor .scale.s180 {counter-reset: notches 180}
.reskin .height-predictor .scale.s175 {counter-reset: notches 175}
.reskin .height-predictor .scale.s170 {counter-reset: notches 170}
.reskin .height-predictor .scale.s165 {counter-reset: notches 165}
.reskin .height-predictor .scale.s160 {counter-reset: notches 160}
.reskin .height-predictor .scale.s155 {counter-reset: notches 155}
.reskin .height-predictor .scale.s150 {counter-reset: notches 150}
.reskin .height-predictor .scale.s145 {counter-reset: notches 145}
.reskin .height-predictor .scale.s140 {counter-reset: notches 140}
.reskin .height-predictor .scale.s135 {counter-reset: notches 135}
.reskin .height-predictor .scale.s130 {counter-reset: notches 130}
.reskin .height-predictor .scale.s125 {counter-reset: notches 125}
.reskin .height-predictor .scale.s120 {counter-reset: notches 120}
.reskin .height-predictor .scale.s115 {counter-reset: notches 115}
.reskin .height-predictor .scale.s110 {counter-reset: notches 110}
.reskin .height-predictor .scale.s105 {counter-reset: notches 105}
.reskin .height-predictor .scale.s100 {counter-reset: notches 100}
.reskin .height-predictor .scale.s95 {counter-reset: notches 95}
.reskin .height-predictor .scale.s90 {counter-reset: notches 90}
.reskin .height-predictor .scale.s85 {counter-reset: notches 85}
.reskin .height-predictor .scale.s80 {counter-reset: notches 80}
.reskin .height-predictor .scale.s75 {counter-reset: notches 75}
.reskin .height-predictor .scale .notch {counter-increment: notches -5; background-color: #ba7139; height: 2px; margin: 23px 0 23px 20px; position: relative}
.reskin .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}
.reskin .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}
.reskin .height-predictor .scale .marker.min, .reskin .height-predictor .scale .marker.max {padding-right: 20px}
.reskin .height-predictor .scale .marker.min:before, .reskin .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}
.reskin .height-predictor .scale .marker.min {bottom: 58px}
.reskin .height-predictor .scale .marker.max {bottom: 158px}
.reskin .height-predictor .scale .marker.prob, .reskin .height-predictor .scale .marker.eg {bottom: 101px; height: 40px; line-height: 40px; padding-right: 25px; font-size: 24px}
.reskin .height-predictor .scale .marker.prob:before, .reskin .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}
.reskin .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}
.reskin .height-predictor .scale .marker.eg:before {border-color: transparent #55c393 transparent transparent}
@media (min-width: 768px) and (max-width: 991px) {.reskin .height-predictor .scale {left: 45px}
}
.reskin .custom-select-container {border-radius: 10px; padding: 10px 8px; background: #fff; position: relative; display: inline-block}
.reskin .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) {.reskin .custom-select-container:before {text-align: left}
}
.reskin .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) {.reskin .custom-select-container select {-webkit-appearance: none; padding: 0 28px 0 7px}
}
.reskin .custom-select-container + .custom-select-container {margin-left: 10px}
.reskin .full-width {width: 100% !important}
@media (max-width: 768px) {.reskin .x-scroll {overflow-x: auto}
}
.reskin .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}
.reskin .intro .btn-red:hover {background-color: #c91832}
.reskin .intro.product {display: block; border-radius: 15px; background-color: #4cc6bb; margin-bottom: 20px}
.reskin .intro.product.drynites {background-color: #3b73b9}
.reskin .intro.product.wipes {background-color: #00ae9e}
.reskin .intro.product.nappies {background-color: #44c8f5}
.reskin .intro.product.nappy-pants-resealable {background-color: #a2c756}
.reskin .intro.product.nappy-pants {background-color: #41aa39}
.reskin .intro.product.little-swimmers {background-color: #f8b62c}
.reskin .intro.product.disposable-mats {background-color: #52c5ba}
.reskin .intro.product.bed-mats {background-color: #29a5cf}
.reskin .intro.product.pull-ups {background-color: #2cc6f8}
.reskin .intro.product.little-groover {background-color: #e10174; min-height: 300px}
.reskin .intro.product.skin-care {background-color: #2cb17a}
.reskin .intro.product.chfa {background-color: #2ccebb}
.reskin .intro.product.chfa .btn-pink {color: #fff !important}
@media (min-width: 768px) {.reskin .intro.product {min-height: 280px; background-repeat: no-repeat; background-position: top right; background-size: contain}
.reskin .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) {.reskin .intro.product.drynites {background-image: url("/images/intro-banners/products/drynites@2x.jpg")}
}
@media (min-width: 768px) {.reskin .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) {.reskin .intro.product.wipes {background-image: url("/images/intro-banners/products/wipes@2x.jpg")}
}
@media (min-width: 768px) {.reskin .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) {.reskin .intro.product.nappies {background-image: url("/images/intro-banners/products/nappies@2x.jpg")}
}
@media (min-width: 768px) {.reskin .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) {.reskin .intro.product.newborn-nappies {background-image: url("/images/intro-banners/products/newborn-nappies@2x.jpg")}
}
@media (min-width: 768px) {.reskin .intro.product.nappy-pants-resealable {background-image: url("/images/intro-banners/products/nappy-pants-resealable.jpg")}
.reskin .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) {.reskin .intro.product.nappy-pants {background-image: url("/images/intro-banners/products/nappy-pants@2x.jpg")}
}
@media (min-width: 768px) {.reskin .intro.product.little-swimmers {background-image: url("/images/intro-banners/products/little-swimmers.jpg")}
.reskin .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) {.reskin .intro.product.disposable-mats {background-image: url("/images/intro-banners/products/disposable-mats@2x.jpg")}
}
@media (min-width: 768px) {.reskin .intro.product.change-mats {background-image: url("/images/intro-banners/products/change-mats.jpg")}
.reskin .intro.product.bed-mats {background-image: url("/images/intro-banners/products/bed-mats.jpg")}
.reskin .intro.product.new-baby-gift-pack {background-image: url("/images/intro-banners/products/new-baby-gift-pack.jpg")}
.reskin .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) {.reskin .intro.product.pull-ups {background-image: url("/images/intro-banners/products/pull-ups@2x.jpg")}
}
@media (min-width: 768px) {.reskin .intro.product.little-groover {background-image: url("/images/intro-banners/products/bg-intro-groover.jpg")}
.reskin .intro.product.little-groover .i-info {width: 480px !important}
.reskin .intro.product.little-groover .i-info h2 {font-size: 24px; margin-top: 30px; margin-bottom: 20px; border-bottom: none !important; padding-bottom: 0}
.reskin .intro.product.skin-care {min-height: 287px}
.reskin .intro.product.skin-care.baby-bathing {background-image: url("/images/intro-banners/baby-care/bathing.jpg")}
.reskin .intro.product.skin-care.tips {background-image: url("/images/intro-banners/baby-care/tips.jpg")}
.reskin .intro.product.skin-care.baby-massage {background-image: url("/images/intro-banners/baby-care/massage.jpg")}
.reskin .intro.product.skin-care.bumps {background-image: url("/images/intro-banners/baby-care/bumps.jpg")}
.reskin .intro.product.skin-care.baby-sun-care {background-image: url("/images/intro-banners/baby-care/sun-care.jpg")}
.reskin .intro.product.skin-care.dry-skin {background-image: url("/images/intro-banners/baby-care/dry-skin.jpg")}
.reskin .intro.product.skin-care.rashes {background-image: url("/images/intro-banners/baby-care/rashes.jpg")}
.reskin .intro.product.skin-care .i-info {padding-left: 24px; width: 528px}
.reskin .intro.product.chfa {background-image: url("/images/intro-banners/charities/chfa.jpg")}
}
.reskin .intro.product .i-info {padding: 10px 20px}
.reskin .intro.product .i-info:before, .reskin .intro.product .i-info:after {content: " "; display: table}
.reskin .intro.product .i-info:after {clear: both}
.reskin .intro.product .i-info h1, .reskin .intro.product .i-info h2, .reskin .intro.product .i-info p {color: #fff !important}
.reskin .intro.product .i-info h1, .reskin .intro.product .i-info h2 {border-bottom: 1px dashed #fff !important; padding-bottom: 20px; margin-bottom: 10px; font-size: 32px}
.reskin .intro.product .i-info img {margin: 0 10px 0 -20px; float: left}
.reskin .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) {.reskin .intro.product .i-info {width: 560px; padding-left: 40px}
.reskin .intro.product .i-info img {margin-right: 20px}
}
.reskin .intro.product.circles .i-info h2 {margin: 21px 0 10px 0; padding-bottom: 20px; font-size: 32px; line-height: 32px}
.reskin .intro.product.circles .i-info img {float: none; margin: 0 auto; display: block; max-width: 100%}
.reskin .intro.product.circles .i-info p {font-size: 18px; margin-top: 10px; clear: left}
.reskin .intro.product.circles .i-info .buy-now {margin-top: 15px}
@media (min-width: 480px) {.reskin .intro.product.circles .i-info img {float: left; margin: 0 10px 0 -20px; display: inline}
.reskin .intro.product.circles .i-info p {clear: none}
}
@media (min-width: 768px) {.reskin .intro.product.circles {overflow: hidden; position: relative}
.reskin .intro.product.circles:before, .reskin .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}
.reskin .intro.product.circles:before {background-color: #82d7d0}
.reskin .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%)}
.reskin .intro.product.circles .i-info {position: relative; z-index: 20; width: 61%; padding: 0 50px 20px 30px; margin: 0}
.reskin .intro.product.circles .i-info img {margin: 0 20px 0 -20px; float: left}
.reskin .intro.product.circles .i-info p {font-size: 18px; line-height: 27px}
.reskin .intro.product.circles.drynites .i-info {width: 63%}
.reskin .intro.product.circles.drynites:before, .reskin .intro.product.circles.drynites:after {right: 37%}
.reskin .intro.product.circles.drynites:before {background-color: #83a9d8}
.reskin .intro.product.circles.drynites:after {background-color: #3b73b9}
.reskin .intro.product.circles.wipes .i-info {width: 63%}
.reskin .intro.product.circles.wipes:before, .reskin .intro.product.circles.wipes:after {right: 37%}
.reskin .intro.product.circles.wipes:before {background-color: #3ac0b5}
.reskin .intro.product.circles.wipes:after {background-color: #00ae9e}
.reskin .intro.product.circles.nappies:before {background-color: #a6e4fb}
.reskin .intro.product.circles.nappies:after {background-color: #44c8f5}
.reskin .intro.product.circles.nappy-pants-resealable .i-info {width: 70%}
.reskin .intro.product.circles.nappy-pants-resealable:before, .reskin .intro.product.circles.nappy-pants-resealable:after {right: 30%}
.reskin .intro.product.circles.nappy-pants-resealable:before {background-color: #c0d789}
.reskin .intro.product.circles.nappy-pants-resealable:after {background-color: #a2c756}
.reskin .intro.product.circles.nappy-pants .i-info {width: 69%}
.reskin .intro.product.circles.nappy-pants:before, .reskin .intro.product.circles.nappy-pants:after {right: 31%}
.reskin .intro.product.circles.nappy-pants:before {background-color: #67bf61}
.reskin .intro.product.circles.nappy-pants:after {background-color: #41aa39}
.reskin .intro.product.circles.little-swimmers:before {background-color: #facc6c}
.reskin .intro.product.circles.little-swimmers:after {background-color: #f8b62c}
.reskin .intro.product.circles.disposable-mats .i-info {width: 65%}
.reskin .intro.product.circles.disposable-mats:before, .reskin .intro.product.circles.disposable-mats:after {right: 35%}
.reskin .intro.product.circles.disposable-mats .i-info img {margin-right: 10px}
.reskin .intro.product.circles.change-mats .i-info {width: 63%}
.reskin .intro.product.circles.change-mats:before, .reskin .intro.product.circles.change-mats:after {right: 37%}
.reskin .intro.product.circles.change-mats .i-info img {margin-right: 15px}
.reskin .intro.product.circles.bed-mats .i-info {width: 63%}
.reskin .intro.product.circles.bed-mats:before, .reskin .intro.product.circles.bed-mats:after {right: 37%}
.reskin .intro.product.circles.bed-mats:before {background-color: #4cbadf}
.reskin .intro.product.circles.bed-mats:after {background-color: #29a5cf}
.reskin .intro.product.circles.pull-ups .i-info {width: 67%}
.reskin .intro.product.circles.pull-ups:before, .reskin .intro.product.circles.pull-ups:after {right: 33%}
.reskin .intro.product.circles.pull-ups:before {background-color: #a0e3fd}
.reskin .intro.product.circles.pull-ups:after {background-color: #2cc6f8}
.reskin .intro.product.circles.skin-care .i-info {width: 63%}
.reskin .intro.product.circles.skin-care:before, .reskin .intro.product.circles.skin-care:after {right: 37%}
.reskin .intro.product.circles.skin-care:before {background-color: #dcf1e8}
.reskin .intro.product.circles.skin-care:after {background-color: #2cb17a}
.reskin .intro.product.circles.chfa .i-info {width: 58%}
.reskin .intro.product.circles.chfa:before, .reskin .intro.product.circles.chfa:after {right: 42%}
.reskin .intro.product.circles.chfa:before {background-color: #dcf1e8}
.reskin .intro.product.circles.chfa:after {background-color: #2ccebb}
.reskin .intro.product.circles.chfa img {margin-left: 10px}
}
.reskin .form-control-flat, .reskin .hg-join .form-control {border: none; border-radius: 9px; height: 40px; padding: 9px 14px; box-shadow: none; border: none}
.reskin .form-control-flat::-moz-placeholder, .reskin .hg-join .form-control::-moz-placeholder {color: #c2bfbc; opacity: 1}
.reskin .form-control-flat:-ms-input-placeholder, .reskin .hg-join .form-control:-ms-input-placeholder {color: #c2bfbc}
.reskin .form-control-flat::-webkit-input-placeholder, .reskin .hg-join .form-control::-webkit-input-placeholder {color: #c2bfbc}
.reskin .hg-join .form-select {background: white; position: relative; border-radius: 9px}
.reskin .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) {.reskin .hg-join .form-select:before {text-align: left}
}
.reskin .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) {.reskin .hg-join .form-select select {-webkit-appearance: none}
}
.reskin .input-group-flat .input-group-addon {padding-left: 15px; padding-right: 15px; background-color: #f0f4fa; border-width: 0; border-right: 1px solid #e6e6e6}
.reskin form.custom-form .row {clear: both; background: transparent; width: 100%; margin: 10px 0 0 0; padding: 0; border-bottom: none}
.reskin form.custom-form .row .group {margin: 0; float: left; width: 49%}
.reskin form.custom-form .row .group:nth-child(even) {float: right}
.reskin form.custom-form.bs3grid .row {margin-left: -15px; margin-right: -15px; width: auto}
.reskin form.custom-form.bs3grid .custom-select:before {top: 5px; right: 10px; height: 41px; line-height: 41px}
.reskin form.custom-form .custom-select {position: relative}
.reskin 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}
.reskin 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}
.reskin 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}
.reskin 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}
.reskin form.custom-form input[type='submit']:hover {background: #3d9534}
.reskin form.custom-form select {width: 100%; margin: 0; margin-bottom: 5px}
.reskin form.custom-form .radio input[type="radio"] {float: left; position: relative; margin-left: 0}
.reskin form.custom-form .radio label {float: left; width: 110px; background: none}
.reskin form .warning {border-radius: 10px; font-size: 14px; margin-bottom: 0}
.reskin form .formError {color: #fff; font-size: 12px; font-weight: 300; border-radius: 5px}
.reskin label.required:after {margin-left: 3px; content: '*'}
.reskin ::-webkit-inner-spin-button {display: none}
.reskin .membership.m-container {background: #d1e04b; width: 100%; float: left; border-radius: 10px}
.reskin .membership.m-container h2 {color: #489931 !important; font-size: 24px !important; margin-bottom: 20px !important}
.reskin .membership.m-container .m-details {width: 100%; float: none; padding: 20px}
.reskin .membership.m-container .m-details .membership-form {background: none}
.reskin .membership.m-container .m-details .membership-form .submit {background: none}
.reskin .membership.m-container .m-children {background: #d1e04b; padding: 20px 10px 20px 0; border-top-right-radius: 10px}
.reskin .membership.m-container .m-children#sidebar {float: none; width: 100%; padding: 20px}
.reskin .membership.m-container .m-children#sidebar .children {float: none}
.reskin .membership.m-container .m-children#sidebar .children .child {display: block}
.reskin .membership.m-container .m-children .children {margin-top: 0 !important}
.reskin .membership.m-container .m-children .children .child {float: none !important}
.reskin .membership.m-container .m-children .children .child img {height: auto !important; width: auto !important}
.reskin .membership.m-container .m-children .children .editing {float: none !important}
.reskin .membership.m-container .m-children .children .editing input[type='submit'], .reskin .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}
.reskin .membership.m-container .m-children .children .editing input[type='submit'].button-to, .reskin .membership.m-container .m-children .children .editing input[type='button'].button-to {left: 120px !important}
.reskin .membership.m-container .m-children .children #add-child-button {margin-left: 0; float: none}
.reskin .membership.m-container .m-children:after {content: ''; position: absolute; width: 9px; height: 100%; display: block; top: 0; left: 0}
@media (min-width: 768px) {.reskin .membership.m-container {background: #e8f09d url("/images/forms/bg-join-ragged-edge.gif") repeat-y 610px 0}
.reskin .membership.m-container .m-details {float: left; width: 600px; padding-right: 0}
.reskin .membership.m-container .m-children {float: right; position: relative; width: 300px !important}
.reskin .membership.m-container .m-children#sidebar {float: right; width: 300px; padding: 20px 10px 20px 0}
.reskin .membership.m-container .m-children#sidebar .children {float: right}
.reskin .membership.m-container .m-children .children .child {float: left !important}
.reskin .membership.m-container .m-children .children .editing {float: left !important}
.reskin .membership.m-container .m-children .children #add-child-button {float: right}
}
.reskin .l-join-form {position: relative; padding: 0 20px}
.reskin .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%}
.reskin .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) {.reskin .l-join-form .custom-select-container:before {text-align: left}
}
.reskin .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) {.reskin .l-join-form .custom-select-container select {-webkit-appearance: none; padding: 0 28px 0 7px}
}
.reskin .l-join-form input[type="text"], .reskin .l-join-form input[type="email"] {border: none; border-radius: 9px; height: 40px; padding: 9px 14px; box-shadow: none; border: none; margin-bottom: 15px}
.reskin .l-join-form ::-webkit-input-placeholder {color: #c2bfbc}
.reskin .l-join-form :-moz-placeholder {color: #c2bfbc}
.reskin .l-join-form ::-moz-placeholder {color: #c2bfbc}
.reskin .l-join-form :-ms-input-placeholder {color: #c2bfbc}
.reskin .l-join-form [type="button"] {background: #e62e49; font-size: 18px; border-radius: 22px; border: none; margin: 20px 0 15px; padding: 12px 30px 15px}
.reskin .l-join-form [type="button"].loading {background-color: #e62e49; 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}
.reskin .l-join-form .about-yourself, .reskin .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}
.reskin .l-join-form .about-yourself p, .reskin .l-join-form .bad-response p {font-size: 15px}
.reskin .l-join-form .about-yourself {margin-top: 10px; border-color: #f2ff7c}
.reskin .l-join-form .bad-response {color: #FF4545; border-color: #FF4545; margin-top: 10px; margin-bottom: 10px}
.reskin .l-join-form .bad-response h3 {color: #FF4545}
.reskin .l-join-form .member, .reskin .l-join-form .guest, .reskin .l-join-form .about-yourself-container, .reskin .l-join-form .bad-response-container, .reskin .l-join-form .bad-signin-response-container, .reskin .l-join-form .thank-you, .reskin .l-join-form .please-fill-details {-webkit-transition: all 0.6s; transition: all 0.6s}
.reskin .l-join-form .member.slide-out, .reskin .l-join-form .guest.slide-out, .reskin .l-join-form .about-yourself-container.slide-out, .reskin .l-join-form .bad-response-container.slide-out, .reskin .l-join-form .bad-signin-response-container.slide-out, .reskin .l-join-form .thank-you.slide-out, .reskin .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)}
.reskin .l-join-form .thank-you {text-align: center}
.reskin .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}
.reskin .l-join-form .conditions-container .checkbox {margin-top: 0}
.reskin .l-join-form .conditions-container label.error {margin-left: 0; margin-top: 0; line-height: 17px}
.reskin .l-join-form .conditions-container a {font-weight: bold}
.reskin .l-join-form .modal-title {margin-top: 10px; margin-bottom: 0}
.reskin .l-join-form .m-2 .modal-backdrop {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000}
.reskin .l-join-form .m-2 .modal-backdrop.fade {opacity: 0}
.reskin .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}
.reskin .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%}
.reskin .l-join-form .m-2 .modal.fade.in {top: 60px; display: block}
.reskin .l-join-form .m-2 .modal-body {max-height: 400px; overflow-y: auto; width: 100%; padding: 15px}
.reskin .l-join-form .m-2 .modal-header .close {padding: 10px; margin: -10px}
.reskin .hg-join {background-color: #e8f09d}
.reskin .hg-join a {color: #4cb940; font-weight: bold}
.reskin .hg-join.signup .hg-join-guest {display: block}
.reskin .hg-join.signup .hg-join-member {display: none}
.reskin .hg-join.login .hg-join-guest, .reskin .hg-join.password .hg-join-guest {display: none}
.reskin .hg-join.login .hg-join-member, .reskin .hg-join.password .hg-join-member {display: block}
.reskin .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) {.reskin .hg-join-switch:hover {-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0)}
.reskin .hg-join-switch:hover .member-guest-switch-bottom {-webkit-transform: translate3d(0, 7px, 0); transform: translate3d(0, 7px, 0)}
.reskin .hg-join-switch:hover .member-guest-switch-bottom:before {-webkit-transform: translate3d(0, -7px, 0); transform: translate3d(0, -7px, 0)}
.reskin .hg-join-switch:hover .member-guest-switch-bottom:after {-webkit-transform: translate3d(0, 2px, 0); transform: translate3d(0, 2px, 0)}
}
.reskin .hg-join-switch.signed-in {cursor: default; margin-bottom: 15px}
.reskin .hg-join-switch.signed-in .member-guest-switch-top {border-radius: 0 0 9px 9px; padding-bottom: 30px}
.reskin .hg-join-switch.signed-in .sign-in-cta {display: none}
.reskin .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}
.reskin .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}
.reskin .hg-join-switch-top > span {vertical-align: middle; display: table-cell; text-align: left; width: 100%}
.reskin .hg-join-switch-top > span div {overflow: hidden; text-overflow: ellipsis}
@media (min-width: 768px) {.reskin .hg-join-switch-top.signed-in {padding: 31px 26px 30px 91px}
}
.reskin .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}
.reskin .hg-join-switch-bottom:before, .reskin .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}
.reskin .hg-join-switch-bottom:before {height: 10px; top: 0}
.reskin .hg-join-switch-bottom:after {height: 13px; bottom: -10px; border-radius: 0 0 9px 9px}
.reskin .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}
.reskin .hg-join-family p {font-size: 15px}
.reskin .hg-join-family .form-selects:before, .reskin .hg-join-family .form-selects:after {content: " "; display: table}
.reskin .hg-join-family .form-selects:after {clear: both}
.reskin .hg-join-family .form-selects .form-select {float: left; width: 32%; margin-right: 2%}
.reskin .hg-join-family .form-selects .form-select:last-child {margin-right: 0}
.reskin .hg-join-family .hg-join-child {position: relative; padding-top: 20px; border-top: 2px solid #f2ff7c}
.reskin .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}
.reskin .hg-join-family .hg-join-child:first-child {border-top-width: 0; padding-top: 0}
.reskin .hg-join-family .hg-join-child:first-child .remove {display: none}
.reskin .page-header + section.join-cta-strip {margin-top: -40px; margin-bottom: 20px}
@media (min-width: 768px) {.reskin .page-header + section.join-cta-strip {margin-bottom: 40px}
}
.reskin section.join-cta-strip {background: #e62e49}
.reskin 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}
.reskin section.join-cta-strip .strip strong {color: #fff; font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500}
.reskin 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}
.reskin section.join-cta-strip .btn-white {color: #e62e49; background-color: #fff; border-color: #fff}
@media (min-width: 768px) {.reskin section.join-cta-strip .strip {font-size: 22px; line-height: 32px}
.reskin section.join-cta-strip .strip a.learn-more {font-size: 18px}
}
@media (min-width: 992px) {.reskin section.join-cta-strip .strip a.learn-more {top: 8px}
}
.reskin section.join {background: #f2f2e6; position: relative; overflow: hidden}
.reskin section.join:before {content: ""; display: block; position: absolute; left: 0; right: 50%; top: 0; bottom: 0; background: #f6f6f6}
.reskin section.join > .container {background: #f6f6f6; padding-top: 25px; padding-bottom: 35px; overflow: hidden}
.reskin section.join .join-now-copy {position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px}
@media (min-width: 768px) {.reskin section.join .join-now-copy {float: left; width: 66.6666666667%}
}
.reskin 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%}
.reskin 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)}
.reskin 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}
.reskin section.join .join-now-copy > h2 strong {color: #e62e49; display: block}
.reskin 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}
.reskin 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) {.reskin section.join .join-now-form-container {float: left; width: 33.3333333333%}
}
.reskin section.join .join-now-form-container:before {content: ""; position: absolute; background: #f2f2e6; top: 0; bottom: -35px; left: -10px; right: -15px}
.reskin 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}
.reskin section.join .join-now-form-container > h2 strong {font-size: 33px; color: #000}
.reskin section.join .join-now-form-container a {color: #e62e49}
@media (min-width: 480px) {.reskin section.join .join-now-copy > h2 {font-size: 40px; line-height: 43px}
.reskin section.join .join-now-copy > p {margin-bottom: 10.5px}
}
@media (min-width: 768px) {.reskin section.join .join-now-form-container {padding-top: 15px}
.reskin section.join .join-now-form-container:before {top: -25px}
.reskin section.join .join-now-copy:before {min-height: 436px; background-size: cover; background-position: 50%}
.reskin section.join .join-now-copy:after {display: none}
}
.reskin .vzaar__still {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position: relative; display: block; cursor: pointer; height: 0; padding-bottom: 45%; background-color: #eee; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); text-decoration: none !important}
.reskin .vzaar__still:before {display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -25.5px; color: #fff; font-size: 60px; text-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); content: ""}
.reskin .vzaar__still span.title {display: block; text-overflow: ellipsis; overflow: hidden; padding: 3px 9px; height: 33px; background-color: rgba(0, 0, 0, 0.5); color: #fff !important; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); font-size: 1.2em; font-weight: 200; white-space: nowrap}
.reskin .vzaar__still--loading .fa {position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; font-size: 50px; color: #aaa}
.reskin .vzaar__still--loading:before {display: none}
.reskin .modal--vzaar {overflow: hidden; padding-right: 0 !important; z-index: 11000}
.reskin .modal--vzaar .modal-dialog {width: 100%; height: 100%; margin: 0; padding: 0}
.reskin .modal--vzaar .modal-content {height: 100%; border: 0; border-radius: 0}
.reskin .modal--vzaar .modal-body {height: 100%; padding: 0; background-color: black}
.reskin .modal--vzaar .modal-body iframe {height: 100%}
.reskin .modal--vzaar .modal-close {position: absolute; left: 15px; top: 15px; font-size: 30px; line-height: 1; color: #fff}
.reskin .modal-open .modal--vzaar {overflow: hidden}
.reskin .vzaar[data-vzaar] {margin-top: 22.5px; margin-bottom: 22.5px}
.reskin .section-banner {background-color: #fee; height: 400px}
.reskin .section-banner .container {min-height: 200px; height: 100%}
@media (min-width: 768px) {.reskin .section-banner {background-color: #eef}
.reskin .section-banner .container {min-height: 300px}
}
@media (min-width: 769px) {.reskin .silo-pregnancy .crumb + .section-banner--pregnancy {margin-top: -57px}
}
.reskin .section-banner.section-banner--pregnancy {background-color: #f0f0f0}
.reskin .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}
.reskin .section-banner.section-banner--pregnancy .col {max-width: 366px; margin: 0 auto; padding-top: 83px; padding-left: 183px}
.reskin .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}
.reskin .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) {.reskin .section-banner.section-banner--pregnancy .container {background-position: bottom; background-size: contain}
}
@media (min-width: 768px) {.reskin .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}
.reskin .section-banner.section-banner--pregnancy h1 {font-size: 45px; line-height: 50px; margin-top: 90px; margin-bottom: 15px; color: #4d4d4d}
.reskin .section-banner.section-banner--pregnancy p {font-size: 20px; line-height: 26px; width: 100%; text-shadow: none; margin-bottom: 18px; max-width: 100%}
}
.text-green {color: #51b848 !important}
.text-blue-bright {color: #00aeef !important}
.text-purple {color: #702b90 !important}
.text-red {color: #e62e49 !important}
.reskin .fancy-heading {position: relative; text-align: center}
.reskin .fancy-heading span {background: #fff; padding: 0 15px; position: relative; z-index: 1; display: inline-block; width: auto}
.reskin .fancy-heading:before {background: #ddd; content: ""; display: block; height: 1px; position: absolute; top: 50%; width: 100%}
.reskin .fancy-heading:before {left: 0}
.reskin strong sup {top: -0.7em !important; font-size: 50% !important}
.reskin .section-banner {background-color: #fee; height: 400px}
.reskin .section-banner .container {min-height: 200px; height: 100%}
@media (min-width: 768px) {.reskin .section-banner {background-color: #eef}
.reskin .section-banner .container {min-height: 300px}
}
@media (min-width: 769px) {.reskin .silo-pregnancy .crumb + .section-banner--pregnancy {margin-top: -57px}
}
.reskin .section-banner.section-banner--pregnancy {background-color: #f0f0f0}
.reskin .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}
.reskin .section-banner.section-banner--pregnancy .col {max-width: 366px; margin: 0 auto; padding-top: 83px; padding-left: 183px}
.reskin .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}
.reskin .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) {.reskin .section-banner.section-banner--pregnancy .container {background-position: bottom; background-size: contain}
}
@media (min-width: 768px) {.reskin .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}
.reskin .section-banner.section-banner--pregnancy h1 {font-size: 45px; line-height: 50px; margin-top: 90px; margin-bottom: 15px; color: #4d4d4d}
.reskin .section-banner.section-banner--pregnancy p {font-size: 20px; line-height: 26px; width: 100%; text-shadow: none; margin-bottom: 18px; max-width: 100%}
}
.reskin video {max-width: 100%; height: auto}
.reskin .video-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden}
.reskin .video-container iframe, .reskin .video-container object, .reskin .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%}
@media screen and (max-width: 767px) {.reskin .video-container {margin-bottom: 15px}
}
.reskin .video-playlist .video-list.scroll-y {height: 380px; overflow-y: scroll}
@media screen and (max-width: 767px) {.reskin .video-playlist .video-list.scroll-y {height: auto; overflow-y: visible}
}
.reskin .video-playlist .video-thumb {cursor: pointer; border-radius: 10px; overflow: hidden; padding: 0; margin-bottom: 5px; position: relative}
.reskin .video-playlist .video-thumb img {border: 4px solid transparent; border-radius: 10px}
.reskin .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}
.reskin .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}
.reskin .video-playlist .video-thumb.active:before, .reskin .video-playlist .video-thumb.thumb-hover:before {display: block}
.reskin .video-playlist .video-thumb.active .overlay, .reskin .video-playlist .video-thumb.thumb-hover .overlay {display: block}
.reskin .video-playlist .video-thumb.active img, .reskin .video-playlist .video-thumb.thumb-hover img {border: 4px solid #e10073; border-radius: 10px}
.reskin .video-playlist.theme-blue-bright .video-thumb:before {background: rgba(0, 174, 239, 0.84)}
.reskin .video-playlist.theme-blue-bright .video-thumb.active img {border: 4px solid #00aeef}
.reskin .video-playlist.theme-blue-dark .video-thumb:before {background: rgba(59, 115, 185, 0.84)}
.reskin .video-playlist.theme-blue-dark .video-thumb.active img {border: 4px solid #3b73b9}
.reskin .video-playlist.theme-purple .video-thumb:before {background: rgba(112, 43, 144, 0.84)}
.reskin .video-playlist.theme-purple .video-thumb.active img {border: 4px solid #702b90}
@media screen and (max-width: 767px) {.reskin .video-playlist .video-list .overlay {font-size: 0.8em; margin-top: -0.4em}
.reskin .video-playlist .video-list .overlay.tall {margin-top: -1.2em}
}
.reskin .product-rebrand { }
.reskin .product-rebrand .link-bar#product-range {height: 80px}
.reskin .product-rebrand .link-bar#product-range .scroll-arrow {cursor: pointer; display: none; padding: 0; font-size: 40px; line-height: 75px; color: rgba(0, 0, 0, 0.33)}
@media (max-width: 767px) {.reskin .product-rebrand .link-bar#product-range .scroll-arrow {display: inline}
}
.reskin .product-rebrand .link-bar#product-range .scroll-arrow.left {border-right: solid; border-width: 2px; border-color: #c41523; text-align: center !important; height: 80px}
.reskin .product-rebrand .link-bar#product-range .scroll-arrow.right {border-left: solid; border-width: 2px; border-color: #c41523; text-align: center !important; height: 80px}
.reskin .product-rebrand .link-bar#product-range .mobile-scroll {padding: 0}
@media (max-width: 767px) {.reskin .product-rebrand .link-bar#product-range .mobile-scroll {overflow-x: scroll; overflow-y: hidden}
.reskin .product-rebrand .link-bar#product-range .mobile-scroll::-webkit-scrollbar {display: none}
}
.reskin .product-rebrand .link-bar#product-range .container {display: table}
.reskin .product-rebrand .link-bar#product-range .link {display: table-cell; position: relative; padding-left: 20px; padding-right: 20px; border-left: solid; border-width: 2px; border-color: #c41523; text-align: center !important}
.reskin .product-rebrand .link-bar#product-range .link a {line-height: 40px; position: relative; top: 15px; cursor: pointer}
.reskin .product-rebrand .link-bar#product-range .link span {font-size: 14px; display: block; position: relative; top: -20px}
.reskin .product-rebrand .link-bar#product-range .link.current {background-color: #fc3934}
.reskin .product-rebrand .link-bar#product-range .link.current:after {content: ''; top: 70px; left: 50%; border-top: solid 20px #fc3934; border-left: solid 20px transparent; border-right: solid 20px transparent; border-spacing: initial; border-radius: 17px; padding: 0px; position: absolute; margin-left: -20px}
@media (max-width: 767px) {.reskin .product-rebrand .link-bar#product-range .link.first {border-left: none}
}
.reskin .product-rebrand .link-bar#product-range .link.first a {top: 22px}
.reskin .product-rebrand .link-bar#product-range .link.last {border-right: solid; border-width: 2px; border-color: #c41523}
@media (max-width: 767px) {.reskin .product-rebrand .link-bar#product-range .link.last {border-right: none}
}
.reskin .product-rebrand .link-bar#product-range .link:hover {background-color: #fc3934}
.reskin .product-rebrand .content-title {font-size: 20px}
.reskin .product-rebrand .product-index-card {height: 550px; max-height: 600px}
.reskin .product-rebrand .product-index-card .card-header {padding-top: 10px; padding-left: 10px; padding-right: 10px}
.reskin .product-rebrand .product-index-card .card-header h3 {margin: 0; text-align: center; font-size: 22px; padding-top: 15px; padding-bottom: 20px}
.reskin .product-rebrand .product-index-card .card-header h3 a {color: #000 !important}
.reskin .product-rebrand .product-index-card .card-header hr {margin: 0}
.reskin .product-rebrand .product-index-card .card-img {height: 200px; text-align: center}
@media (min-width: 768px) and (max-width: 991px) {.reskin .product-rebrand .product-index-card .card-img {height: 135px}
}
.reskin .product-rebrand .product-index-card .card-img img {width: 100%; max-height: 350px}
@media (max-width: 768px) {.reskin .product-rebrand .product-index-card .card-img img {max-width: 350px}
}
.reskin .product-rebrand .product-index-card .card-text {padding: 10px; height: 170px}
@media (min-width: 768px) and (max-width: 991px) {.reskin .product-rebrand .product-index-card .card-text {height: 240px}
}
.reskin .product-rebrand .product-index-card .card-text p {padding: 5px; text-align: center; font-size: 20px; font-family: 'Huggies Omnes Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300}
.reskin .product-rebrand .product-index-card .card-text p strong {font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal}
.reskin .product-rebrand .product-index-card .card-footer {padding: 10px; text-align: center}
.reskin .product-rebrand .product-index-card .card-footer a {color: #fc3934 !important}
.reskin .product-rebrand .product-index-card .card-footer a.buy-now {color: #fff !important; margin-top: 5px; margin-bottom: 10px; width: 80%}
.reskin #product-range.nz .au-only, .reskin #product-range.au .nz-only {display: none}
.reskin #product-range .unisex {color: #009385}
.reskin #product-range .boy {color: #44c8f5}
.reskin #product-range .girl {color: #ec008c}
.reskin #product-range .au-only, .reskin #product-range .nz-only {display: block}
.reskin #product-range .p-range {padding: 20px 5px; border-top-right-radius: 10px; border-top-left-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; margin: 20px 0; text-align: center}
.reskin #product-range .p-range.blue-lighter {background: #d8e3f1; border-color: #d8e3f1}
.reskin #product-range .p-range table tr {background: none; border: none}
.reskin #product-range .p-range table tr td {padding: 3px; border-color: transparent}
.reskin #product-range .p-range .p-size {display: block; text-align: center; font-weight: bold; font-size: 16px; padding-top: 20px}
.reskin #product-range .p-range hr {border-top: 2px dashed #fff; position: relative; top: -50px; margin: 0}
.reskin #product-range .p-range .btn {margin: 0 auto; color: #fff; border: 3px solid #fff; background-image: none; box-shadow: none; font-size: 18px; font-weight: 500; padding: 6px 20px 9px}
.reskin #product-range .p-range .btn-red {color: #fff; background-color: #e62e49; border-color: #e62e49}
.reskin .m-2 #product-range .p-range .btn-red {text-shadow: none; -webkit-font-smoothing: subpixel-antialiased; font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; font-weight: normal; font-size: 18px; line-height: 1; border-width: 0; border-radius: 16px; padding: 10px 20px 6px}
.reskin .section-products .section-breadcrumb {margin-bottom: 0}
.reskin .section-products .section-breadcrumb .breadcrumb {position: absolute; top: 18px; z-index: 10; border-width: 0}
.reskin .section-products .section-breadcrumb .print {display: none}
.reskin #products section.header {background-color: #d5e6fa}
.reskin #products section.header .container {position: relative; padding-top: 60px; padding-bottom: 110px}
@media (max-width: 767px) {.reskin #products section.header .container {padding-bottom: 60px}
}
.reskin #products section.header .container .col-sm-6 {z-index: 1}
.reskin #products section.header .container h1 {font-size: 38px}
.reskin #products section.header .container img.packshots {height: 400px; position: absolute; top: 0; right: -110px; z-index: 0}
.reskin #products .stage-filters {position: absolute; left: 0; bottom: -50px}
.reskin #products section.body {background-color: #ebf1f8; padding-top: 70px}
.reskin #products section.body h2 {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; margin-bottom: 1.25em; padding-bottom: 0.625em; border-bottom: 2px dashed #cbd0d6}
@media (max-width: 767px) {.reskin #products section.body {padding-top: 0}
.reskin #products section.body h2 {border-width: 1px}
}
.reskin #products .product-loading {font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; margin: -15px 0 30px; font-size: 24px; color: #888}
.reskin #products .product-loading i {margin-right: 4px}
.reskin #products .product {margin-bottom: 30px}
.reskin #products .product .product-wrap {background: #fff; border-radius: 8px}
.reskin #products .product .header, .reskin #products .product .body, .reskin #products .product .footer {padding: 20px}
.reskin #products .product .header {min-height: 315px; background-repeat: no-repeat; background-position: 50% 50%}
.reskin #products .product .body, .reskin #products .product .footer {border-top: 2px dashed #f0f4fa}
.reskin #products .product .body .description {min-height: 250px}
.reskin #products .product img.packshot {max-width: 100%}
.reskin #products .product h3 {margin-top: 0; color: #3b73b9}
.reskin #products .product .learn-more {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; font-size: 20px; line-height: 32px}
.reskin #products .product .btn {padding: 6px 20px 9px}
@media (max-width: 767px) {.reskin #products .product .header, .reskin #products .product .body {padding: 20px 15px}
.reskin #products .product .header {padding-right: 7.5px; min-height: 140px; background-size: 150px auto}
.reskin #products .product .body {padding-left: 7.5px; border-top-width: 0}
.reskin #products .product .body .description {font-size: 11px; min-height: 0}
.reskin #products .product .footer {clear: left; padding: 15px}
.reskin #products .product h3 {font-size: 17px; line-height: 1}
.reskin #products .product .btn {font-size: 14px; padding: 6px 20px 9px}
.reskin #products .product .learn-more {font-size: 15px; line-height: 28px}
}
.reskin #buy-modal .modal-dialog {width: 700px}
.reskin #buy-modal .modal-header {padding-bottom: 12px}
.reskin #buy-modal .modal-header .close {font-size: 30px; margin-top: -6px}
.reskin #buy-modal .modal-title {line-height: 1}
.reskin #buy-modal .modal-content {padding: 5px 20px}
.reskin #buy-modal .modal-header, .reskin #buy-modal .modal-footer {border-color: #3b73b9}
.reskin #buy-modal .modal-header, .reskin #buy-modal .modal-body {padding-left: 0; padding-right: 0}
.reskin #buy-modal .modal-body {padding-bottom: 0}
.reskin #buy-modal .modal-body .container-fluid {margin-bottom: 15px; padding: 0}
.reskin #buy-modal .modal-body .container-fluid .row {margin-left: -5px; margin-right: -5px}
.reskin #buy-modal .modal-body .container-fluid .row .col-xs-6, .reskin #buy-modal .modal-body .container-fluid .row .col-xs-4 {padding-left: 5px; padding-right: 5px}
.reskin #buy-modal .modal-body .nav-tabs {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; font-size: 18px}
.reskin #buy-modal .modal-body .nav-tabs > li {margin-bottom: 0; margin-right: 8px}
.reskin #buy-modal .modal-body .nav-tabs > li > a {border-radius: 10px 10px 0 0; background: #ecf1f8}
.reskin #buy-modal .modal-body .nav-tabs > li > a:hover {border-bottom-color: #eee}
.reskin #buy-modal .modal-body .nav-tabs > li.active > a {margin-bottom: -1px; color: #fff; border-color: #3b73b9; background: #3b73b9}
.reskin #buy-modal .modal-body .packshot-wrap {background-size: cover; background-repeat: no-repeat; background-position: 50% 50%}
.reskin #buy-modal .modal-body .packshot-lg .packshot-wrap {min-height: 320px}
.reskin #buy-modal .modal-body .packshot-sm .packshot-wrap {margin-bottom: 10px; min-height: 100px; cursor: pointer}
.reskin #buy-modal .modal-body.boy .packshot-wrap {background-color: #cceffc}
.reskin #buy-modal .modal-body.girl .packshot-wrap {background-color: #fbcce8}
.reskin #buy-modal .modal-body.unisex .packshot-wrap {background-color: #cef5f0}
.reskin #buy-modal .modal-body .description, .reskin #buy-modal .modal-body .price-disclaimer {font-size: 12px; color: #888}
.reskin #buy-modal .modal-body .price-disclaimer {font-weight: bold; font-style: italic}
.reskin #buy-modal .modal-body h4 {font-size: 20px; margin: 0; padding: 18px 0 13px; border-bottom: 1px solid #d8e3f1}
.reskin #buy-modal .modal-body #product-select {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #3b73b9}
.reskin #buy-modal .modal-body form .selector {padding-top: 15px}
.reskin #buy-modal .modal-body form .selector:before, .reskin #buy-modal .modal-body form .selector:after {content: " "; display: table}
.reskin #buy-modal .modal-body form .selector:after {clear: both}
.reskin #buy-modal .modal-body form .selector .form-group {float: left; margin-right: 20px}
.reskin #buy-modal .modal-body form .selector .form-group > label {display: block; font-size: 13px; margin-bottom: 7px}
.reskin #buy-modal .modal-body form .btn-flat {margin-right: 5px; margin-bottom: 5px}
.reskin #buy-modal .modal-body form select {height: 32px; font-size: 13px; border-width: 0; color: #fff; background: #3b73b9}
.reskin #buy-modal .modal-body form select.newborn {background: #009385}
.reskin #buy-modal .modal-body form select.infant {background: #44c8f5}
.reskin #buy-modal .modal-body form select.crawler {background: #6c8cc7}
.reskin #buy-modal .modal-body form select.toddler {background: #702b90}
.reskin #buy-modal .modal-body form select.walker {background: #51b848}
.reskin #buy-modal .modal-body form select.junior {background: #3b73b9}
.reskin #buy-modal .modal-body form select.essentials {background: #ffc709}
.reskin #buy-modal .modal-body form select.fragrance-free {background: #009385}
.reskin #buy-modal .modal-body form select.shea-butter {background: #f49f2b}
.reskin #buy-modal .modal-body form select.cucumber-aloe {background: #72b53a}
.reskin #buy-modal .modal-body .where-to-buy h4 {border-bottom: 0}
.reskin #buy-modal .modal-body .retailer-list:before, .reskin #buy-modal .modal-body .retailer-list:after {content: " "; display: table}
.reskin #buy-modal .modal-body .retailer-list:after {clear: both}
.reskin #buy-modal .modal-body .retailer.not-available {width: 100% !important; float: none !important; border-right: 0 !important}
.reskin #buy-modal .modal-body .retailer {width: 50%; float: left; padding: 20px 0; border: 1px solid #d8e3f1; border-width: 1px 1px 0 0; text-align: center; min-height: 160px}
.reskin #buy-modal .modal-body .retailer:nth-child(even) {border-right-width: 0}
.reskin #buy-modal .modal-body .retailer img {display: block; margin: 0 auto 20px}
.reskin #buy-modal .modal-body .retailer .price {background: #d8e3f1; border-radius: 16px 0 0 16px; border-width: 0; color: #3b73b9; display: inline-block; font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; font-size: 18px; line-height: 1; margin-right: -20px; padding: 8px 30px 6px 20px; text-align: center; vertical-align: middle}
.reskin #buy-modal .modal-body .retailer .price.out-of-stock {color: #aaa; background: #eee}
.reskin #buy-modal .modal-body .retailer a {padding: 6px 20px 9px}
.reskin #buy-modal .modal-body .retailer a.out-of-stock {opacity: 1; background: #999; cursor: default}
.reskin #buy-modal .modal-footer {text-align: center}
.reskin #buy-modal .modal-footer a {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; font-size: 20px}
@media (max-width: 767px) {.reskin #buy-modal .modal-dialog {width: auto}
.reskin #buy-modal .modal-body .retailer {min-height: 140px}
.reskin #buy-modal .modal-body .form-group.pack-size {clear: left}
.reskin #buy-modal .modal-body .packshot-lg {margin-bottom: 15px}
.reskin #buy-modal .modal-footer a {font-size: 15px}
}
.reskin .m-2 .buy-now {background: #e62e49 !important}
.reskin .m-2 .modal-backdrop.fade.in {opacity: 0.5; z-index: 1040}
.reskin .m-2 .modal-header .close {padding-top: 0; padding-bottom: 0}
.reskin .m-2 .modal#buy-modal {z-index: 1050; bottom: 0; top: 0; left: 0; right: 0; margin: 5px; position: fixed; overflow-x: hidden; overflow-y: auto; background: none; border-radius: 10px}
.reskin .m-2 .modal#buy-modal .modal-dialog {margin: 0 auto}
.reskin .m-2 .modal#buy-modal .modal-dialog .modal-content .modal-header .modal-title {line-height: 1; margin: 0}
.reskin .m-2 .modal#buy-modal .modal-dialog .modal-content .modal-body {max-height: none}
.reskin .m-2 .modal#buy-modal .modal-body {width: 100%}
.reskin .m-2 .modal#buy-modal .modal-body h4 {margin-top: 10px; padding: 0 0 10px 0}
.reskin .m-2 .modal#buy-modal .modal-body > .container-fluid {overflow-x: hidden}
.reskin .m-2 .modal#buy-modal .modal-body > .container-fluid > .row > .col-xs-6 {width: 100%}
.reskin .m-2 .modal#buy-modal .modal-body > .container-fluid > .row .col-xs-6 + .col-xs-6 {margin-top: 15px}
.reskin .m-2 .modal#buy-modal .modal-body .retailer .price {-webkit-font-smoothing: subpixel-antialiased}
.reskin .m-2 .modal#buy-modal .modal-body .retailer a {margin-bottom: 0; font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; font-weight: normal; font-size: 18px; line-height: 1; padding: 10px 20px 6px; border-width: 0; border-radius: 16px; background-color: #3b73b9; border-color: #3b73b9; color: #fff; background-image: none; text-shadow: none; box-shadow: none; -webkit-font-smoothing: subpixel-antialiased}
.reskin .m-2 .modal#buy-modal .modal-body .retailer a.out-of-stock {background-color: #999}
.reskin .m-2 .modal#buy-modal .modal-body .retailer .btn-red {background: #e62e49 !important; border-color: #e62e49 !important}
.reskin .m-2 .modal#buy-modal .modal-body #product-select .selector > .col-xs-6 {width: 100%}
.reskin .m-2 .modal#buy-modal .modal-footer {padding: 10px 0 5px 0; margin-bottom: 5px; background: none}
.reskin .m-2 .modal#buy-modal .modal-footer a {margin-bottom: 0; font-weight: normal; font-size: 20px}
@media (max-width: 767px) {.reskin .m-2 .modal#buy-modal.fade.in {top: 10px}
}
.reskin .stage-filters {width: 100%; padding: 0; font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500}
@media (max-width: 767px) {.reskin .stage-filters {padding: 0 15px; bottom: 20px !important}
}
.reskin .stage-filters .stage-filters-desktop {padding: 20px 30px; min-height: 100px; border-radius: 50px; background: #fff}
.reskin .stage-filters .stage-filters-mobile select {display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background: #fff; padding-left: 15px; padding-right: 15px; border-radius: 8px; border-width: 0}
.reskin .stage-filters .btn-pink {float: left; margin-right: 15px}
.reskin .stage-filters .btn-yellow {margin-left: 15px}
.reskin .stage-filters ul {float: left}
.reskin .stage-filters ul li {float: left}
.reskin .stage-filters ul li:first-child .btn {margin-left: 0; border-radius: 16px 0 0 16px}
.reskin .stage-filters ul li:last-child .btn {padding-right: 35px; border-radius: 0 16px 16px 0}
.reskin .stage-filters ul li:last-child .btn:after {display: none}
.reskin .stage-filters ul li .btn {position: relative; margin-left: -16px; padding-left: 34px; padding-right: 36px; padding-top: 7px; padding-bottom: 7px; border-radius: 0}
.reskin .stage-filters ul .btn:after {content: ''; position: absolute; top: 0; right: 0; z-index: 2; width: 0; height: 0; border-style: solid; border-width: 16px 0 16px 16px; border-color: transparent transparent transparent inherit; box-shadow: inherit}
.reskin .stage-filters ul .btn.btn-blue-electric:after {border-color: transparent #44c8f5}
.reskin .stage-filters ul .btn.btn-blue-electric:hover:after, .reskin .stage-filters ul .btn.btn-blue-electric:focus:after, .reskin .stage-filters ul .btn.btn-blue-electric:active:after, .reskin .stage-filters ul .btn.btn-blue-electric.active:after {border-color: transparent #14baf2}
.reskin .stage-filters ul .btn.btn-green:after {border-color: transparent #51b848}
.reskin .stage-filters ul .btn.btn-green:hover:after, .reskin .stage-filters ul .btn.btn-green:focus:after, .reskin .stage-filters ul .btn.btn-green:active:after, .reskin .stage-filters ul .btn.btn-green.active:after {border-color: transparent #419439}
.reskin .stage-filters ul .btn.btn-mauve:after {border-color: transparent #6c8cc7}
.reskin .stage-filters ul .btn.btn-mauve:hover:after, .reskin .stage-filters ul .btn.btn-mauve:focus:after, .reskin .stage-filters ul .btn.btn-mauve:active:after, .reskin .stage-filters ul .btn.btn-mauve.active:after {border-color: transparent #476fb9}
.reskin .stage-filters ul .btn.btn-purple:after {border-color: transparent #702b90}
.reskin .stage-filters ul .btn.btn-purple:hover:after, .reskin .stage-filters ul .btn.btn-purple:focus:after, .reskin .stage-filters ul .btn.btn-purple:active:after, .reskin .stage-filters ul .btn.btn-purple.active:after {border-color: transparent #511f69}
.reskin .stage-filters ul .btn.btn-teal:after {border-color: transparent #009385}
.reskin .stage-filters ul .btn.btn-teal:hover:after, .reskin .stage-filters ul .btn.btn-teal:focus:after, .reskin .stage-filters ul .btn.btn-teal:active:after, .reskin .stage-filters ul .btn.btn-teal.active:after {border-color: transparent #006057}
.reskin .stage-filters .btn {position: relative; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4); font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500}
.reskin .stage-filters .btn:hover {text-shadow: none}
.reskin .stage-filters .btn > span {position: absolute; top: 48px; left: 0; width: 100%; text-shadow: none}
@media (max-width: 991px) {.reskin .stage-filters .stage-filters-desktop {padding-left: 20px; padding-right: 20px}
.reskin .stage-filters ul li .btn {padding-left: 25px; padding-right: 26px}
.reskin .stage-filters .btn-pink {margin-right: 5px}
.reskin .stage-filters .btn-yellow {margin-left: 5px}
}
.reskin .product-feature-matrix {display: table; border-collapse: collapse; border-radius: 10px; overflow: hidden; margin-top: 30px; margin-bottom: 30px}
.reskin .product-feature-matrix__row {display: table-row}
.reskin .product-feature-matrix__row:nth-child(1) > div {vertical-align: top}
.reskin .product-feature-matrix__row:nth-child(1) > div:nth-child(1n+2) {width: 110px}
.reskin .product-feature-matrix__row:nth-child(1) > div img {margin-bottom: 15px; max-width: 100%}
.reskin .product-feature-matrix__row:nth-child(1) > div strong {font-size: 13px; line-height: 16px}
.reskin .product-feature-matrix__row > div {display: table-cell; border: 1px solid #fff; padding: 20px; vertical-align: middle; font-size: 15px}
.reskin .product-feature-matrix__row > div img {margin-bottom: 10px; max-width: 80%}
.reskin .product-feature-matrix__row > div strong {display: block; font-family: 'Huggies Omnes Semibold', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 600; font-size: 16px; line-height: 18px; margin-bottom: 8px}
.reskin .product-feature-matrix__row > div span {display: none}
.reskin .product-feature-matrix__row > div:nth-child(1) {background: #e7f4e5}
.reskin .product-feature-matrix__row > div:nth-child(2) {background: #d9eed6; text-align: center}
.reskin .product-feature-matrix__row > div:nth-child(3) {background: #e5f2dc; text-align: center}
.reskin .product-feature-matrix__row .fa-check-circle, .reskin .product-feature-matrix__row .fa-times-circle {font-size: 44px}
.reskin .product-feature-matrix__row .fa-check-circle {color: #4cba41}
.reskin .product-feature-matrix__row .fa-times-circle {color: #e2314d}
@media (min-width: 650px) {.reskin .product-feature-matrix__row:nth-child(1) > div:nth-child(1n+2) {width: 148px}
.reskin .product-feature-matrix__row > div strong {font-size: 18px; line-height: 20px}
.reskin .product-feature-matrix__row > div span {display: block}
}
.reskin .product-feature-comparison.boy .product .images, .reskin .product-feature-comparison.boy .product .overlays > div {background-position: 0 0}
.reskin .product-feature-comparison.newborn .product .images, .reskin .product-feature-comparison.newborn .product .overlays > div {background-position: 0 -440px}
.reskin .product-feature-comparison .product .images, .reskin .product-feature-comparison .product .overlays > div {background-position: 0 -220px}
.reskin .product-feature-comparison.boy .intro .gender-toggle {background: #31abdf}
.reskin .product-feature-comparison.boy .intro .gender-toggle i {left: 46px}
.reskin .product-feature-comparison.boy .markers > div, .reskin .product-feature-comparison.boy .markers > div:after {background: #31abdf}
.reskin .product-feature-comparison.boy .details > div {background: #cae9f9}
.reskin .product-feature-comparison.boy .details > div:before {border: 1px solid #31abdf}
.reskin .product-feature-comparison.boy .details h3 {color: #28a0d7 !important}
.reskin .product-feature-comparison.boy .details h3 .girl, .reskin .product-feature-comparison.boy .details h3 .girl.desktop, .reskin .product-feature-comparison.boy .details h3 .girl.mobile, .reskin .product-feature-comparison.boy .details h3 .newborn, .reskin .product-feature-comparison.boy .details h3 .newborn.desktop, .reskin .product-feature-comparison.boy .details h3 .newborn.mobile, .reskin .product-feature-comparison.boy .details h3 .boy.desktop, .reskin .product-feature-comparison.boy .details h3 .desktop, .reskin .product-feature-comparison.boy .details p .girl, .reskin .product-feature-comparison.boy .details p .girl.desktop, .reskin .product-feature-comparison.boy .details p .girl.mobile, .reskin .product-feature-comparison.boy .details p .newborn, .reskin .product-feature-comparison.boy .details p .newborn.desktop, .reskin .product-feature-comparison.boy .details p .newborn.mobile, .reskin .product-feature-comparison.boy .details p .boy.desktop, .reskin .product-feature-comparison.boy .details p .desktop {display: none}
.reskin .product-feature-comparison.boy .details h3 .boy, .reskin .product-feature-comparison.boy .details h3 .boy.mobile, .reskin .product-feature-comparison.boy .details h3 .mobile, .reskin .product-feature-comparison.boy .details p .boy, .reskin .product-feature-comparison.boy .details p .boy.mobile, .reskin .product-feature-comparison.boy .details p .mobile {display: inline}
@media (min-width: 768px) {.reskin .product-feature-comparison.boy .details h3 .boy.mobile, .reskin .product-feature-comparison.boy .details p .boy.mobile {display: none}
.reskin .product-feature-comparison.boy .details h3 .boy.desktop, .reskin .product-feature-comparison.boy .details p .boy.desktop {display: inline}
}
.reskin .product-feature-comparison .intro .gender-toggle {background: #dc2d81}
.reskin .product-feature-comparison .intro .gender-toggle i {left: 3px}
.reskin .product-feature-comparison .markers > div, .reskin .product-feature-comparison .markers > div:after {background: #dc2d81}
.reskin .product-feature-comparison .details > div {background: #fbd5e3}
.reskin .product-feature-comparison .details > div:before {border: 1px solid #dc2d81}
.reskin .product-feature-comparison .details h3 {color: #dc2d81 !important}
.reskin .product-feature-comparison .details h3 .boy, .reskin .product-feature-comparison .details h3 .boy.desktop, .reskin .product-feature-comparison .details h3 .boy.mobile, .reskin .product-feature-comparison .details h3 .newborn, .reskin .product-feature-comparison .details h3 .newborn.desktop, .reskin .product-feature-comparison .details h3 .newborn.mobile, .reskin .product-feature-comparison .details h3 .girl.desktop, .reskin .product-feature-comparison .details h3 .desktop, .reskin .product-feature-comparison .details p .boy, .reskin .product-feature-comparison .details p .boy.desktop, .reskin .product-feature-comparison .details p .boy.mobile, .reskin .product-feature-comparison .details p .newborn, .reskin .product-feature-comparison .details p .newborn.desktop, .reskin .product-feature-comparison .details p .newborn.mobile, .reskin .product-feature-comparison .details p .girl.desktop, .reskin .product-feature-comparison .details p .desktop {display: none}
.reskin .product-feature-comparison .details h3 .girl, .reskin .product-feature-comparison .details h3 .girl.mobile, .reskin .product-feature-comparison .details h3 .mobile, .reskin .product-feature-comparison .details p .girl, .reskin .product-feature-comparison .details p .girl.mobile, .reskin .product-feature-comparison .details p .mobile {display: inline}
@media (min-width: 768px) {.reskin .product-feature-comparison .details h3 .girl.mobile, .reskin .product-feature-comparison .details p .girl.mobile {display: none}
.reskin .product-feature-comparison .details h3 .girl.desktop, .reskin .product-feature-comparison .details p .girl.desktop {display: inline}
}
@media (min-width: 768px) {.reskin .product-feature-comparison.side-by-side .product {float: left; width: 50%}
}
.reskin h3 + .product-feature-comparison {margin-top: 15px}
.reskin .product-feature-comparison {margin-top: 2em; margin-bottom: 2em; border-bottom: 1px dashed #ddd}
.reskin .product-feature-comparison:before, .reskin .product-feature-comparison:after {content: " "; display: table}
.reskin .product-feature-comparison:after {clear: both}
.reskin .product-feature-comparison .intro {border-bottom: 1px dashed #ddd; padding-bottom: 10px; margin-bottom: 10px; position: relative; min-height: 47px}
.reskin .product-feature-comparison .intro:before, .reskin .product-feature-comparison .intro:after {content: " "; display: table}
.reskin .product-feature-comparison .intro:after {clear: both}
.reskin .product-feature-comparison .intro .gender-toggle {height: 36px; width: 80px; border-radius: 32px; overflow: hidden; position: absolute; transition: background .2s ease-in-out; cursor: pointer}
.reskin .product-feature-comparison .intro .gender-toggle i {background: #fff; position: absolute; top: 3px; height: 30px; width: 30px; border-radius: 15px; transition: left .2s ease-in-out}
.reskin .product-feature-comparison .intro .gender-toggle i:before, .reskin .product-feature-comparison .intro .gender-toggle i:after {font-family: 'Huggies Omnes Semibold', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 600; display: block; font-style: normal; position: absolute; top: 0; color: #fff; line-height: 30px}
.reskin .product-feature-comparison .intro .gender-toggle i:before {content: 'BOY'; left: -35px}
.reskin .product-feature-comparison .intro .gender-toggle i:after {content: 'GIRL'; left: 35px}
.reskin .product-feature-comparison .intro h1 {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; font-size: 20px !important; color: #4d4d4d !important; line-height: 24px !important; margin: 6px 10px 6px 90px !important; border: 0 !important}
.reskin .product-feature-comparison .product {position: relative; min-height: 1px; padding-left: 0; padding-right: 0; margin-bottom: 20px}
.reskin .product-feature-comparison .product.one .markers .one, .reskin .product-feature-comparison .product.two .markers .two, .reskin .product-feature-comparison .product.three .markers .three, .reskin .product-feature-comparison .product.four .markers .four, .reskin .product-feature-comparison .product.five .markers .five, .reskin .product-feature-comparison .product.six .markers .six, .reskin .product-feature-comparison .product.seven .markers .seven, .reskin .product-feature-comparison .product.eight .markers .eight {background: #f9b906}
.reskin .product-feature-comparison .product.one .markers .one:after, .reskin .product-feature-comparison .product.two .markers .two:after, .reskin .product-feature-comparison .product.three .markers .three:after, .reskin .product-feature-comparison .product.four .markers .four:after, .reskin .product-feature-comparison .product.five .markers .five:after, .reskin .product-feature-comparison .product.six .markers .six:after, .reskin .product-feature-comparison .product.seven .markers .seven:after, .reskin .product-feature-comparison .product.eight .markers .eight:after {background: #f9b906}
.reskin .product-feature-comparison .product.one .overlays .one, .reskin .product-feature-comparison .product.two .overlays .two, .reskin .product-feature-comparison .product.three .overlays .three, .reskin .product-feature-comparison .product.four .overlays .four, .reskin .product-feature-comparison .product.five .overlays .five, .reskin .product-feature-comparison .product.six .overlays .six, .reskin .product-feature-comparison .product.seven .overlays .seven, .reskin .product-feature-comparison .product.eight .overlays .eight {opacity: 1}
.reskin .product-feature-comparison .product.one .details .one, .reskin .product-feature-comparison .product.two .details .two, .reskin .product-feature-comparison .product.three .details .three, .reskin .product-feature-comparison .product.four .details .four, .reskin .product-feature-comparison .product.five .details .five, .reskin .product-feature-comparison .product.six .details .six, .reskin .product-feature-comparison .product.seven .details .seven, .reskin .product-feature-comparison .product.eight .details .eight {display: block}
.reskin .product-feature-comparison h4 {font-family: 'Huggies Omnes Semibold', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 600; font-size: 18px; line-height: 20px}
.reskin .product-feature-comparison .images {width: 300px; height: 220px; margin: 0 auto 10px auto; position: relative}
.reskin .product-feature-comparison .markers {position: absolute; top: 0; width: 300px; height: 220px; margin: 0 auto; z-index: 1002}
.reskin .product-feature-comparison .markers > div {width: 24px; height: 24px; transition: background .2s ease-in-out; border-radius: 12px; margin-bottom: 2px; position: absolute; cursor: pointer}
@media (min-width: 768px) {.reskin .product-feature-comparison .markers > div:hover {transform: scale(1.2)}
}
.reskin .product-feature-comparison .markers > div:before, .reskin .product-feature-comparison .markers > div:after {content: ''; display: block; position: absolute}
.reskin .product-feature-comparison .markers > div:before {top: 2px; left: 2px; background: #fff; height: 20px; width: 20px; border-radius: 10px}
.reskin .product-feature-comparison .markers > div:after {top: 4px; left: 4px; transition: background .2s ease-in-out; height: 16px; width: 16px; border-radius: 8px}
.reskin .product-feature-comparison .overlays {position: absolute; top: 0; width: 300px; height: 220px; margin: 0 auto; z-index: 1001}
.reskin .product-feature-comparison .overlays > div {opacity: 0; width: 300px; height: 220px; position: absolute; top: 0}
.reskin .product-feature-comparison .details {max-width: 400px; margin-left: auto; margin-right: auto}
.reskin .product-feature-comparison .details > div {box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); padding: 20px 25px; margin: 10px; border-radius: 20px; position: relative; display: none}
.reskin .product-feature-comparison .details > div:before {content: ''; display: block; top: 8px; left: 8px; right: 8px; bottom: 8px; position: absolute; border-radius: 16px}
.reskin .product-feature-comparison .details h3 {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; margin: 0 !important; font-size: 17px}
.reskin .product-feature-comparison .details p {color: #333 !important; margin: 0 !important}
.reskin .product-feature-comparison.boy .product.nappy-pants .details .gender-specific:after {background-position: 0 0}
.reskin .product-feature-comparison.boy .product.nappy-pants .details .absorbency:after {background-position: -90px 0}
.reskin .product-feature-comparison.boy .product.nappy-pants .details .soft-stretchy:after {background-position: -180px 0}
.reskin .product-feature-comparison.boy .product.nappy-pants .details .disposal-tape:after {background-position: -270px 0}
.reskin .product-feature-comparison .product.nappy-pants .images {background-image: url("/images/products/feature-comparison/nappy-pants/pants.jpg")}
.reskin .product-feature-comparison .product.nappy-pants .markers .gender-specific {top: 115px; left: 117px}
.reskin .product-feature-comparison .product.nappy-pants .markers .absorbency {top: 192px; left: 138px}
.reskin .product-feature-comparison .product.nappy-pants .markers .soft-stretchy {top: 13px; left: 164px}
.reskin .product-feature-comparison .product.nappy-pants .markers .disposal-tape {top: 60px; left: 222px}
.reskin .product-feature-comparison .product.nappy-pants .overlays .gender-specific {background-image: url("/images/products/feature-comparison/nappy-pants/overlay-gender-specific.png")}
.reskin .product-feature-comparison .product.nappy-pants .details > div {margin-left: 70px}
.reskin .product-feature-comparison .product.nappy-pants .details > div:after {content: ''; background-image: url("/images/products/feature-comparison/nappy-pants/details.png"); background-repeat: no-repeat; width: 90px; height: 90px; display: block; position: absolute; left: -70px; top: 50%; transform: translate(0, -50%)}
.reskin .product-feature-comparison .product.nappy-pants .details .gender-specific:after {background-position: 0 -90px}
.reskin .product-feature-comparison .product.nappy-pants .details .absorbency:after {background-position: -90px -90px}
.reskin .product-feature-comparison .product.nappy-pants .details .soft-stretchy:after {background-position: -180px -90px}
.reskin .product-feature-comparison .product.nappy-pants .details .disposal-tape:after {background-position: -270px -90px}
.reskin .product-feature-comparison.boy .product.nappy-pants-resealable-sides .markers .gender-specific {top: 165px; left: 94px}
.reskin .product-feature-comparison.boy .product.nappy-pants-resealable-sides .details .easy-on-easy-off:after {background-position: 0 0}
.reskin .product-feature-comparison.boy .product.nappy-pants-resealable-sides .details .motion-flex:after {background-position: -90px 0}
.reskin .product-feature-comparison.boy .product.nappy-pants-resealable-sides .details .resealable:after {background-position: -180px 0}
.reskin .product-feature-comparison.boy .product.nappy-pants-resealable-sides .details .absorbency:after {background-position: -270px 0}
.reskin .product-feature-comparison.boy .product.nappy-pants-resealable-sides .details .gender-specific:after {background-position: -360px 0}
.reskin .product-feature-comparison .product.nappy-pants-resealable-sides .images {background-image: url("/images/products/feature-comparison/nappy-pants-resealable-sides/pants.jpg")}
.reskin .product-feature-comparison .product.nappy-pants-resealable-sides .markers .easy-on-easy-off {top: 2px; left: 92px}
.reskin .product-feature-comparison .product.nappy-pants-resealable-sides .markers .motion-flex {top: 55px; left: 221px}
.reskin .product-feature-comparison .product.nappy-pants-resealable-sides .markers .resealable {top: 122px; left: 175px}
.reskin .product-feature-comparison .product.nappy-pants-resealable-sides .markers .absorbency {top: 155px; left: 173px}
.reskin .product-feature-comparison .product.nappy-pants-resealable-sides .markers .gender-specific {top: 194px; left: 110px}
.reskin .product-feature-comparison .product.nappy-pants-resealable-sides .overlays .motion-flex {background-image: url("/images/products/feature-comparison/nappy-pants-resealable-sides/overlay-motionflex.png")}
.reskin .product-feature-comparison .product.nappy-pants-resealable-sides .overlays .resealable {background-image: url("/images/products/feature-comparison/nappy-pants-resealable-sides/overlay-resealable.png")}
.reskin .product-feature-comparison .product.nappy-pants-resealable-sides .overlays .gender-specific {background-image: url("/images/products/feature-comparison/nappy-pants-resealable-sides/overlay-gender-specific.png")}
.reskin .product-feature-comparison .product.nappy-pants-resealable-sides .details > div {margin-left: 70px}
.reskin .product-feature-comparison .product.nappy-pants-resealable-sides .details > div:after {content: ''; background-image: url("/images/products/feature-comparison/nappy-pants-resealable-sides/details.png"); background-repeat: no-repeat; width: 90px; height: 90px; display: block; position: absolute; left: -70px; top: 50%; transform: translate(0, -50%)}
.reskin .product-feature-comparison .product.nappy-pants-resealable-sides .details .easy-on-easy-off:after {background-position: 0 -90px}
.reskin .product-feature-comparison .product.nappy-pants-resealable-sides .details .motion-flex:after {background-position: -90px -90px}
.reskin .product-feature-comparison .product.nappy-pants-resealable-sides .details .resealable:after {background-position: -180px -90px}
.reskin .product-feature-comparison .product.nappy-pants-resealable-sides .details .absorbency:after {background-position: -270px -90px}
.reskin .product-feature-comparison .product.nappy-pants-resealable-sides .details .gender-specific:after {background-position: -360px -90px}
#content {margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; box-sizing: border-box; padding-bottom: 15px}
#content:before, #content:after {content: " "; display: table}
#content:after {clear: both}
@media (min-width: 768px) {#content {width: 968px}
}
@media (min-width: 992px) {#content {width: 968px}
}
@media (min-width: 1200px) {#content {width: 968px}
}
.modal-backdrop {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000}
.modal-backdrop.fade {opacity: 0; filter: alpha(opacity=0)}
.modal-backdrop.in {opacity: 0.5; filter: alpha(opacity=50)}
body {margin: 0}
#header {background: #fff}
.modal-open {overflow: hidden}
.modal-open .modal {overflow-x: hidden; overflow-y: auto}
#page.menu-state, .page-content.menu-state {position: absolute; top: 0; left: 0; margin: 0; width: 100%; height: 100%; overflow: hidden; -webkit-overflow-scrolling: touch}