@charset "UTF-8";
@import url(../fonts/foundation-icons.css);
/*@import url(../fonts/eye_catching_ot.css);*/
@font-face {
    font-family: KleenexSans-Bold;
    src: url(../fontnew/KleenexSans-Bold.eot);
    src: url(../fontnew/KleenexSans-Bold.otf) format('opentype'),url(../fontnew/KleenexSans-Bold.svg#KleenexSans-Bold) format('svg'),url(../fontnew/KleenexSans-Bold.ttf) format('truetype'), url(../fontnew/KleenexSans-Bold.woff) format('woff'),url(../fontnew/KleenexSans-Bold.woff2) format('woff2');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: KleenexSans-Medium;
    src: url(../fontnew/KleenexSans-Medium.eot);
    src: url(../fontnew/KleenexSans-Medium.otf) format('opentype'),url(../fontnew/KleenexSans-Medium.svg#KleenexSans-Medium) format('svg'), url(../fontnew/KleenexSans-Medium.ttf) format('truetype'),url(../fontnew/KleenexSans-Medium.woff) format('woff'),url(../fontnew/KleenexSans-Medium.woff2) format('woff2');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: KleenexSans-Regular;
    src: url(../fontnew/KleenexSans-Regular.eot);
    src: url(../fontnew/KleenexSans-Regular.otf) format('opentype'),url(../fontnew/KleenexSans-Regular.svg#KleenexSans-Regular) format('svg'),url(../fontnew/KleenexSans-Regular.ttf) format('truetype'),url(../fontnew/KleenexSans-Regular.woff) format('woff'),url(../fontnew/KleenexSans-Regular.woff2) format('woff2');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: KleenexSans-SemiBold;
    src: url(../fontnew/KleenexSans-SemiBold.eot);
    src: url(../fontnew/KleenexSans-SemiBold.otf) format('opentype'),url(../fontnew/KleenexSans-SemiBold.svg#KleenexSans-SemiBold) format('svg'),url(../fontnew/KleenexSans-SemiBold.ttf) format('truetype'),url(../fontnew/KleenexSans-SemiBold.woff) format('woff'),url(../fontnew/KleenexSans-SemiBold.woff2) format('woff2');
    font-weight: 400;
    font-style: normal
}
/* cpra css */

.container.sellinfologin {
    display: flex;
    justify-content: center;
}

input#consumer_LimittheUseofMyPersonalInfoFlag {
    width: 16px;
    margin-right: 8px;
}

input#consumer_DoNotSellMyInfoFlag {
    width: 16px;
    margin-right: 8px;
}

.sellinfologin label.consumer-LimittheUseofMyPersonalInfoFlag-label.checkbox {
    display: flex;
    align-items: center;
}

.DataPrivacyPreference {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

button#btn-dontsellmyinfo-submit, button#btn-DataPrivacyPreference-submit, button#btn-DataPrivacyPreference-cancel {
    padding: 0.5rem 2rem;
}

.consumer-DoNotSellMyInfoFlag-label, .consumer-LimittheUseofMyPersonalInfoFlag-label {
    color: #1b577c;
    font-size: 15pt;
}

.DataPrivacyPreference input[type=checkbox], input[type=file], input[type=radio], label.inline, select {
    margin: 0 8px 0 0 !important;
}

.DataPrivacyPreference .buttons {
    margin-top: 16px !important;
    gap: 15px !important;
    display: flex;
}

.input_boxes {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.notification-bar-main.notification-bar-top-zero + .header + #contentWrapper {
    margin-top: 104px
}

.notification-bar-main.notification-bar-top-zero.notification-bar-top-zero-alter + .header + #contentWrapper {
    margin-top: 80px
}

.notification-bar-main {
    position: fixed;
    top: 0;
    background-color: #b3d9ff;
    width: 100%;
    z-index: 9999;
    text-align: center
}

.notification-bar-text {
    max-width: 1200px;
    text-align: center;
    margin: 0 auto;
    position: relative;
    font-family: KleenexSans-Regular;
    background-color: #b3d9ff;
}

    .notification-bar-text span {
        font-family: KleenexSans-Bold
    }

    .notification-bar-text a {
        color: #002d72;
        font-size: 14px;
        font-style: italic
    }

    .notification-bar-text #closeButton {
        position: absolute;
        right: 20px;
        color: #000;
        font-weight: 700;
        font-size: 17px
    }

.notification-bar-main.notification-bar-top-zero + .header {
    padding: 24px 0 0 0
}

.notification-bar-main.notification-bar-top-zero.notification-bar-top-zero-alter + .header {
    padding: 0
}

.caringforourfuture {
    margin-top: 50px;
    padding: 0 10px 0 10px
}

    .caringforourfuture + .sellinfologin {
        padding: 0;
        margin-bottom: 100px;
        margin-top: 50px
    }

    .caringforourfuture p {
        color: #6d6e71;
        line-height: 26px;
        font-size: 14px
    }

    .caringforourfuture h1 {
        color: #000;
        padding: 0;
        margin: 0 0 25px 0 !important
    }

.consumer-buttons {
    display: flex;
    align-items: center
}

.consumer-DoNotSellMyInfoFlag-label, .consumer-LimittheUseofMyPersonalInfoFlag-label {
    display: flex !important;
    align-items: center
}

    .consumer-LimittheUseofMyPersonalInfoFlag-label.wrapper.update-profile input[type=checkbox] + label {
        margin-right: 0 !important;
        padding-right: -10px !important;
    }

button#btn-dontsellmyinfo-submit, button#btn-DataPrivacyPreference-submit, button#btn-DataPrivacyPreference-cancel {
    border: 2px solid #ed7a59;
    box-shadow: 0 0 0 2px #fff inset;
    background-color: #ed7a59;
    color: #fff;
}

    button#btn-dontsellmyinfo-submit:hover, button#btn-DataPrivacyPreference-submit:hover, button#btn-DataPrivacyPreference-cancel:hover {
        background-color: transparent;
        color: #ed7a59;
        border: 3px solid #ed7a59
    }

.donotsellmyinfofield {
    margin-bottom: 15px
}

.consumer-buttons .consumer-profile-button {
    margin-top: 0 !important
}

.consumer-DoNotSellMyInfoFlag-label .lattice-checkbox-label {
    position: relative;
    top: -2px;
    right: -10px
}

.donotsellmyinfo-child {
    padding-left: 14px;
    font-size: 15px;
    color: #6d6e71
}

.Finincent-Info, .Privacay-Info, .Reqprofile-Info {
    margin-left: 15px;
    font-size: 14px !important
}

@media only screen and (max-width:680px) {
    .consumer-buttons {
        display: block
    }

    .Finincent-Info, .Privacay-Info {
        margin-top: 20px
    }

    .donotsellmyinfofield {
        margin-top: 15px
    }

        .donotsellmyinfofield .consumer-checkbox-wrap {
            width: 100%;
            text-align: left
        }

    .consumer-DoNotSellMyInfoFlag-label .lattice-checkbox-label {
        width: auto !important
    }

    label.consumer-LimittheUseofMyPersonalInfoFlag-label.checkbox label.lattice-checkbox-label {
        width: auto !important
    }
}

@media only screen and (max-width:568px) {
    .notification-bar-text a {
        display: block;
        width: 90%;
        float: left;
        font-size: 12px
    }

    .notification-bar-text #closeButton {
        float: left;
        font-size: 14px;
        left: 95%
    }

    .notification-bar-main.notification-bar-top-zero + .header + #contentWrapper {
        margin-top: 87px
    }

    .notification-bar-main.notification-bar-top-zero.notification-bar-top-zero-alter + .header + #contentWrapper {
        margin-top: 62px
    }
}

label.bv-fieldset-label-checkbox .bv-fieldset-label-text .bv-text-link {
    color: #6d6e71 !important
}

    label.bv-fieldset-label-checkbox .bv-fieldset-label-text .bv-text-link:visited {
        color: #6d6e71 !important
    }

    label.bv-fieldset-label-checkbox .bv-fieldset-label-text .bv-text-link:hover {
        color: #6d6e71 !important
    }

div#bv-mboxzone-lightbox .bv-mbox-lightbox .bv-mbox-box #bv-mbox-lightbox-list .bv-mbox-content-container .bv-mbox-injection-container li {
    color: #000 !important;
    font-family: inherit !important
}

.bv-product-picker .bv-control-bar .bv-category-breadcrumb .bv-back-category-link a.bv-text-link {
    color: #6d6e71 !important
}

.invisible, .reveal-modal {
    visibility: hidden
}

.accordion:after, .clearfix:after, .row .row.collapse:after, .row .row:after, .row:after, [class*=block-grid-]:after {
    clear: both
}

.breadcrumbs, .button-bar .button-group div, .flex-video, .video-hodler {
    overflow: hidden
}

meta.foundation-version {
    font-family: "/5.5.2/"
}

meta.foundation-mq-small {
    font-family: "/only screen/";
    width: 0
}

meta.foundation-mq-small-only {
    font-family: "/only screen and (max-width: 40em)/";
    width: 0
}

meta.foundation-mq-medium {
    font-family: "/only screen and (min-width:40.0625em)/";
    width: 40.0625em
}

meta.foundation-mq-medium-only {
    font-family: "/only screen and (min-width:40.0625em) and (max-width:64em)/";
    width: 40.0625em
}

meta.foundation-mq-large {
    font-family: "/only screen and (min-width:64.0625em)/";
    width: 64.0625em
}

meta.foundation-mq-large-only {
    font-family: "/only screen and (min-width:64.0625em) and (max-width:90em)/";
    width: 64.0625em
}

meta.foundation-mq-xlarge {
    font-family: "/only screen and (min-width:90.0625em)/";
    width: 90.0625em
}

meta.foundation-mq-xlarge-only {
    font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/";
    width: 90.0625em
}

meta.foundation-mq-xxlarge {
    font-family: "/only screen and (min-width:120.0625em)/";
    width: 120.0625em
}

.row, select {
    width: 100%
}

meta.foundation-data-attribute-namespace {
    font-family: false
}

body, html {
    height: 100%;
    font-size: 100%
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body {
    color: #222;
    cursor: auto;
    font-family: KleenexSans-Regular !important;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    padding: 0;
    position: relative
}

a:hover {
    cursor: pointer
}

img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic
}

#map_canvas embed, #map_canvas img, #map_canvas object, .map_canvas embed, .map_canvas img, .map_canvas object, .mqa-display embed, .mqa-display img, .mqa-display object {
    max-width: none !important
}

.left {
    float: left !important
}

.right {
    float: right !important
}

.clearfix:after, .clearfix:before {
    content: " ";
    display: table
}

.hide {
    display: none
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    display: inline-block;
    vertical-align: middle
}

.row .row.collapse:after, .row .row.collapse:before, .row .row:after, .row .row:before, .row:after, .row:before {
    display: table;
    content: " "
}

textarea {
    min-height: 50px
}

.row {
    margin: 0 auto;
    max-width: 1200px
}

    .row.collapse > .column, .row.collapse > .columns {
        padding-left: 0;
        padding-right: 0
    }

    .row.collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .row .row.collapse {
        margin: 0;
        max-width: none;
        width: auto
    }

.column, .columns {
    padding-left: .9375rem;
    padding-right: .9375rem;
    width: 100%;
    float: left
}

    .column + .column:last-child, .column + .columns:last-child, .columns + .column:last-child, .columns + .columns:last-child {
        float: right
    }

    .column + .column.end, .column + .columns.end, .columns + .column.end, .columns + .columns.end {
        float: left
    }

.video-hodler {
    min-height: auto;
    padding: 11px 20px;
    color: #1b577c;
    font-size: 1.813em;
    line-height: 1.3em;
    position: relative;
    background: #b3e7d1;
    background: -moz-linear-gradient(top,#b3e7d1 0,#c9efe1 50%,#e1f7f1 100%);
    background: -webkit-linear-gradient(top,#b3e7d1 0,#c9efe1 50%,#e1f7f1 100%);
    background: linear-gradient(to bottom,#b3e7d1 0,#c9efe1 50%,#e1f7f1 100%);
    margin: 50px auto;
    width: 100%;
    max-width: 1176px;
    border-radius: 10px
}

    .video-hodler h2, .video-hodler p {
        text-align: right;
        margin: .4em 0;
        color: #1b577c
    }

.arrows .next, .arrows .prev {
    background-repeat: no-repeat;
    position: absolute;
    top: 40%;
    background-size: cover;
    height: 50px;
    background-position: 100% 100%;
    width: 40px
}

.video-hodler .bts-description, .video-hodler .bts-video {
    display: table-cell;
    vertical-align: middle
}

.video-hodler h2 {
    padding: 0 1em 0 0;
    font-size: 30px;
    font-family: KleenexSans-Regular;
    font-weight: 500;
    font-style: normal
}

.video-hodler p {
    padding: 10px 1em 0 0;
    font-size: 16px
}

.accordion, .image-slider p.arrows {
    margin-bottom: 0
}

.video-hodler .bts-description h2 {
    margin-bottom: 0;
    margin-top: 10px;
    font-size: 23px
}

    .video-hodler .bts-description h2 .script-font {
        font-size: 40px;
        font-family: KleenexSans-Regular;
        font-weight: 100;
        text-transform: none;
        line-height: .7
    }

.accordion .accordion-navigation > a, .accordion dd > a, .button, button {
    font-family: KleenexSans-Regular;
    font-style: normal
}

.alert-box, .button, button, label {
    font-weight: 400
}

.video-hodler .bts-description h2 i > br {
    display: none
}

.arrows .prev {
    background-image: url(../img/new-prev-arrow.png);
    left: 10px
}

.arrows .next {
    background-image: url(../img/new-next-arrow.png);
    right: 10px
}

@media only screen and (max-width:992px) {
    .video-hodler h2 {
        font-size: 18px;
        padding-top: 5%
    }

    .video-hodler .bts-description h2 {
        font-size: 20px;
        margin-top: 0;
        padding-top: 0
    }

        .video-hodler .bts-description h2 .script-font {
            font-size: 45px
        }
}




@media only screen and (max-width:640px) {
    .video-hodler .bts-description h2, .video-hodler h2 {
        font-size: 15px
    }

        .video-hodler .bts-description h2 .script-font {
            font-size: 35px
        }

    .video-hodler .bts-description p {
        font-size: 12px
    }
}

@media only screen and (max-width:580px) {
    .video-hodler .bts-description h2, .video-hodler h2 {
        font-size: 13px
    }

        .video-hodler .bts-description h2 .script-font {
            font-size: 35px
        }

        .video-hodler .bts-description h2 i > br {
            display: block
        }
}

@media only screen and (max-width:480px) {
    .video-hodler h2 {
        font-size: 12px;
        padding-top: 7%
    }

    .video-hodler .bts-description h2 {
        font-size: 13px;
        margin-top: 0;
        padding-top: 0
    }

        .video-hodler .bts-description h2 .script-font {
            font-size: 32px
        }
}

@media only screen and (max-width:380px) {
    .video-hodler .bts-description h2 {
        font-size: 11px;
        margin-top: 0;
        padding-top: 0
    }

        .video-hodler .bts-description h2 .script-font {
            font-size: 28px;
            line-height: 20px
        }

    .video-hodler h2 {
        font-size: 10px;
        padding-right: 5px
    }
}

@media only screen {
    .column, .columns, .small-pull-0, .small-pull-1, .small-pull-10, .small-pull-11, .small-pull-2, .small-pull-3, .small-pull-4, .small-pull-5, .small-pull-6, .small-pull-7, .small-pull-8, .small-pull-9, .small-push-0, .small-push-1, .small-push-10, .small-push-11, .small-push-2, .small-push-3, .small-push-4, .small-push-5, .small-push-7, .small-push-8, .small-push-9 {
        position: relative
    }

    .small-push-0 {
        left: 0;
        right: auto
    }

    .small-pull-0 {
        right: 0;
        left: auto
    }

    .small-push-1 {
        left: 8.33333%;
        right: auto
    }

    .small-pull-1 {
        right: 8.33333%;
        left: auto
    }

    .small-push-2 {
        left: 16.66667%;
        right: auto
    }

    .small-pull-2 {
        right: 16.66667%;
        left: auto
    }

    .small-push-3 {
        left: 25%;
        right: auto
    }

    .small-pull-3 {
        right: 25%;
        left: auto
    }

    .small-push-4 {
        left: 33.33333%;
        right: auto
    }

    .small-pull-4 {
        right: 33.33333%;
        left: auto
    }

    .small-push-5 {
        left: 41.66667%;
        right: auto
    }

    .small-pull-5 {
        right: 41.66667%;
        left: auto
    }

    .small-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .small-pull-6 {
        right: 50%;
        left: auto
    }

    .small-push-7 {
        left: 58.33333%;
        right: auto
    }

    .small-pull-7 {
        right: 58.33333%;
        left: auto
    }

    .small-push-8 {
        left: 66.66667%;
        right: auto
    }

    .small-pull-8 {
        right: 66.66667%;
        left: auto
    }

    .small-push-9 {
        left: 75%;
        right: auto
    }

    .small-pull-9 {
        right: 75%;
        left: auto
    }

    .small-push-10 {
        left: 83.33333%;
        right: auto
    }

    .small-pull-10 {
        right: 83.33333%;
        left: auto
    }

    .small-push-11 {
        left: 91.66667%;
        right: auto
    }

    .small-pull-11 {
        right: 91.66667%;
        left: auto
    }

    .column, .columns {
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left
    }

    .small-1 {
        width: 8.33333%
    }

    .small-2 {
        width: 16.66667%
    }

    .small-3 {
        width: 25%
    }

    .small-4 {
        width: 33.33333%
    }

    .small-5 {
        width: 41.66667%
    }

    .small-6 {
        width: 50%
    }

    .small-7 {
        width: 58.33333%
    }

    .small-8 {
        width: 66.66667%
    }

    .small-9 {
        width: 75%
    }

    .small-10 {
        width: 83.33333%
    }

    .small-11 {
        width: 91.66667%
    }

    .small-12 {
        width: 100%
    }

    .small-offset-0 {
        margin-left: 0 !important
    }

    .small-offset-1 {
        margin-left: 8.33333% !important
    }

    .small-offset-2 {
        margin-left: 16.66667% !important
    }

    .small-offset-3 {
        margin-left: 25% !important
    }

    .small-offset-4 {
        margin-left: 33.33333% !important
    }

    .small-offset-5 {
        margin-left: 41.66667% !important
    }

    .small-offset-6 {
        margin-left: 50% !important
    }

    .small-offset-7 {
        margin-left: 58.33333% !important
    }

    .small-offset-8 {
        margin-left: 66.66667% !important
    }

    .small-offset-9 {
        margin-left: 75% !important
    }

    .small-offset-10 {
        margin-left: 83.33333% !important
    }

    .small-offset-11 {
        margin-left: 91.66667% !important
    }

    .small-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto
    }

    .column.small-centered, .columns.small-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .column.small-uncentered, .columns.small-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .column.small-centered:last-child, .columns.small-centered:last-child {
        float: none
    }

    .column.small-uncentered:last-child, .columns.small-uncentered:last-child {
        float: left
    }

    .column.small-uncentered.opposite, .columns.small-uncentered.opposite {
        float: right
    }

    .row.small-collapse > .column, .row.small-collapse > .columns {
        padding-left: 0;
        padding-right: 0
    }

    .row.small-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .row.small-uncollapse > .column, .row.small-uncollapse > .columns {
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left
    }
}

@media only screen and (min-width:40.0625em) {
    .medium-pull-0, .medium-pull-1, .medium-pull-10, .medium-pull-11, .medium-pull-2, .medium-pull-3, .medium-pull-4, .medium-pull-5, .medium-pull-6, .medium-pull-7, .medium-pull-8, .medium-pull-9, .medium-push-0, .medium-push-1, .medium-push-10, .medium-push-11, .medium-push-2, .medium-push-3, .medium-push-4, .medium-push-5, .medium-push-6, .medium-push-7, .medium-push-8, .medium-push-9, .pull-0, .pull-1, .pull-10, .pull-11, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .push-0, .push-1, .push-10, .push-11, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9 {
        position: relative
    }

    .medium-push-0 {
        left: 0;
        right: auto
    }

    .medium-pull-0 {
        right: 0;
        left: auto
    }

    .medium-push-1 {
        left: 8.33333%;
        right: auto
    }

    .medium-pull-1 {
        right: 8.33333%;
        left: auto
    }

    .medium-push-2 {
        left: 16.66667%;
        right: auto
    }

    .medium-pull-2 {
        right: 16.66667%;
        left: auto
    }

    .medium-push-3 {
        left: 25%;
        right: auto
    }

    .medium-pull-3 {
        right: 25%;
        left: auto
    }

    .medium-push-4 {
        left: 33.33333%;
        right: auto
    }

    .medium-pull-4 {
        right: 33.33333%;
        left: auto
    }

    .medium-push-5 {
        left: 41.66667%;
        right: auto
    }

    .medium-pull-5 {
        right: 41.66667%;
        left: auto
    }

    .medium-push-6 {
        left: 50%;
        right: auto
    }

    .medium-pull-6 {
        right: 50%;
        left: auto
    }

    .medium-push-7 {
        left: 58.33333%;
        right: auto
    }

    .medium-pull-7 {
        right: 58.33333%;
        left: auto
    }

    .medium-push-8 {
        left: 66.66667%;
        right: auto
    }

    .medium-pull-8 {
        right: 66.66667%;
        left: auto
    }

    .medium-push-9 {
        left: 75%;
        right: auto
    }

    .medium-pull-9 {
        right: 75%;
        left: auto
    }

    .medium-push-10 {
        left: 83.33333%;
        right: auto
    }

    .medium-pull-10 {
        right: 83.33333%;
        left: auto
    }

    .medium-push-11 {
        left: 91.66667%;
        right: auto
    }

    .medium-pull-11 {
        right: 91.66667%;
        left: auto
    }

    .column, .columns {
        position: relative;
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left
    }

    .medium-1 {
        width: 8.33333%
    }

    .medium-2 {
        width: 16.66667%
    }

    .medium-3 {
        width: 25%
    }

    .medium-4 {
        width: 33.33333%
    }

    .medium-5 {
        width: 41.66667%
    }

    .medium-6 {
        width: 50%
    }

    .medium-7 {
        width: 58.33333%
    }

    .medium-8 {
        width: 66.66667%
    }

    .medium-9 {
        width: 75%
    }

    .medium-10 {
        width: 83.33333%
    }

    .medium-11 {
        width: 91.66667%
    }

    .medium-12 {
        width: 100%
    }

    .medium-offset-0 {
        margin-left: 0 !important
    }

    .medium-offset-1 {
        margin-left: 8.33333% !important
    }

    .medium-offset-2 {
        margin-left: 16.66667% !important
    }

    .medium-offset-3 {
        margin-left: 25% !important
    }

    .medium-offset-4 {
        margin-left: 33.33333% !important
    }

    .medium-offset-5 {
        margin-left: 41.66667% !important
    }

    .medium-offset-6 {
        margin-left: 50% !important
    }

    .medium-offset-7 {
        margin-left: 58.33333% !important
    }

    .medium-offset-8 {
        margin-left: 66.66667% !important
    }

    .medium-offset-9 {
        margin-left: 75% !important
    }

    .medium-offset-10 {
        margin-left: 83.33333% !important
    }

    .medium-offset-11 {
        margin-left: 91.66667% !important
    }

    .medium-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto
    }

    .column.medium-centered, .columns.medium-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .column.medium-uncentered, .columns.medium-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .column.medium-centered:last-child, .columns.medium-centered:last-child {
        float: none
    }

    .column.medium-uncentered:last-child, .columns.medium-uncentered:last-child {
        float: left
    }

    .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite {
        float: right
    }

    .row.medium-collapse > .column, .row.medium-collapse > .columns {
        padding-left: 0;
        padding-right: 0
    }

    .row.medium-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .row.medium-uncollapse > .column, .row.medium-uncollapse > .columns {
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left
    }

    .push-0 {
        left: 0;
        right: auto
    }

    .pull-0 {
        right: 0;
        left: auto
    }

    .push-1 {
        left: 8.33333%;
        right: auto
    }

    .pull-1 {
        right: 8.33333%;
        left: auto
    }

    .push-2 {
        left: 16.66667%;
        right: auto
    }

    .pull-2 {
        right: 16.66667%;
        left: auto
    }

    .push-3 {
        left: 25%;
        right: auto
    }

    .pull-3 {
        right: 25%;
        left: auto
    }

    .push-4 {
        left: 33.33333%;
        right: auto
    }

    .pull-4 {
        right: 33.33333%;
        left: auto
    }

    .push-5 {
        left: 41.66667%;
        right: auto
    }

    .pull-5 {
        right: 41.66667%;
        left: auto
    }

    .push-6 {
        left: 50%;
        right: auto
    }

    .pull-6 {
        right: 50%;
        left: auto
    }

    .push-7 {
        left: 58.33333%;
        right: auto
    }

    .pull-7 {
        right: 58.33333%;
        left: auto
    }

    .push-8 {
        left: 66.66667%;
        right: auto
    }

    .pull-8 {
        right: 66.66667%;
        left: auto
    }

    .push-9 {
        left: 75%;
        right: auto
    }

    .pull-9 {
        right: 75%;
        left: auto
    }

    .push-10 {
        left: 83.33333%;
        right: auto
    }

    .pull-10 {
        right: 83.33333%;
        left: auto
    }

    .push-11 {
        left: 91.66667%;
        right: auto
    }

    .pull-11 {
        right: 91.66667%;
        left: auto
    }
}

@media only screen and (min-width:64.0625em) {
    .large-pull-0, .large-pull-1, .large-pull-10, .large-pull-11, .large-pull-2, .large-pull-3, .large-pull-4, .large-pull-5, .large-pull-6, .large-pull-7, .large-pull-8, .large-pull-9, .large-push-0, .large-push-1, .large-push-10, .large-push-11, .large-push-2, .large-push-3, .large-push-4, .large-push-5, .large-push-6, .large-push-7, .large-push-8, .large-push-9, .pull-0, .pull-1, .pull-10, .pull-11, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .push-0, .push-1, .push-10, .push-11, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9 {
        position: relative
    }

    .large-push-0 {
        left: 0;
        right: auto
    }

    .large-pull-0 {
        right: 0;
        left: auto
    }

    .large-push-1 {
        left: 8.33333%;
        right: auto
    }

    .large-pull-1 {
        right: 8.33333%;
        left: auto
    }

    .large-push-2 {
        left: 16.66667%;
        right: auto
    }

    .large-pull-2 {
        right: 16.66667%;
        left: auto
    }

    .large-push-3 {
        left: 25%;
        right: auto
    }

    .large-pull-3 {
        right: 25%;
        left: auto
    }

    .large-push-4 {
        left: 33.33333%;
        right: auto
    }

    .large-pull-4 {
        right: 33.33333%;
        left: auto
    }

    .large-push-5 {
        left: 41.66667%;
        right: auto
    }

    .large-pull-5 {
        right: 41.66667%;
        left: auto
    }

    .large-push-6 {
        left: 50%;
        right: auto
    }

    .large-pull-6 {
        right: 50%;
        left: auto
    }

    .large-push-7 {
        left: 58.33333%;
        right: auto
    }

    .large-pull-7 {
        right: 58.33333%;
        left: auto
    }

    .large-push-8 {
        left: 66.66667%;
        right: auto
    }

    .large-pull-8 {
        right: 66.66667%;
        left: auto
    }

    .large-push-9 {
        left: 75%;
        right: auto
    }

    .large-pull-9 {
        right: 75%;
        left: auto
    }

    .large-push-10 {
        left: 83.33333%;
        right: auto
    }

    .large-pull-10 {
        right: 83.33333%;
        left: auto
    }

    .large-push-11 {
        left: 91.66667%;
        right: auto
    }

    .large-pull-11 {
        right: 91.66667%;
        left: auto
    }

    .column, .columns {
        position: relative;
        padding-left: 12px;
        padding-right: 12px;
        float: left
    }

    .large-1 {
        width: 8.33333%
    }

    .large-2 {
        width: 16.66667%
    }

    .large-3 {
        width: 25%
    }

    .large-4 {
        width: 33.33333%
    }

    .large-5 {
        width: 41.66667%
    }

    .large-6 {
        width: 50%
    }

    .large-7 {
        width: 58.33333%
    }

    .large-8 {
        width: 66.66667%
    }

    .large-9 {
        width: 75%
    }

    .large-10 {
        width: 83.33333%
    }

    .large-11 {
        width: 91.66667%
    }

    .large-12 {
        width: 100%
    }

    .large-offset-0 {
        margin-left: 0 !important
    }

    .large-offset-1 {
        margin-left: 8.33333% !important
    }

    .large-offset-2 {
        margin-left: 16.66667% !important
    }

    .large-offset-3 {
        margin-left: 25% !important
    }

    .large-offset-4 {
        margin-left: 33.33333% !important
    }

    .large-offset-5 {
        margin-left: 41.66667% !important
    }

    .large-offset-6 {
        margin-left: 50% !important
    }

    .large-offset-7 {
        margin-left: 58.33333% !important
    }

    .large-offset-8 {
        margin-left: 66.66667% !important
    }

    .large-offset-9 {
        margin-left: 75% !important
    }

    .large-offset-10 {
        margin-left: 83.33333% !important
    }

    .large-offset-11 {
        margin-left: 91.66667% !important
    }

    .large-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto
    }

    .column.large-centered, .columns.large-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .column.large-uncentered, .columns.large-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .column.large-centered:last-child, .columns.large-centered:last-child {
        float: none
    }

    .column.large-uncentered:last-child, .columns.large-uncentered:last-child {
        float: left
    }

    .column.large-uncentered.opposite, .columns.large-uncentered.opposite {
        float: right
    }

    .row.large-collapse > .column, .row.large-collapse > .columns {
        padding-left: 0;
        padding-right: 0
    }

    .row.large-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .row.large-uncollapse > .column, .row.large-uncollapse > .columns {
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left
    }

    .push-0 {
        left: 0;
        right: auto
    }

    .pull-0 {
        right: 0;
        left: auto
    }

    .push-1 {
        left: 8.33333%;
        right: auto
    }

    .pull-1 {
        right: 8.33333%;
        left: auto
    }

    .push-2 {
        left: 16.66667%;
        right: auto
    }

    .pull-2 {
        right: 16.66667%;
        left: auto
    }

    .push-3 {
        left: 25%;
        right: auto
    }

    .pull-3 {
        right: 25%;
        left: auto
    }

    .push-4 {
        left: 33.33333%;
        right: auto
    }

    .pull-4 {
        right: 33.33333%;
        left: auto
    }

    .push-5 {
        left: 41.66667%;
        right: auto
    }

    .pull-5 {
        right: 41.66667%;
        left: auto
    }

    .push-6 {
        left: 50%;
        right: auto
    }

    .pull-6 {
        right: 50%;
        left: auto
    }

    .push-7 {
        left: 58.33333%;
        right: auto
    }

    .pull-7 {
        right: 58.33333%;
        left: auto
    }

    .push-8 {
        left: 66.66667%;
        right: auto
    }

    .pull-8 {
        right: 66.66667%;
        left: auto
    }

    .push-9 {
        left: 75%;
        right: auto
    }

    .pull-9 {
        right: 75%;
        left: auto
    }

    .push-10 {
        left: 83.33333%;
        right: auto
    }

    .pull-10 {
        right: 83.33333%;
        left: auto
    }

    .push-11 {
        left: 91.66667%;
        right: auto
    }

    .pull-11 {
        right: 91.66667%;
        left: auto
    }
}

.accordion:after, .accordion:before {
    content: " ";
    display: table
}

.accordion .accordion-navigation, .accordion dd {
    display: block;
    margin-bottom: 0 !important
}

    .accordion .accordion-navigation.active > a, .accordion dd.active > a {
        background: #e8e8e8;
        color: #222
    }

    .accordion .accordion-navigation > a, .accordion dd > a {
        background: #efefef;
        color: #222;
        display: block;
        font-weight: 400;
        font-size: 1rem;
        padding: 1rem
    }

        .accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
            background: #e3e3e3
        }

    .accordion .accordion-navigation > .content, .accordion dd > .content {
        display: none;
        padding: .9375rem
    }

        .accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
            background: #fff;
            display: block
        }

.alert-box {
    border-style: solid;
    border-width: 1px;
    display: block;
    font-size: .8125rem;
    margin-bottom: 1.25rem;
    padding: .875rem 1.5rem .875rem .875rem;
    position: relative;
    transition: opacity .3s ease-out;
    background-color: #008cba;
    border-color: #0078a0;
    color: #fff
}

    .alert-box .close {
        right: .25rem;
        background: inherit;
        color: #333;
        font-size: 1.375rem;
        line-height: .9;
        margin-top: -.6875rem;
        opacity: .3;
        padding: 0 6px 4px;
        position: absolute;
        top: 50%
    }

        .alert-box .close:focus, .alert-box .close:hover {
            opacity: .5
        }

    .alert-box.radius {
        border-radius: 3px
    }

    .alert-box.round {
        border-radius: 1000px
    }

    .alert-box.success {
        background-color: #43ac6a;
        border-color: #3a945b;
        color: #fff
    }

    .alert-box.alert {
        background-color: #f04124;
        border-color: #de2d0f;
        color: #fff
    }

    .alert-box.secondary {
        background-color: #e7e7e7;
        border-color: #c7c7c7;
        color: #4f4f4f
    }

    .alert-box.warning {
        background-color: #f08a24;
        border-color: #de770f;
        color: #fff
    }

    .alert-box.info {
        background-color: #a0d3e8;
        border-color: #74bfdd;
        color: #4f4f4f
    }

    .alert-box.alert-close {
        opacity: 0
    }

[class*=block-grid-] {
    display: block;
    padding: 0;
    margin: 0 -.625rem
}

    [class*=block-grid-]:after, [class*=block-grid-]:before {
        content: " ";
        display: table
    }

    [class*=block-grid-] > li {
        display: block;
        float: left;
        height: auto;
        padding: 0 .625rem 1.25rem
    }

@media only screen {
    .small-block-grid-1 > li {
        list-style: none;
        width: 100%
    }

        .small-block-grid-1 > li:nth-of-type(1n) {
            clear: none
        }

        .small-block-grid-1 > li:nth-of-type(1n+1) {
            clear: both
        }

    .small-block-grid-2 > li {
        list-style: none;
        width: 50%
    }

        .small-block-grid-2 > li:nth-of-type(1n) {
            clear: none
        }

        .small-block-grid-2 > li:nth-of-type(2n+1) {
            clear: both
        }

    .small-block-grid-3 > li {
        list-style: none;
        width: 33.33333%
    }

        .small-block-grid-3 > li:nth-of-type(1n) {
            clear: none
        }

        .small-block-grid-3 > li:nth-of-type(3n+1) {
            clear: both
        }

    .small-block-grid-4 > li {
        list-style: none;
        width: 25%
    }

        .small-block-grid-4 > li:nth-of-type(1n) {
            clear: none
        }

        .small-block-grid-4 > li:nth-of-type(4n+1) {
            clear: both
        }

    .small-block-grid-5 > li {
        list-style: none;
        width: 20%
    }

        .small-block-grid-5 > li:nth-of-type(1n) {
            clear: none
        }

        .small-block-grid-5 > li:nth-of-type(5n+1) {
            clear: both
        }

    .small-block-grid-6 > li {
        list-style: none;
        width: 16.66667%
    }

        .small-block-grid-6 > li:nth-of-type(1n) {
            clear: none
        }

        .small-block-grid-6 > li:nth-of-type(6n+1) {
            clear: both
        }

    .small-block-grid-7 > li {
        list-style: none;
        width: 14.28571%
    }

        .small-block-grid-7 > li:nth-of-type(1n) {
            clear: none
        }

        .small-block-grid-7 > li:nth-of-type(7n+1) {
            clear: both
        }

    .small-block-grid-8 > li {
        list-style: none;
        width: 12.5%
    }

        .small-block-grid-8 > li:nth-of-type(1n) {
            clear: none
        }

        .small-block-grid-8 > li:nth-of-type(8n+1) {
            clear: both
        }

    .small-block-grid-9 > li {
        list-style: none;
        width: 11.11111%
    }

        .small-block-grid-9 > li:nth-of-type(1n) {
            clear: none
        }

        .small-block-grid-9 > li:nth-of-type(9n+1) {
            clear: both
        }

    .small-block-grid-10 > li {
        list-style: none;
        width: 10%
    }

        .small-block-grid-10 > li:nth-of-type(1n) {
            clear: none
        }

        .small-block-grid-10 > li:nth-of-type(10n+1) {
            clear: both
        }

    .small-block-grid-11 > li {
        list-style: none;
        width: 9.09091%
    }

        .small-block-grid-11 > li:nth-of-type(1n) {
            clear: none
        }

        .small-block-grid-11 > li:nth-of-type(11n+1) {
            clear: both
        }

    .small-block-grid-12 > li {
        list-style: none;
        width: 8.33333%
    }

        .small-block-grid-12 > li:nth-of-type(1n) {
            clear: none
        }

        .small-block-grid-12 > li:nth-of-type(12n+1) {
            clear: both
        }
}

@media only screen and (min-width:40.0625em) {
    .medium-block-grid-1 > li {
        list-style: none;
        width: 100%
    }

        .medium-block-grid-1 > li:nth-of-type(1n) {
            clear: none
        }

        .medium-block-grid-1 > li:nth-of-type(1n+1) {
            clear: both
        }

    .medium-block-grid-2 > li {
        list-style: none;
        width: 50%
    }

        .medium-block-grid-2 > li:nth-of-type(1n) {
            clear: none
        }

        .medium-block-grid-2 > li:nth-of-type(2n+1) {
            clear: both
        }

    .medium-block-grid-3 > li {
        list-style: none;
        width: 33.33333%
    }

        .medium-block-grid-3 > li:nth-of-type(1n) {
            clear: none
        }

        .medium-block-grid-3 > li:nth-of-type(3n+1) {
            clear: both
        }

    .medium-block-grid-4 > li {
        list-style: none;
        width: 25%
    }

        .medium-block-grid-4 > li:nth-of-type(1n) {
            clear: none
        }

        .medium-block-grid-4 > li:nth-of-type(4n+1) {
            clear: both
        }

    .medium-block-grid-5 > li {
        list-style: none;
        width: 20%
    }

        .medium-block-grid-5 > li:nth-of-type(1n) {
            clear: none
        }

        .medium-block-grid-5 > li:nth-of-type(5n+1) {
            clear: both
        }

    .medium-block-grid-6 > li {
        list-style: none;
        width: 16.66667%
    }

        .medium-block-grid-6 > li:nth-of-type(1n) {
            clear: none
        }

        .medium-block-grid-6 > li:nth-of-type(6n+1) {
            clear: both
        }

    .medium-block-grid-7 > li {
        list-style: none;
        width: 14.28571%
    }

        .medium-block-grid-7 > li:nth-of-type(1n) {
            clear: none
        }

        .medium-block-grid-7 > li:nth-of-type(7n+1) {
            clear: both
        }

    .medium-block-grid-8 > li {
        list-style: none;
        width: 12.5%
    }

        .medium-block-grid-8 > li:nth-of-type(1n) {
            clear: none
        }

        .medium-block-grid-8 > li:nth-of-type(8n+1) {
            clear: both
        }

    .medium-block-grid-9 > li {
        list-style: none;
        width: 11.11111%
    }

        .medium-block-grid-9 > li:nth-of-type(1n) {
            clear: none
        }

        .medium-block-grid-9 > li:nth-of-type(9n+1) {
            clear: both
        }

    .medium-block-grid-10 > li {
        list-style: none;
        width: 10%
    }

        .medium-block-grid-10 > li:nth-of-type(1n) {
            clear: none
        }

        .medium-block-grid-10 > li:nth-of-type(10n+1) {
            clear: both
        }

    .medium-block-grid-11 > li {
        list-style: none;
        width: 9.09091%
    }

        .medium-block-grid-11 > li:nth-of-type(1n) {
            clear: none
        }

        .medium-block-grid-11 > li:nth-of-type(11n+1) {
            clear: both
        }

    .medium-block-grid-12 > li {
        list-style: none;
        width: 8.33333%
    }

        .medium-block-grid-12 > li:nth-of-type(1n) {
            clear: none
        }

        .medium-block-grid-12 > li:nth-of-type(12n+1) {
            clear: both
        }
}

@media only screen and (min-width:64.0625em) {
    .large-block-grid-1 > li {
        list-style: none;
        width: 100%
    }

        .large-block-grid-1 > li:nth-of-type(1n) {
            clear: none
        }

        .large-block-grid-1 > li:nth-of-type(1n+1) {
            clear: both
        }

    .large-block-grid-2 > li {
        list-style: none;
        width: 50%
    }

        .large-block-grid-2 > li:nth-of-type(1n) {
            clear: none
        }

        .large-block-grid-2 > li:nth-of-type(2n+1) {
            clear: both
        }

    .large-block-grid-3 > li {
        list-style: none;
        width: 33.33333%
    }

        .large-block-grid-3 > li:nth-of-type(1n) {
            clear: none
        }

        .large-block-grid-3 > li:nth-of-type(3n+1) {
            clear: both
        }

    .large-block-grid-4 > li {
        list-style: none;
        width: 25%
    }

        .large-block-grid-4 > li:nth-of-type(1n) {
            clear: none
        }

        .large-block-grid-4 > li:nth-of-type(4n+1) {
            clear: both
        }

    .large-block-grid-5 > li {
        list-style: none;
        width: 20%
    }

        .large-block-grid-5 > li:nth-of-type(1n) {
            clear: none
        }

        .large-block-grid-5 > li:nth-of-type(5n+1) {
            clear: both
        }

    .large-block-grid-6 > li {
        list-style: none;
        width: 16.66667%
    }

        .large-block-grid-6 > li:nth-of-type(1n) {
            clear: none
        }

        .large-block-grid-6 > li:nth-of-type(6n+1) {
            clear: both
        }

    .large-block-grid-7 > li {
        list-style: none;
        width: 14.28571%
    }

        .large-block-grid-7 > li:nth-of-type(1n) {
            clear: none
        }

        .large-block-grid-7 > li:nth-of-type(7n+1) {
            clear: both
        }

    .large-block-grid-8 > li {
        list-style: none;
        width: 12.5%
    }

        .large-block-grid-8 > li:nth-of-type(1n) {
            clear: none
        }

        .large-block-grid-8 > li:nth-of-type(8n+1) {
            clear: both
        }

    .large-block-grid-9 > li {
        list-style: none;
        width: 11.11111%
    }

        .large-block-grid-9 > li:nth-of-type(1n) {
            clear: none
        }

        .large-block-grid-9 > li:nth-of-type(9n+1) {
            clear: both
        }

    .large-block-grid-10 > li {
        list-style: none;
        width: 10%
    }

        .large-block-grid-10 > li:nth-of-type(1n) {
            clear: none
        }

        .large-block-grid-10 > li:nth-of-type(10n+1) {
            clear: both
        }

    .large-block-grid-11 > li {
        list-style: none;
        width: 9.09091%
    }

        .large-block-grid-11 > li:nth-of-type(1n) {
            clear: none
        }

        .large-block-grid-11 > li:nth-of-type(11n+1) {
            clear: both
        }

    .large-block-grid-12 > li {
        list-style: none;
        width: 8.33333%
    }

        .large-block-grid-12 > li:nth-of-type(1n) {
            clear: none
        }

        .large-block-grid-12 > li:nth-of-type(12n+1) {
            clear: both
        }
}

.button-bar:after, .button-group:after, .clearing-thumbs:after, [data-clearing]:after {
    clear: both
}

.breadcrumbs {
    border-style: solid;
    border-width: 1px;
    display: block;
    list-style: none;
    margin-left: 0;
    padding: .5625rem .875rem;
    background-color: #f4f4f4;
    border-color: #dcdcdc;
    border-radius: 3px
}

    .breadcrumbs > * {
        color: #008cba;
        float: left;
        font-size: .6875rem;
        line-height: .6875rem;
        margin: 0;
        text-transform: uppercase
    }

    .breadcrumbs > :focus a, .breadcrumbs > :hover a {
        text-decoration: underline
    }

    .breadcrumbs > .current:focus, .breadcrumbs > .current:focus a, .breadcrumbs > .current:hover, .breadcrumbs > .current:hover a, .button, button {
        text-decoration: none
    }

    .breadcrumbs > * a {
        color: #008cba
    }

    .breadcrumbs > .current, .breadcrumbs > .current a {
        color: #333;
        cursor: default
    }

    .breadcrumbs > .unavailable, .breadcrumbs > .unavailable a {
        color: #999
    }

        .breadcrumbs > .unavailable a:focus, .breadcrumbs > .unavailable:focus, .breadcrumbs > .unavailable:hover, .breadcrumbs > .unavailable:hover a {
            color: #999;
            cursor: not-allowed;
            text-decoration: none
        }

    .breadcrumbs > :before {
        color: #aaa;
        content: "/";
        margin: 0 .75rem;
        position: relative;
        top: 1px
    }

    .breadcrumbs > :first-child:before {
        content: " ";
        margin: 0
    }

[aria-label=breadcrumbs] [aria-hidden=true]:after {
    content: "/"
}

.button, button {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    line-height: normal;
    margin: 0 0 1.25rem;
    position: relative;
    text-align: center;
    display: inline-block;
    padding: 1rem 2rem 1.0625rem;
    font-size: 1rem;
    background-color: #008cba;
    border-color: #007095;
    color: #fff;
    transition: background-color .3s ease-out
}

    .button:focus, .button:hover, button:focus, button:hover {
        background-color: #007095;
        color: #fff
    }

    .button.secondary, button.secondary {
        background-color: #e7e7e7;
        border-color: #b9b9b9;
        color: #333
    }

        .button.secondary:focus, .button.secondary:hover, button.secondary:focus, button.secondary:hover {
            background-color: #b9b9b9;
            color: #333
        }

    .button.success, button.success {
        background-color: #43ac6a;
        border-color: #368a55;
        color: #fff
    }

        .button.success:focus, .button.success:hover, button.success:focus, button.success:hover {
            background-color: #368a55;
            color: #fff
        }

    .button.alert, button.alert {
        background-color: #f04124;
        border-color: #cf2a0e;
        color: #fff
    }

        .button.alert:focus, .button.alert:hover, button.alert:focus, button.alert:hover {
            background-color: #cf2a0e;
            color: #fff
        }

    .button.warning, button.warning {
        background-color: #f08a24;
        border-color: #cf6e0e;
        color: #fff
    }

        .button.warning:focus, .button.warning:hover, button.warning:focus, button.warning:hover {
            background-color: #cf6e0e;
            color: #fff
        }

    .button.info, button.info {
        background-color: #a0d3e8;
        border-color: #61b6d9;
        color: #333
    }

        .button.info:focus, .button.info:hover, button.info:focus, button.info:hover {
            background-color: #61b6d9;
            color: #fff
        }

    .button.large, button.large {
        padding: 1.125rem 2.25rem 1.1875rem;
        font-size: 1.25rem
    }

    .button.small, button.small {
        padding: .875rem 1.75rem .9375rem;
        font-size: .8125rem
    }

    .button.tiny, button.tiny {
        padding: .625rem 1.25rem .6875rem;
        font-size: .6875rem
    }

    .button.expand, button.expand {
        padding: 1rem 1rem 1.0625rem;
        font-size: 1rem;
        width: 100%
    }

    .button.left-align, button.left-align {
        text-align: left;
        text-indent: .75rem
    }

    .button.right-align, button.right-align {
        text-align: right;
        padding-right: .75rem
    }

    .button.radius, button.radius {
        border-radius: 3px
    }

    .button.round, button.round {
        border-radius: 1000px
    }

    .button.disabled, .button[disabled], button.disabled, button[disabled] {
        background-color: #008cba;
        border-color: #007095;
        color: #fff;
        box-shadow: none;
        cursor: default;
        opacity: .7
    }

        .button.disabled:focus, .button.disabled:hover, .button[disabled]:focus, .button[disabled]:hover, button.disabled:focus, button.disabled:hover, button[disabled]:focus, button[disabled]:hover {
            color: #fff;
            background-color: #008cba
        }

        .button.disabled.secondary, .button[disabled].secondary, button.disabled.secondary, button[disabled].secondary {
            background-color: #e7e7e7;
            border-color: #b9b9b9;
            color: #333;
            box-shadow: none;
            cursor: default;
            opacity: .7
        }

            .button.disabled.secondary:focus, .button.disabled.secondary:hover, .button[disabled].secondary:focus, .button[disabled].secondary:hover, button.disabled.secondary:focus, button.disabled.secondary:hover, button[disabled].secondary:focus, button[disabled].secondary:hover {
                color: #333;
                background-color: #e7e7e7
            }

        .button.disabled.success, .button[disabled].success, button.disabled.success, button[disabled].success {
            background-color: #43ac6a;
            border-color: #368a55;
            color: #fff;
            box-shadow: none;
            cursor: default;
            opacity: .7
        }

            .button.disabled.success:focus, .button.disabled.success:hover, .button[disabled].success:focus, .button[disabled].success:hover, button.disabled.success:focus, button.disabled.success:hover, button[disabled].success:focus, button[disabled].success:hover {
                color: #fff;
                background-color: #43ac6a
            }

        .button.disabled.alert, .button[disabled].alert, button.disabled.alert, button[disabled].alert {
            background-color: #f04124;
            border-color: #cf2a0e;
            color: #fff;
            box-shadow: none;
            cursor: default;
            opacity: .7
        }

            .button.disabled.alert:focus, .button.disabled.alert:hover, .button[disabled].alert:focus, .button[disabled].alert:hover, button.disabled.alert:focus, button.disabled.alert:hover, button[disabled].alert:focus, button[disabled].alert:hover {
                color: #fff;
                background-color: #f04124
            }

        .button.disabled.warning, .button[disabled].warning, button.disabled.warning, button[disabled].warning {
            background-color: #f08a24;
            border-color: #cf6e0e;
            color: #fff;
            box-shadow: none;
            cursor: default;
            opacity: .7
        }

            .button.disabled.warning:focus, .button.disabled.warning:hover, .button[disabled].warning:focus, .button[disabled].warning:hover, button.disabled.warning:focus, button.disabled.warning:hover, button[disabled].warning:focus, button[disabled].warning:hover {
                color: #fff;
                background-color: #f08a24
            }

        .button.disabled.info, .button[disabled].info, button.disabled.info, button[disabled].info {
            background-color: #a0d3e8;
            border-color: #61b6d9;
            color: #333;
            box-shadow: none;
            cursor: default;
            opacity: .7
        }

            .button.disabled.info:focus, .button.disabled.info:hover, .button[disabled].info:focus, .button[disabled].info:hover, button.disabled.info:focus, button.disabled.info:hover, button[disabled].info:focus, button[disabled].info:hover {
                color: #fff;
                background-color: #a0d3e8
            }

    button::-moz-focus-inner {
        border: 0;
        padding: 0
    }

@media only screen and (min-width:40.0625em) {
    .button, button {
        display: inline-block
    }
}

.button-group {
    list-style: none;
    margin: 0;
    left: 0
}

    .button-group:after, .button-group:before {
        content: " ";
        display: table
    }

    .button-group.even-2 li, .button-group.even-3 li, .button-group.even-4 li, .button-group.even-5 li, .button-group.even-6 li, .button-group.even-7 li, .button-group.even-8 li, .button-group > li {
        display: inline-block;
        margin: 0 -2px
    }

    .button-group.even-2 li {
        width: 50%
    }

        .button-group.even-2 li .button, .button-group.even-2 li > button {
            border-left: 1px solid;
            border-color: rgba(255,255,255,.5)
        }

        .button-group.even-2 li:first-child .button, .button-group.even-2 li:first-child button {
            border-left: 0
        }

        .button-group.even-2 li .button, .button-group.even-2 li button {
            width: 100%
        }

    .button-group.even-3 li {
        width: 33.33333%
    }

        .button-group.even-3 li .button, .button-group.even-3 li > button {
            border-left: 1px solid;
            border-color: rgba(255,255,255,.5)
        }

        .button-group.even-3 li:first-child .button, .button-group.even-3 li:first-child button {
            border-left: 0
        }

        .button-group.even-3 li .button, .button-group.even-3 li button {
            width: 100%
        }

    .button-group.even-4 li {
        width: 25%
    }

        .button-group.even-4 li .button, .button-group.even-4 li > button {
            border-left: 1px solid;
            border-color: rgba(255,255,255,.5)
        }

        .button-group.even-4 li:first-child .button, .button-group.even-4 li:first-child button {
            border-left: 0
        }

        .button-group.even-4 li .button, .button-group.even-4 li button {
            width: 100%
        }

    .button-group.even-5 li {
        width: 20%
    }

        .button-group.even-5 li .button, .button-group.even-5 li > button {
            border-left: 1px solid;
            border-color: rgba(255,255,255,.5)
        }

        .button-group.even-5 li:first-child .button, .button-group.even-5 li:first-child button {
            border-left: 0
        }

        .button-group.even-5 li .button, .button-group.even-5 li button {
            width: 100%
        }

    .button-group.even-6 li {
        width: 16.66667%
    }

        .button-group.even-6 li .button, .button-group.even-6 li > button {
            border-left: 1px solid;
            border-color: rgba(255,255,255,.5)
        }

        .button-group.even-6 li:first-child .button, .button-group.even-6 li:first-child button {
            border-left: 0
        }

        .button-group.even-6 li .button, .button-group.even-6 li button {
            width: 100%
        }

    .button-group.even-7 li {
        width: 14.28571%
    }

        .button-group.even-7 li .button, .button-group.even-7 li > button {
            border-left: 1px solid;
            border-color: rgba(255,255,255,.5)
        }

        .button-group.even-7 li:first-child .button, .button-group.even-7 li:first-child button {
            border-left: 0
        }

        .button-group.even-7 li .button, .button-group.even-7 li button {
            width: 100%
        }

    .button-group.even-8 li {
        width: 12.5%
    }

        .button-group.even-8 li .button, .button-group.even-8 li button, .button-group.radius.stack > * > button, .button-group.round.stack > * > button, .button-group.stack > li > button, .clearing-caption {
            width: 100%
        }

        .button-group.even-8 li .button, .button-group.even-8 li > button {
            border-left: 1px solid;
            border-color: rgba(255,255,255,.5)
        }

        .button-group.even-8 li:first-child .button, .button-group.even-8 li:first-child button {
            border-left: 0
        }

    .button-group > li .button, .button-group > li > button {
        border-left: 1px solid;
        border-color: rgba(255,255,255,.5)
    }

    .button-group > li:first-child .button, .button-group > li:first-child button {
        border-left: 0
    }

    .button-group.stack > li {
        display: block;
        margin: 0;
        float: none
    }

        .button-group.stack > li .button, .button-group.stack > li > button {
            border-left: 1px solid;
            border-color: rgba(255,255,255,.5)
        }

        .button-group.stack > li:first-child .button, .button-group.stack > li:first-child button {
            border-left: 0
        }

        .button-group.stack > li .button, .button-group.stack > li > button {
            border-left-width: 0;
            border-top: 1px solid;
            display: block;
            margin: 0
        }

        .button-group.stack > li:first-child .button, .button-group.stack > li:first-child button {
            border-top: 0
        }

    .button-group.stack-for-small > li {
        display: inline-block;
        margin: 0 -2px
    }

        .button-group.stack-for-small > li .button, .button-group.stack-for-small > li > button {
            border-left: 1px solid;
            border-color: rgba(255,255,255,.5)
        }

        .button-group.stack-for-small > li:first-child .button, .button-group.stack-for-small > li:first-child button {
            border-left: 0
        }

@media only screen and (max-width:40em) {
    .button-group.stack-for-small > li {
        display: block;
        margin: 0;
        width: 100%
    }

        .button-group.stack-for-small > li .button, .button-group.stack-for-small > li > button {
            border-left: 1px solid;
            border-color: rgba(255,255,255,.5)
        }

        .button-group.stack-for-small > li:first-child .button, .button-group.stack-for-small > li:first-child button {
            border-left: 0
        }

        .button-group.stack-for-small > li .button, .button-group.stack-for-small > li > button {
            border-left-width: 0;
            border-top: 1px solid;
            display: block;
            margin: 0
        }

        .button-group.stack-for-small > li > button {
            width: 100%
        }

        .button-group.stack-for-small > li:first-child .button, .button-group.stack-for-small > li:first-child button {
            border-top: 0
        }
}

.button-group.radius > * {
    display: inline-block;
    margin: 0 -2px
}

    .button-group.radius > * .button, .button-group.radius > * > button {
        border-left: 1px solid;
        border-color: rgba(255,255,255,.5)
    }

.button-group.radius > :first-child .button, .button-group.radius > :first-child button {
    border-left: 0
}

.button-group.radius > *, .button-group.radius > * > .button, .button-group.radius > * > a, .button-group.radius > * > button {
    border-radius: 0
}

.button-group.radius > :first-child, .button-group.radius > :first-child > .button, .button-group.radius > :first-child > a, .button-group.radius > :first-child > button {
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.button-group.radius > :last-child, .button-group.radius > :last-child > .button, .button-group.radius > :last-child > a, .button-group.radius > :last-child > button {
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.button-group.radius.stack > * {
    display: block;
    margin: 0
}

    .button-group.radius.stack > * .button, .button-group.radius.stack > * > button {
        border-left: 1px solid;
        border-color: rgba(255,255,255,.5)
    }

.button-group.radius.stack > :first-child .button, .button-group.radius.stack > :first-child button {
    border-left: 0
}

.button-group.radius.stack > * .button, .button-group.radius.stack > * > button {
    border-left-width: 0;
    border-top: 1px solid;
    display: block;
    margin: 0
}

.button-group.radius.stack > :first-child .button, .button-group.radius.stack > :first-child button {
    border-top: 0
}

.button-group.radius.stack > *, .button-group.radius.stack > * > .button, .button-group.radius.stack > * > a, .button-group.radius.stack > * > button {
    border-radius: 0
}

.button-group.radius.stack > :first-child, .button-group.radius.stack > :first-child > .button, .button-group.radius.stack > :first-child > a, .button-group.radius.stack > :first-child > button {
    -webkit-top-left-radius: 3px;
    -webkit-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.button-group.radius.stack > :last-child, .button-group.radius.stack > :last-child > .button, .button-group.radius.stack > :last-child > a, .button-group.radius.stack > :last-child > button {
    -webkit-bottom-left-radius: 3px;
    -webkit-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

@media only screen and (min-width:40.0625em) {
    .button-group.radius.stack-for-small > * {
        display: inline-block;
        margin: 0 -2px
    }

        .button-group.radius.stack-for-small > * .button, .button-group.radius.stack-for-small > * > button {
            border-left: 1px solid;
            border-color: rgba(255,255,255,.5)
        }

    .button-group.radius.stack-for-small > :first-child .button, .button-group.radius.stack-for-small > :first-child button {
        border-left: 0
    }

    .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > .button, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button {
        border-radius: 0
    }

    .button-group.radius.stack-for-small > :first-child, .button-group.radius.stack-for-small > :first-child > .button, .button-group.radius.stack-for-small > :first-child > a, .button-group.radius.stack-for-small > :first-child > button {
        -webkit-border-bottom-left-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px
    }

    .button-group.radius.stack-for-small > :last-child, .button-group.radius.stack-for-small > :last-child > .button, .button-group.radius.stack-for-small > :last-child > a, .button-group.radius.stack-for-small > :last-child > button {
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px
    }
}

@media only screen and (max-width:40em) {
    .button-group.radius.stack-for-small > * {
        display: block;
        margin: 0
    }

        .button-group.radius.stack-for-small > * .button, .button-group.radius.stack-for-small > * > button {
            border-left: 1px solid;
            border-color: rgba(255,255,255,.5)
        }

    .button-group.radius.stack-for-small > :first-child .button, .button-group.radius.stack-for-small > :first-child button {
        border-left: 0
    }

    .button-group.radius.stack-for-small > * .button, .button-group.radius.stack-for-small > * > button {
        border-left-width: 0;
        border-top: 1px solid;
        display: block;
        margin: 0
    }

    .button-group.radius.stack-for-small > * > button {
        width: 100%
    }

    .button-group.radius.stack-for-small > :first-child .button, .button-group.radius.stack-for-small > :first-child button {
        border-top: 0
    }

    .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > .button, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button {
        border-radius: 0
    }

    .button-group.radius.stack-for-small > :first-child, .button-group.radius.stack-for-small > :first-child > .button, .button-group.radius.stack-for-small > :first-child > a, .button-group.radius.stack-for-small > :first-child > button {
        -webkit-top-left-radius: 3px;
        -webkit-top-right-radius: 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .button-group.radius.stack-for-small > :last-child, .button-group.radius.stack-for-small > :last-child > .button, .button-group.radius.stack-for-small > :last-child > a, .button-group.radius.stack-for-small > :last-child > button {
        -webkit-bottom-left-radius: 3px;
        -webkit-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px
    }
}

.button-group.round > * {
    display: inline-block;
    margin: 0 -2px
}

    .button-group.round > * .button, .button-group.round > * > button {
        border-left: 1px solid;
        border-color: rgba(255,255,255,.5)
    }

.button-group.round > :first-child .button, .button-group.round > :first-child button {
    border-left: 0
}

.button-group.round > *, .button-group.round > * > .button, .button-group.round > * > a, .button-group.round > * > button {
    border-radius: 0
}

.button-group.round > :first-child, .button-group.round > :first-child > .button, .button-group.round > :first-child > a, .button-group.round > :first-child > button {
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
}

.button-group.round > :last-child, .button-group.round > :last-child > .button, .button-group.round > :last-child > a, .button-group.round > :last-child > button {
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px
}

.button-group.round.stack > * {
    display: block;
    margin: 0
}

    .button-group.round.stack > * .button, .button-group.round.stack > * > button {
        border-left: 1px solid;
        border-color: rgba(255,255,255,.5)
    }

.button-group.round.stack > :first-child .button, .button-group.round.stack > :first-child button {
    border-left: 0
}

.button-group.round.stack > * .button, .button-group.round.stack > * > button {
    border-left-width: 0;
    border-top: 1px solid;
    display: block;
    margin: 0
}

.button-group.round.stack > :first-child .button, .button-group.round.stack > :first-child button {
    border-top: 0
}

.button-group.round.stack > *, .button-group.round.stack > * > .button, .button-group.round.stack > * > a, .button-group.round.stack > * > button {
    border-radius: 0
}

.button-group.round.stack > :first-child, .button-group.round.stack > :first-child > .button, .button-group.round.stack > :first-child > a, .button-group.round.stack > :first-child > button {
    -webkit-top-left-radius: 1rem;
    -webkit-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem
}

.button-group.round.stack > :last-child, .button-group.round.stack > :last-child > .button, .button-group.round.stack > :last-child > a, .button-group.round.stack > :last-child > button {
    -webkit-bottom-left-radius: 1rem;
    -webkit-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem
}

@media only screen and (min-width:40.0625em) {
    .button-group.round.stack-for-small > * {
        display: inline-block;
        margin: 0 -2px
    }

        .button-group.round.stack-for-small > * .button, .button-group.round.stack-for-small > * > button {
            border-left: 1px solid;
            border-color: rgba(255,255,255,.5)
        }

    .button-group.round.stack-for-small > :first-child .button, .button-group.round.stack-for-small > :first-child button {
        border-left: 0
    }

    .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > .button, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button {
        border-radius: 0
    }

    .button-group.round.stack-for-small > :first-child, .button-group.round.stack-for-small > :first-child > .button, .button-group.round.stack-for-small > :first-child > a, .button-group.round.stack-for-small > :first-child > button {
        -webkit-border-bottom-left-radius: 1000px;
        -webkit-border-top-left-radius: 1000px;
        border-bottom-left-radius: 1000px;
        border-top-left-radius: 1000px
    }

    .button-group.round.stack-for-small > :last-child, .button-group.round.stack-for-small > :last-child > .button, .button-group.round.stack-for-small > :last-child > a, .button-group.round.stack-for-small > :last-child > button {
        -webkit-border-bottom-right-radius: 1000px;
        -webkit-border-top-right-radius: 1000px;
        border-bottom-right-radius: 1000px;
        border-top-right-radius: 1000px
    }
}

.clearing-caption, .f-dropdown.content > :last-child, .f-dropdown.drop-left > :last-child, .f-dropdown.drop-right > :last-child, .f-dropdown.drop-top > :last-child, .f-dropdown > :last-child {
    margin-bottom: 0
}

@media only screen and (max-width:40em) {
    .button-group.round.stack-for-small > * {
        display: block;
        margin: 0
    }

        .button-group.round.stack-for-small > * .button, .button-group.round.stack-for-small > * > button {
            border-left: 1px solid;
            border-color: rgba(255,255,255,.5)
        }

    .button-group.round.stack-for-small > :first-child .button, .button-group.round.stack-for-small > :first-child button {
        border-left: 0
    }

    .button-group.round.stack-for-small > * .button, .button-group.round.stack-for-small > * > button {
        border-left-width: 0;
        border-top: 1px solid;
        display: block;
        margin: 0
    }

    .button-group.round.stack-for-small > * > button {
        width: 100%
    }

    .button-group.round.stack-for-small > :first-child .button, .button-group.round.stack-for-small > :first-child button {
        border-top: 0
    }

    .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > .button, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button {
        border-radius: 0
    }

    .button-group.round.stack-for-small > :first-child, .button-group.round.stack-for-small > :first-child > .button, .button-group.round.stack-for-small > :first-child > a, .button-group.round.stack-for-small > :first-child > button {
        -webkit-top-left-radius: 1rem;
        -webkit-top-right-radius: 1rem;
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem
    }

    .button-group.round.stack-for-small > :last-child, .button-group.round.stack-for-small > :last-child > .button, .button-group.round.stack-for-small > :last-child > a, .button-group.round.stack-for-small > :last-child > button {
        -webkit-bottom-left-radius: 1rem;
        -webkit-bottom-right-radius: 1rem;
        border-bottom-left-radius: 1rem;
        border-bottom-right-radius: 1rem
    }
}

.button-bar:after, .button-bar:before, .clearing-thumbs:after, .clearing-thumbs:before, [data-clearing]:after, [data-clearing]:before {
    content: " ";
    display: table
}

.button-bar .button-group {
    float: left;
    margin-right: .625rem
}

.clearing-thumbs, [data-clearing] {
    list-style: none;
    margin-left: 0;
    margin-bottom: 0
}

    .clearing-thumbs li, [data-clearing] li {
        float: left;
        margin-right: 10px
    }

    .clearing-thumbs[class*=block-grid-] li, [data-clearing][class*=block-grid-] li {
        margin-right: 0
    }

.clearing-blackout {
    background: #333;
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 998;
    left: 0
}

    .clearing-blackout .clearing-close {
        display: block
    }

.clearing-container {
    height: 100%;
    margin: 0;
    overflow: hidden;
    position: relative;
    z-index: 998
}

.clearing-touch-label {
    color: #aaa;
    font-size: .6em;
    left: 50%;
    position: absolute;
    top: 50%
}

.visible-img {
    height: 95%;
    position: relative
}

    .visible-img img {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%);
        -moz-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        -o-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        max-height: 100%;
        max-width: 100%
    }

.clearing-caption {
    background: #333;
    bottom: 0;
    color: #ccc;
    font-size: .875em;
    line-height: 1.3;
    padding: 10px 30px 20px;
    position: absolute;
    text-align: center;
    left: 0
}

.clearing-close {
    color: #ccc;
    display: none;
    font-size: 30px;
    line-height: 1;
    padding-left: 20px;
    padding-top: 10px;
    z-index: 999
}

    .clearing-close:focus, .clearing-close:hover {
        color: #ccc
    }

.clearing-assembled .clearing-container {
    height: 100%
}

    .clearing-assembled .clearing-container .carousel > ul, .clearing-feature li {
        display: none
    }

        .clearing-feature li.clearing-featured-img {
            display: block
        }

@media only screen and (min-width:40.0625em) {
    .clearing-main-next, .clearing-main-prev {
        height: 100%;
        position: absolute;
        top: 0;
        width: 40px
    }

        .clearing-main-next > span, .clearing-main-prev > span {
            border: 12px solid;
            display: block;
            height: 0;
            position: absolute;
            top: 50%;
            width: 0
        }

            .clearing-main-next > span:hover, .clearing-main-prev > span:hover {
                opacity: .8
            }

    .clearing-main-prev {
        left: 0
    }

        .clearing-main-prev > span {
            left: 5px;
            border-color: transparent #ccc transparent transparent
        }

    .clearing-main-next {
        right: 0
    }

        .clearing-main-next > span {
            border-color: transparent transparent transparent #ccc
        }

        .clearing-main-next.disabled, .clearing-main-prev.disabled {
            opacity: .3
        }

    .clearing-assembled .clearing-container .carousel {
        background: rgba(51,51,51,.8);
        height: 120px;
        margin-top: 10px;
        text-align: center
    }

        .clearing-assembled .clearing-container .carousel > ul {
            display: inline-block;
            z-index: 999;
            height: 100%;
            position: relative;
            float: none
        }

            .clearing-assembled .clearing-container .carousel > ul li {
                clear: none;
                cursor: pointer;
                display: block;
                float: left;
                margin-right: 0;
                min-height: inherit;
                opacity: .4;
                overflow: hidden;
                padding: 0;
                position: relative;
                width: 120px
            }

                .clearing-assembled .clearing-container .carousel > ul li.fix-height img {
                    height: 100%;
                    max-width: none
                }

                .clearing-assembled .clearing-container .carousel > ul li a.th {
                    border: none;
                    box-shadow: none;
                    display: block
                }

                .clearing-assembled .clearing-container .carousel > ul li img {
                    cursor: pointer !important;
                    width: 100% !important
                }

                .clearing-assembled .clearing-container .carousel > ul li.visible {
                    opacity: 1
                }

                .clearing-assembled .clearing-container .carousel > ul li:hover {
                    opacity: .8
                }

    .clearing-assembled .clearing-container .visible-img {
        background: #333;
        height: 85%;
        overflow: hidden
    }

    .clearing-close {
        padding-left: 0;
        padding-top: 0;
        position: absolute;
        top: 10px;
        right: 20px
    }
}

.tabs-content:after, .tabs:after {
    clear: both
}

.f-dropdown, .f-dropdown.drop-left, .f-dropdown.drop-right, .f-dropdown.drop-top {
    background: #fff;
    max-height: none;
    font-size: .875rem
}

.f-dropdown {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    border: 1px solid #ccc;
    height: auto;
    width: 100%;
    z-index: 89;
    margin-top: 2px;
    max-width: 200px
}

    .f-dropdown:after, .f-dropdown:before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        position: absolute
    }

    .f-dropdown.drop-left, .f-dropdown.drop-left > :first-child, .f-dropdown.drop-right > :first-child, .f-dropdown > :first-child {
        margin-top: 0
    }

    .f-dropdown.open {
        display: block
    }

    .f-dropdown:before {
        border: 6px inset;
        border-color: transparent transparent #fff;
        border-bottom-style: solid;
        top: -12px;
        left: 10px;
        z-index: 89
    }

    .f-dropdown:after {
        border: 7px inset;
        border-color: transparent transparent #ccc;
        border-bottom-style: solid;
        top: -14px;
        left: 9px;
        z-index: 88
    }

    .f-dropdown.right:before {
        left: auto;
        right: 10px
    }

    .f-dropdown.right:after {
        left: auto;
        right: 9px
    }

    .f-dropdown.drop-right {
        display: none;
        left: -9999px;
        list-style: none;
        position: absolute;
        border: 1px solid #ccc;
        height: auto;
        width: 100%;
        z-index: 89;
        margin-top: 0;
        margin-left: 2px;
        max-width: 200px
    }

        .f-dropdown.drop-right:after, .f-dropdown.drop-right:before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            position: absolute
        }

        .f-dropdown.drop-right.open {
            display: block
        }

        .f-dropdown.drop-right:before {
            border: 6px inset;
            border-color: transparent #fff transparent transparent;
            border-right-style: solid;
            top: 10px;
            left: -12px;
            z-index: 89
        }

        .f-dropdown.drop-right:after {
            border: 7px inset;
            border-color: transparent #ccc transparent transparent;
            border-right-style: solid;
            top: 9px;
            left: -14px;
            z-index: 88
        }

    .f-dropdown.drop-left {
        display: none;
        left: -9999px;
        list-style: none;
        position: absolute;
        border: 1px solid #ccc;
        height: auto;
        width: 100%;
        z-index: 89;
        margin-left: -2px;
        max-width: 200px
    }

        .f-dropdown.drop-left:after, .f-dropdown.drop-left:before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            left: auto;
            position: absolute
        }

    .f-dropdown.content, .f-dropdown.drop-top {
        margin-left: 0;
        max-width: 200px;
        list-style: none
    }

    .f-dropdown.drop-left.open {
        display: block
    }

    .f-dropdown.drop-left:before {
        border: 6px inset;
        border-color: transparent transparent transparent #fff;
        border-left-style: solid;
        top: 10px;
        right: -12px;
        z-index: 89
    }

    .f-dropdown.drop-left:after {
        border: 7px inset;
        border-color: transparent transparent transparent #ccc;
        border-left-style: solid;
        top: 9px;
        right: -14px;
        z-index: 88
    }

    .f-dropdown.drop-top {
        display: none;
        left: -9999px;
        position: absolute;
        border: 1px solid #ccc;
        height: auto;
        width: 100%;
        z-index: 89;
        margin-top: -2px
    }

        .f-dropdown.drop-top:after, .f-dropdown.drop-top:before {
            height: 0;
            width: 0;
            top: auto;
            right: auto;
            display: block;
            position: absolute;
            content: ""
        }

        .f-dropdown.content > :first-child, .f-dropdown.drop-top > :first-child {
            margin-top: 0
        }

        .f-dropdown.drop-top.open {
            display: block
        }

        .f-dropdown.drop-top:before {
            border: 6px inset;
            border-color: #fff transparent transparent;
            border-top-style: solid;
            bottom: -12px;
            left: 10px;
            z-index: 89
        }

        .f-dropdown.drop-top:after {
            border: 7px inset;
            border-color: #ccc transparent transparent;
            border-top-style: solid;
            bottom: -14px;
            left: 9px;
            z-index: 88
        }

select[multiple], textarea[rows] {
    height: auto
}

.f-dropdown li {
    cursor: pointer;
    font-size: .875rem;
    line-height: 1.125rem;
    margin: 0
}

    .f-dropdown li:focus, .f-dropdown li:hover {
        background: #eee
    }

    .f-dropdown li a {
        display: block;
        padding: .5rem;
        color: #555
    }

.f-dropdown.content {
    display: none;
    left: -9999px;
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    font-size: .875rem;
    height: auto;
    max-height: none;
    padding: 1.25rem;
    width: 100%;
    z-index: 89
}

    .f-dropdown.content.open {
        display: block
    }

.f-dropdown.radius {
    border-radius: 3px
}

.f-dropdown.tiny {
    max-width: 200px
}

.f-dropdown.small {
    max-width: 300px
}

.f-dropdown.medium {
    max-width: 500px
}

.f-dropdown.large {
    max-width: 800px
}

.f-dropdown.mega {
    width: 100% !important;
    max-width: 100% !important
}

    .f-dropdown.mega.open {
        left: 0 !important
    }

.dropdown.button, button.dropdown {
    position: relative;
    padding-right: 3.5625rem
}

    .dropdown.button::after, button.dropdown::after {
        border-style: solid;
        content: "";
        display: block;
        height: 0;
        position: absolute;
        top: 50%;
        width: 0;
        border-width: .375rem;
        right: 1.40625rem;
        margin-top: -.15625rem;
        border-color: #fff transparent transparent
    }

    .dropdown.button.tiny, button.dropdown.tiny {
        padding-right: 2.625rem
    }

        .dropdown.button.tiny:after, button.dropdown.tiny:after {
            border-width: .375rem;
            right: 1.125rem;
            margin-top: -.125rem
        }

        .dropdown.button.tiny::after, button.dropdown.tiny::after {
            border-color: #fff transparent transparent
        }

    .dropdown.button.small, button.dropdown.small {
        padding-right: 3.0625rem
    }

        .dropdown.button.small::after, button.dropdown.small::after {
            border-width: .4375rem;
            right: 1.3125rem;
            margin-top: -.15625rem;
            border-color: #fff transparent transparent
        }

    .dropdown.button.large, button.dropdown.large {
        padding-right: 3.625rem
    }

        .dropdown.button.large::after, button.dropdown.large::after {
            border-width: .3125rem;
            right: 1.71875rem;
            margin-top: -.15625rem;
            border-color: #fff transparent transparent
        }

    .dropdown.button.secondary:after, button.dropdown.secondary:after {
        border-color: #333 transparent transparent
    }

.flex-video {
    height: 0;
    margin-bottom: 1rem;
    padding-bottom: 67.5%;
    padding-top: 1.5625rem;
    position: relative
}

    .flex-video.widescreen {
        padding-bottom: 56.34%
    }

    .flex-video.vimeo {
        padding-top: 0
    }

    .flex-video embed, .flex-video iframe, .flex-video object, .flex-video video {
        height: 100%;
        position: absolute;
        top: 0;
        width: 100%;
        left: 0
    }

form .row .row {
    margin: 0 -.5rem
}

    form .row .row .column, form .row .row .columns {
        padding: 0 .5rem
    }

    form .row .row.collapse {
        margin: 0
    }

input[type=checkbox], input[type=file], input[type=radio], label.inline, select {
    margin: 0 0 1rem
}

form .row .row.collapse .column, form .row .row.collapse .columns {
    padding: 0
}

form .row .row.collapse input {
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

form .row input.column, form .row input.columns, form .row textarea.column, form .row textarea.columns {
    padding-left: .5rem
}

label {
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-size: .875rem;
    line-height: 1.5;
    margin-bottom: 0
}

    label.right {
        float: none !important;
        text-align: right
    }

    label.inline {
        padding: .5625rem 0
    }

    label small {
        text-transform: capitalize;
        color: #676767
    }

.postfix, .prefix {
    border-style: solid;
    border-width: 1px;
    display: block;
    font-size: .875rem;
    height: 2.3125rem;
    line-height: 2.3125rem;
    overflow: visible;
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 2
}

    .postfix.button, .prefix.button {
        border: none;
        text-align: center;
        padding: 0
    }

        .prefix.button.radius {
            border-radius: 3px 0 0 3px;
            -webkit-border-bottom-left-radius: 3px;
            -webkit-border-top-left-radius: 3px
        }

        .postfix.button.radius {
            border-radius: 0 3px 3px 0;
            -webkit-border-bottom-right-radius: 3px;
            -webkit-border-top-right-radius: 3px
        }

        .prefix.button.round {
            border-radius: 1000px 0 0 1000px;
            -webkit-border-bottom-left-radius: 1000px;
            -webkit-border-top-left-radius: 1000px
        }

        .postfix.button.round {
            border-radius: 0 1000px 1000px 0;
            -webkit-border-bottom-right-radius: 1000px;
            -webkit-border-top-right-radius: 1000px
        }

label.prefix, span.prefix {
    background: #f2f2f2;
    border-right: none;
    color: #333;
    border-color: #ccc
}

label.postfix, span.postfix {
    background: #f2f2f2;
    color: #333;
    border-color: #ccc
}

fieldset[disabled] input:not([type]), fieldset[disabled] input[type=color], fieldset[disabled] input[type=date], fieldset[disabled] input[type=datetime-local], fieldset[disabled] input[type=datetime], fieldset[disabled] input[type=email], fieldset[disabled] input[type=month], fieldset[disabled] input[type=number], fieldset[disabled] input[type=password], fieldset[disabled] input[type=search], fieldset[disabled] input[type=tel], fieldset[disabled] input[type=text], fieldset[disabled] input[type=time], fieldset[disabled] input[type=url], fieldset[disabled] input[type=week], fieldset[disabled] textarea, input:not([type]):disabled, input:not([type])[disabled], input:not([type])[readonly], input[type=color]:disabled, input[type=color][disabled], input[type=color][readonly], input[type=date]:disabled, input[type=date][disabled], input[type=date][readonly], input[type=datetime-local]:disabled, input[type=datetime-local][disabled], input[type=datetime-local][readonly], input[type=datetime]:disabled, input[type=datetime][disabled], input[type=datetime][readonly], input[type=email]:disabled, input[type=email][disabled], input[type=email][readonly], input[type=month]:disabled, input[type=month][disabled], input[type=month][readonly], input[type=number]:disabled, input[type=number][disabled], input[type=number][readonly], input[type=password]:disabled, input[type=password][disabled], input[type=password][readonly], input[type=search]:disabled, input[type=search][disabled], input[type=search][readonly], input[type=tel]:disabled, input[type=tel][disabled], input[type=tel][readonly], input[type=text]:disabled, input[type=text][disabled], input[type=text][readonly], input[type=time]:disabled, input[type=time][disabled], input[type=time][readonly], input[type=url]:disabled, input[type=url][disabled], input[type=url][readonly], input[type=week]:disabled, input[type=week][disabled], input[type=week][readonly], select:disabled, textarea:disabled, textarea[disabled], textarea[readonly] {
    background-color: #ddd;
    cursor: default
}

input:not([type]), input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    color: rgba(0,0,0,.75);
    display: block;
    font-family: inherit;
    font-size: .875rem;
    height: 2.3125rem;
    margin: 0 0 1rem;
    padding: .5rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color .15s linear,background .15s linear;
    -moz-transition: border-color .15s linear,background .15s linear;
    -ms-transition: border-color .15s linear,background .15s linear;
    -o-transition: border-color .15s linear,background .15s linear;
    transition: border-color .15s linear,background .15s linear
}

    input:not([type]):focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus {
        background: #fafafa;
        border-color: #999;
        outline: 0
    }

    input:not([type]).radius, input[type=color].radius, input[type=date].radius, input[type=datetime-local].radius, input[type=datetime].radius, input[type=email].radius, input[type=month].radius, input[type=number].radius, input[type=password].radius, input[type=search].radius, input[type=tel].radius, input[type=text].radius, input[type=time].radius, input[type=url].radius, input[type=week].radius, textarea.radius {
        border-radius: 3px
    }

form .row .prefix-radius.row.collapse button, form .row .prefix-radius.row.collapse input, form .row .prefix-radius.row.collapse select, form .row .prefix-radius.row.collapse textarea {
    border-radius: 0 3px 3px 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px
}

form .row .postfix-radius.row.collapse button, form .row .postfix-radius.row.collapse input, form .row .postfix-radius.row.collapse select, form .row .postfix-radius.row.collapse textarea, form .row .prefix-radius.row.collapse .prefix {
    border-radius: 3px 0 0 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px
}

form .row .postfix-radius.row.collapse .postfix {
    border-radius: 0 3px 3px 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px
}

form .row .prefix-round.row.collapse button, form .row .prefix-round.row.collapse input, form .row .prefix-round.row.collapse select, form .row .prefix-round.row.collapse textarea {
    border-radius: 0 1000px 1000px 0;
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px
}

form .row .postfix-round.row.collapse button, form .row .postfix-round.row.collapse input, form .row .postfix-round.row.collapse select, form .row .postfix-round.row.collapse textarea, form .row .prefix-round.row.collapse .prefix {
    border-radius: 1000px 0 0 1000px;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px
}

form .row .postfix-round.row.collapse .postfix {
    border-radius: 0 1000px 1000px 0;
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px
}

input[type=submit] {
    -moz-appearance: none;
    border-radius: 0
}

textarea {
    max-width: 100%
}

::-webkit-input-placeholder {
    color: #666
}

:-moz-placeholder {
    color: #666
}

::-moz-placeholder {
    color: #666
}

:-ms-input-placeholder {
    color: #666
}

select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-color: #fafafa;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
    background-position: 100% center;
    background-repeat: no-repeat;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    line-height: normal;
    padding: .5rem;
    border-radius: 0;
    height: 2.3125rem
}

    select::-ms-expand {
        display: none
    }

    select.radius {
        border-radius: 3px
    }

    select:hover {
        background-color: #f3f3f3;
        border-color: #999
    }

.icon-bar .item.disabled, .icon-bar .item.disabled > * {
    opacity: .7;
    cursor: not-allowed
}

input[type=checkbox] + label, input[type=radio] + label {
    display: inline-block;
    margin-left: .5rem;
    margin-right: 1rem;
    margin-bottom: 0;
    vertical-align: baseline
}

input[type=file] {
    width: 100%
}

fieldset legend {
    background: #fff;
    font-weight: 700;
    margin: 0 0 0 -.1875rem;
    padding: 0 .1875rem
}

[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] small.error, [data-abide] span.error {
    display: block;
    font-size: .75rem;
    font-style: italic;
    font-weight: 400;
    margin-bottom: 1rem;
    margin-top: -1px;
    padding: .375rem .5625rem .5625rem;
    background: #f04124;
    color: #fff
}

[data-abide] small.error, [data-abide] span.error {
    display: none
}

.error small.error, small.error, span.error {
    display: block;
    font-size: .75rem;
    margin-top: -1px;
    padding: .375rem .5625rem .5625rem;
    background: #f04124;
    font-weight: 400;
    font-style: italic
}

small.error, span.error {
    margin-bottom: 1rem;
    color: #fff
}

.error input, .error select, .error textarea {
    margin-bottom: 0
}

    .error input[type=checkbox], .error input[type=radio], .error small.error {
        margin-bottom: 1rem
    }

.error label, .error label.error {
    color: #f04124
}

.error small.error {
    color: #fff
}

.error > label > small {
    background: 0 0;
    color: #676767;
    display: inline;
    font-size: 60%;
    font-style: normal;
    margin: 0;
    padding: 0;
    text-transform: capitalize
}

.side-nav li.heading, .sub-nav dt {
    text-transform: uppercase
}

.error span.error-message {
    display: block
}

input.error, select.error, textarea.error {
    margin-bottom: 0
}

label.UIErrorKey, label.error {
    color: #f04124 !important
}

.icon-bar > * i, .icon-bar > * label, .icon-bar > a.active i, .icon-bar > a.active label, .icon-bar > a:hover i, .icon-bar > a:hover label, .joyride-tip-guide {
    color: #fff
}

.icon-bar {
    display: inline-block;
    font-size: 0;
    width: 100%;
    background: #333
}

    .icon-bar > *, .icon-bar > * i, .icon-bar > * img {
        display: block;
        margin: 0 auto
    }

    .icon-bar > a.active, .icon-bar > a:hover {
        background: #008cba
    }

    .icon-bar > * {
        float: left;
        text-align: center;
        width: 25%;
        font-size: 1rem;
        padding: 1.25rem
    }

        .icon-bar > * i + label, .icon-bar > * img + label {
            margin-top: .0625rem;
            font-size: 1rem
        }

        .icon-bar > * i {
            vertical-align: middle;
            font-size: 1.875rem
        }

    .icon-bar.label-right > * i, .icon-bar.label-right > * img {
        display: inline-block;
        margin: 0 .0625rem 0 0
    }

        .icon-bar.label-right > * i + label, .icon-bar.label-right > * img + label {
            margin-top: 0
        }

    .icon-bar.label-right > * label {
        display: inline-block
    }

    .icon-bar.vertical.label-right > * {
        text-align: left
    }

.label, .orbit-bullets, .orbit-bullets-container, .pagination-centered {
    text-align: center
}

.icon-bar.small-vertical, .icon-bar.vertical {
    height: 100%;
    width: auto
}

    .icon-bar.small-vertical .item, .icon-bar.vertical .item {
        float: none;
        margin: auto;
        width: auto
    }

@media only screen and (min-width:40.0625em) {
    .icon-bar.medium-vertical {
        height: 100%;
        width: auto
    }

        .icon-bar.medium-vertical .item {
            float: none;
            margin: auto;
            width: auto
        }
}

@media only screen and (min-width:64.0625em) {
    .icon-bar.large-vertical {
        height: 100%;
        width: auto
    }

        .icon-bar.large-vertical .item {
            float: none;
            margin: auto;
            width: auto
        }
}

.icon-bar > * img {
    height: 1.875rem;
    width: 1.875rem
}

.icon-bar .item.disabled {
    pointer-events: none
}

.icon-bar.two-up .item {
    width: 50%
}

.icon-bar.two-up.small-vertical .item, .icon-bar.two-up.vertical .item {
    width: auto
}

@media only screen and (min-width:40.0625em) {
    .icon-bar.two-up.medium-vertical .item {
        width: auto
    }
}

@media only screen and (min-width:64.0625em) {
    .icon-bar.two-up.large-vertical .item {
        width: auto
    }
}

.icon-bar.three-up .item {
    width: 33.3333%
}

.icon-bar.three-up.small-vertical .item, .icon-bar.three-up.vertical .item {
    width: auto
}

@media only screen and (min-width:40.0625em) {
    .icon-bar.three-up.medium-vertical .item {
        width: auto
    }
}

@media only screen and (min-width:64.0625em) {
    .icon-bar.three-up.large-vertical .item {
        width: auto
    }
}

.icon-bar.four-up .item {
    width: 25%
}

.icon-bar.four-up.small-vertical .item, .icon-bar.four-up.vertical .item {
    width: auto
}

@media only screen and (min-width:40.0625em) {
    .icon-bar.four-up.medium-vertical .item {
        width: auto
    }
}

@media only screen and (min-width:64.0625em) {
    .icon-bar.four-up.large-vertical .item {
        width: auto
    }
}

.icon-bar.five-up .item {
    width: 20%
}

.icon-bar.five-up.small-vertical .item, .icon-bar.five-up.vertical .item {
    width: auto
}

@media only screen and (min-width:40.0625em) {
    .icon-bar.five-up.medium-vertical .item {
        width: auto
    }
}

@media only screen and (min-width:64.0625em) {
    .icon-bar.five-up.large-vertical .item {
        width: auto
    }
}

.icon-bar.six-up .item {
    width: 16.66667%
}

.icon-bar.six-up.small-vertical .item, .icon-bar.six-up.vertical .item {
    width: auto
}

@media only screen and (min-width:40.0625em) {
    .icon-bar.six-up.medium-vertical .item {
        width: auto
    }
}

@media only screen and (min-width:64.0625em) {
    .icon-bar.six-up.large-vertical .item {
        width: auto
    }
}

.icon-bar.seven-up .item {
    width: 14.28571%
}

.icon-bar.seven-up.small-vertical .item, .icon-bar.seven-up.vertical .item {
    width: auto
}

@media only screen and (min-width:40.0625em) {
    .icon-bar.seven-up.medium-vertical .item {
        width: auto
    }
}

@media only screen and (min-width:64.0625em) {
    .icon-bar.seven-up.large-vertical .item {
        width: auto
    }
}

.icon-bar.eight-up .item {
    width: 12.5%
}

.icon-bar.eight-up.small-vertical .item, .icon-bar.eight-up.vertical .item {
    width: auto
}

@media only screen and (min-width:40.0625em) {
    .icon-bar.eight-up.medium-vertical .item {
        width: auto
    }
}

@media only screen and (min-width:64.0625em) {
    .icon-bar.eight-up.large-vertical .item {
        width: auto
    }
}

.inline-list {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 1.0625rem -1.375rem
}

    .inline-list > li {
        display: block;
        float: left;
        list-style: none;
        margin-left: 1.375rem
    }

        .inline-list > li > * {
            display: block
        }

.joyride-list {
    display: none
}

.joyride-tip-guide {
    background: #333;
    display: none;
    font-family: inherit;
    font-weight: 400;
    position: absolute;
    top: 0;
    width: 95%;
    z-index: 101;
    left: 2.5%
}

.lt-ie9 .joyride-tip-guide {
    margin-left: -400px;
    max-width: 800px;
    left: 50%
}

.joyride-content-wrapper {
    padding: 1.125rem 1.25rem 1.5rem;
    width: 100%
}

    .joyride-content-wrapper .button {
        margin-bottom: 0 !important
    }

    .joyride-content-wrapper .joyride-prev-tip {
        margin-right: 10px
    }

.joyride-tip-guide .joyride-nub {
    border: 10px solid #333;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
    left: 22px
}

    .joyride-tip-guide .joyride-nub.top {
        border-color: #333;
        border-top-color: transparent !important;
        border-top-style: solid;
        border-left-color: transparent !important;
        border-right-color: transparent !important;
        top: -20px
    }

    .joyride-tip-guide .joyride-nub.bottom {
        border-color: #333 transparent transparent !important;
        border-bottom-style: solid;
        bottom: -20px
    }

    .joyride-tip-guide .joyride-nub.right {
        right: -20px
    }

    .joyride-tip-guide .joyride-nub.left {
        left: -20px
    }

.joyride-tip-guide h1, .joyride-tip-guide h2, .joyride-tip-guide h3, .joyride-tip-guide h4, .joyride-tip-guide h5, .joyride-tip-guide h6 {
    color: #fff;
    font-weight: 700;
    line-height: 1.25;
    margin: 0
}

.joyride-close-tip, .label {
    font-weight: 400;
    text-decoration: none
}

.joyride-tip-guide p {
    font-size: .875rem;
    line-height: 1.3;
    margin: 0 0 1.125rem
}

.joyride-timer-indicator-wrap {
    border: 1px solid #555;
    bottom: 1rem;
    height: 3px;
    position: absolute;
    width: 50px;
    right: 1.0625rem
}

.joyride-timer-indicator {
    background: #666;
    display: block;
    height: inherit;
    width: 0
}

.joyride-close-tip {
    color: #777 !important;
    font-size: 24px;
    line-height: .5 !important;
    position: absolute;
    top: 10px;
    right: 12px
}

    .joyride-close-tip:focus, .joyride-close-tip:hover {
        color: #eee !important
    }

.joyride-modal-bg {
    background: rgba(0,0,0,.5);
    cursor: pointer;
    display: none;
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    left: 0
}

.joyride-expose-wrapper {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 15px #fff;
    position: absolute;
    z-index: 102
}

.joyride-expose-cover {
    background: 0 0;
    border-radius: 3px;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 9999
}

.label, .slideshow-wrapper {
    position: relative
}

@media only screen and (min-width:40.0625em) {
    .joyride-tip-guide {
        width: 300px;
        left: inherit
    }

        .joyride-tip-guide .joyride-nub.bottom {
            border-color: #333 transparent transparent !important;
            bottom: -20px
        }

        .joyride-tip-guide .joyride-nub.right {
            border-color: transparent transparent transparent #333 !important;
            left: auto;
            right: -20px;
            top: 22px
        }

        .joyride-tip-guide .joyride-nub.left {
            border-color: transparent #333 transparent transparent !important;
            left: -20px;
            right: auto;
            top: 22px
        }
}

.keystroke, kbd {
    background-color: #ededed;
    border-color: #ddd;
    color: #222;
    border-style: solid;
    border-width: 1px;
    font-family: Consolas,Menlo,Courier,monospace;
    font-size: inherit;
    margin: 0;
    padding: .125rem .25rem 0;
    border-radius: 3px
}

.label {
    display: inline-block;
    font-family: KleenexSans-Regular;
    font-style: normal;
    line-height: 1;
    margin-bottom: auto;
    white-space: nowrap;
    padding: .25rem .5rem;
    font-size: .6875rem;
    background-color: #008cba;
    color: #fff
}

    .label.radius {
        border-radius: 3px
    }

    .label.round {
        border-radius: 1000px
    }

    .label.alert {
        background-color: #f04124;
        color: #fff
    }

    .label.warning {
        background-color: #f08a24;
        color: #fff
    }

    .label.success {
        background-color: #43ac6a;
        color: #fff
    }

    .label.secondary {
        background-color: #e7e7e7;
        color: #333
    }

    .label.info {
        background-color: #a0d3e8;
        color: #333
    }

[data-magellan-expedition-clone], [data-magellan-expedition] {
    background: #fff;
    min-width: 100%;
    padding: 10px;
    z-index: 50
}

    [data-magellan-expedition-clone] .sub-nav, [data-magellan-expedition-clone] .sub-nav dd, [data-magellan-expedition] .sub-nav, [data-magellan-expedition] .sub-nav dd {
        margin-bottom: 0
    }

        [data-magellan-expedition-clone] .sub-nav a, [data-magellan-expedition] .sub-nav a {
            line-height: 1.8em
        }

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    from {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.slideshow-wrapper ul {
    list-style-type: none;
    margin: 0
}

    .slideshow-wrapper ul li, .slideshow-wrapper ul li .orbit-caption {
        display: none
    }

        .slideshow-wrapper .orbit-container li, .slideshow-wrapper .orbit-container li .orbit-caption, .slideshow-wrapper ul li:first-child {
            display: block
        }

.slideshow-wrapper .orbit-container {
    background-color: transparent
}

    .slideshow-wrapper .orbit-container .orbit-bullets li {
        display: inline-block
    }

.slideshow-wrapper .preloader {
    border-radius: 1000px;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: rotate;
    animation-timing-function: linear;
    border: 3px solid;
    display: block;
    height: 40px;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 40px
}

.orbit-container {
    background: 0 0;
    overflow: hidden;
    position: relative;
    width: 100%
}

    .orbit-container .orbit-slides-container {
        list-style: none;
        margin: 0;
        padding: 0;
        position: relative;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0)
    }

        .orbit-container .orbit-slides-container img {
            display: block;
            max-width: 100%
        }

        .orbit-container .orbit-slides-container > * {
            position: absolute;
            top: 0;
            width: 100%;
            margin-left: 100%
        }

        .orbit-container .orbit-slides-container > :first-child {
            margin-left: 0
        }

        .orbit-container .orbit-slides-container > * .orbit-caption {
            bottom: 0;
            position: absolute;
            background-color: rgba(51,51,51,.8);
            color: #fff;
            font-size: .875rem;
            padding: .625rem .875rem;
            width: 100%
        }

    .orbit-container .orbit-slide-number {
        left: 10px;
        background: 0 0;
        color: #fff;
        font-size: 12px;
        position: absolute;
        top: 10px;
        z-index: 10
    }

        .orbit-container .orbit-slide-number span {
            font-weight: 700;
            padding: .3125rem
        }

    .orbit-container .orbit-timer {
        position: absolute;
        top: 12px;
        right: 10px;
        height: 6px;
        width: 100px;
        z-index: 10
    }

        .orbit-container .orbit-timer .orbit-progress {
            height: 3px;
            background-color: rgba(255,255,255,.3);
            display: block;
            width: 0;
            position: relative;
            right: 20px;
            top: 5px
        }

        .orbit-container .orbit-timer > span {
            border: 4px solid #fff;
            border-bottom: none;
            border-top: none;
            display: none;
            height: 14px;
            position: absolute;
            top: 0;
            width: 11px;
            right: 0
        }

        .orbit-container .orbit-timer.paused > span {
            top: 0;
            width: 11px;
            height: 14px;
            border: 8px inset;
            border-left-style: solid;
            border-color: transparent transparent transparent #fff;
            right: -4px
        }

            .orbit-container .orbit-timer.paused > span.dark {
                border-left-color: #333
            }

    .orbit-container:hover .orbit-timer > span {
        display: block
    }

    .orbit-container .orbit-next, .orbit-container .orbit-prev {
        background-color: transparent;
        color: #fff;
        height: 60px;
        line-height: 50px;
        margin-top: -25px;
        position: absolute;
        text-indent: -9999px !important;
        top: 45%;
        width: 36px;
        z-index: 10
    }

        .orbit-container .orbit-next:hover, .orbit-container .orbit-prev:hover {
            background-color: rgba(0,0,0,.3)
        }

        .orbit-container .orbit-next > span, .orbit-container .orbit-prev > span {
            border: 10px inset;
            display: block;
            height: 0;
            margin-top: -10px;
            position: absolute;
            top: 50%;
            width: 0
        }

    .orbit-container .orbit-prev {
        left: 0
    }

        .orbit-container .orbit-prev > span {
            border-right-style: solid;
            border-color: transparent #fff transparent transparent
        }

        .orbit-container .orbit-prev:hover > span {
            border-right-color: #fff
        }

    .orbit-container .orbit-next {
        right: 0
    }

        .orbit-container .orbit-next > span {
            border-color: transparent transparent transparent #fff;
            border-left-style: solid;
            left: 50%;
            margin-left: -4px
        }

        .orbit-container .orbit-next:hover > span {
            border-left-color: #fff
        }

.orbit-bullets {
    display: block;
    float: none;
    margin: 0 auto 30px;
    overflow: hidden;
    position: relative;
    top: 10px
}

    .orbit-bullets li {
        background: #ccc;
        cursor: pointer;
        display: inline-block;
        float: none;
        height: .5625rem;
        margin-right: 6px;
        width: .5625rem;
        border-radius: 1000px
    }

        .orbit-bullets li.active {
            background: #999
        }

        .orbit-bullets li:last-child {
            margin-right: 0
        }

.touch .orbit-bullets, .touch .orbit-container .orbit-next, .touch .orbit-container .orbit-prev {
    display: none
}

@media only screen and (min-width:40.0625em) {
    .touch .orbit-container .orbit-next, .touch .orbit-container .orbit-prev {
        display: inherit
    }

    .touch .orbit-bullets {
        display: block
    }
}

@media only screen and (max-width:40em) {
    .orbit-stack-on-small .orbit-slides-container {
        height: auto !important
    }

        .orbit-stack-on-small .orbit-slides-container > * {
            margin: 0 !important;
            opacity: 1 !important;
            position: relative
        }

    .orbit-bullets, .orbit-next, .orbit-prev, .orbit-stack-on-small .orbit-slide-number, .orbit-timer {
        display: none
    }
}

.panel.callout > :first-child, .panel > :first-child {
    margin-top: 0
}

ul.pagination {
    display: block;
    margin-left: -.3125rem;
    min-height: 1.5rem
}

    ul.pagination li {
        color: #222;
        font-size: .875rem;
        height: 1.5rem;
        margin-left: .3125rem;
        display: block;
        float: left
    }

        ul.pagination li a, ul.pagination li button {
            border-radius: 3px;
            transition: background-color .3s ease-out;
            background: 0 0;
            color: #999;
            display: block;
            font-size: 1em;
            font-weight: 400;
            line-height: inherit;
            padding: .0625rem .625rem
        }

.panel, .panel.callout {
    border-style: solid;
    border-width: 1px;
    border-color: #d8d8d8;
    padding: 1.25rem
}

ul.pagination li a:focus, ul.pagination li button:focus, ul.pagination li:hover a, ul.pagination li:hover button {
    background: #e6e6e6
}

ul.pagination li.unavailable a, ul.pagination li.unavailable button {
    cursor: default;
    color: #999;
    pointer-events: none
}

    ul.pagination li.unavailable a:focus, ul.pagination li.unavailable button:focus, ul.pagination li.unavailable:hover a, ul.pagination li.unavailable:hover button {
        background: 0 0
    }

ul.pagination li.current a, ul.pagination li.current button {
    background: #008cba;
    color: #fff;
    cursor: default;
    font-weight: 700
}

.panel, .panel dl, .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel li, .panel p, .panel.callout dl, .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout li, .panel.callout p {
    color: #333
}

ul.pagination li.current a:focus, ul.pagination li.current a:hover, ul.pagination li.current button:focus, ul.pagination li.current button:hover {
    background: #008cba
}

.pagination-centered ul.pagination li {
    display: inline-block;
    float: none
}

.panel {
    margin-bottom: 1.25rem;
    background: #f2f2f2
}

    .panel > :last-child {
        margin-bottom: 0
    }

    .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
        line-height: 1;
        margin-bottom: .625rem
    }

        .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
            line-height: 1.4
        }

    .panel.callout {
        margin-bottom: 1.25rem;
        background: #ecfaff;
        color: #333
    }

.pricing-table .price, .pricing-table .title {
    font-weight: 400;
    padding: .9375rem 1.25rem;
    font-family: KleenexSans-Regular;
    font-style: normal
}

.panel.callout > :last-child {
    margin-bottom: 0
}

.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
    line-height: 1;
    margin-bottom: .625rem
}

    .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
        line-height: 1.4
    }

.panel.callout a:not(.button) {
    color: #008cba
}

    .panel.callout a:not(.button):focus, .panel.callout a:not(.button):hover {
        color: #0078a0
    }

.panel.radius {
    border-radius: 3px
}

.pricing-table {
    border: 1px solid #ddd;
    margin-left: 0;
    margin-bottom: 1.25rem
}

    .pricing-table * {
        list-style: none;
        line-height: 1
    }

    .pricing-table .title {
        background-color: #333;
        color: #eee;
        font-size: 1rem;
        text-align: center
    }

    .pricing-table .price {
        background-color: #f6f6f6;
        color: #333;
        font-size: 2rem;
        text-align: center
    }

    .pricing-table .bullet-item, .pricing-table .description {
        border-bottom: dotted 1px #ddd;
        font-weight: 400;
        padding: .9375rem;
        background-color: #fff;
        text-align: center
    }

    .pricing-table .description {
        color: #777;
        font-size: .75rem;
        line-height: 1.4
    }

    .pricing-table .bullet-item {
        color: #333;
        font-size: .875rem
    }

    .pricing-table .cta-button {
        background-color: #fff;
        padding: 1.25rem 1.25rem 0;
        text-align: center
    }

.progress {
    background-color: #f6f6f6;
    border: 1px solid #fff;
    height: 1.5625rem;
    margin-bottom: .625rem;
    padding: .125rem
}

    .progress .meter, .progress .meter.alert, .progress .meter.secondary, .progress .meter.success, .progress.alert .meter, .progress.secondary .meter, .progress.success .meter {
        height: 100%;
        width: 0;
        display: block;
        float: left
    }

    .progress .meter {
        background: #008cba
    }

        .progress .meter.secondary {
            background: #e7e7e7
        }

        .progress .meter.success {
            background: #43ac6a
        }

        .progress .meter.alert {
            background: #f04124
        }

    .progress.secondary .meter {
        background: #e7e7e7
    }

    .progress.success .meter {
        background: #43ac6a
    }

    .progress.alert .meter {
        background: #f04124
    }

    .progress.radius {
        border-radius: 3px
    }

        .progress.radius .meter {
            border-radius: 2px
        }

    .progress.round {
        border-radius: 1000px
    }

        .progress.round .meter {
            border-radius: 999px
        }

.range-slider, .range-slider.vertical-range {
    border: 1px solid #ddd;
    margin: 1.25rem 0;
    position: relative
}

.range-slider {
    -ms-touch-action: none;
    touch-action: none;
    display: block;
    height: 1rem;
    width: 100%;
    background: #fafafa
}

    .range-slider.vertical-range {
        -ms-touch-action: none;
        touch-action: none;
        display: inline-block;
        height: 12.5rem;
        width: 1rem
    }

        .range-slider.vertical-range .range-slider-handle {
            bottom: -10.5rem;
            margin-left: -.5rem;
            margin-top: 0;
            position: absolute
        }

        .range-slider.vertical-range .range-slider-active-segment {
            border-bottom-left-radius: inherit;
            border-bottom-right-radius: inherit;
            border-top-left-radius: initial;
            bottom: 0;
            height: auto;
            width: .875rem
        }

    .range-slider.radius {
        background: #fafafa;
        border-radius: 3px
    }

        .range-slider.radius .range-slider-handle {
            background: #008cba;
            border-radius: 3px
        }

            .range-slider.radius .range-slider-handle:hover {
                background: #007ba4
            }

    .range-slider.round {
        background: #fafafa;
        border-radius: 1000px
    }

        .range-slider.round .range-slider-handle {
            background: #008cba;
            border-radius: 1000px
        }

            .range-slider.round .range-slider-handle:hover {
                background: #007ba4
            }

    .range-slider.disabled, .range-slider[disabled] {
        background: #fafafa;
        cursor: not-allowed;
        opacity: .7
    }

        .range-slider.disabled .range-slider-handle, .range-slider[disabled] .range-slider-handle {
            background: #008cba;
            cursor: default;
            opacity: .7
        }

            .range-slider.disabled .range-slider-handle:hover, .range-slider[disabled] .range-slider-handle:hover {
                background: #007ba4
            }

.range-slider-active-segment {
    background: #e5e5e5;
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit;
    display: inline-block;
    height: .875rem;
    position: absolute
}

.range-slider-handle {
    border: 1px solid;
    cursor: pointer;
    display: inline-block;
    height: 1.375rem;
    position: absolute;
    top: -.3125rem;
    width: 2rem;
    z-index: 1;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: #008cba
}

.reveal-modal, .reveal-modal.radius {
    border-radius: 3px
}

.range-slider-handle:hover {
    background: #007ba4
}

.reveal-modal-bg {
    bottom: 0;
    display: none;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1004;
    left: 0
}

.reveal-modal {
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1005;
    left: 0;
    background-color: #fff;
    padding: 1.875rem
}

    .reveal-modal .column, .reveal-modal .columns {
        min-width: 0
    }

    .reveal-modal > :first-child {
        margin-top: 0
    }

    .reveal-modal > :last-child {
        margin-bottom: 0
    }

    .reveal-modal.round {
        border-radius: 1000px
    }

    .reveal-modal.collapse {
        padding: 0
    }

@media only screen and (min-width:40.0625em) {
    .reveal-modal {
        left: 0;
        margin: 0 auto;
        max-width: 62.5rem;
        right: 0;
        width: 80%;
        top: 6.25rem
    }

        .reveal-modal.tiny {
            left: 0;
            margin: 0 auto;
            max-width: 62.5rem;
            right: 0;
            width: 30%
        }

        .reveal-modal.small {
            left: 0;
            margin: 0 auto;
            max-width: 62.5rem;
            right: 0;
            width: 40%
        }

        .reveal-modal.medium {
            left: 0;
            margin: 0 auto;
            max-width: 62.5rem;
            right: 0;
            width: 60%
        }

        .reveal-modal.large {
            left: 0;
            margin: 0 auto;
            max-width: 62.5rem;
            right: 0;
            width: 70%
        }

        .reveal-modal.xlarge {
            left: 0;
            margin: 0 auto;
            max-width: 62.5rem;
            right: 0;
            width: 95%
        }
}

.reveal-modal.full {
    height: 100vh;
    height: 100%;
    left: 0;
    margin-left: 0 !important;
    max-width: none !important;
    min-height: 100vh;
    top: 0
}

@media only screen and (min-width:40.0625em) {
    .reveal-modal.full {
        left: 0;
        margin: 0 auto;
        max-width: 62.5rem;
        right: 0;
        width: 100%
    }
}

.reveal-modal.toback {
    z-index: 1003
}

.reveal-modal .close-reveal-modal {
    color: #aaa;
    cursor: pointer;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
    position: absolute
}

.side-nav {
    display: block;
    font-family: KleenexSans-Regular;
    font-weight: 400;
    font-style: normal;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: .875rem 0
}

    .side-nav li {
        font-size: .875rem;
        font-weight: 400;
        margin: 0 0 .4375rem
    }

        .side-nav li a:not(.button) {
            color: #008cba;
            display: block;
            margin: 0;
            padding: .4375rem .875rem
        }

.split.button.large span:after, .split.button.small span:after, .split.button.tiny span:after {
    margin-left: -.375rem;
    border-top-style: solid;
    top: 48%
}

.side-nav li a:not(.button):focus, .side-nav li a:not(.button):hover {
    background: rgba(0,0,0,.025);
    color: #1cc7ff
}

.side-nav li a:not(.button):active {
    color: #1cc7ff
}

.side-nav li.active > a:first-child:not(.button) {
    color: #1cc7ff;
    font-family: KleenexSans-Regular;
    font-weight: 400;
    font-style: normal
}

.side-nav li.divider {
    border-top: 1px solid;
    height: 0;
    list-style: none;
    padding: 0;
    border-top-color: #e6e6e6
}

.side-nav li.heading {
    color: #008cba;
    font-size: .875rem;
    font-weight: 700
}

.split.button {
    position: relative;
    padding-right: 5.0625rem
}

    .split.button span {
        display: block;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        border-left: solid 1px
    }

    .split.button span, .split.button.alert span, .split.button.secondary span, .split.button.success span {
        border-left-color: rgba(255,255,255,.5)
    }

        .split.button span:after {
            position: absolute;
            content: "";
            width: 0;
            height: 0;
            display: block;
            border-style: solid inset inset;
            left: 50%;
            border-width: .375rem;
            margin-left: -.375rem;
            top: 48%;
            border-color: #fff transparent transparent
        }

        .split.button span:active {
            background-color: rgba(0,0,0,.1)
        }

    .split.button span {
        width: 3.09375rem
    }

    .split.button.tiny {
        padding-right: 3.75rem
    }

        .split.button.tiny span {
            width: 2.25rem
        }

            .split.button.tiny span:after {
                border-width: .375rem
            }

    .split.button.small {
        padding-right: 4.375rem
    }

        .split.button.small span {
            width: 2.625rem
        }

            .split.button.small span:after {
                border-width: .4375rem
            }

    .split.button.large {
        padding-right: 5.5rem
    }

        .split.button.large span {
            width: 3.4375rem
        }

            .split.button.large span:after {
                border-width: .3125rem
            }

    .split.button.expand {
        padding-left: 2rem
    }

    .split.button.secondary span:after {
        border-color: #333 transparent transparent
    }

    .split.button.radius span {
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px
    }

    .split.button.round span {
        -webkit-border-bottom-right-radius: 1000px;
        -webkit-border-top-right-radius: 1000px;
        border-bottom-right-radius: 1000px;
        border-top-right-radius: 1000px
    }

    .split.button.no-pip span:after, .split.button.no-pip span:before {
        border-style: none
    }

    .split.button.no-pip span > i {
        display: block;
        left: 50%;
        margin-left: -.28889em;
        margin-top: -.48889em;
        position: absolute;
        top: 50%
    }

.sub-nav {
    display: block;
    margin: -.25rem 0 1.125rem;
    overflow: hidden;
    padding-top: .25rem;
    width: auto
}

    .sub-nav dd, .sub-nav dt, .sub-nav li {
        color: #999;
        float: left;
        font-family: KleenexSans-Regular;
        font-weight: 400;
        font-style: normal;
        font-size: .875rem;
        margin-left: 1rem;
        margin-bottom: 0
    }

        .sub-nav dd a, .sub-nav dt a, .sub-nav li a {
            color: #999;
            padding: .1875rem 1rem;
            text-decoration: none
        }

            .sub-nav dd a:hover, .sub-nav dt a:hover, .sub-nav li a:hover {
                color: #737373
            }

        .sub-nav dd.active a, .sub-nav dt.active a, .sub-nav li.active a {
            border-radius: 3px;
            background: #008cba;
            color: #fff;
            cursor: default;
            font-weight: 400;
            padding: .1875rem 1rem
        }

            .sub-nav dd.active a:hover, .sub-nav dt.active a:hover, .sub-nav li.active a:hover {
                background: #0078a0
            }

.switch {
    border: none;
    margin-bottom: 1.5rem;
    outline: 0;
    padding: 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .switch label {
        cursor: pointer;
        display: block;
        margin-bottom: 1rem;
        position: relative;
        text-indent: 100%;
        transition: left .15s ease-out;
        height: 2rem;
        width: 4rem;
        color: transparent;
        background: #ddd
    }

    .switch input {
        left: 10px;
        opacity: 0;
        padding: 0;
        position: absolute;
        top: 9px
    }

        .switch input + label {
            margin-left: 0;
            margin-right: 0
        }

    .switch label:after {
        content: "";
        display: block;
        left: .25rem;
        position: absolute;
        top: .25rem;
        -webkit-transition: left .15s ease-out;
        -moz-transition: left .15s ease-out;
        -o-transition: translate3d(0,0,0);
        transition: left .15s ease-out;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        height: 1.5rem;
        width: 1.5rem;
        background: #fff
    }

    .switch input:checked + label:after {
        left: 2.25rem
    }

    .switch input:checked + label {
        background: #008cba
    }

    .switch.large label {
        height: 2.5rem;
        width: 5rem
    }

        .switch.large label:after {
            height: 2rem;
            width: 2rem
        }

    .switch.large input:checked + label:after {
        left: 2.75rem
    }

    .switch.small label {
        height: 1.75rem;
        width: 3.5rem
    }

        .switch.small label:after {
            height: 1.25rem;
            width: 1.25rem
        }

    .switch.small input:checked + label:after {
        left: 2rem
    }

    .switch.tiny label {
        height: 1.5rem;
        width: 3rem
    }

        .switch.tiny label:after {
            height: 1rem;
            width: 1rem
        }

    .switch.tiny input:checked + label:after {
        left: 1.75rem
    }

    .switch.radius label {
        border-radius: 4px
    }

        .switch.radius label:after {
            border-radius: 3px
        }

    .switch.round {
        border-radius: 1000px
    }

        .switch.round label, .switch.round label:after {
            border-radius: 2rem
        }

table {
    background: #fff;
    border: 1px solid #ddd;
    margin-bottom: 1.25rem;
    table-layout: auto;
    border-collapse: collapse;
    border-spacing: 0
}

    table caption {
        background: 0 0;
        color: #222;
        font-size: 1rem;
        font-weight: 700
    }

    table tfoot, table thead {
        background: #f5f5f5
    }

        table tfoot tr td, table tfoot tr th, table thead tr td, table thead tr th {
            color: #222;
            font-size: .875rem;
            font-weight: 700;
            padding: .5rem .625rem .625rem
        }

    table tr td, table tr th {
        color: #222;
        font-size: .875rem;
        padding: .5625rem .625rem;
        text-align: left
    }

    table tr.alt, table tr.even, table tr:nth-of-type(even) {
        background: #f9f9f9
    }

    table tbody tr td, table tbody tr th, table tfoot tr td, table tfoot tr th, table thead tr th, table tr td {
        display: table-cell;
        line-height: 1.125rem
    }

.tabs {
    margin-bottom: 0 !important;
    margin-left: 0
}

    .tabs:after, .tabs:before {
        content: " ";
        display: table
    }

    .tabs .tab-title, .tabs dd {
        float: left;
        list-style: none;
        margin-bottom: 0 !important;
        position: relative
    }

        .tabs .tab-title > a, .tabs dd > a {
            display: block;
            background-color: #efefef;
            color: #222;
            font-family: KleenexSans-Regular;
            font-weight: 400;
            font-style: normal;
            font-size: 1rem;
            padding: 1rem 2rem
        }

            .tabs .tab-title > a:hover, .tabs dd > a:hover {
                background-color: #e1e1e1
            }

        .tabs .tab-title.active a, .tabs dd.active a {
            background-color: #fff;
            color: #222
        }

    .tabs.radius .tab:first-child a, .tabs.radius dd:first-child a {
        -webkit-border-bottom-left-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px
    }

    .tabs.radius .tab:last-child a, .tabs.radius dd:last-child a {
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px
    }

    .tabs.vertical .tab-title, .tabs.vertical dd {
        position: inherit;
        float: none;
        display: block;
        top: auto
    }

.content.five-column .columns:last-child, .content.three-column .columns.small-12.medium-6.large-4:last-child {
    float: left
}

.tabs-content {
    margin-bottom: 1.5rem;
    width: 100%
}

    .tabs-content:after, .tabs-content:before {
        content: " ";
        display: table
    }

    .tabs-content > .content {
        display: none;
        float: left;
        padding: .9375rem 0;
        width: 100%
    }

        .tabs-content > .content.active {
            display: block;
            float: none
        }

        .tabs-content > .content.contained {
            padding: .9375rem
        }

    .tabs-content.vertical {
        display: block
    }

        .tabs-content.vertical > .content {
            padding: 0 .9375rem
        }

@media only screen and (min-width:40.0625em) {
    .tabs.vertical {
        float: left;
        margin: 0;
        margin-bottom: 1.25rem !important;
        max-width: 20%;
        width: 20%
    }

    .tabs-content.vertical {
        float: left;
        margin-left: -1px;
        max-width: 80%;
        padding-left: 1rem;
        width: 80%
    }
}

.no-js .tabs-content > .content {
    display: block;
    float: none
}

.th {
    border: 4px solid #fff;
    box-shadow: 0 0 0 1px rgba(0,0,0,.2);
    display: inline-block;
    line-height: 0;
    max-width: 100%;
    transition: all .2s ease-out
}

    .th:focus, .th:hover {
        box-shadow: 0 0 6px 1px rgba(0,140,186,.5)
    }

    .th.radius {
        border-radius: 3px
    }

.has-tip {
    border-bottom: dotted 1px #ccc;
    color: #333;
    cursor: help;
    font-weight: 700
}

    .has-tip:focus, .has-tip:hover {
        border-bottom: dotted 1px #003f54;
        color: #008cba
    }

    .has-tip.tip-left, .has-tip.tip-right {
        float: none !important
    }

.tooltip {
    background: #333;
    color: #fff;
    display: none;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.3;
    max-width: 300px;
    padding: .75rem;
    position: absolute;
    width: 100%;
    z-index: 1006;
    left: 50%
}

    .tooltip > .nub {
        border: 5px solid;
        display: block;
        height: 0;
        pointer-events: none;
        position: absolute;
        top: -10px;
        width: 0;
        left: 5px
    }

        .tooltip > .nub.rtl {
            left: auto;
            right: 5px
        }

    .tooltip.radius {
        border-radius: 3px
    }

    .tooltip.round {
        border-radius: 1000px
    }

        .tooltip.round > .nub {
            left: 2rem
        }

    .tooltip.opened {
        border-bottom: dotted 1px #003f54 !important;
        color: #008cba !important
    }

.tap-to-close {
    color: #777;
    display: block;
    font-size: .625rem;
    font-weight: 400
}

@media only screen and (min-width:40.0625em) {
    .tooltip > .nub {
        border-color: transparent transparent #333;
        top: -10px
    }

    .tooltip.tip-top > .nub {
        border-color: #333 transparent transparent;
        bottom: -10px;
        top: auto
    }

    .tooltip.tip-left, .tooltip.tip-right {
        float: none !important
    }

        .tooltip.tip-left > .nub {
            border-color: transparent transparent transparent #333;
            left: auto;
            margin-top: -5px;
            right: -10px;
            top: 50%
        }

        .tooltip.tip-right > .nub {
            border-color: transparent #333 transparent transparent;
            left: -10px;
            margin-top: -5px;
            right: auto;
            top: 50%
        }
}

meta.foundation-mq-topbar {
    font-family: "/only screen and (min-width:40.0625em)/";
    width: 40.0625em
}

.contain-to-grid {
    width: 100%;
    background: #333
}

    .contain-to-grid .top-bar {
        margin-bottom: 0
    }

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    left: 0
}

    .fixed.expanded:not(.top-bar) {
        height: auto;
        max-height: 100%;
        overflow-y: auto;
        width: 100%
    }

        .fixed.expanded:not(.top-bar) .title-area {
            position: fixed;
            width: 100%;
            z-index: 99
        }

        .fixed.expanded:not(.top-bar) .top-bar-section {
            margin-top: 2.8125rem;
            z-index: 98
        }

.top-bar {
    background: #333;
    height: 2.8125rem;
    line-height: 2.8125rem;
    margin-bottom: 0;
    overflow: hidden;
    position: relative
}

    .top-bar ul {
        list-style: none;
        margin-bottom: 0
    }

    .top-bar form, .top-bar input, .top-bar select {
        margin-bottom: 0
    }

    .top-bar input, .top-bar select {
        font-size: .75rem;
        height: 1.75rem;
        padding-bottom: .35rem;
        padding-top: .35rem
    }

    .top-bar .button, .top-bar button {
        font-size: .75rem;
        margin-bottom: 0;
        padding-bottom: .4125rem;
        padding-top: .4125rem
    }

@media only screen and (max-width:40em) {
    .reveal-modal {
        min-height: 100vh
    }

    .top-bar .button, .top-bar button {
        position: relative;
        top: -1px
    }
}

.top-bar .title-area {
    margin: 0;
    position: relative
}

.top-bar .name {
    font-size: 16px;
    height: 2.8125rem;
    margin: 0
}

    .top-bar .name h1, .top-bar .name h2, .top-bar .name h3, .top-bar .name h4, .top-bar .name p, .top-bar .name span {
        font-size: 1.0625rem;
        line-height: 2.8125rem;
        margin: 0
    }

        .top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a {
            color: #fff;
            display: block;
            font-weight: 400;
            padding: 0 .9375rem;
            width: 75%
        }

.top-bar .toggle-topbar {
    position: absolute;
    right: 0;
    top: 0
}

    .top-bar .toggle-topbar a {
        color: #fff;
        display: block;
        font-size: .8125rem;
        font-weight: 700;
        height: 2.8125rem;
        line-height: 2.8125rem;
        padding: 0 .9375rem;
        position: relative;
        text-transform: uppercase
    }

.top-bar-section .dropdown li a.parent-link, .top-bar-section ul li > a, p {
    font-weight: 400
}

.top-bar .toggle-topbar.menu-icon {
    margin-top: -16px;
    top: 50%
}

    .top-bar .toggle-topbar.menu-icon a {
        color: #fff;
        height: 34px;
        line-height: 33px;
        padding: 0 2.5rem 0 .9375rem;
        position: relative
    }

        .top-bar .toggle-topbar.menu-icon a span::after {
            content: "";
            display: block;
            height: 0;
            position: absolute;
            margin-top: -8px;
            top: 50%;
            right: .9375rem;
            box-shadow: 0 0 0 1px #fff,0 7px 0 1px #fff,0 14px 0 1px #fff;
            width: 16px
        }

.top-bar-section, .top-bar-section .has-dropdown {
    position: relative
}

.top-bar .toggle-topbar.menu-icon a span:hover:after {
    box-shadow: 0 0 0 1px "",0 7px 0 1px "",0 14px 0 1px ""
}

.top-bar.expanded {
    background: 0 0;
    height: auto
}

    .top-bar-section ul li, .top-bar.expanded .title-area {
        background: #333
    }

    .top-bar.expanded .toggle-topbar a {
        color: #888
    }

        .top-bar.expanded .toggle-topbar a span::after {
            box-shadow: 0 0 0 1px #888,0 7px 0 1px #888,0 14px 0 1px #888
        }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .top-bar.expanded .top-bar-section .dropdown, .top-bar.expanded .top-bar-section .has-dropdown.moved > .dropdown {
        clip: initial
    }

    .top-bar.expanded .top-bar-section .has-dropdown:not(.moved) > ul {
        padding: 0
    }
}

.top-bar-section {
    left: 0;
    width: auto;
    transition: left .3s ease-out
}

    .top-bar-section ul {
        display: block;
        font-size: 16px;
        height: auto;
        margin: 0;
        padding: 0;
        width: 100%
    }

    .top-bar-section .divider, .top-bar-section [role=separator] {
        border-top: solid 1px #1a1a1a;
        clear: both;
        height: 1px;
        width: 100%
    }

    .top-bar-section ul li > a {
        color: #fff;
        display: block;
        font-family: KleenexSans-Regular;
        font-style: normal;
        font-size: .8125rem;
        padding: 12px 0 12px .9375rem;
        text-transform: none;
        width: 100%
    }

        .top-bar-section ul li > a.button, .top-bar-section ul li > button {
            font-size: .8125rem;
            padding-left: .9375rem;
            padding-right: .9375rem
        }

        .top-bar-section ul li > a.button {
            background-color: #008cba;
            border-color: #007095;
            color: #fff
        }

            .top-bar-section ul li > a.button:focus, .top-bar-section ul li > a.button:hover {
                background-color: #007095;
                color: #fff
            }

            .top-bar-section ul li > a.button.secondary {
                background-color: #e7e7e7;
                border-color: #b9b9b9;
                color: #333
            }

                .top-bar-section ul li > a.button.secondary:focus, .top-bar-section ul li > a.button.secondary:hover {
                    background-color: #b9b9b9;
                    color: #333
                }

            .top-bar-section ul li > a.button.success {
                background-color: #43ac6a;
                border-color: #368a55;
                color: #fff
            }

                .top-bar-section ul li > a.button.success:focus, .top-bar-section ul li > a.button.success:hover {
                    background-color: #368a55;
                    color: #fff
                }

            .top-bar-section ul li > a.button.alert {
                background-color: #f04124;
                border-color: #cf2a0e;
                color: #fff
            }

                .top-bar-section ul li > a.button.alert:focus, .top-bar-section ul li > a.button.alert:hover {
                    background-color: #cf2a0e;
                    color: #fff
                }

            .top-bar-section ul li > a.button.warning {
                background-color: #f08a24;
                border-color: #cf6e0e;
                color: #fff
            }

                .top-bar-section ul li > a.button.warning:focus, .top-bar-section ul li > a.button.warning:hover {
                    background-color: #cf6e0e;
                    color: #fff
                }

            .top-bar-section ul li > a.button.info {
                background-color: #a0d3e8;
                border-color: #61b6d9;
                color: #333
            }

                .top-bar-section ul li > a.button.info:focus, .top-bar-section ul li > a.button.info:hover {
                    background-color: #61b6d9;
                    color: #fff
                }

    .top-bar-section ul li > button {
        background-color: #008cba;
        border-color: #007095;
        color: #fff
    }

        .top-bar-section ul li > button:focus, .top-bar-section ul li > button:hover {
            background-color: #007095;
            color: #fff
        }

        .top-bar-section ul li > button.secondary {
            background-color: #e7e7e7;
            border-color: #b9b9b9;
            color: #333
        }

            .top-bar-section ul li > button.secondary:focus, .top-bar-section ul li > button.secondary:hover {
                background-color: #b9b9b9;
                color: #333
            }

        .top-bar-section ul li > button.success {
            background-color: #43ac6a;
            border-color: #368a55;
            color: #fff
        }

            .top-bar-section ul li > button.success:focus, .top-bar-section ul li > button.success:hover {
                background-color: #368a55;
                color: #fff
            }

        .top-bar-section ul li > button.alert {
            background-color: #f04124;
            border-color: #cf2a0e;
            color: #fff
        }

            .top-bar-section ul li > button.alert:focus, .top-bar-section ul li > button.alert:hover {
                background-color: #cf2a0e;
                color: #fff
            }

        .top-bar-section ul li > button.warning {
            background-color: #f08a24;
            border-color: #cf6e0e;
            color: #fff
        }

            .top-bar-section ul li > button.warning:focus, .top-bar-section ul li > button.warning:hover {
                background-color: #cf6e0e;
                color: #fff
            }

        .top-bar-section ul li > button.info {
            background-color: #a0d3e8;
            border-color: #61b6d9;
            color: #333
        }

            .top-bar-section ul li > button.info:focus, .top-bar-section ul li > button.info:hover {
                background-color: #61b6d9;
                color: #fff
            }

    .top-bar-section ul li:hover:not(.has-form) > a {
        color: #fff;
        background: #222
    }

    .top-bar-section ul li.active > a {
        background: #008cba;
        color: #fff
    }

        .top-bar-section ul li.active > a:hover {
            background: #0078a0;
            color: #fff
        }

    .top-bar-section .has-form {
        padding: .9375rem
    }

    .top-bar-section .has-dropdown > a:after {
        border: 5px inset;
        content: "";
        display: block;
        height: 0;
        width: 0;
        border-color: transparent transparent transparent rgba(255,255,255,.4);
        border-left-style: solid;
        margin-right: .9375rem;
        margin-top: -4.5px;
        position: absolute;
        top: 50%;
        right: 0
    }

    .top-bar-section .has-dropdown.moved {
        position: static
    }

        .top-bar-section .has-dropdown.moved > .dropdown {
            height: auto;
            overflow: visible;
            clip: auto;
            display: block;
            position: absolute !important;
            width: 100%
        }

        .top-bar-section .has-dropdown.moved > a:after {
            display: none
        }

    .top-bar-section .dropdown {
        clip: rect(1px,1px,1px,1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px;
        display: block;
        padding: 0;
        top: 0;
        z-index: 99;
        left: 100%
    }

        .top-bar-section .dropdown li {
            height: auto;
            width: 100%
        }

            .top-bar-section .dropdown li a {
                font-weight: 400;
                padding: 8px .9375rem
            }

            .top-bar-section .dropdown li.parent-link, .top-bar-section .dropdown li.title h5 {
                margin-bottom: 0;
                margin-top: 0;
                font-size: 1.125rem
            }

                .top-bar-section .dropdown li.parent-link a, .top-bar-section .dropdown li.title h5 a {
                    color: #fff;
                    display: block
                }

                    .top-bar-section .dropdown li.parent-link a:hover, .top-bar-section .dropdown li.title h5 a:hover {
                        background: 0 0
                    }

            .top-bar-section .dropdown li.has-form {
                padding: 8px .9375rem
            }

            .top-bar-section .dropdown li .button, .top-bar-section .dropdown li button {
                top: auto
            }

        .top-bar-section .dropdown label {
            color: #777;
            font-size: .625rem;
            font-weight: 700;
            margin-bottom: 0;
            padding: 8px .9375rem 2px;
            text-transform: uppercase
        }

.js-generated {
    display: block
}

@media only screen and (min-width:40.0625em) {
    .top-bar, .top-bar.expanded {
        background: #333
    }

        .top-bar .title-area, .top-bar-section ul li {
            float: left
        }

    .top-bar {
        overflow: visible
    }

        .top-bar:after, .top-bar:before {
            content: " ";
            display: table
        }

        .top-bar:after {
            clear: both
        }

        .top-bar .toggle-topbar {
            display: none
        }

        .top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name h5 a, .top-bar .name h6 a {
            width: auto
        }

        .top-bar .button, .top-bar button, .top-bar input, .top-bar select {
            font-size: .875rem;
            height: 1.75rem;
            position: relative;
            top: .53125rem
        }

        .top-bar .has-form > .button, .top-bar .has-form > button {
            padding-top: .3125rem;
            top: .4375rem
        }

    .contain-to-grid .top-bar {
        margin: 0 auto;
        max-width: 62.5rem
    }

    .top-bar-section {
        transition: none 0 0;
        left: 0 !important
    }

        .top-bar-section ul {
            display: inline;
            height: auto !important;
            width: auto
        }

            .top-bar-section ul li .js-generated {
                display: none
            }

        .top-bar-section li.hover > a:not(.button) {
            background: #222;
            color: #fff
        }

        .top-bar-section li:not(.has-form) a:not(.button) {
            background: #333;
            line-height: 2.8125rem;
            padding: 0 .9375rem
        }

            .top-bar-section li:not(.has-form) a:not(.button):hover {
                background: #222
            }

        .top-bar-section li.active:not(.has-form) a:not(.button) {
            background: #008cba;
            color: #fff;
            line-height: 2.8125rem;
            padding: 0 .9375rem
        }

            .top-bar-section li.active:not(.has-form) a:not(.button):hover {
                background: #0078a0;
                color: #fff
            }

        .top-bar-section .has-dropdown > a {
            padding-right: 2.1875rem !important
        }

            .top-bar-section .has-dropdown > a:after {
                border: 5px inset;
                content: "";
                display: block;
                height: 0;
                width: 0;
                border-color: rgba(255,255,255,.4) transparent transparent;
                border-top-style: solid;
                margin-top: -2.5px;
                top: 1.40625rem
            }

        .top-bar-section .has-dropdown.moved {
            position: relative
        }

            .top-bar-section .has-dropdown.moved > .dropdown {
                clip: rect(1px,1px,1px,1px);
                height: 1px;
                overflow: hidden;
                position: absolute !important;
                width: 1px;
                display: block
            }

        .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown, .top-bar-section .has-dropdown > a:focus + .dropdown {
            height: auto;
            width: auto;
            overflow: visible;
            clip: auto;
            display: block;
            position: absolute !important
        }

        .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
            border: none;
            content: "\00bb";
            top: .1875rem;
            right: 5px
        }

        .top-bar-section .dropdown {
            left: 0;
            background: 0 0;
            min-width: 100%;
            top: auto
        }

            .top-bar-section .dropdown li a {
                background: #333;
                color: #fff;
                line-height: 2.8125rem;
                padding: 12px .9375rem;
                white-space: nowrap
            }

            .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
                background: #333;
                color: #fff
            }

            .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
                color: #fff;
                background: #222
            }

            .top-bar-section .dropdown li label {
                background: #333;
                white-space: nowrap
            }

            .top-bar-section .dropdown li .dropdown {
                left: 100%;
                top: 0
            }

        .top-bar-section > ul > .divider, .top-bar-section > ul > [role=separator] {
            border-right: solid 1px #4e4e4e;
            border-bottom: none;
            border-top: none;
            clear: none;
            height: 2.8125rem;
            width: 0
        }

        .top-bar-section .has-form {
            background: #333;
            height: 2.8125rem;
            padding: 0 .9375rem
        }

        .top-bar-section .right li .dropdown {
            left: auto;
            right: 0
        }

            .top-bar-section .right li .dropdown li .dropdown {
                right: 100%
            }

        .top-bar-section .left li .dropdown {
            right: auto;
            left: 0
        }

            .top-bar-section .left li .dropdown li .dropdown {
                left: 100%
            }

    .no-js .top-bar-section ul li:hover > a {
        background: #222;
        color: #fff
    }

    .no-js .top-bar-section ul li:active > a {
        background: #008cba;
        color: #fff
    }

    .no-js .top-bar-section .has-dropdown:hover > .dropdown, .no-js .top-bar-section .has-dropdown > a:focus + .dropdown {
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        display: block;
        position: absolute !important
    }
}

.inner-wrap, .left-submenu {
    -webkit-transition: -webkit-transform .5s ease;
    -moz-transition: -moz-transform .5s ease;
    -ms-transition: -ms-transform .5s ease;
    -o-transition: -o-transform .5s ease
}

.left-small, .right-small, .tab-bar-section {
    top: 0;
    position: absolute
}

.btn, .content .btn, .inner-wrap:after, hr {
    clear: both
}

.inner-wrap, .off-canvas-wrap {
    width: 100%;
    position: relative
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-justify {
    text-align: justify !important
}

@media only screen and (max-width:40em) {
    .small-only-text-left {
        text-align: left !important
    }

    .small-only-text-right {
        text-align: right !important
    }

    .small-only-text-center {
        text-align: center !important
    }

    .small-only-text-justify {
        text-align: justify !important
    }
}

@media only screen {
    .small-text-left {
        text-align: left !important
    }

    .small-text-right {
        text-align: right !important
    }

    .small-text-center {
        text-align: center !important
    }

    .small-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width:40.0625em) and (max-width:64em) {
    .medium-only-text-left {
        text-align: left !important
    }

    .medium-only-text-right {
        text-align: right !important
    }

    .medium-only-text-center {
        text-align: center !important
    }

    .medium-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width:40.0625em) {
    .medium-text-left {
        text-align: left !important
    }

    .medium-text-right {
        text-align: right !important
    }

    .medium-text-center {
        text-align: center !important
    }

    .medium-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width:64.0625em) and (max-width:90em) {
    .large-only-text-left {
        text-align: left !important
    }

    .large-only-text-right {
        text-align: right !important
    }

    .large-only-text-center {
        text-align: center !important
    }

    .large-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width:64.0625em) {
    .large-text-left {
        text-align: left !important
    }

    .large-text-right {
        text-align: right !important
    }

    .large-text-center {
        text-align: center !important
    }

    .large-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width:90.0625em) and (max-width:120em) {
    .xlarge-only-text-left {
        text-align: left !important
    }

    .xlarge-only-text-right {
        text-align: right !important
    }

    .xlarge-only-text-center {
        text-align: center !important
    }

    .xlarge-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width:90.0625em) {
    .xlarge-text-left {
        text-align: left !important
    }

    .xlarge-text-right {
        text-align: right !important
    }

    .xlarge-text-center {
        text-align: center !important
    }

    .xlarge-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width:120.0625em) and (max-width:6249999.9375em) {
    .xxlarge-only-text-left {
        text-align: left !important
    }

    .xxlarge-only-text-right {
        text-align: right !important
    }

    .xxlarge-only-text-center {
        text-align: center !important
    }

    .xxlarge-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width:120.0625em) {
    .xxlarge-text-left {
        text-align: left !important
    }

    .xxlarge-text-right {
        text-align: right !important
    }

    .xxlarge-text-center {
        text-align: center !important
    }

    .xxlarge-text-justify {
        text-align: justify !important
    }
}

blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul {
    margin: 0;
    padding: 0
}

a {
    color: #008cba;
    line-height: inherit;
    text-decoration: none
}

p, p.lead {
    line-height: 1.6
}

a:focus, a:hover {
    color: #0078a0
}

a img {
    border: none
}

p {
    font-family: inherit;
    font-size: 1rem;
    margin-bottom: 1.25rem;
    text-rendering: optimizeLegibility
}

.subheader, h1, h2, h3, h4, h5, h6 {
    margin-top: .2rem;
    margin-bottom: .5rem;
    font-weight: 400
}

p.lead {
    font-size: 1.21875rem
}

p aside {
    font-size: .875rem;
    font-style: italic;
    line-height: 1.35
}

h1, h2, h3, h4, h5, h6 {
    color: #222;
    font-family: KleenexSans-Regular;
    font-style: normal;
    line-height: 1.4;
    text-rendering: optimizeLegibility
}

dfn, em, i {
    font-style: italic
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    color: #6f6f6f;
    font-size: 60%;
    line-height: 0
}

h2 {
    font-size: 1.6875rem
}

h3 {
    font-size: 1.375rem
}

h4, h5 {
    font-size: 1.125rem
}

dl, h6, ol, ul {
    font-size: 1rem
}

.subheader {
    line-height: 1.4;
    color: #6f6f6f
}

b, em, i, small, strong {
    line-height: inherit
}

hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    margin: 1.25rem 0 1.1875rem
}

code {
    background-color: #f8f8f8;
    border-color: #dfdfdf;
    border-style: solid;
    border-width: 1px;
    color: #333;
    font-weight: 400;
    padding: .125rem .3125rem .0625rem
}

.vcard .fn, .vevent .summary, .vevent abbr, dl dt, ul.off-canvas-list li label {
    font-weight: 700
}

dl, ol, ul {
    font-family: inherit;
    line-height: 1.6;
    list-style-position: outside;
    margin-bottom: 1.25rem
}

ul {
    margin-left: 1.1rem
}

    ul li ol, ul li ul {
        margin-left: 1.25rem;
        margin-bottom: 0
    }

    ul.circle, ul.disc, ul.square {
        margin-left: 1.1rem
    }

        ul.circle li ul, ul.disc li ul, ul.square li ul {
            list-style: inherit
        }

    ul.square {
        list-style-type: square
    }

    ul.circle {
        list-style-type: circle
    }

    ul.disc {
        list-style-type: disc
    }

ol {
    margin-left: 1.4rem
}

    ol li ol, ol li ul {
        margin-left: 1.25rem;
        margin-bottom: 0
    }

.no-bullet {
    list-style-type: none;
    margin-left: 0
}

    .no-bullet li ol, .no-bullet li ul {
        margin-left: 1.25rem;
        margin-bottom: 0;
        list-style: none
    }

dl dt {
    margin-bottom: .3rem
}

dl dd {
    margin-bottom: .75rem
}

.vcard, blockquote {
    margin: 0 0 1.25rem
}

abbr, acronym {
    text-transform: uppercase;
    font-size: 90%;
    color: #222;
    cursor: help
}

abbr {
    text-transform: none
}

blockquote {
    padding: .5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #ddd
}

    blockquote cite {
        display: block;
        font-size: .8125rem;
        color: #555
    }

        blockquote cite:before {
            content: "\2014 \0020"
        }

        blockquote cite a, blockquote cite a:visited {
            color: #555
        }

    blockquote, blockquote p {
        line-height: 1.6;
        color: #6f6f6f
    }

.vcard {
    display: inline-block;
    border: 1px solid #ddd;
    padding: .625rem .75rem
}

    .vcard li {
        margin: 0;
        display: block
    }

    .vcard .fn {
        font-size: .9375rem
    }

.vevent abbr {
    cursor: default;
    text-decoration: none;
    border: none;
    padding: 0 .0625rem
}

@media only screen and (min-width:40.0625em) {
    h1, h2, h3, h4, h5, h6 {
        line-height: 1.4
    }

    h1 {
        font-size: 2.75rem
    }

    h2 {
        font-size: 2.3125rem
    }

    h3 {
        font-size: 1.6875rem
    }

    h4 {
        font-size: 1.4375rem
    }

    h5 {
        font-size: 1.125rem
    }

    h6 {
        font-size: 1rem
    }
}

.off-canvas-wrap {
    -webkit-backface-visibility: hidden;
    overflow: hidden
}

    .off-canvas-wrap.move-bottom, .off-canvas-wrap.move-left, .off-canvas-wrap.move-right, .off-canvas-wrap.move-top {
        min-height: 100%;
        -webkit-overflow-scrolling: touch
    }

.inner-wrap {
    transition: transform .5s ease
}

.left-small, .right-small, .tab-bar .menu-icon {
    height: 2.8125rem;
    width: 2.8125rem
}

.inner-wrap:after, .inner-wrap:before {
    content: " ";
    display: table
}

.tab-bar {
    -webkit-backface-visibility: hidden;
    background: #333;
    color: #fff;
    height: 2.8125rem;
    line-height: 2.8125rem;
    position: relative
}

    .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 {
        color: #fff;
        font-weight: 700;
        line-height: 2.8125rem;
        margin: 0
    }

    .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 {
        font-size: 1.125rem
    }

.left-small {
    border-right: solid 1px #1a1a1a;
    left: 0
}

.right-small {
    border-left: solid 1px #1a1a1a;
    right: 0
}

.tab-bar-section {
    height: 2.8125rem;
    padding: 0 .625rem;
    text-align: center
}

    .tab-bar-section.left {
        text-align: left;
        left: 0;
        right: 2.8125rem
    }

    .tab-bar-section.right {
        text-align: right;
        left: 2.8125rem;
        right: 0
    }

    .tab-bar-section.middle {
        left: 2.8125rem;
        right: 2.8125rem
    }

.tab-bar .menu-icon {
    color: #fff;
    display: block;
    padding: 0;
    position: relative;
    text-indent: 2.1875rem;
    transform: translate3d(0,0,0)
}

    .tab-bar .menu-icon span::after {
        content: "";
        display: block;
        height: 0;
        position: absolute;
        top: 50%;
        margin-top: -.5rem;
        left: .90625rem;
        box-shadow: 0 0 0 1px #fff,0 7px 0 1px #fff,0 14px 0 1px #fff;
        width: 1rem
    }

.left-off-canvas-menu, .right-off-canvas-menu {
    -webkit-backface-visibility: hidden;
    background: #333;
    box-sizing: content-box;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    transition: transform .5s ease 0s;
    width: 15.625rem;
    bottom: 0;
    top: 0
}

.tab-bar .menu-icon span:hover:after {
    box-shadow: 0 0 0 1px #b3b3b3,0 7px 0 1px #b3b3b3,0 14px 0 1px #b3b3b3
}

.left-off-canvas-menu {
    z-index: 1001;
    -webkit-transform: translate3d(-100%,0,0);
    -moz-transform: translate3d(-100%,0,0);
    -ms-transform: translate(-100%,0);
    -o-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    left: 0
}

    .left-off-canvas-menu * {
        -webkit-backface-visibility: hidden
    }

.right-off-canvas-menu {
    z-index: 1001;
    -webkit-transform: translate3d(100%,0,0);
    -moz-transform: translate3d(100%,0,0);
    -ms-transform: translate(100%,0);
    -o-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    right: 0
}

.bottom-off-canvas-menu, .top-off-canvas-menu {
    -webkit-backface-visibility: hidden;
    background: #333;
    box-sizing: content-box;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    transition: transform .5s ease 0s;
    z-index: 1001;
    width: 100%;
    height: 18.75rem
}

.right-off-canvas-menu * {
    -webkit-backface-visibility: hidden
}

.top-off-canvas-menu {
    bottom: 0;
    -webkit-transform: translate3d(0,-100%,0);
    -moz-transform: translate3d(0,-100%,0);
    -ms-transform: translate(0,-100%);
    -o-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
    top: 0
}

    .top-off-canvas-menu * {
        -webkit-backface-visibility: hidden
    }

.bottom-off-canvas-menu {
    -webkit-transform: translate3d(0,100%,0);
    -moz-transform: translate3d(0,100%,0);
    -ms-transform: translate(0,100%);
    -o-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    bottom: 0
}

.move-bottom .exit-off-canvas, .move-left .exit-off-canvas, .move-right .exit-off-canvas, .move-top .exit-off-canvas {
    z-index: 1002;
    -webkit-backface-visibility: hidden;
    box-shadow: -4px 0 4px rgba(0,0,0,.5),4px 0 4px rgba(0,0,0,.5);
    transition: background .3s ease;
    -webkit-tap-highlight-color: transparent;
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer
}

.bottom-off-canvas-menu * {
    -webkit-backface-visibility: hidden
}

ul.off-canvas-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

    ul.off-canvas-list li label {
        background: #444;
        border-bottom: none;
        border-top: 1px solid #5e5e5e;
        color: #999;
        display: block;
        font-size: .75rem;
        margin: 0;
        padding: .3rem .9375rem;
        text-transform: uppercase
    }

    ul.off-canvas-list li a {
        border-bottom: 1px solid #262626;
        color: rgba(255,255,255,.7);
        display: block;
        padding: .66667rem;
        transition: background .3s ease
    }

.bottom-submenu .back > a, .left-submenu .back > a, .right-submenu .back > a, .top-submenu .back > a {
    color: #999;
    padding: .3rem .9375rem;
    text-transform: uppercase;
    border-bottom: none;
    border-top: 1px solid #5e5e5e;
    font-weight: 700
}

ul.off-canvas-list li a:active, ul.off-canvas-list li a:hover {
    background: #242424
}

.move-right > .inner-wrap {
    -webkit-transform: translate3d(15.625rem,0,0);
    -moz-transform: translate3d(15.625rem,0,0);
    -ms-transform: translate(15.625rem,0);
    -o-transform: translate3d(15.625rem,0,0);
    transform: translate3d(15.625rem,0,0)
}

.move-right .exit-off-canvas {
    background: rgba(255,255,255,.2)
}

@media only screen and (min-width:40.0625em) {
    .move-right .exit-off-canvas:hover {
        background: rgba(255,255,255,.05)
    }
}

.move-left > .inner-wrap {
    -webkit-transform: translate3d(-15.625rem,0,0);
    -moz-transform: translate3d(-15.625rem,0,0);
    -ms-transform: translate(-15.625rem,0);
    -o-transform: translate3d(-15.625rem,0,0);
    transform: translate3d(-15.625rem,0,0)
}

.move-left .exit-off-canvas {
    background: rgba(255,255,255,.2)
}

@media only screen and (min-width:40.0625em) {
    .move-left .exit-off-canvas:hover {
        background: rgba(255,255,255,.05)
    }
}

.move-top > .inner-wrap {
    -webkit-transform: translate3d(0,-18.75rem,0);
    -moz-transform: translate3d(0,-18.75rem,0);
    -ms-transform: translate(0,-18.75rem);
    -o-transform: translate3d(0,-18.75rem,0);
    transform: translate3d(0,-18.75rem,0)
}

.move-top .exit-off-canvas {
    background: rgba(255,255,255,.2)
}

@media only screen and (min-width:40.0625em) {
    .move-top .exit-off-canvas:hover {
        background: rgba(255,255,255,.05)
    }
}

.move-bottom > .inner-wrap {
    -webkit-transform: translate3d(0,18.75rem,0);
    -moz-transform: translate3d(0,18.75rem,0);
    -ms-transform: translate(0,18.75rem);
    -o-transform: translate3d(0,18.75rem,0);
    transform: translate3d(0,18.75rem,0)
}

.move-bottom .exit-off-canvas {
    background: rgba(255,255,255,.2)
}

@media only screen and (min-width:40.0625em) {
    .move-bottom .exit-off-canvas:hover {
        background: rgba(255,255,255,.05)
    }
}

.offcanvas-overlap .bottom-off-canvas-menu, .offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu, .offcanvas-overlap .top-off-canvas-menu {
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    z-index: 1003
}

.offcanvas-overlap .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    box-shadow: -4px 0 4px rgba(0,0,0,.5),4px 0 4px rgba(0,0,0,.5);
    cursor: pointer;
    transition: background .3s ease;
    -webkit-tap-highlight-color: transparent;
    background: rgba(255,255,255,.2);
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1002
}

@media only screen and (min-width:40.0625em) {
    .offcanvas-overlap .exit-off-canvas:hover {
        background: rgba(255,255,255,.05)
    }
}

.offcanvas-overlap-left .right-off-canvas-menu {
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    z-index: 1003
}

.offcanvas-overlap-left .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    box-shadow: -4px 0 4px rgba(0,0,0,.5),4px 0 4px rgba(0,0,0,.5);
    cursor: pointer;
    transition: background .3s ease;
    -webkit-tap-highlight-color: transparent;
    background: rgba(255,255,255,.2);
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1002
}

@media only screen and (min-width:40.0625em) {
    .offcanvas-overlap-left .exit-off-canvas:hover {
        background: rgba(255,255,255,.05)
    }
}

.offcanvas-overlap-right .left-off-canvas-menu {
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    z-index: 1003
}

.offcanvas-overlap-right .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    box-shadow: -4px 0 4px rgba(0,0,0,.5),4px 0 4px rgba(0,0,0,.5);
    cursor: pointer;
    transition: background .3s ease;
    -webkit-tap-highlight-color: transparent;
    background: rgba(255,255,255,.2);
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1002
}

@media only screen and (min-width:40.0625em) {
    .offcanvas-overlap-right .exit-off-canvas:hover {
        background: rgba(255,255,255,.05)
    }
}

.offcanvas-overlap-top .bottom-off-canvas-menu {
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    z-index: 1003
}

.offcanvas-overlap-top .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    box-shadow: -4px 0 4px rgba(0,0,0,.5),4px 0 4px rgba(0,0,0,.5);
    cursor: pointer;
    transition: background .3s ease;
    -webkit-tap-highlight-color: transparent;
    background: rgba(255,255,255,.2);
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1002
}

@media only screen and (min-width:40.0625em) {
    .offcanvas-overlap-top .exit-off-canvas:hover {
        background: rgba(255,255,255,.05)
    }
}

.offcanvas-overlap-bottom .top-off-canvas-menu {
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    z-index: 1003
}

.offcanvas-overlap-bottom .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    box-shadow: -4px 0 4px rgba(0,0,0,.5),4px 0 4px rgba(0,0,0,.5);
    cursor: pointer;
    transition: background .3s ease;
    -webkit-tap-highlight-color: transparent;
    background: rgba(255,255,255,.2);
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1002
}

@media only screen and (min-width:40.0625em) {
    .offcanvas-overlap-bottom .exit-off-canvas:hover {
        background: rgba(255,255,255,.05)
    }
}

.no-csstransforms .left-off-canvas-menu {
    left: -15.625rem
}

.no-csstransforms .right-off-canvas-menu {
    right: -15.625rem
}

.no-csstransforms .top-off-canvas-menu {
    top: -18.75rem
}

.no-csstransforms .bottom-off-canvas-menu {
    bottom: -18.75rem
}

.left-submenu, .right-submenu {
    -webkit-backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    bottom: 0;
    box-sizing: content-box;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 0;
    width: 15.625rem
}

.no-csstransforms .move-left > .inner-wrap {
    right: 15.625rem
}

.no-csstransforms .move-right > .inner-wrap {
    left: 15.625rem
}

.no-csstransforms .move-top > .inner-wrap {
    right: 18.75rem
}

.no-csstransforms .move-bottom > .inner-wrap {
    left: 18.75rem
}

.left-submenu {
    background: #333;
    margin: 0;
    height: 18.75rem;
    z-index: 1002;
    -webkit-transform: translate3d(-100%,0,0);
    -moz-transform: translate3d(-100%,0,0);
    -ms-transform: translate(-100%,0);
    -o-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    left: 0;
    transition: transform .5s ease
}

.right-submenu, .top-submenu {
    -webkit-transition: -webkit-transform .5s ease;
    -moz-transition: -moz-transform .5s ease;
    -ms-transition: -ms-transform .5s ease;
    -o-transition: -o-transform .5s ease
}

.left-submenu * {
    -webkit-backface-visibility: hidden
}

.left-submenu .back > a {
    background: #444;
    margin: 0
}

    .left-submenu .back > a:hover {
        background: #303030;
        border-bottom: none;
        border-top: 1px solid #5e5e5e
    }

    .left-submenu .back > a:before {
        content: "\AB";
        margin-right: .5rem;
        display: inline
    }

.left-submenu.move-right, .left-submenu.offcanvas-overlap, .left-submenu.offcanvas-overlap-right {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.right-submenu {
    background: #333;
    margin: 0;
    height: 18.75rem;
    z-index: 1002;
    -webkit-transform: translate3d(100%,0,0);
    -moz-transform: translate3d(100%,0,0);
    -ms-transform: translate(100%,0);
    -o-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    right: 0;
    transition: transform .5s ease
}

.bottom-submenu, .top-submenu {
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 0;
    height: 18.75rem;
    z-index: 1002;
    bottom: 0;
    width: 100%;
    -webkit-backface-visibility: hidden;
    box-sizing: content-box
}

.right-submenu * {
    -webkit-backface-visibility: hidden
}

.right-submenu .back > a {
    background: #444;
    margin: 0
}

    .right-submenu .back > a:hover {
        background: #303030;
        border-bottom: none;
        border-top: 1px solid #5e5e5e
    }

    .right-submenu .back > a:after {
        content: "\BB";
        margin-left: .5rem;
        display: inline
    }

.right-submenu.move-left, .right-submenu.offcanvas-overlap, .right-submenu.offcanvas-overlap-left {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.top-submenu {
    background: #333;
    margin: 0;
    -webkit-transform: translate3d(0,-100%,0);
    -moz-transform: translate3d(0,-100%,0);
    -ms-transform: translate(0,-100%);
    -o-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
    transition: transform .5s ease
}

    .top-submenu * {
        -webkit-backface-visibility: hidden
    }

    .top-submenu .back > a {
        background: #444;
        margin: 0
    }

        .top-submenu .back > a:hover {
            background: #303030;
            border-bottom: none;
            border-top: 1px solid #5e5e5e
        }

    .top-submenu.move-bottom, .top-submenu.offcanvas-overlap, .top-submenu.offcanvas-overlap-bottom {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

.bottom-submenu {
    background: #333;
    margin: 0;
    -webkit-transform: translate3d(0,100%,0);
    -moz-transform: translate3d(0,100%,0);
    -ms-transform: translate(0,100%);
    -o-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    -webkit-transition: -webkit-transform .5s ease;
    -moz-transition: -moz-transform .5s ease;
    -ms-transition: -ms-transform .5s ease;
    -o-transition: -o-transform .5s ease;
    transition: transform .5s ease
}

    .bottom-submenu * {
        -webkit-backface-visibility: hidden
    }

    .bottom-submenu .back > a {
        background: #444;
        margin: 0
    }

legend, td, th {
    padding: 0
}

.bottom-submenu .back > a:hover {
    background: #303030;
    border-bottom: none;
    border-top: 1px solid #5e5e5e
}

img, legend {
    border: 0
}

.bottom-submenu.move-top, .bottom-submenu.offcanvas-overlap, .bottom-submenu.offcanvas-overlap-top {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
    content: "\BB";
    margin-left: .5rem;
    display: inline
}

.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
    content: "\AB";
    margin-right: .5rem;
    display: inline
}

body, h1, h2 {
    margin: 0
}

@media only screen {
    .hide-for-large, .hide-for-large-only, .hide-for-large-up, .hide-for-medium, .hide-for-medium-only, .hide-for-medium-up, .hide-for-xlarge, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large-down, .show-for-medium-down, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-small-up, .show-for-xlarge-down, .show-for-xxlarge-down {
        display: inherit !important
    }

    .hide-for-large-down, .hide-for-medium-down, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-small-up, .hide-for-xlarge-down, .hide-for-xxlarge-down, .show-for-large, .show-for-large-only, .show-for-large-up, .show-for-medium, .show-for-medium-only, .show-for-medium-up, .show-for-xlarge, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge, .show-for-xxlarge-only, .show-for-xxlarge-up {
        display: none !important
    }

    .hidden-for-large, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-medium, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-xlarge, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large-down, .visible-for-medium-down, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-small-up, .visible-for-xlarge-down, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .hidden-for-large-down, .hidden-for-medium-down, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-small-up, .hidden-for-xlarge-down, .hidden-for-xxlarge-down, .visible-for-large, .visible-for-large-only, .visible-for-large-up, .visible-for-medium, .visible-for-medium-only, .visible-for-medium-up, .visible-for-xlarge, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
        clip: rect(1px,1px,1px,1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px
    }

    table.hide-for-large, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-medium, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-xlarge, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.show-for-large-down, table.show-for-medium-down, table.show-for-small, table.show-for-small-down, table.show-for-small-only, table.show-for-small-up, table.show-for-xlarge-down, table.show-for-xxlarge-down {
        display: table !important
    }

    thead.hide-for-large, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-medium, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-xlarge, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.show-for-large-down, thead.show-for-medium-down, thead.show-for-small, thead.show-for-small-down, thead.show-for-small-only, thead.show-for-small-up, thead.show-for-xlarge-down, thead.show-for-xxlarge-down {
        display: table-header-group !important
    }

    tbody.hide-for-large, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.show-for-large-down, tbody.show-for-medium-down, tbody.show-for-small, tbody.show-for-small-down, tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-xlarge-down, tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }

    tr.hide-for-large, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-medium, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-xlarge, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.show-for-large-down, tr.show-for-medium-down, tr.show-for-small, tr.show-for-small-down, tr.show-for-small-only, tr.show-for-small-up, tr.show-for-xlarge-down, tr.show-for-xxlarge-down {
        display: table-row
    }

    td.hide-for-large, td.hide-for-large-only, td.hide-for-large-up, td.hide-for-medium, td.hide-for-medium-only, td.hide-for-medium-up, td.hide-for-xlarge, td.hide-for-xlarge-only, td.hide-for-xlarge-up, td.hide-for-xxlarge, td.hide-for-xxlarge-only, td.hide-for-xxlarge-up, td.show-for-large-down, td.show-for-medium-down, td.show-for-small, td.show-for-small-down, td.show-for-small-only, td.show-for-small-up, td.show-for-xlarge-down, td.show-for-xxlarge-down, th.hide-for-large, th.hide-for-large-only, th.hide-for-large-up, th.hide-for-medium, th.hide-for-medium-only, th.hide-for-medium-up, th.hide-for-xlarge, th.hide-for-xlarge-only, th.hide-for-xlarge-up, th.hide-for-xxlarge, th.hide-for-xxlarge-only, th.hide-for-xxlarge-up, th.show-for-large-down, th.show-for-medium-down, th.show-for-small, th.show-for-small-down, th.show-for-small-only, th.show-for-small-up, th.show-for-xlarge-down, th.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width:40.0625em) {
    .hide-for-large, .hide-for-large-only, .hide-for-large-up, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-xlarge, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large-down, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-medium-up, .show-for-small-up, .show-for-xlarge-down, .show-for-xxlarge-down {
        display: inherit !important
    }

    .hide-for-large-down, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-small-up, .hide-for-xlarge-down, .hide-for-xxlarge-down, .show-for-large, .show-for-large-only, .show-for-large-up, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-xlarge, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge, .show-for-xxlarge-only, .show-for-xxlarge-up {
        display: none !important
    }

    .hidden-for-large, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-xlarge, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large-down, .visible-for-medium, .visible-for-medium-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-small-up, .visible-for-xlarge-down, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .hidden-for-large-down, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-small-up, .hidden-for-xlarge-down, .hidden-for-xxlarge-down, .visible-for-large, .visible-for-large-only, .visible-for-large-up, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-xlarge, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
        clip: rect(1px,1px,1px,1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px
    }

    table.hide-for-large, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-small-only, table.hide-for-xlarge, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.show-for-large-down, table.show-for-medium, table.show-for-medium-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-small-up, table.show-for-xlarge-down, table.show-for-xxlarge-down {
        display: table !important
    }

    thead.hide-for-large, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-small-only, thead.hide-for-xlarge, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.show-for-large-down, thead.show-for-medium, thead.show-for-medium-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-small-up, thead.show-for-xlarge-down, thead.show-for-xxlarge-down {
        display: table-header-group !important
    }

    tbody.hide-for-large, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-small-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.show-for-large-down, tbody.show-for-medium, tbody.show-for-medium-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-small-up, tbody.show-for-xlarge-down, tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }

    tr.hide-for-large, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-small-only, tr.hide-for-xlarge, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.show-for-large-down, tr.show-for-medium, tr.show-for-medium-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-small-up, tr.show-for-xlarge-down, tr.show-for-xxlarge-down {
        display: table-row
    }

    td.hide-for-large, td.hide-for-large-only, td.hide-for-large-up, td.hide-for-small, td.hide-for-small-down, td.hide-for-small-only, td.hide-for-xlarge, td.hide-for-xlarge-only, td.hide-for-xlarge-up, td.hide-for-xxlarge, td.hide-for-xxlarge-only, td.hide-for-xxlarge-up, td.show-for-large-down, td.show-for-medium, td.show-for-medium-down, td.show-for-medium-only, td.show-for-medium-up, td.show-for-small-up, td.show-for-xlarge-down, td.show-for-xxlarge-down, th.hide-for-large, th.hide-for-large-only, th.hide-for-large-up, th.hide-for-small, th.hide-for-small-down, th.hide-for-small-only, th.hide-for-xlarge, th.hide-for-xlarge-only, th.hide-for-xlarge-up, th.hide-for-xxlarge, th.hide-for-xxlarge-only, th.hide-for-xxlarge-up, th.show-for-large-down, th.show-for-medium, th.show-for-medium-down, th.show-for-medium-only, th.show-for-medium-up, th.show-for-small-up, th.show-for-xlarge-down, th.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width:64.0625em) {
    .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-xlarge, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large, .show-for-large-down, .show-for-large-only, .show-for-large-up, .show-for-medium-up, .show-for-small-up, .show-for-xlarge-down, .show-for-xxlarge-down {
        display: inherit !important
    }

    .hide-for-large, .hide-for-large-down, .hide-for-large-only, .hide-for-large-up, .hide-for-medium-up, .hide-for-small-up, .hide-for-xlarge-down, .hide-for-xxlarge-down, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-xlarge, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge, .show-for-xxlarge-only, .show-for-xxlarge-up {
        display: none !important
    }

    .hidden-for-medium, .hidden-for-medium-down, .hidden-for-medium-only, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-xlarge, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large, .visible-for-large-down, .visible-for-large-only, .visible-for-large-up, .visible-for-medium-up, .visible-for-small-up, .visible-for-xlarge-down, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .hidden-for-large, .hidden-for-large-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-medium-up, .hidden-for-small-up, .hidden-for-xlarge-down, .hidden-for-xxlarge-down, .visible-for-medium, .visible-for-medium-down, .visible-for-medium-only, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-xlarge, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
        clip: rect(1px,1px,1px,1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px
    }

    table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.hide-for-small, table.hide-for-small-down, table.hide-for-small-only, table.hide-for-xlarge, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.show-for-large, table.show-for-large-down, table.show-for-large-only, table.show-for-large-up, table.show-for-medium-up, table.show-for-small-up, table.show-for-xlarge-down, table.show-for-xxlarge-down {
        display: table !important
    }

    thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-small-only, thead.hide-for-xlarge, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.show-for-large, thead.show-for-large-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-medium-up, thead.show-for-small-up, thead.show-for-xlarge-down, thead.show-for-xxlarge-down {
        display: table-header-group !important
    }

    tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-small-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.show-for-large, tbody.show-for-large-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-medium-up, tbody.show-for-small-up, tbody.show-for-xlarge-down, tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }

    tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-small-only, tr.hide-for-xlarge, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.show-for-large, tr.show-for-large-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-medium-up, tr.show-for-small-up, tr.show-for-xlarge-down, tr.show-for-xxlarge-down {
        display: table-row
    }

    td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.hide-for-small, td.hide-for-small-down, td.hide-for-small-only, td.hide-for-xlarge, td.hide-for-xlarge-only, td.hide-for-xlarge-up, td.hide-for-xxlarge, td.hide-for-xxlarge-only, td.hide-for-xxlarge-up, td.show-for-large, td.show-for-large-down, td.show-for-large-only, td.show-for-large-up, td.show-for-medium-up, td.show-for-small-up, td.show-for-xlarge-down, td.show-for-xxlarge-down, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.hide-for-small, th.hide-for-small-down, th.hide-for-small-only, th.hide-for-xlarge, th.hide-for-xlarge-only, th.hide-for-xlarge-up, th.hide-for-xxlarge, th.hide-for-xxlarge-only, th.hide-for-xxlarge-up, th.show-for-large, th.show-for-large-down, th.show-for-large-only, th.show-for-large-up, th.show-for-medium-up, th.show-for-small-up, th.show-for-xlarge-down, th.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width:90.0625em) {
    .hide-for-large, .hide-for-large-down, .hide-for-large-only, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-xxlarge, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large-up, .show-for-medium-up, .show-for-small-up, .show-for-xlarge, .show-for-xlarge-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-down {
        display: inherit !important
    }

    .hide-for-large-up, .hide-for-medium-up, .hide-for-small-up, .hide-for-xlarge, .hide-for-xlarge-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-down, .show-for-large, .show-for-large-down, .show-for-large-only, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-xxlarge, .show-for-xxlarge-only, .show-for-xxlarge-up {
        display: none !important
    }

    .hidden-for-large, .hidden-for-large-down, .hidden-for-large-only, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-medium-only, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-xxlarge, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large-up, .visible-for-medium-up, .visible-for-small-up, .visible-for-xlarge, .visible-for-xlarge-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .hidden-for-large-up, .hidden-for-medium-up, .hidden-for-small-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-down, .visible-for-large, .visible-for-large-down, .visible-for-large-only, .visible-for-medium, .visible-for-medium-down, .visible-for-medium-only, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-xxlarge, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
        clip: rect(1px,1px,1px,1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px
    }

    table.hide-for-large, table.hide-for-large-down, table.hide-for-large-only, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.hide-for-small, table.hide-for-small-down, table.hide-for-small-only, table.hide-for-xxlarge, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.show-for-large-up, table.show-for-medium-up, table.show-for-small-up, table.show-for-xlarge, table.show-for-xlarge-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xxlarge-down {
        display: table !important
    }

    thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-large-only, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-small-only, thead.hide-for-xxlarge, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.show-for-large-up, thead.show-for-medium-up, thead.show-for-small-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xxlarge-down {
        display: table-header-group !important
    }

    tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-large-only, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-small-only, tbody.hide-for-xxlarge, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.show-for-large-up, tbody.show-for-medium-up, tbody.show-for-small-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }

    tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-large-only, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-small-only, tr.hide-for-xxlarge, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.show-for-large-up, tr.show-for-medium-up, tr.show-for-small-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xxlarge-down {
        display: table-row
    }

    td.hide-for-large, td.hide-for-large-down, td.hide-for-large-only, td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.hide-for-small, td.hide-for-small-down, td.hide-for-small-only, td.hide-for-xxlarge, td.hide-for-xxlarge-only, td.hide-for-xxlarge-up, td.show-for-large-up, td.show-for-medium-up, td.show-for-small-up, td.show-for-xlarge, td.show-for-xlarge-down, td.show-for-xlarge-only, td.show-for-xlarge-up, td.show-for-xxlarge-down, th.hide-for-large, th.hide-for-large-down, th.hide-for-large-only, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.hide-for-small, th.hide-for-small-down, th.hide-for-small-only, th.hide-for-xxlarge, th.hide-for-xxlarge-only, th.hide-for-xxlarge-up, th.show-for-large-up, th.show-for-medium-up, th.show-for-small-up, th.show-for-xlarge, th.show-for-xlarge-down, th.show-for-xlarge-only, th.show-for-xlarge-up, th.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width:120.0625em) {
    .hide-for-large, .hide-for-large-down, .hide-for-large-only, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-xlarge, .hide-for-xlarge-down, .hide-for-xlarge-only, .show-for-large-up, .show-for-medium-up, .show-for-small-up, .show-for-xlarge-up, .show-for-xxlarge, .show-for-xxlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up {
        display: inherit !important
    }

    .hide-for-large-up, .hide-for-medium-up, .hide-for-small-up, .hide-for-xlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large, .show-for-large-down, .show-for-large-only, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-xlarge, .show-for-xlarge-down, .show-for-xlarge-only {
        display: none !important
    }

    .hidden-for-large, .hidden-for-large-down, .hidden-for-large-only, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-medium-only, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-xlarge, .hidden-for-xlarge-down, .hidden-for-xlarge-only, .visible-for-large-up, .visible-for-medium-up, .visible-for-small-up, .visible-for-xlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .hidden-for-large-up, .hidden-for-medium-up, .hidden-for-small-up, .hidden-for-xlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large, .visible-for-large-down, .visible-for-large-only, .visible-for-medium, .visible-for-medium-down, .visible-for-medium-only, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-xlarge, .visible-for-xlarge-down, .visible-for-xlarge-only {
        clip: rect(1px,1px,1px,1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px
    }

    table.hide-for-large, table.hide-for-large-down, table.hide-for-large-only, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.hide-for-small, table.hide-for-small-down, table.hide-for-small-only, table.hide-for-xlarge, table.hide-for-xlarge-down, table.hide-for-xlarge-only, table.show-for-large-up, table.show-for-medium-up, table.show-for-small-up, table.show-for-xlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up {
        display: table !important
    }

    thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-large-only, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-small-only, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.hide-for-xlarge-only, thead.show-for-large-up, thead.show-for-medium-up, thead.show-for-small-up, thead.show-for-xlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up {
        display: table-header-group !important
    }

    tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-large-only, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-small-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.hide-for-xlarge-only, tbody.show-for-large-up, tbody.show-for-medium-up, tbody.show-for-small-up, tbody.show-for-xlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up {
        display: table-row-group !important
    }

    tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-large-only, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-small-only, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.hide-for-xlarge-only, tr.show-for-large-up, tr.show-for-medium-up, tr.show-for-small-up, tr.show-for-xlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up {
        display: table-row
    }

    td.hide-for-large, td.hide-for-large-down, td.hide-for-large-only, td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.hide-for-small, td.hide-for-small-down, td.hide-for-small-only, td.hide-for-xlarge, td.hide-for-xlarge-down, td.hide-for-xlarge-only, td.show-for-large-up, td.show-for-medium-up, td.show-for-small-up, td.show-for-xlarge-up, td.show-for-xxlarge, td.show-for-xxlarge-down, td.show-for-xxlarge-only, td.show-for-xxlarge-up, th.hide-for-large, th.hide-for-large-down, th.hide-for-large-only, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.hide-for-small, th.hide-for-small-down, th.hide-for-small-only, th.hide-for-xlarge, th.hide-for-xlarge-down, th.hide-for-xlarge-only, th.show-for-large-up, th.show-for-medium-up, th.show-for-small-up, th.show-for-xlarge-up, th.show-for-xxlarge, th.show-for-xxlarge-down, th.show-for-xxlarge-only, th.show-for-xxlarge-up {
        display: table-cell !important
    }
}

.hide-for-portrait, .show-for-landscape {
    display: inherit !important
}

.hide-for-landscape, .show-for-portrait {
    display: none !important
}

table.hide-for-landscape, table.show-for-portrait {
    display: table !important
}

thead.hide-for-landscape, thead.show-for-portrait {
    display: table-header-group !important
}

tbody.hide-for-landscape, tbody.show-for-portrait {
    display: table-row-group !important
}

tr.hide-for-landscape, tr.show-for-portrait {
    display: table-row !important
}

td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait {
    display: table-cell !important
}

@media only screen and (orientation:landscape) {
    .hide-for-portrait, .show-for-landscape {
        display: inherit !important
    }

    .hide-for-landscape, .show-for-portrait {
        display: none !important
    }

    table.hide-for-portrait, table.show-for-landscape {
        display: table !important
    }

    thead.hide-for-portrait, thead.show-for-landscape {
        display: table-header-group !important
    }

    tbody.hide-for-portrait, tbody.show-for-landscape {
        display: table-row-group !important
    }

    tr.hide-for-portrait, tr.show-for-landscape {
        display: table-row !important
    }

    td.hide-for-portrait, td.show-for-landscape, th.hide-for-portrait, th.show-for-landscape {
        display: table-cell !important
    }
}

@media only screen and (orientation:portrait) {
    .hide-for-landscape, .show-for-portrait {
        display: inherit !important
    }

    .hide-for-portrait, .show-for-landscape {
        display: none !important
    }

    table.hide-for-landscape, table.show-for-portrait {
        display: table !important
    }

    thead.hide-for-landscape, thead.show-for-portrait {
        display: table-header-group !important
    }

    tbody.hide-for-landscape, tbody.show-for-portrait {
        display: table-row-group !important
    }

    tr.hide-for-landscape, tr.show-for-portrait {
        display: table-row !important
    }

    td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait {
        display: table-cell !important
    }
}

.show-for-touch {
    display: none !important
}

.hide-for-touch, .touch .show-for-touch {
    display: inherit !important
}

.touch .hide-for-touch {
    display: none !important
}

.touch table.show-for-touch, table.hide-for-touch {
    display: table !important
}

.touch thead.show-for-touch, thead.hide-for-touch {
    display: table-header-group !important
}

.touch tbody.show-for-touch, tbody.hide-for-touch {
    display: table-row-group !important
}

.touch tr.show-for-touch, tr.hide-for-touch {
    display: table-row !important
}

.touch td.show-for-touch, .touch th.show-for-touch, td.hide-for-touch, th.hide-for-touch {
    display: table-cell !important
}

.show-for-sr, .show-on-focus {
    clip: rect(1px,1px,1px,1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px
}

    .show-on-focus:active, .show-on-focus:focus {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

.print-only {
    display: none !important
}

@media print {
    blockquote, img, pre, tr {
        page-break-inside: avoid
    }

    * {
        background: 0 0 !important;
        box-shadow: none !important;
        color: #000 !important;
        text-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

        a[href]:after {
            content: " (" attr(href) ")"
        }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    .ir a:after, a[href^="#"]:after, a[href^="javascript:"]:after {
        content: ""
    }

    blockquote, pre {
        border: 1px solid #999
    }

    thead {
        display: table-header-group
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    .hide-on-print {
        display: none !important
    }

    .print-only {
        display: block !important
    }

    .hide-for-print {
        display: none !important
    }

    .show-for-print {
        display: inherit !important
    }

    table.show-for-print {
        display: table !important
    }

    thead.show-for-print {
        display: table-header-group !important
    }

    tbody.show-for-print {
        display: table-row-group !important
    }

    tr.show-for-print {
        display: table-row !important
    }

    td.show-for-print, th.show-for-print {
        display: table-cell !important
    }
}

@media not print {
    .show-for-print {
        display: none !important
    }
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden], template {
    display: none
}

.btn, .flipX, .flipY {
    display: inline-block
}

a {
    background-color: transparent;
    outline: 0
}

    a:active, a:hover {
        outline: 0
    }

abbr[title] {
    border-bottom: 1px dotted
}

b, optgroup, strong {
    font-weight: 700
}

h1 {
    font-size: 2em
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre, textarea {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

    button[disabled], html input[disabled] {
        cursor: default
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

input {
    line-height: normal
}

    input[type=checkbox], input[type=radio] {
        box-sizing: border-box;
        padding: 0
    }

    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
        height: auto
    }

    input[type=search] {
        -webkit-appearance: textfield;
        box-sizing: content-box
    }

        input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

#contentWrapper {
    background-repeat: no-repeat;
    background-position: top center;
    margin-top: 80px
}

@media screen and (max-width:1200px) {
    #contentWrapper > .row > .column {
        padding-left: 0;
        padding-right: 0
    }
}

.flipX {
    -moz-transform: scale(-1,1);
    -webkit-transform: scale(-1,1);
    -o-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scale(-1,1)
}

.flipY {
    -moz-transform: scale(1,-1);
    -webkit-transform: scale(1,-1);
    -o-transform: scale(1,-1);
    -ms-transform: scale(1,-1);
    transform: scale(1,-1)
}

.btn {
    padding: 8px 18px;
    color: #fff;
    width: auto;
    font-size: 12px;
    letter-spacing: 1px
}

.content p, .wrapper.legal .content p {
    font-family: KleenexSans-Regular;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0
}

.btn.btn-primary {
    background: #ed7a59;
    border: 2px solid #ed7a59;
    box-shadow: inset 0 0 0 2px #fff;
    box-sizing: border-box;
    border-radius: 0;
    text-transform: lowercase
}

.content .product .bottom-title, .content .product-display .product-head {
    text-transform: uppercase;
    color: #20577e;
    text-align: center;
    letter-spacing: 2px
}

.btn.btn-primary:hover {
    background: #fff;
    box-shadow: inset 0 0 0 2px #fff;
    box-sizing: border-box;
    color: #ed7a59;
    border-color: #ed7a59
}

.btn-primary:hover a {
    color: #ed7a59
}

.btn.btn-primary a, .content p {
    color: #fff
}

.btn.btn-gray-long {
    font-family: KleenexSans-Regular;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    background: url(/img/messagesofcare/btn-gray-long.png) no-repeat;
    color: #fff;
    padding: 0 15px;
    min-width: 176px;
    min-height: 31px;
    line-height: 31px
}

.tight-v {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.tight-h {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.space-v {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.space-h {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.content p {
    font-size: 12px;
    line-height: 1.1
}

.content.five-column {
    background-position: top left;
    background-size: cover
}

    .content.five-column.blue {
        background-image: url(../img/backgrounds/five_col_blue.png)
    }

    .content.five-column.green {
        background-image: url(../img/backgrounds/five_col_green.png)
    }

    .content.five-column.peach {
        background-image: url(../img/backgrounds/five_col_peach.png)
    }

    .content.five-column .product {
        padding: 24px 8px;
        box-sizing: border-box;
        margin: 0;
        text-align: center
    }

        .content.five-column .product:hover {
            background: url(../img/backgrounds/shadow_top.png) top left no-repeat rgba(255,255,255,.5)
        }

        .content.five-column .product .title {
            vertical-align: middle
        }

            .content.five-column .product .title h2 .script-font {
                font-size: 55px
            }

            .content.five-column .product .title p {
                font-size: 15px
            }

                .content.five-column .product .title p a {
                    font-size: 13px
                }

        .content.five-column .product .img-wrapper {
            width: 100%;
            max-width: 183px;
            margin: 0 auto 12px;
            display: block
        }

            .content.five-column .product .img-wrapper img {
                width: 100%;
                height: auto
            }

        .content.five-column .product.no-image {
            text-align: left;
            padding: 24px 0 0
        }

            .content.five-column .product.no-image:hover {
                background: 0 0
            }

.content.three-column {
    margin-top: 50px;
    margin-bottom: 50px
}

    .content.three-column .wrapper {
        background-size: 100% 100%;
        border: 1px solid #000;
        background-color: #005eb8 !important;
        box-shadow: none;
        padding-top: 40px;
        padding-bottom: 30px;
        background-color: transparent
    }

        .content.three-column .wrapper:not(:last-child) {
            margin-right: 2%
        }

    .content.three-column .product .img-wrapper, .content.three-column .product .title {
        display: block
    }

    .content.three-column .product .title {
        min-height: 300px;
        padding: 10px 15px
    }

.homepage.french .content.three-column .product .title {
    min-height: 330px
}

.content.three-column .wrapper.large-4, .content.three-column .wrapper.medium-4 {
    width: 32%
}

.content.three-column .product .div-buy-now .btn.btn-primary.show-for-medium-up a:nth-child(1) {
    padding: 0
}

.content.three-column .btn a {
    color: #fff
}

.content.three-column .product .title.medium-8 {
    float: none;
    padding: 0
}

    .content.three-column .product .title.medium-8 .script-font {
        font-size: 50px
    }

.content.three-column .product.no-image {
    height: 250px
}

@media screen and (min-width:641px) {
    .content.three-column .product .img-wrapper {
        vertical-align: bottom;
        padding-bottom: 10px
    }
}

.content .product .img-wrapper, .content h2 span, .content.two-column .product .img-wrapper, .content.two-column .product .title {
    vertical-align: middle
}

.content.three-column .product .img-wrapper img {
    height: 104px !important;
    padding-bottom: 10px
}

    .content.three-column .product .img-wrapper img.up-img {
        max-width: 41.6667%;
        width: auto
    }

.content.three-column .product .img-wrapper.medium-4 {
    float: none;
    padding: 0
}

.content.three-column .product .small-5 {
    padding: 0;
    float: none;
    text-align: center
}

    .content.three-column .product .small-5 img {
        vertical-align: middle;
        margin: 0 auto
    }

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .content.three-column .product .small-5 img {
        height: 100%
    }
}

.content.three-column .product .small-7 {
    padding: 0 0 0 20px;
    float: none
}

    .content.three-column .product .small-7 .btn {
        white-space: normal
    }

.content.three-column .three-column-title {
    font-size: 25px
}

.content.three-column.content-center .columns {
    text-align: center
}

.content.three-column.content-right .columns {
    text-align: right
}

.content.two-column h2 {
    font-size: 16px
}

    .content.two-column h2.big {
        line-height: 40px;
        margin-bottom: 10px
    }

    .content.two-column h2.script-font.big {
        font-family: KleenexSans-Regular;
        font-size: 78px;
        margin: 0
    }

.content h2, .content h2.big, .content.two-column h3.slider-title {
    font-family: KleenexSans-Regular;
    font-style: normal
}

.content.two-column h3.slider-title {
    color: #20577e;
    font-weight: 500;
    font-size: 18px
}

.content.two-column .title p {
    font-size: 16px
}

.content.two-column .product {
    margin: 30px 0
}

    .content.two-column .product .img-wrapper button, .content.two-column .product .title button {
        margin-top: 10px
    }

.content.two-column.content-right .product {
    width: 100%;
    text-align: right
}

    .content.two-column.content-right .product .img-wrapper {
        width: auto
    }

    .content.two-column.content-right .product .title {
        text-align: right;
        padding: 0 20px 0 0
    }

.content.two-column.content-center .product {
    width: 100%;
    text-align: center
}

    .content.two-column.content-center .product .img-wrapper {
        width: auto
    }

    .content.two-column.content-center .product .title {
        text-align: center;
        padding: 0 0 0 20px
    }

.content h2 {
    font-size: 18px;
    font-weight: 300;
    margin-top: 16px;
    line-height: 22px;
    color: #fff;
    letter-spacing: 2px;
    margin-left: 10px;
    margin-bottom: 0
}

    .content h2 .script-font {
        font-size: 60px
    }

    .content h2.big {
        font-size: 44px;
        font-weight: 400
    }

.content .blue, .content .blue-light, .content .blue-petals, .content.blue, .content.blue-light, .content.blue-petals {
    background-image: url(../img/content-bg-blue.jpg);
    background-size: cover;
    background-position: center center
}

.content .blue-petals, .content.blue-petals {
    background-image: url(../img/blue_bg.png)
}

    .content .blue-petals h2, .content.blue-petals h2 {
        color: #fff
    }

.content .blue-light, .content.blue-light {
    background-image: url(../img/blue_light_bg.png)
}

.content > .row {
    padding: 15px;
    height: auto
}

@media only screen and (max-width:480px) {
    .content .margin-top-15-mob {
        margin-top: 15px
    }

    .content > .row {
        padding: 0 20px !important
    }

    .content.three-column .wrapper {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        margin-bottom: 30px
    }

    .content > .row > div {
        padding: 0
    }
}

.content .btn {
    color: #fff;
    display: inline-block;
    letter-spacing: 1px;
    padding: 9px 25px;
    width: auto
}

.content .script-font {
    font-family: KleenexSans-Regular;
    font-weight: 100;
    color: #fff;
    font-size: 55px;
    line-height: .7
}

.content .product .title .script-font, .three-column.layer .product .sub.title > p {
    font-family: KleenexSans-Regular
}

.content .product {
    margin: 0 auto 10px;
    text-align: center
}

    .content .product h2 {
        margin: 0 0 15px;
        font-size: 30px;
        font-weight: 500;
        line-height: 1;
        letter-spacing: 1px
    }

        .content .product h2 span {
            font-weight: 300;
            vertical-align: baseline;
            font-family: KleenexSans-Regular
        }

    .content .product .img-wrapper {
        display: table-cell
    }

.content.three-column .product .img-wrapper.small-12.text-center {
    height: 210px;
    line-height: 210px
}

.content.three-column .product .title.small-12.text-center {
    height: 265px;
    position: relative
}

    .content.three-column .product .title.small-12.text-center div.btn.btn-primary.show-for-medium-up {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%)
    }

.content .product .img-wrapper img {
    width: auto;
    height: 100%;
    max-height: 250px
}

.content .product.featured {
    margin: 0 auto
}

@media only screen and (max-width:480px) {
    .content .product.featured {
        padding-top: 10px;
        text-align: left
    }

    .content .product .title {
        padding-bottom: 0
    }
}

.content .product.featured .img-wrapper img {
    max-width: 100%
}

.content .product .title {
    zoom: 1;
    padding-top: 16px;
    vertical-align: bottom;
    display: table-cell
}

    .content .product .title .script-font {
        margin-left: 5px;
        font-weight: 400;
        font-style: normal;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 1px;
        line-height: 1.2
    }

@media only screen and (max-width:480px) {
    .content .product .title > .script-font {
        font-size: 48px
    }
}

.content .product .bottom-title {
    font-size: 13px;
    font-weight: 900;
    margin-top: 16px
}

@media only screen and (max-width:480px) {
    .content .product .bottom-title {
        overflow: hidden;
        zoom: 1;
        margin-top: 56px
    }
}

.content .product-display {
    padding-top: 42px
}

    .content .product-display .product-head {
        font-size: 17px;
        font-weight: 600;
        margin-top: 16px
    }

    .content .product-display .product-image {
        max-width: 219px
    }

.content .product-details {
    padding-top: 61px
}

    .content .product-details > h2 {
        font-size: 20px
    }

        .content .product-details > h2.script-font {
            font-size: 61px
        }

    .content .product-details p {
        font-size: 14px;
        font-weight: 200;
        color: #20577e
    }

@media only screen and (max-width:480px) {
    .content .product-details > h2 {
        margin-top: 0;
        padding-left: 21px
    }

        .content .product-details > h2.script-font {
            padding-left: 21px
        }

    .content .product-details p {
        padding-left: 21px;
        font-size: 14px
    }

    .content .product-details > button {
        bottom: 0;
        width: 100%;
        text-align: right;
        padding: 1px 8px;
        font-size: 20px
    }
}

.content form label {
    display: inline-block
}

.content form .validation-error {
    color: red;
    display: inline-block;
    font-style: italic;
    font-size: 12px;
    margin-left: 10px
}

.three-column.layer .product .sub.title {
    clear: both;
    display: table-footer-group;
    text-align: center
}

    .three-column.layer .product .sub.title > p {
        font-weight: 500;
        font-style: normal;
        margin-bottom: 0;
        display: table-cell;
        vertical-align: bottom
    }

.layer.one-column.content-right img.product-image {
    float: right !important
}

@media only screen and (min-width:481px) and (max-width:768px) {
    .layer.one-column.content-right > .row .content-callout {
        padding-right: 20px
    }
}

.layer.one-column.content-right .script-font.margin-zero {
    font-size: 68px;
    margin-left: 0
}

.layer.one-column.content-right .medium.normal {
    font-size: 24px
}

.layer.one-column.content-right .coupon-body {
    float: right;
    margin-right: 10px
}

    .layer.one-column.content-right .coupon-body > h2 {
        font-size: 28px
    }

@media only screen and (max-width:480px) {
    .layer.one-column.content-right .coupon-body, .layer.one-column.content-right .coupon-body .btn.btn-primary {
        text-align: right
    }
}

.layer.one-column.content-center img.product-image {
    float: none !important;
    display: inline-block
}

.layer.one-column.content-center > .row .content-callout {
    text-align: center
}

.layer.one-column.content-center .row .row {
    margin: 0
}

.layer.one-column.content-center .coupon-body {
    float: none !important;
    display: inline-block;
    vertical-align: top
}

.one-column.layer {
    padding: 0
}

    .one-column.layer.faq {
        background-position: top right
    }

    .one-column.layer > .row {
        max-width: 100%;
        padding: 0;
        height: auto;
        position: relative
    }

        .one-column.layer > .row > img {
            width: 100%;
            height: 403px
        }

@media only screen and (max-width:480px) {
    .one-column.layer > .row .content-callout {
        margin-bottom: 0;
        padding-bottom: 20px !important;
        padding-top: 30px !important
    }

    .one-column.layer > .row > img {
        height: 310px
    }
}

.one-column.layer > .row .script-font {
    font-family: KleenexSans-Regular;
    font-weight: 100;
    color: #005eb8;
    font-size: 80px;
    vertical-align: middle;
    line-height: .7
}

    .one-column.layer > .row .script-font span {
        font-family: KleenexSans-Regular;
        font-weight: 300;
        font-style: normal;
        font-size: 38px;
        color: #005eb8
    }

.item-listing .tip, [role=footer] .row .category-title {
    font-family: KleenexSans-Regular;
    font-style: normal
}

.one-column.layer > .row h3 {
    color: #20577e
}

.one-column.layer > .row h1, .one-column.layer > .row h2, .one-column.layer > .row h4 {
    font-size: 18px;
    font-weight: 900;
    color: #20577e;
    letter-spacing: 2px;
    margin-bottom: 15px
}

@media only screen and (max-width:480px) {
    .one-column.layer > .row h1, .one-column.layer > .row h2, .one-column.layer > .row h4 {
        font-size: 20px
    }
}

.one-column.layer > .row h1.small, .one-column.layer > .row h2.small, .one-column.layer > .row h4.small {
    font-size: 14px
}

.one-column.layer > .row h1.lower, .one-column.layer > .row h2.lower, .one-column.layer > .row h4.lower {
    text-transform: lowercase
}

.one-column.layer > .row h1.normal, .one-column.layer > .row h2.normal, .one-column.layer > .row h4.normal {
    font-weight: 400
}

.one-column.layer > .row h1.large, .one-column.layer > .row h2.large, .one-column.layer > .row h4.large {
    font-size: 29px
}

.one-column.layer > .row h1.xx-large, .one-column.layer > .row h2.xx-large, .one-column.layer > .row h4.xx-large {
    font-size: 45px;
    font-weight: 400
}

@media only screen and (max-width:480px) {
    .one-column.layer > .row h1.xx-large, .one-column.layer > .row h2.xx-large, .one-column.layer > .row h4.xx-large {
        font-size: 40px
    }
}

.one-column.layer > .row p {
    font-family: KleenexSans-Regular;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    line-height: 1.6;
    color: #6d6e71;
    letter-spacing: 0;
    width: 75%;
    margin: 20px 0 0;
    line-height: 25px
}

.one-column.layer > .row h1, .one-column.layer > .row h2 {
    margin: 0
}

.one-column.layer > .row .content-callout {
    padding: 50px 50px 0 50px
}

    .one-column.layer > .row .content-callout > .row {
        max-width: 100%
    }

@media only screen and (max-width:480px) {
    .one-column.layer > .row .content-callout {
        padding-top: 10px;
        padding-left: 10px;
        padding-bottom: 10px
    }
}

.one-column.layer > .row .content-callout img {
    float: left;
    width: 50%;
    max-width: 196px;
    min-width: 176px
}

.one-column.layer > .row .content-callout .coupon-body {
    overflow: hidden;
    zoom: 1;
    padding-left: 25px
}

.item-listing {
    margin: 10px 0
}

    .item-listing .item-list {
        list-style-type: none;
        margin-left: 0;
        margin-right: 0;
        border-top: 1px solid #b7ceda;
        font-size: 0;
        margin-bottom: 5px
    }

        .item-listing .item-list li {
            border-top: 3px solid transparent;
            cursor: pointer;
            display: inline-block;
            width: 25%;
            vertical-align: baseline
        }

            .item-listing .item-list li.active, .item-listing .item-list li:hover {
                border-color: #b7ceda
            }

            .item-listing .item-list li img {
                vertical-align: baseline;
                display: inline-block;
                width: 100%;
                height: auto
            }

        .item-listing .item-list.bg-options {
            border: none
        }

            .item-listing .item-list.bg-options li {
                border: none;
                background-position: center bottom;
                background-size: cover;
                width: 23%;
                margin: 8px 1%
            }

                .item-listing .item-list.bg-options li:first-child {
                    margin-left: 0
                }

                .item-listing .item-list.bg-options li img {
                    width: 100%;
                    height: auto;
                    padding: 8px;
                    box-sizing: border-box
                }

    .item-listing .tip {
        color: #1b577c;
        font-size: 12px;
        font-weight: 300;
        line-height: 22px;
        letter-spacing: 1px
    }

        .item-listing .tip.box-design {
            border-bottom: 1px solid #b7ceda
        }

.starRating:not(old) {
    width: 125px;
    height: 20px
}

    .starRating:not(old) > input {
        margin-right: -100%;
        opacity: 0;
        float: left
    }

    .starRating:not(old) > label {
        display: block;
        float: right;
        position: relative;
        background: url(../img/rating-yellow-hearts-off.png?1);
        background-size: cover;
        height: 15px;
        width: 17px;
        margin: 0 4px
    }

        .starRating:not(old) > label:before {
            content: '';
            display: block;
            height: 16px;
            width: 19px;
            background: url(../img/rating-yellow-hearts-on.png?1);
            background-size: contain;
            opacity: 0;
            transition: opacity .2s linear
        }

        .starRating:not(:hover) > :checked ~ label:before, .starRating:not(old) > label:hover:before, .starRating:not(old) > label:hover ~ label:before {
            opacity: 1
        }

@media screen and (max-width:1024px) {
    .content.five-column {
        padding-bottom: 16px
    }

        .content.five-column .product.no-image .title p {
            margin-bottom: 16px
        }

    .content.two-column .product .img-wrapper {
        min-width: 100px
    }

        .content.two-column .product .img-wrapper img {
            width: 100%
        }

    .item-listing .item-list li {
        width: 33.33%
    }
}

@media screen and (min-width:1025px) {
    .box-types.item-listing .next, .box-types.item-listing .prev {
        top: 11%
    }

    .design-options-panel .next, .design-options-panel .prev {
        top: 0 !important
    }
}

@media screen and (min-width:640px) and (max-width:1024px) {
    .simple-slider-component .next, .simple-slider-component .prev {
        transform: translate(0,-50%)
    }

    .one-column.layer {
        background-position: right center
    }

    .content.three-column .columns.medium-6 {
        width: 33%
    }

    .content.three-column .product.no-image {
        margin-left: 0
    }

    .content.three-column .product .sub.title p {
        margin-top: 30px
    }

    .content.three-column .product .small-5 img {
        width: 100%
    }

    .content.three-column .product .small-7 {
        padding-left: 5px
    }

    .content.three-column .product .img-wrapper {
        vertical-align: middle
    }

        .content.three-column .product .img-wrapper img.up-img {
            max-width: 52%
        }

    .stop-same-height-medium {
        height: auto !important
    }
}

@media screen and (min-width:641px) {
    .item-listing .next, .item-listing .prev {
        top: 45% !important;
        font-size: 24px
    }
}

@media screen and (max-width:640px) {
    .arrows .next, .arrows .prev {
        top: 9%
    }

    .content.three-column .product .title {
        min-height: 100px
    }

    .content.three-column .product .img-wrapper img {
        height: auto !important
    }

    .content.three-column .wrapper.large-4, .content.three-column .wrapper.medium-4 {
        width: 100%
    }

    .content .product img {
        vertical-align: top
    }

        .content .product img.empty {
            display: none
        }

    .content .product .title {
        vertical-align: middle
    }

        .content .product .title p {
            font-size: 24px
        }

        .content .product .title .btn {
            font-size: 17px;
            font-weight: 700
        }

    .content .product.featured img {
        width: 100%;
        max-width: 230px
    }

    .content .product.featured .bottom-title {
        display: table-cell;
        vertical-align: middle;
        font-size: 18px;
        padding-right: 20px
    }

    .content h2 {
        font-size: 16px
    }

    .one-column.layer > .row .content-callout {
        padding-right: 15px
    }

        .one-column.layer > .row .content-callout .coupon-body {
            margin-right: 0
        }

            .one-column.layer > .row .content-callout .coupon-body .script-font {
                font-size: 55px
            }

        .one-column.layer > .row .content-callout .btn {
            text-align: right;
            font-size: 27px;
            font-weight: 700
        }

    .layer.one-column.content-center img.product-image {
        display: none
    }

    .layer.one-column.content-center .content-callout {
        padding-right: 50px
    }

        .layer.one-column.content-center .content-callout .coupon-body {
            padding-left: 0 !important
        }

    .btn.mobile-large {
        left: calc(-50vw + 50%);
        position: relative;
        width: 100vw
    }

    .medium-margin-tb {
        margin: 20px 0
    }

    .image-slider .hero .msg2 h1.script-font {
        margin-top: 20px
    }

    .content.three-column .wrapper {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        margin-bottom: 30px
    }

    .content h2 {
        text-align: center
    }

    .content .product h2 {
        text-align: inherit;
        font-size: 26px;
        line-height: 30px
    }

    .content.five-column .product {
        display: block;
        margin: 0 -30px
    }

        .content.five-column .product.no-image {
            margin: 0
        }

        .content.five-column .product h2.script-font {
            font-size: 55px
        }

    .content.three-column {
        padding: 0;
        background-size: cover
    }

        .content.three-column.layer .product {
            padding: 20px 0 0;
            height: auto !important;
            margin-bottom: 0;
            width: 100%
        }

            .content.three-column.layer .product a {
                display: table-row
            }

            .content.three-column.layer .product .img-wrapper {
                text-align: center;
                padding-right: 0;
                display: table-cell;
                vertical-align: middle;
                width: 120px;
                float: none
            }

        .content.three-column .product .img-wrapper.small-12.text-center {
            height: auto;
            line-height: 1
        }

        .content.three-column .product .title.small-12.text-center {
            height: auto;
            position: relative
        }

        .content.three-column.layer .product .img-wrapper img {
            width: 100%;
            max-width: 175px;
            height: auto;
            max-height: none;
            padding: 0 15px 0 0;
            margin-top: 10px;
            margin-bottom: 10px
        }

        .content.three-column.layer .product .title {
            text-align: center;
            padding-left: 0;
            display: table-cell;
            vertical-align: middle
        }

            .content.three-column.layer .product .title:not(.small-7) {
                padding: 0 20px
            }

            .content.three-column.layer .product .title h2 {
                display: block;
                font-size: 24px;
                letter-spacing: 1px;
                line-height: 1.1
            }

                .content.three-column.layer .product .title h2.script-font {
                    font-size: 11px;
                    line-height: 1;
                    margin-bottom: 0
                }

            .content.three-column.layer .product .title .btn.mobile-fluid {
                clear: both;
                margin-top: 50px
            }

            .content.three-column.layer .product .title p {
                font-size: 16px
            }

        .content.three-column.layer .product .sub.title {
            display: table-cell
        }

            .content.three-column.layer .product .sub.title p {
                font-size: 17px
            }

        .content.three-column.layer .product.no-image {
            display: block
        }

            .content.three-column.layer .product.no-image .title {
                display: block;
                padding: 0 60px;
                text-align: left;
                width: 100%
            }

                .content.three-column.layer .product.no-image .title .btn {
                    text-align: right;
                    font-size: 27px
                }

                .content.three-column.layer .product.no-image .title h2.script-font {
                    font-size: 50px
                }

                .content.three-column.layer .product.no-image .title p {
                    margin-bottom: 30px;
                    font-size: 17px
                }

        .content.three-column.layer .three-column-title {
            font-size: 28px
        }

        .content.three-column.content-center .product .title, .content.three-column.content-center .product.no-image .title {
            text-align: center
        }

        .content.three-column.content-right .product .title, .content.three-column.content-right .product.no-image .title, .one-column.content-right .content-callout .coupon-body {
            text-align: right
        }

    .content.two-column .product {
        margin: 50px 0 0
    }

        .content.two-column .product .btn.mobile-fluid {
            clear: both;
            margin-top: 50px
        }

    .content.two-column .title h2 {
        font-size: 16px
    }

        .content.two-column .title h2.big {
            font-size: 35px
        }

            .content.two-column .title h2.big.script-font {
                font-size: 78px
            }

    .content.two-column button {
        margin-top: 30px
    }

    .one-column .content-callout .product-image {
        display: none
    }

    .one-column.layer > .row p {
        width: 100%
    }

    .item-listing {
        margin-top: 8px
    }

        .item-listing .item-list li {
            width: 33.33%
        }

        .item-listing .tip {
            font-size: 15px;
            line-height: 40px
        }

    .product-detail-component > .btn.mobile-fluid {
        margin-top: 10px
    }

        .product-detail-component > .btn.mobile-fluid:last-child {
            margin-bottom: 0
        }

    .btn.mobile-fluid {
        font-size: 20px;
        display: block;
        text-align: right;
        left: calc(-50vw + 50%);
        position: relative;
        width: 100vw;
        white-space: normal
    }
}

.nowrap, .slidable, .wrapper.signin-wrapper h1 {
    white-space: nowrap
}

@media screen and (max-width:480px) {
    .item-listing {
        margin-top: 8px
    }

        .item-listing .item-list li {
            width: 50%
        }

    .content.three-column.layer .product .img-wrapper img {
        max-width: 175px
    }

    .one-column.layer.content-right .content-callout .coupon-body {
        float: right
    }

    .one-column.layer {
        background-position: right -100px center
    }

        .one-column.layer.content-right {
            background-position: left -100px center
        }

        .one-column.layer.content-center > .row .content-callout {
            padding-right: 10px
        }
}

#scPageExtendersForm + .wrapper .header {
    position: relative
}

[role=navigation] {
    height: auto;
    position: fixed;
    width: 100%;
    z-index: 100;
    top: 0;
    background-color: #0072c6;
    background-image: none !important
}

    [role=navigation] .primary-nav {
        font-size: 20px;
        color: #fff;
        height: auto
    }

        [role=navigation] .primary-nav [role=toolbar] li a {
            font-family: KleenexSans-SemiBold !important
        }

    [role=navigation] .search-nav {
        font-family: KleenexSans-SemiBold !important
    }

.signinprivacy h2 {
    font-family: KleenexSans-Regular !important
}

@media only screen and (min-width:1025px) {
    [role=navigation] .primary-nav {
        height: 80px;
        position: relative
    }
}

@media only screen and (max-width:840px) {
    [role=navigation] .primary-nav {
        margin: 0;
        padding-left: 10px
    }
}

[role=navigation] .primary-nav [role=toolbar] {
    display: none;
    visibility: hidden
}

    [role=navigation] .primary-nav [role=toolbar].initial {
        display: inline-block
    }

@media only screen and (min-width:769px) {
    [role=navigation] .primary-nav [role=toolbar] {
        display: inline-block;
        visibility: visible;
        padding: 0;
        position: absolute;
        z-index: 9;
        bottom: 0;
        right: 0;
        margin-right: 10px
    }
}

@media only screen and (max-width:480px) {
    [role=navigation] .primary-nav [role=toolbar] {
        margin-left: -20px;
        margin-right: -20px;
        display: none;
        visibility: visible;
        color: #002d72;
        max-height: 300px;
        overflow-y: auto
    }
}

@media only screen and (min-width:481px) and (max-width:768px) {
    [role=navigation] .primary-nav [role=toolbar] {
        margin-left: -20px;
        margin-right: -20px;
        display: none;
        visibility: visible;
        color: #002d72;
        max-height: 300px;
        overflow-y: auto
    }
}

@media only screen and (min-width:1025px) {
    [role=navigation] .primary-nav [role=toolbar] .search-icon {
        clear: both !important;
        position: relative;
        top: 27px;
        height: 80px
    }

    [role=navigation] .primary-nav [role=toolbar] li {
        display: inline-block;
        vertical-align: middle;
        padding: 0;
        height: 59px
    }
}

@media only screen and (min-width:769px) and (max-width:1024px) {
    [role=navigation] .primary-nav [role=toolbar] {
        bottom: 20px;
        font-size: 14px;
        right: 20px
    }

        [role=navigation] .primary-nav [role=toolbar] li {
            display: inline-block;
            vertical-align: middle;
            padding: 0;
            height: 42px
        }
}

@media only screen and (max-width:480px) {
    [role=navigation] .primary-nav [role=toolbar] li {
        text-align: left;
        background-position: 0;
        background-position-x: 0;
        background-position-y: -2px;
        border-top: 1px solid #fff;
        padding-left: 30px
    }
}

@media only screen and (min-width:481px) and (max-width:768px) {
    [role=navigation] .primary-nav [role=toolbar] li {
        text-align: left;
        background-position: 0;
        background-position-x: 0;
        background-position-y: -2px;
        border-top: 1px solid #fff;
        padding-left: 30px
    }
}

[role=navigation] .primary-nav [role=toolbar] li.nav-mob {
    text-align: left;
    background-position: 0;
    border-top: 1px solid #fff;
    padding-left: 30px;
    display: block;
    visibility: visible;
    font-size: 14px
}

@media only screen and (min-width:769px) and (max-width:1024px) {
    [role=navigation] .primary-nav [role=toolbar] li.nav-mob {
        display: none;
        visibility: hidden
    }
}

[role=navigation] .primary-nav [role=toolbar] li.upperText {
    font-weight: 100;
    text-transform: uppercase
}

@media only screen and (min-width:1025px) {
    [role=navigation] .primary-nav [role=toolbar] li.nav-mob {
        display: none;
        visibility: hidden
    }

    [role=navigation] .primary-nav [role=toolbar] li a {
        text-decoration: none;
        padding: 20px 15px;
        display: inline-block;
        font-family: KleenexSans-Regular;
        font-style: normal;
        font-size: 15px !important;
        color: #fff;
        font-weight: 600
    }
}

@media only screen and (min-width:769px) and (max-width:1024px) {
    [role=navigation] .primary-nav [role=toolbar] li a {
        text-decoration: none;
        padding: 10px 5px;
        display: inline-block;
        color: #fff;
        font-weight: 600
    }
}

@media only screen and (max-width:480px) {
    [role=navigation] .primary-nav [role=toolbar] li a {
        text-decoration: none;
        padding: 15px 0;
        display: block;
        color: #fff;
        font-weight: 600
    }
}

@media only screen and (min-width:481px) and (max-width:768px) {
    [role=navigation] .primary-nav [role=toolbar] li a {
        text-decoration: none;
        padding: 15px 0;
        display: block;
        color: #fff;
        font-weight: 600
    }
}

@media only screen and (min-width:1025px) {
    [role=navigation] .primary-nav [role=toolbar] li a:hover {
        color: #fff;
        text-decoration: underline;
    }
}

@media only screen and (max-width:480px) {
    [role=navigation] .primary-nav [role=toolbar] li a:hover {
        color: #fff;
        text-decoration: underline;
    }
}

[role=navigation] .primary-nav [role=toolbar] li.drop-down ul {
    display: none;
    background-color: #fff;
    position: absolute;
    width: auto;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 0 21px -6px rgba(0,0,0,.4);
    margin-left: 0;
    color: #999;
    padding-left: 60px;
    padding-right: 60px
}

    [role=navigation] .primary-nav [role=toolbar] li.drop-down ul li {
        padding: 20px
    }

        [role=navigation] .primary-nav [role=toolbar] li.drop-down ul li:first {
            margin-left: 100px
        }

[role=navigation] .primary-nav [role=toolbar] li .triangle {
    display: none
}

@media only screen and (min-width:1025px) {
    [role=navigation] .primary-nav [role=toolbar] li .triangle {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 20px solid #fff;
        position: relative;
        top: -16px;
        left: 30%
    }
}

@media only screen and (min-width:769px) and (max-width:1024px) {
    [role=navigation] .primary-nav [role=toolbar] li .triangle {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 20px solid #fff;
        position: relative;
        top: -6px;
        left: 65%
    }
}

.search-nav .secondary-nav a[href*="/signout.sso"], [role=navigation] .search-nav .secondary-nav a:last-child {
    border-right: medium none
}

[role=navigation] .primary-nav [role=toolbar] li ul.text-based-nav {
    display: none;
    margin: 0 0 0 -30px;
    position: relative
}

@media only screen and (min-width:1025px) {
    [role=navigation] .primary-nav [role=toolbar] li ul.text-based-nav {
        text-transform: uppercase;
        font-weight: 400;
        position: absolute;
        width: 633px;
        background-color: #fff;
        padding-left: 26px;
        border-radius: 6px;
        padding-right: 26px;
        top: 68px
    }
}

@media only screen and (min-width:769px) and (max-width:1024px) {
    [role=navigation] .primary-nav [role=toolbar] li ul.text-based-nav {
        text-transform: uppercase;
        font-weight: 400;
        position: absolute;
        width: 408px;
        background-color: #fff;
        padding-left: 16px;
        border-radius: 6px;
        padding-right: 16px;
        font-size: 12px;
        top: 56px
    }
}

[role=navigation] .primary-nav [role=toolbar] li ul.text-based-nav.open {
    display: block
}

[role=navigation] .primary-nav [role=toolbar] li ul.text-based-nav > li {
    background-color: #fff;
    background-image: none;
    border-bottom: 1px solid #ddd
}

    [role=navigation] .primary-nav [role=toolbar] li ul.text-based-nav > li:last-child {
        border-bottom: none
    }

    [role=navigation] .primary-nav [role=toolbar] li ul.text-based-nav > li > a {
        color: #999;
        text-transform: uppercase;
        font-weight: 400
    }

[role=navigation] .primary-nav [role=link] {
    display: inline-block;
    width: 160px;
    padding: 15px 0 5px 10px;
    vertical-align: middle;
    height: 80px
}

@media only screen and (min-width:769px) and (max-width:1024px) {
    [role=navigation] .primary-nav [role=link] {
        width: 165px;
        padding: 10px 0 5px 10px
    }
}

[role=navigation] .toggle-nav {
    width: 55px;
    height: 50px;
    display: inline-block;
    float: right;
    vertical-align: middle;
    padding: 10px;
    margin-top: 26px
}

@media only screen and (min-width:769px) and (max-width:1024px) {
    [role=navigation] .toggle-nav {
        display: none
    }
}

@media only screen and (min-width:1025px) {
    [role=navigation] .toggle-nav {
        display: none
    }
}

@media only screen and (max-width:480px) {
    [role=navigation] .toggle-nav {
        position: fixed;
        top: 0;
        right: 15px;
        margin-top: 8px
    }
}

[role=navigation] .toggle-nav h6 {
    display: none
}

@media only screen and (min-width:481px) and (max-width:768px) {
    [role=navigation] .toggle-nav {
        position: fixed;
        top: 0;
        right: 15px;
        margin-top: 8px
    }

        [role=navigation] .toggle-nav h6 {
            color: #fff;
            display: block;
            font-size: 1rem;
            height: 50px;
            line-height: 50px;
            margin: -10px 0 0;
            padding-left: 20px;
            padding-right: 25px;
            position: absolute;
            right: 45px
        }
}

[role=navigation] .search-nav {
    display: block;
    text-align: right;
    float: right;
    vertical-align: middle
}

@media only screen and (min-width:1025px) {
    [role=navigation] .search-nav {
        display: inline-block;
        position: absolute;
        right: 0;
        padding-right: 20px;
        z-index: 9;
        height: 33px
    }
}

@media only screen and (min-width:769px) and (max-width:1024px) {
    [role=navigation] .search-nav {
        display: inline-block;
        position: absolute;
        right: 20px;
        padding-right: 10px;
        z-index: 9;
        top: -5px
    }

        [role=navigation] .search-nav .secondary-nav {
            font-size: 12px
        }
}

[role=navigation] .search-nav .secondary-nav {
    font-size: 12px;
    font-weight: 600;
    text-transform: lowercase
}

@media only screen and (max-width:480px) {
    [role=navigation] .search-nav .secondary-nav {
        display: none
    }
}

@media only screen and (min-width:481px) and (max-width:768px) {
    [role=navigation] .search-nav .secondary-nav {
        display: none
    }
}

[role=navigation] .search-nav .secondary-nav a {
    padding: 0 3px 0 0;
    line-height: 45px;
    color: #fff;
    font-weight: 600
}

    [role=navigation] .search-nav .secondary-nav a.active {
        color: #fff;
        text-decoration: underline;
    }

    [role=navigation] .search-nav .secondary-nav a::after {
        content: " \2022";
        color: #fff;
    }

@media only screen and (min-width:1025px) {
    [role=navigation] .search-nav .secondary-nav {
        position: relative;
        height: 33px
    }

        [role=navigation] .search-nav .secondary-nav a:hover {
            color: #fff;
            text-decoration: underline;
        }

    .language-menu .language-item.language-selected:hover {
        color: #fff !important;
        text-decoration: underline;
    }
}

[role=navigation] .search-nav form.search {
    width: 200px;
    height: 42px;
    margin: 0;
    position: relative;
    float: right;
    right: 15px
}

    [role=navigation] .search-nav form.search .search-icon {
        display: block;
        width: 52px;
        height: 32px;
        float: right;
        margin-top: 2px;
        background-size: 100%
    }

@media only screen and (min-width:769px) and (max-width:1024px) {
    [role=navigation] .search-nav form.search .search-icon {
        width: 49px;
        height: 30px;
        background-size: contain;
        margin-top: 3px
    }
}

[role=navigation] .search-nav form.search #search {
    -webkit-appearance: none;
    height: 32px;
    width: 0;
    padding: 5px;
    opacity: 0;
    outline: 0;
    position: absolute;
    right: 52px;
    top: 2px;
    -o-transition: .2s ease all;
    -moz-transition: .2s ease all;
    -webkit-transition: .2s ease all;
    -ms-transition: .2s ease all;
    transition: .2s ease all;
    box-sizing: border-box
}

    [role=navigation] .search-nav form.search #search.opened {
        width: 165px;
        opacity: 1
    }

@media only screen and (min-width:769px) and (max-width:1024px) {
    [role=navigation] .search-nav form.search #search {
        right: 49px;
        top: 4px;
        z-index: 33
    }
}

@media only screen and (max-width:480px) {
    [role=navigation] .search-nav form.search {
        position: absolute;
        float: right;
        right: 70px;
        top: 13px
    }
}

@media only screen and (min-width:481px) and (max-width:768px) {
    [role=navigation] .search-nav form.search {
        position: absolute;
        float: right;
        right: 70px;
        top: 13px
    }
}

@media only screen and (min-width:769px) and (max-width:1024px) {
    [role=navigation] .search-nav form.search {
        width: 0;
        height: 0;
        margin: 0;
        position: relative;
        float: right;
        top: -12px;
        z-index: 12
    }
}

.product-sub-navbar {
    display: none;
    position: absolute;
    width: 100%;
    padding-left: 175px;
    padding-right: 175px;
    z-index: 15
}

@media only screen and (max-width:480px) {
    .product-sub-navbar {
        width: auto;
        padding-left: 0;
        padding-right: 0;
        margin-left: -30px;
        position: relative
    }

        .product-sub-navbar .triangle {
            display: none
        }
}

@media only screen and (min-width:481px) and (max-width:768px) {
    .product-sub-navbar {
        width: auto;
        padding-left: 0;
        padding-right: 0;
        margin-left: -30px;
        position: relative
    }

        .product-sub-navbar .triangle {
            display: none
        }
}

.product-sub-navbar .products-nav-menu .medium-3 a .product {
    width: 100%
}

.product-sub-navbar .triangle {
    width: 0;
    height: 0;
    border-left: 20px solid #fff;
    border-right: 20px solid #fff;
    border-bottom: 40px solid #fff;
    position: relative;
    top: -15px;
    left: 30%
}

@media only screen and (min-width:769px) and (max-width:1024px) {
    .product-sub-navbar {
        padding-left: 35px;
        padding-right: 35px
    }

        .product-sub-navbar .triangle {
            left: 194px
        }
}

.product-sub-navbar .products-nav-menu {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 0 21px -6px rgba(0,0,0,.4);
    padding: 0 35px 20px;
    text-align: center;
    border-top: none
}

    .product-sub-navbar .products-nav-menu > .columns {
        padding-top: 20px
    }

        .product-sub-navbar .products-nav-menu > .columns:hover {
            background: url(../img/top-shadow-blue.png) top left no-repeat;
            background-size: 100%;
            border: none
        }

@media only screen and (max-width:480px) {
    .product-sub-navbar .products-nav-menu {
        border-radius: 0;
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width:481px) and (max-width:768px) {
    .product-sub-navbar .products-nav-menu {
        border-radius: 0;
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width:769px) and (max-width:1024px) {
    .product-sub-navbar .products-nav-menu {
        padding: 20px 30px
    }
}

.product-sub-navbar .products-nav-menu .product {
    padding-bottom: 10px;
    border-bottom: 15px solid;
    text-transform: uppercase;
    font-weight: 700
}

    .product-sub-navbar .products-nav-menu .product.product-1 {
        border-color: #80d4f7;
        color: #80d4f7
    }

    .product-sub-navbar .products-nav-menu .product.product-2 {
        border-color: #62b5bc;
        color: #62b5bc
    }

    .product-sub-navbar .products-nav-menu .product.product-3 {
        border-color: #1f83d6;
        color: #1f83d6
    }

    .product-sub-navbar .products-nav-menu .product.product-4 {
        border-color: #ce56ee;
        color: #ce56ee
    }

.reveal-modal {
    box-shadow: none;
    border: none
}

    .reveal-modal.large {
        background: 0 0
    }

.reveal-modal-bg {
    background: rgba(0,0,0,.9)
}

.reveal-modal .close-reveal-modal {
    top: 0 !important;
    right: 0 !important
}

[role=navigation].mobile-menu > .row > .column {
    padding-left: 0;
    padding-right: 0
}

[role=navigation].mobile-menu, [role=navigation].mobile-menu .primary-nav {
    height: auto
}

    [role=navigation].mobile-menu .primary-nav [role=toolbar] {
        margin-left: -20px;
        margin-right: -20px;
        display: none
    }

        [role=navigation].mobile-menu .primary-nav [role=toolbar] .triangle {
            display: none !important
        }

        [role=navigation].mobile-menu .primary-nav [role=toolbar] li {
            text-align: left;
            background-position: 0;
            background-position-x: 0;
            background-position-y: -2px;
            border-top: 1px solid #fff;
            padding-left: 30px;
            height: auto;
            display: block
        }

            [role=navigation].mobile-menu .primary-nav [role=toolbar] li a {
                padding: 10px 0 !important;
                display: block;
                font-size: 26px !important;
                font-family: KleenexSans-Regular;
                font-weight: 600;
                font-style: normal
            }

                [role=navigation].mobile-menu .primary-nav [role=toolbar] li a:hover {
                    text-shadow: none
                }

            [role=navigation].mobile-menu .primary-nav [role=toolbar] li ul.text-based-nav {
                position: relative;
                width: auto;
                border-radius: 0;
                top: 0;
                padding-left: 0
            }

            [role=navigation].mobile-menu .primary-nav [role=toolbar] li .product-sub-navbar {
                width: auto;
                padding-left: 0;
                padding-right: 0;
                margin-left: -30px;
                position: relative
            }

                [role=navigation].mobile-menu .primary-nav [role=toolbar] li .product-sub-navbar .products-nav-menu {
                    border-radius: 0;
                    padding-left: 0;
                    padding-right: 0
                }

        [role=navigation].mobile-menu .primary-nav [role=toolbar] .nav-mob {
            display: block;
            visibility: visible;
            padding-left: 0;
            text-transform: lowercase
        }

        [role=navigation].mobile-menu .primary-nav [role=toolbar] li.nav-mob a {
            padding-left: 30px !important;
            border-bottom: 1px solid #fff
        }

    [role=navigation].mobile-menu .primary-nav .search-nav {
        position: initial;
        height: auto
    }

        [role=navigation].mobile-menu .primary-nav .search-nav .secondary-nav {
            display: none
        }

        [role=navigation].mobile-menu .primary-nav .search-nav form.search {
            position: absolute;
            float: right;
            right: 70px;
            top: 13px
        }

    [role=navigation].mobile-menu .toggle-nav {
        display: inline-block;
        position: fixed;
        right: 30px;
        margin-top: 8px;
        top: 15px;
        background-image: url('/img/big/hamburger nav.png');
        height: 35px;
        width: 61px
    }

        [role=navigation].mobile-menu .toggle-nav.open {
            background-image: url(/img/big/X.png);
            height: 35px;
            width: 36px
        }

    [role=navigation].mobile-menu .primary-nav [role=toolbar] li.nav-mob span.logged-username {
        padding-left: 30px;
        padding-top: 15px;
        display: block
    }

@media only screen and (max-width:812px) and (min-width:415px) {
    [role=navigation].mobile-menu .primary-nav [role=toolbar] li.nav-mob span.logged-username {
        font-size: 26px;
        font-family: KleenexSans-Semibold
    }
}

@media only screen and (max-width:414px) and (min-width:320px) {
    [role=navigation].mobile-menu .primary-nav [role=toolbar] li.nav-mob span.logged-username {
        font-size: 20px;
        font-family: KleenexSans-Semibold
    }
}

@media only screen and (max-width:375px) {
    .Finincent-Info-fr {
        margin-left: 0 !important
    }
}

[role=footer] {
    background-color: #edf3f5;
    box-sizing: border-box;
    z-index: 99;
    position: relative;
    padding: 30px 5% 30px 10%
}

    [role=footer] .row {
        padding-top: 10px;
        padding-bottom: 10px;
        color: #fff;
        max-width: 1176px
    }

        [role=footer] .row .columns.small-12.medium-2:last-child {
            float: left
        }

@media only screen and (max-width:480px) {
    [role=footer] {
        padding-left: 0;
        padding-right: 0
    }

        [role=footer] .mob-top-15 {
            margin-top: 15px
        }

        [role=footer] .mob-bottom-15 {
            margin-bottom: 15px
        }

        [role=footer] .row .columns:nth-child(4) {
            margin-bottom: 18px
        }

        [role=footer] .row .columns > img {
            width: 50%
        }

        [role=footer] .row .small-12 {
            text-align: center;
            max-width: 100% !important
        }
}

@media only screen and (min-width:481px) and (max-width:768px) {
    [role=footer] .row .medium-2 {
        width: 33.33333%
    }
}

[role=footer] .row .footer-logo {
    width: 165px
}

@media only screen and (max-width:480px) {
    [role=footer] .row .footer-logo {
        text-align: center
    }

    .footer .row .row .medium-3 {
        max-width: 100%
    }

    .footer .row .column, .footer .row .columns {
        text-align: left
    }

    .footer .row .category-links a {
        border: none !important;
        text-align: left !important;
        font-size: 12px
    }
}

[role=footer] .row .category-title {
    color: #0063be;
    font-size: 14px;
    font-weight: 500
}

[role=footer] .row .category-links {
    font-size: 12px;
    line-height: 2.2;
    margin-left: 0;
    font-family: KleenexSans-Regular
}

    [role=footer] .row .category-links li {
        list-style: none
    }

    [role=footer] .row .category-links a {
        text-decoration: none;
        color: #8f9194
    }

        [role=footer] .row .category-links a:hover {
            color: #005eb8
        }

[role=footer] .row .social-icons {
    margin-left: 0;
    max-width: 150px
}

@media only screen and (max-width:480px) {
    [role=footer] .row .category-links {
        display: inline-block;
        font-size: 12px;
        margin-bottom: 0
    }

        [role=footer] .row .category-links li {
            text-align: left;
            float: none
        }

            [role=footer] .row .category-links li:last-child a {
                border-right: medium none
            }

        [role=footer] .row .category-links a {
            border-right: 1px solid #fff;
            padding: 0
        }

    [role=footer] .row .social-icons {
        text-align: left;
        margin-top: 1.25rem
    }
}

[role=footer] .row .social-icons li {
    list-style: none;
    display: inline-block
}

[role=footer] .row .social-icons .follow-us {
    display: block;
    height: 40px;
    width: 40px;
    background-repeat: no-repeat
}

[role=footer] .row .social-icons .instagram {
    background-image: url('../img/social INSTA icon.png')
}

[role=footer] .row .social-icons .facebook {
    background-image: url('../img/social FB icon.png')
}

[role=footer] .row .social-icons .pinit {
    background-image: url('../img/social PIN icon.png')
}

[role=footer] .row .social-icons .youtube {
    background-image: url('../img/social YT logo.png')
}

[role=footer] .row .social-icons .google-plus {
    background-image: url('../img/social G icon.png')
}

[role=footer] .row .social-icons .twitter {
    background-image: url('../img/social TW icon.png')
}

[role=footer] .final-footer {
    color: #8f9194;
    font-size: 14px;
    border-bottom: none;
    text-align: center;
    padding: 10px 13%
}

@media only screen and (max-width:640px) {
    [role=footer] .final-footer {
        text-align: center;
        padding: 0
    }

    #contentWrapper {
        margin-top: 63px
    }

    [role=navigation].mobile-menu .toggle-nav {
        height: 20px;
        width: 35px;
        background-size: cover
    }

        [role=navigation].mobile-menu .toggle-nav.open {
            height: 20px;
            width: 20px
        }

    [role=navigation].mobile-menu .primary-nav [role=toolbar] li a {
        padding: 8px 0 !important;
        font-size: 20px !important
    }

    [role=navigation] .primary-nav [role=link] {
        width: 122px;
        padding: 10px 0 5px 10px;
        height: 63px
    }
}

[role=footer] .final-footer h6 {
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    margin-bottom: 20px
}

@media only screen and (max-width:480px) {
    [role=footer] .final-footer h6 {
        font-size: 10px;
        font-weight: 600;
        margin-bottom: 18px
    }
}

[role=footer] .final-footer a {
    color: #8f9194;
    text-decoration: underline
}

[role=footer] .final-footer p {
    font-size: 12px;
    font-family: KleenexSans-Regular
}

@media only screen and (max-width:480px) {
    [role=footer] .final-footer p {
        font-size: 10px;
        line-height: 26px
    }
}

@media screen and (max-width:640px) {
    [role=footer] .final-footer h6, [role=footer] .row .category-links {
        font-size: 14px
    }

    [role=footer] .final-footer p {
        font-size: 12px;
        padding: 0 20px
    }

    [role=footer] .row .columns:nth-child(1), [role=footer] .row .columns:nth-child(2) {
        height: 250px
    }
}

@media screen and (max-width:380px) {
    [role=footer] .row .category-links {
        font-size: 11px
    }

    [role=footer] .final-footer h6 {
        font-size: 14px
    }

    [role=footer] .final-footer p {
        font-size: 12px;
        padding: 0 20px
    }
}

.simple-slider-component {
    position: relative
}

    .simple-slider-component .next, .simple-slider-component .prev {
        position: absolute;
        z-index: 98;
        cursor: pointer
    }

    .simple-slider-component .next {
        right: -10px;
        left: auto
    }

    .simple-slider-component .prev {
        left: -10px;
        right: auto
    }

.slidable {
    overflow: hidden
}

.image-slider {
    position: relative;
    clear: both;
    max-width: 1176px;
    margin: 0 auto
}

    .image-slider img {
        max-width: 100%
    }

        .image-slider img.backgroud-image {
            min-height: initial;
            object-fit: cover;
            object-position: right center
        }

    .image-slider .hero {
        position: relative;
        height: auto !important;
        overflow: hidden;
        font-size: 18px;
        line-height: 24px;
        text-align: center;
        background: #fff;
        border-radius: 10px;
        width: auto !important
    }

        .image-slider .hero .text-wrapper {
            top: 50%;
            position: absolute;
            -webkit-transform: translate(0,-50%);
            -moz-transform: translate(0,-50%);
            -o-transform: translate(0,-50%);
            -ms-transform: translate(0,-50%);
            transform: translate(0,-50%);
            left: 50px;
            max-width: 400px;
            background: 0 0 !important;
            text-align: center
        }

        .image-slider .hero .content-right .text-wrapper {
            text-align: center;
            right: 10%;
            left: initial;
            left: auto
        }

        .image-slider .hero .content-center .text-wrapper {
            margin-left: auto;
            margin-right: auto;
            top: 29%;
            left: 50%;
            transform: translate(-50%,-50%)
        }

        .image-slider .hero ul {
            list-style: none;
            margin: 0;
            height: initial !important
        }

            .image-slider .hero ul li {
                width: 100%;
                position: relative;
                float: left;
                min-height: initial;
                text-align: left;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                -ms-background-size: cover;
                background-size: cover;
                background-position: center right;
                background-repeat: no-repeat;
                border-radius: 10px
            }

                .image-slider .hero ul li .take-care img {
                    height: 58px
                }

                .image-slider .hero ul li .take-care, .image-slider .hero ul li .take-care.content-right {
                    position: absolute;
                    right: 20px;
                    bottom: 20px
                }

                    .image-slider .hero ul li .take-care.content-left {
                        position: absolute;
                        left: 20px;
                        bottom: 20px
                    }

@media only screen and (max-width:480px) {
    .image-slider .hero ul li {
        padding-left: 0
    }
}

.image-slider .hero ul li .cloud {
    background: url(../img/cloud.png) left center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.image-slider .hero ul li.content-right {
    background-position: center right
}

.image-slider .hero ul li.arrow .next, .image-slider .hero ul li.arrow .prev {
    display: block !important
}

.image-slider .hero ul li.content-right .cloud {
    background-image: url(../img/cloud_right.png);
    background-position: right center
}

.image-slider .hero h1, .image-slider .hero h2 {
    font-size: 40px;
    line-height: 48px
}

    .image-slider .hero h1.script-font, .image-slider .hero h2.script-font {
        font-family: KleenexSans-Regular;
        font-weight: 100;
        font-size: 40px;
        margin-bottom: 0
    }

.image-slider .hero p {
    line-height: 1.2;
    margin-top: 1.25rem;
    font-size: 12px
}

.image-slider .hero h1, .image-slider .hero h1.script-font, .image-slider .hero h1.slider-title, .image-slider .hero h2, .image-slider .hero h2.script-font, .image-slider .hero h2.slider-title, .image-slider .hero p {
    color: #fff
}

.image-slider .hero .text-wrapper p a {
    color: #00a9ce
}

.image-slider .hero li.blue-text h1, .image-slider .hero li.blue-text h1.script-font, .image-slider .hero li.blue-text h1.slider-title, .image-slider .hero li.blue-text h2, .image-slider .hero li.blue-text h2.script-font, .image-slider .hero li.blue-text h2.slider-title, .image-slider .hero li.blue-text p {
    color: #005eb8
}

.image-slider .hero li.white-text h1, .image-slider .hero li.white-text h1.script-font, .image-slider .hero li.white-text h1.slider-title, .image-slider .hero li.white-text h2, .image-slider .hero li.white-text h2.script-font, .image-slider .hero li.white-text h2.slider-title, .image-slider .hero li.white-text p {
    color: #fff
}

.image-slider .hero li.gray-text h1, .image-slider .hero li.gray-text h1.script-font, .image-slider .hero li.gray-text h1.slider-title, .image-slider .hero li.gray-text h2, .image-slider .hero li.gray-text h2.script-font, .image-slider .hero li.gray-text h2.slider-title, .image-slider .hero li.gray-text p {
    color: #6d6e71
}

@media only screen and (max-width:768px) {
    [role=navigation].mobile-menu .toggle-nav {
        top: 18px;
        position: absolute
    }

    .notification-bar-text span {
        right: 8px
    }

    .image-slider .hero h1.script-font, .image-slider .hero h2.script-font {
        font-size: 60px;
        line-height: .6
    }

    .image-slider .hero p {
        margin: 10px 0
    }

    .image-slider .hero .content-center .text-wrapper {
        top: 80px
    }
}

@media only screen and (max-width:640px) {
    .image-slider .hero h1, .image-slider .hero h2, .image-slider .hero p {
        padding-left: 20px;
        padding-right: 20px
    }

    .image-slider .hero ul li .take-care img {
        height: 30px
    }

    .image-slider .hero ul li .take-care, .image-slider .hero ul li .take-care.content-right {
        right: 7px;
        background: 0 0;
        top: 180px
    }

        .image-slider .hero ul li .take-care.content-left {
            left: 7px;
            background: 0 0;
            top: 180px
        }
}

@media screen and (max-width:414px) {
    .image-slider .hero ul li .take-care, .image-slider .hero ul li .take-care.content-left, .image-slider .hero ul li .take-care.content-right {
        top: 100px
    }
}

@media screen and (max-width:375px) {
    .image-slider .hero ul li .take-care, .image-slider .hero ul li .take-care.content-left, .image-slider .hero ul li .take-care.content-right {
        top: 85px
    }
}

@media only screen and (max-width:480px) {
    .image-slider .hero h1.script-font, .image-slider .hero h2.script-font {
        font-size: 64px;
        margin-bottom: 0
    }
}

.image-slider .hero h1.slider-title, .image-slider .hero h2.slider-title {
    font-size: 36px;
    font-weight: 300;
    color: #fff;
    letter-spacing: 1px;
    line-height: 1;
    margin-top: 15px
}

.image-slider .hero h2.slider-title {
    margin: 10px
}

    .image-slider .hero h1.slider-title span, .image-slider .hero h2.slider-title span {
        font-weight: 400
    }

@media only screen and (min-width:481px) and (max-width:768px) {
    .image-slider .hero h1.slider-title, .image-slider .hero h2.slider-title {
        font-size: 27px;
        letter-spacing: 2px
    }
}

@media only screen and (max-width:480px) {
    .image-slider .hero h1.slider-title, .image-slider .hero h2.slider-title {
        font-size: 24px;
        letter-spacing: 2px
    }

    .image-slider .hero .dots {
        display: none
    }
}

.image-slider .hero h3 {
    color: #20577e;
    letter-spacing: 5px;
    font-size: 41px
}

.image-slider .hero .fi-play-circle {
    font-size: 20px;
    vertical-align: middle;
    line-height: 10px
}

.image-slider .hero .dot, .image-slider .hero .slick-dots li {
    -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
    -moz-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
    -ms-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
    -o-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
    box-shadow: 2px 2px 5px rgba(0,0,0,.3)
}

.image-slider .slick-dots li button, .image-slider .slick-dots li button:before, .image-slider .slick-dots li.slick-active button:before {
    display: none
}

.image-slider .hero .dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin-bottom: 0
}

.image-slider .hero .slick-dots {
    display: block;
    position: absolute;
    bottom: 25px;
    margin-bottom: 0;
    margin: 0 auto;
    text-align: center;
    height: 10px !important
}

    .image-slider .hero .dots li, .image-slider .hero .slick-dots li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 4px;
        text-indent: -999em;
        border: 2px solid #fff;
        border-radius: 6px !important;
        cursor: pointer;
        opacity: .4;
        -webkit-transition: background .5s,opacity .5s;
        -moz-transition: background .5s,opacity .5s;
        transition: background .5s,opacity .5s;
        float: none
    }

        .image-slider .hero .dots li.active, .image-slider .hero .slick-dots li.slick-active {
            background: #fff;
            opacity: 1
        }

.image-slider .hero .slick-next {
    right: 10px;
    background-image: url(../img/new-next-arrow.png)
}

.image-slider .hero .slick-prev {
    left: 10px;
    background-image: url(../img/new-prev-arrow.png)
}

.image-slider .hero .slick-next, .image-slider .hero .slick-prev {
    background-repeat: no-repeat;
    position: absolute;
    background-size: cover;
    height: 50px;
    background-position: 100% 100%;
    width: 40px;
    z-index: 10;
    top: 42%
}

.simple-slider-component .next, .simple-slider-component .prev {
    top: 50%;
    color: #cbcccc;
    font-size: 50px
}

.design-options-panel .next, .design-options-panel .prev {
    top: 50px !important
}

.bx-default-pager {
    display: none
}

.bx-wrapper {
    margin: 0 auto
}

    .bx-wrapper .bx-viewport {
        -webkit-box-shadow: none;
        box-shadow: none
    }

#slider-next, #slider-prev {
    position: absolute;
    top: 32%;
    z-index: 98;
    cursor: pointer
}

#slider-next {
    right: 0;
    left: auto
}

    #slider-next .bx-next, #slider-prev .bx-prev {
        font-size: 100px;
        padding: 0 8px;
        color: #cbcccc;
        font-family: inherit
    }

        #slider-next .bx-next:hover, #slider-prev .bx-prev:hover {
            text-decoration: none
        }

.form-page.profile form .spacing-v a, .history-container a:hover, .online-retailer .product-title:hover, .product-selector .product-sumary a:hover {
    text-decoration: underline
}

#slider-next .bx-next, #slider-next .bx-next:after {
    content: '>'
}

#slider-prev .bx-prev {
    content: '<'
}

#slider-next .disabled, #slider-prev .disabled {
    display: none !important
}

.mobile-slider {
    margin: 0
}

@media screen and (min-width:641px) {
    .btn.show-for-medium-up {
        display: inline-block !important
    }
}

@media screen and (max-width:640px) {
    .image-slider .hero, .image-slider .hero ul {
        height: auto !important
    }

    .image-slider .hero {
        border-radius: 0
    }

        .image-slider .hero ul li {
            height: auto;
            background-size: 100%;
            background-position: top !important;
            border-radius: 0
        }

            .image-slider .hero ul li .cloud {
                background-size: 130%
            }

        .image-slider .hero h1.script-font {
            text-shadow: none;
            font-size: 54px;
            line-height: 40px;
            color: #1268bb
        }

        .image-slider .hero h1.slider-title {
            color: #1268bb
        }

        .image-slider .hero h2.script-font {
            color: #005eb8 !important
        }

        .image-slider .hero h2.slider-title {
            letter-spacing: 0;
            line-height: 40px;
            text-shadow: none;
            color: #1268bb !important
        }

        .image-slider .hero .dots {
            display: block;
            filter: none;
            box-shadow: none;
            margin-left: 0
        }

            .image-slider .hero .dots .dot {
                border-width: 3px;
                border-radius: 50%;
                filter: none;
                box-shadow: none;
                margin-left: 0
            }

                .image-slider .hero .dots .dot.active {
                    background: #0064bf
                }

            .image-slider .hero .dots li {
                border: 2px solid #0064bf;
                opacity: 1
            }

        .image-slider .hero p {
            font-size: 12px;
            text-shadow: none;
            margin: 0;
            line-height: 16px;
            font-weight: 400;
            color: #6d6e71
        }

        .image-slider .hero .bottom-message p {
            margin-top: 10px
        }

        .image-slider .hero h1.gray, .image-slider .hero h2.gray, .image-slider .hero p.gray {
            color: #6d6e71 !important
        }

        .image-slider .hero .text-wrapper {
            left: 0;
            width: 100%;
            top: 270px;
            text-align: center !important;
            max-width: 100%;
            right: 0 !important
        }

        .image-slider .hero .btn.btn-primary {
            position: relative;
            margin-top: 15px;
            padding: 5px 40px;
            font-size: 30px;
            box-shadow: inset 0 0 0 4px #fff
        }

        .image-slider .hero .btn.hide-for-medium-up, .image-slider .hero .msg2 .btn.btn-primary {
            text-align: right;
            font-size: 27px;
            line-height: 42px
        }

        .image-slider .hero .msg2 .btn.btn-primary {
            position: relative
        }

    .image-slider img.backgroud-image {
        min-height: initial
    }

    .image-slider .hero .slick-next, .image-slider .hero .slick-prev {
        top: 18%;
        width: 30px;
        height: 40px
    }

    .image-slider .hero .slick-prev {
        background-image: url(../img/new-prev-arrow-transparent.png)
    }

    .image-slider .hero .slick-next {
        background-image: url(../img/new-next-arrow-transparent.png)
    }

    .image-slider .hero .dots li.active, .image-slider .hero .slick-dots li.slick-active {
        background: #0064bf
    }

    .image-slider .hero .dots li, .image-slider .hero .slick-dots li {
        border: 3px solid #0064bf;
        display: inline-block;
        filter: none;
        box-shadow: none;
        margin-left: 0;
        opacity: 1;
        min-height: 10px
    }

    .image-slider .hero .slick-dots {
        height: auto !important;
        bottom: 15px
    }
}

.see-what h1, .see-what h2 {
    margin: 0 0 0 4%;
    color: #20577e;
    font-weight: 500
}

@media screen and (max-width:400px) {
    .image-slider .hero .btn.hide-for-medium-up {
        font-size: 22px
    }
}

.see-what {
    background-image: url(../img/content-bg.jpg)
}

    .see-what > .row {
        max-width: 100% !important;
        width: 96% !important
    }

    .see-what h1 {
        font-family: KleenexSans-Regular;
        font-size: 78px;
        LINE-HEIGHT: .9
    }

    .see-what h2 {
        TEXT-TRANSFORM: UPPERCASE;
        letter-spacing: 2px
    }

    .see-what .card {
        width: 350px;
        margin: 10px;
        float: left;
        padding: 15px;
        background-color: #fff;
        border: 1px solid transparent;
        box-shadow: 0 1px 11px 0 rgba(0,0,0,.2)
    }

        .see-what .card .title {
            color: #bcbcbc
        }

        .see-what .card .media {
            margin-top: 15px;
            border-bottom: 1px solid #eee
        }

            .see-what .card .media > .pull-left {
                margin-right: 10px;
                float: left
            }

            .see-what .card .media .user-name {
                font-weight: 700;
                color: #333
            }

            .see-what .card .media .user-id {
                color: #bcbcbc;
                font-size: 14px
            }

            .see-what .card .media .pull-right {
                float: right
            }

            .see-what .card .media .media-body {
                overflow: hidden;
                zoom: 1
            }

            .see-what .card .media .comment-actions {
                letter-spacing: 36px;
                text-align: center;
                color: #bcbcbc;
                margin-top: 15px
            }

                .see-what .card .media .comment-actions span {
                    font-size: 18px
                }

                    .see-what .card .media .comment-actions span.big-font {
                        font-size: 46px
                    }

.br-theme-kleenex .br-widget {
    height: 25px
}

    .br-theme-kleenex .br-widget a {
        display: block;
        width: 56px;
        height: 18px;
        float: left;
        background-color: #e0e0e0;
        margin: 1px 10px 1px 1px
    }

        .br-theme-kleenex .br-widget a.br-active, .br-theme-kleenex .br-widget a.br-selected {
            background-color: #ff664b
        }

    .br-theme-kleenex .br-widget .br-current-rating {
        line-height: 16px;
        float: left;
        padding: 0;
        color: #1b577c;
        font-size: 13px;
        font-style: italic;
        font-weight: 400
    }

.content.faq .accordion .accordion-navigation .content p, .content.faq .accordion .accordion-navigation > a, .product-detail-component > .columns.medium-4 p {
    font-family: KleenexSans-Regular;
    font-style: normal
}

.br-theme-kleenex .br-readonly a.br-active, .br-theme-kleenex .br-readonly a.br-selected {
    background-color: #1b577c
}

.product-detail-component {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 0 7px 2px rgba(0,0,0,.4);
    display: table
}

    .product-detail-component > .columns {
        display: table-cell;
        height: 100%;
        vertical-align: top
    }

        .product-detail-component > .columns.medium-4 {
            background: url(../img/shadow-top.png) top left no-repeat,url(../img/shadow-bottom.png) bottom left no-repeat,url(../img/shadow-middle.png) center center/contain no-repeat
        }

            .product-detail-component > .columns.medium-4 .btn {
                margin-bottom: 10px
            }

            .product-detail-component > .columns.medium-4 .features-and-benefits h2 {
                color: #222;
                font-size: 1rem;
                font-weight: 700;
                margin-bottom: .3rem
            }

            .product-detail-component > .columns.medium-4 p {
                font-size: 13px;
                padding-left: 15px;
                font-weight: 500;
                color: #1b577c
            }

            .product-detail-component > .columns.medium-4 .item-listing h1, .product-detail-component > .columns.medium-4 .title.content h1 {
                font-family: KleenexSans-Bold;
                font-weight: 500;
                font-style: normal;
                margin-top: 16px;
                line-height: 22px;
                color: #1b577c;
                letter-spacing: 2px;
                margin-left: 10px;
                margin-bottom: 0;
                font-size: 18px;
                text-transform: uppercase
            }

            .product-detail-component > .columns.medium-4 .item-listing h2 {
                font-weight: 400;
                font-size: 18px
            }

    .product-detail-component .product-viewer {
        position: relative
    }

        .product-detail-component .product-viewer .product-img {
            position: absolute;
            width: 69%;
            left: 49%;
            top: 34%;
            -moz-transform: translate(-50%,-25%);
            -o-transform: translate(-50%,-25%);
            -ms-transform: translate(-50%,-25%);
            -webkit-transform: translate(-50%,-25%);
            transform: translate(-50%,-25%)
        }

@media screen and (max-width:640px) {
    .product-detail-component > .columns.medium-4 {
        background: 0 0
    }

        .product-detail-component > .columns.medium-4 dl dt {
            font-size: 20px
        }

        .product-detail-component > .columns.medium-4 dl p {
            padding-left: 0;
            font-size: 16px
        }

        .product-detail-component > .columns.medium-4 .item-listing h2 {
            font-size: 16px
        }
}

@media screen and (min-width:641px) {
    .product-detail-component > .columns {
        float: none
    }
}

.faq.one-column.layer > .row .content-callout {
    padding: 50px
}

.content.faq {
    padding-left: 48px;
    padding-right: 25px;
    padding-top: 25px
}

    .content.faq .faq-group {
        padding-bottom: 0
    }

        .content.faq .faq-group h2 {
            padding-bottom: 8px;
            text-align: left;
            color: #6d6e71;
            font-family: KleenexSans-Bold;
            font-weight: 400;
            font-style: normal;
            font-size: 30px;
            line-height: 1.2
        }

        .content.faq .faq-group hr {
            border-width: 0 0 1px;
            border-bottom: 1px solid #c2c2c2;
            height: 0;
            margin: 20px 12px 0
        }

        .content.faq .faq-group:last-child hr {
            margin-bottom: 100px
        }

    .content.faq .accordion .accordion-navigation > a {
        padding: 4px 4px 4px 12px;
        background: 0 0 !important;
        font-family: KleenexSans-Regular;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        color: #005eb8
    }

        .content.faq .accordion .accordion-navigation > a .fi-play {
            display: inline-block;
            -o-transition: .2s ease-in all;
            -ms-transition: .2s ease-in all;
            -moz-transition: .2s ease-in all;
            -webkit-transition: .2s ease-in all;
            transition: .2s ease-in all
        }

        .content.faq .accordion .accordion-navigation > a[aria-expanded=true] .fi-play {
            -o-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg)
        }

    .content.faq .accordion .accordion-navigation .content {
        background: 0 0;
        padding: 12px 15px 15px 32px
    }

        .content.faq .accordion .accordion-navigation .content p {
            color: #6d6e71;
            margin: 0;
            font-family: KleenexSans-Regular;
            font-weight: 400;
            font-style: normal;
            font-size: 12px
        }

        .content.faq .accordion .accordion-navigation .content a {
            font-family: KleenexSans-Regular;
            font-weight: 400;
            font-style: normal;
            font-size: 12px;
            color: #6d6e71;
            text-decoration: underline
        }

.form-page h1, .form-page h2 {
    margin: 30px 14px 20px;
    font-family: KleenexSans-Bold;
    font-weight: 300;
    line-height: 30px;
    color: #1b577c;
    letter-spacing: 2px;
    font-style: normal
}

@media screen and (max-width:640px) {
    .faq.one-column.layer > .row .content-callout {
        padding: 35px
    }

    .content.faq {
        padding-left: 0;
        padding-right: 0
    }

    .one-column.layer > .row .script-font span {
        font-size: 24px
    }

    .content.faq .faq-group h2 {
        font-size: 20px
    }

    .content.faq .accordion .accordion-navigation > a {
        font-size: 16px
    }
}

.form-page {
    background-color: #fff
}

    .form-page h2 {
        font-size: 25px
    }

    .form-page h1 {
        font-size: 20pt
    }

    .form-page .title {
        font-size: 18px;
        font-weight: 700;
        font-family: Arial
    }

    .form-page .required {
        color: #000
    }

    .form-page span.asterisk {
        color: red !important
    }

    .form-page form {
        margin: 25px 0
    }

        .form-page form label.simple {
            font-size: 16px;
            color: #999;
            font-family: Arial
        }

        .form-page form input {
            font-size: .75rem;
            height: 2rem
        }

    .form-page p {
        font-size: 13px;
        color: #999
    }

    .form-page a {
        display: inline-block
    }

    .form-page .form-group {
        margin-bottom: 20px
    }

        .form-page .form-group.title {
            margin-bottom: 12px
        }

    .form-page .form-page-header {
        padding-top: 35px;
        font-family: KleenexSans-Bold;
        font-weight: 500;
        font-style: normal
    }

        .form-page .form-page-header p {
            color: #1b577c;
            font-size: 16px
        }

        .form-page .form-page-header a {
            color: #f68e56
        }

        .form-page .form-page-header .intro {
            border-right: 1px solid #dde8ee;
            padding-left: 0
        }

            .form-page .form-page-header .intro h1 {
                font-size: 87px;
                margin-bottom: 15px;
                color: #1b577c
            }

            .form-page .form-page-header .intro p:last-child {
                margin: 0
            }

        .form-page .form-page-header .instructions {
            padding: 20px 0 0 35px
        }

    .form-page .consumer-signin-return {
        margin-top: -10px;
        padding-bottom: 20px
    }

    .form-page #signin-page-social-signin-providers td:nth-child(2) table td {
        padding-right: 15px !important
    }

    .form-page.registration h2 {
        margin: 60px 0 10px;
        letter-spacing: normal;
        font-size: 20pt;
        font-weight: 700
    }

    .form-page.registration form h2 {
        margin: 30px 0;
        letter-spacing: 2px;
        line-height: 1.5
    }

    .form-page.registration form .spacer-v {
        margin-top: 20px;
        margin-bottom: 10px;
        display: block
    }

    .form-page.registration .row.spacer-h {
        padding-right: 30px;
        padding-left: 30px
    }

    .form-page.registration .row.tight-v.spacer-h {
        background-image: url(/../img/content-bg.jpg)
    }

    .form-page.registration #social-signin-providers table {
        background: 0 0
    }

.product-selector, .video-gallery {
    background-color: #fff
}

.form-page.registration #Registration-Page-social-signin-providers_page {
    left: -105px;
    position: relative
}

.form-page.registration .consumer-registration .consumer-recaptcha-input {
    clear: both
}

.form-page.profile .consumer-profile .survey-data, .form-page.registration .consumer-ConsumerLinkAccount .survey-data, .form-page.registration .consumer-profile .survey-data, .form-page.registration .consumer-registration .survey-data {
    margin-bottom: 16px;
    clear: both
}

    .form-page.profile .consumer-profile .survey-data label, .form-page.registration .consumer-ConsumerLinkAccount .survey-data label, .form-page.registration .consumer-profile .survey-data label, .form-page.registration .consumer-registration .survey-data label {
        margin-bottom: 20px
    }

.form-page.profile .consumer-profile .consumer-survey .survey-data:not(:first-child) .consumer-input-wrap label, .form-page.registration .consumer-ConsumerLinkAccount .consumer-survey .survey-data:not(:first-child) .consumer-input-wrap label, .form-page.registration .consumer-profile .consumer-survey .survey-data:not(:first-child) .consumer-input-wrap label, .form-page.registration .consumer-registration .consumer-survey .survey-data:not(:first-child) .consumer-input-wrap label {
    float: left;
    width: 17%;
    font-size: 13px;
    margin-right: 15px;
    margin-top: 6px
}

.form-page.profile .consumer-profile .consumer-survey .survey-data:nth-child(8) .consumer-input-wrap label, .form-page.registration .consumer-ConsumerLinkAccount .consumer-survey .survey-data:nth-child(8) .consumer-input-wrap label, .form-page.registration .consumer-profile .consumer-survey .survey-data:nth-child(8) .consumer-input-wrap label, .form-page.registration .consumer-registration .consumer-survey .survey-data:nth-child(8) .consumer-input-wrap label {
    float: none;
    width: auto;
    margin-right: 0;
    font-size: 15pt
}

.form-page.profile .consumer-profile .consumer-survey .survey-data:nth-child(8) .consumer-input-wrap label {
    font-size: 16px
}

.form-page.registration .consumer-ConsumerLinkAccount .consumer-survey #consumer-16_survey146, .form-page.registration .consumer-ConsumerLinkAccount .consumer-survey #consumer-25_survey146, .form-page.registration .consumer-ConsumerLinkAccount .consumer-survey #consumer-7_survey146, .form-page.registration .consumer-ConsumerLinkAccount .consumer-survey #consumer-8_survey146, .form-page.registration .consumer-profile .consumer-survey #consumer-16_survey146, .form-page.registration .consumer-profile .consumer-survey #consumer-25_survey146, .form-page.registration .consumer-profile .consumer-survey #consumer-7_survey146, .form-page.registration .consumer-profile .consumer-survey #consumer-8_survey146, .form-page.registration .consumer-registration .consumer-survey #consumer-16_survey146, .form-page.registration .consumer-registration .consumer-survey #consumer-25_survey146, .form-page.registration .consumer-registration .consumer-survey #consumer-7_survey146, .form-page.registration .consumer-registration .consumer-survey #consumer-8_survey146 {
    margin-top: 0
}

.form-page.registration .consumer-ConsumerLinkAccount .consumer-survey .br-current-rating, .form-page.registration .consumer-ConsumerLinkAccount .consumer-survey .br-theme-kleenex .br-widget a, .form-page.registration .consumer-profile .consumer-survey .br-current-rating, .form-page.registration .consumer-profile .consumer-survey .br-theme-kleenex .br-widget a, .form-page.registration .consumer-registration .consumer-survey .br-current-rating, .form-page.registration .consumer-registration .consumer-survey .br-theme-kleenex .br-widget a {
    margin-top: 4px
}

.form-page.profile .consumer-profile .consumer-survey .consumer-input-wrap div, .form-page.registration .consumer-ConsumerLinkAccount .consumer-survey .consumer-input-wrap div, .form-page.registration .consumer-profile .consumer-survey .consumer-input-wrap div, .form-page.registration .consumer-registration .consumer-survey .consumer-input-wrap div {
    font-family: KleenexSans-Regular;
    font-weight: 500;
    font-style: normal;
    font-size: 13px;
    color: #1b577c
}

.form-page.profile .consumer-profile .consumer-survey .consumer-input-wrap .consumer-checkbox, .form-page.registration .consumer-ConsumerLinkAccount .consumer-survey .consumer-input-wrap .consumer-checkbox, .form-page.registration .consumer-profile .consumer-survey .consumer-input-wrap .consumer-checkbox, .form-page.registration .consumer-registration .consumer-survey .consumer-input-wrap .consumer-checkbox {
    margin-right: 10px
}

.form-page.profile .consumer-profile .consumer-survey .consumer-input-wrap .consumer-checkbox {
    display: inline-block;
    float: none
}

.form-page.profile {
    padding: 0 20px
}

    .form-page.profile h2 {
        margin-left: 0;
        margin-right: 0;
        font-size: 20pt;
        font-weight: 700
    }

.form-page .sign-in-links, .form-page form label {
    font-family: KleenexSans-Regular;
    font-weight: 500
}

.form-page.profile form input[type=checkbox] {
    display: table-cell;
    float: left;
    margin-right: 20px
}

.form-page.profile form label.checkbox {
    display: table-cell
}

.form-page.profile form .spacing-v {
    padding: 20px 0
}

.form-page.profile p {
    font-size: 16px;
    margin-bottom: 10px;
    color: #1b577c
}

.form-page.profile .title {
    font-size: 18px;
    color: #000;
    margin-bottom: 0
}

.form-page.profile .form-group span {
    color: #999;
    font-size: 13px
}

.form-page .sign-in-links {
    color: #4ac4f7;
    font-style: normal
}

.form-page .consumer-gender-input, .form-page .consumer-language-input, .form-page .consumer_country-input {
    display: block
}

.form-page-footer, .form-page-header {
    min-height: 112px;
    background-size: cover
}

.form-page form .large {
    max-width: 600px;
    display: block
}

.form-page form .medium {
    max-width: 360px;
    display: block
}

.form-page form .small {
    max-width: 220px;
    display: block
}

.form-page form .tiny {
    max-width: 100px;
    display: block
}

.form-page form label {
    font-style: normal;
    color: #1b577c;
    font-size: 15pt
}

    .form-page form label.consumer-radiobutton-label, .form-page form label.radio, .video-gallery .script-font sup {
        font-weight: 400;
        font-family: KleenexSans-Regular;
        font-style: normal
    }

    .form-page form label.consumer-radiobutton-label, .form-page form label.radio {
        color: #4d5258;
        vertical-align: top;
        margin-top: 3px
    }

    .form-page form label.checkbox {
        vertical-align: top;
        margin-top: 3px
    }

.form-page form input[type=checkbox], .form-page form input[type=radio] {
    margin: 0
}

@media screen and (max-width:640px) {
    .form-page .form-page-header .instructions {
        padding-left: .9375rem;
        padding-top: 20px
    }

    .form-page.registration h2 {
        margin-top: 20px
    }

    .form-page.registration .intro {
        border-right: none
    }

    .form-page.registration .consumer-ConsumerLinkAccount .consumer-survey .br-current-rating, .form-page.registration .consumer-profile .consumer-survey .br-current-rating, .form-page.registration .consumer-registration .consumer-survey .br-current-rating {
        float: right;
        padding-right: 0
    }

    .form-page.registration .consumer-ConsumerLinkAccount .consumer-survey .survey-data:not(:first-child) .consumer-input-wrap label, .form-page.registration .consumer-profile .consumer-survey .survey-data:not(:first-child) .consumer-input-wrap label, .form-page.registration .consumer-registration .consumer-survey .survey-data:not(:first-child) .consumer-input-wrap label {
        width: 32%;
        word-wrap: break-word
    }

    .form-page.registration .consumer-ConsumerLinkAccount .consumer-survey .survey-data:nth-child(8) .consumer-input-wrap label, .form-page.registration .consumer-profile .consumer-survey .survey-data:nth-child(8) .consumer-input-wrap label, .form-page.registration .consumer-registration .consumer-survey .survey-data:nth-child(8) .consumer-input-wrap label {
        width: auto
    }
}

@media screen and (max-width:480px) {
    .content.form-page h2 {
        margin-left: 0
    }

    .content.form-page > .row {
        padding: 0 15px
    }
}

.product-selector .slidable.item-list li > img {
    max-height: 200px;
    padding-top: 20px;
    width: auto;
    max-width: 250px
}

.product-selector img {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none
}

.product-selector .product-viewer .product-img {
    max-width: 300px
}

.product-selector img::selection {
    background-color: transparent
}

.product-selector .item-listing {
    margin: 0 auto
}

    .product-selector .item-listing .next, .product-selector .item-listing .prev {
        font-size: 100px;
        top: 50%;
        transform: translate(0,-50%);
        padding: 0 8px
    }

    .product-selector .item-listing .item-list {
        overflow: hidden;
        white-space: nowrap;
        margin: 0 auto;
        float: none;
        border: none
    }

        .product-selector .item-listing .item-list li {
            width: 20%;
            text-align: center;
            border-top: 0
        }

.product-selector ul.item-list {
    list-style: none;
    margin-left: 10px
}

    .product-selector ul.item-list li {
        display: inline-block
    }

@media screen and (min-width:641px) {
    .product-selector .item-listing .item-list li:hover {
        background: url(../img/top-shadow-blue.png) top left no-repeat;
        background-size: 100%;
        border: none
    }
}

.product-selector .item-listing .item-list li span {
    text-transform: uppercase;
    display: table !important;
    white-space: normal;
    margin: 10px auto 0;
    line-height: 16px;
    height: 48px;
    padding: 0 20px
}

.product-selector .cat1, .product-selector .cat2, .product-selector .cat3, .product-selector .cat4 {
    height: 15px;
    margin-top: 15px
}

.product-selector .cat1 {
    background-color: #80d4f7
}

.product-selector .cat2 {
    background-color: #62b5bc
}

.product-selector .cat3 {
    background-color: #1f83d6
}

.product-selector .cat4 {
    background-color: #ce56ee
}

.message-of-care, .message-of-care .coupon, .video-reviews {
    background-color: #fff
}

.product-selector .product-sumary {
    text-align: center
}

    .product-selector .product-sumary h2 {
        font-size: 16px;
        margin-top: 0;
        letter-spacing: 0;
        margin-left: 0
    }

    .product-selector .product-sumary a, .product-selector .product-sumary p {
        font-size: 12px
    }

    .product-selector .product-sumary a {
        color: #80d4f7;
        font-family: KleenexSans-Regular;
        font-weight: 500;
        font-style: normal
    }

@media screen and (min-width:641px) {
    .product-selector .product-sumary .short-description {
        text-align: left;
        display: none
    }
}

.product-selector .product-sumary .rating {
    margin: 20px auto 0
}

    .product-selector .product-sumary .rating p {
        text-transform: uppercase
    }

.store-retailer {
    margin-bottom: 30px;
    padding-right: 30px
}

    .store-retailer p {
        margin: 10px 0 0 10px
    }

    .store-retailer h2 {
        font-size: 16px;
        border-bottom: 2px solid #d3d3d3;
        padding-bottom: 10px;
        text-transform: uppercase
    }

    .store-retailer .columns {
        text-align: center;
        margin-top: 25px;
        padding: 0;
        float: left !important
    }

        .store-retailer .columns .btn-find {
            width: auto;
            padding: 3px 5px;
            font-size: 12px;
            text-transform: none;
            letter-spacing: 0;
            border-radius: 3px;
            font-weight: 700
        }

.online-retailer h1, .video-reviews h2 {
    text-transform: uppercase
}

.online-retailer .product-title, .store-retailer .store-search #search-zip {
    font-weight: 500;
    font-family: KleenexSans-Regular;
    font-style: normal
}

.store-retailer .store-search {
    border-bottom: 2px solid #d3d3d3;
    margin: 10px 0 0 10px;
    padding-bottom: 3px
}

    .store-retailer .store-search #search-zip {
        width: 32%;
        padding: 5px;
        height: 15px;
        font-size: 12px;
        float: left;
        margin-right: 15px;
        margin-left: 5px;
        color: #20577e
    }

    .store-retailer .store-search .search-icon {
        display: inline-block;
        width: 28px;
        height: 27px;
        background-size: cover;
        background-position: center
    }

    .store-retailer .store-search ::-webkit-input-placeholder {
        color: #20577e
    }

    .store-retailer .store-search ::-moz-placeholder {
        color: #20577e
    }

    .store-retailer .store-search :-ms-input-placeholder {
        color: #20577e
    }

    .store-retailer .store-search input:-moz-placeholder {
        color: #20577e
    }

.online-retailer {
    margin-top: 50px
}

    .online-retailer .medium-12 {
        padding: 20px 0;
        border-bottom: 2px solid #d3d3d3;
        float: left !important
    }

        .online-retailer .medium-12:last-child {
            margin-bottom: 40px
        }

    .online-retailer .large-8, .online-retailer .medium-5, .online-retailer .medium-7 {
        padding-left: 0
    }

    .online-retailer img {
        max-height: 70px
    }

    .online-retailer h2 {
        font-size: 14px;
        border-bottom: 2px solid #d3d3d3;
        padding-bottom: 10px;
        margin-left: 0
    }

    .online-retailer .product-title {
        font-size: 12px;
        display: block;
        text-align: left;
        margin: 10px 0
    }

    .online-retailer .expand {
        clear: none;
        float: right;
        font-size: 18px;
        letter-spacing: 0;
        padding: 0 8px;
        top: 10px;
        width: 28px
    }

    .online-retailer .store-expand {
        padding: 0;
        margin-top: 10px
    }

        .online-retailer .store-expand .btn {
            clear: none;
            float: right;
            padding: 5px 25px;
            position: relative;
            top: 4px
        }

@media screen and (min-width:641px) and (max-width:810px) {
    .store-retailer .columns img {
        height: 60px
    }

    .store-retailer .columns .btn-find {
        font-size: 9px;
        padding: 3px
    }

    .store-retailer .store-search #search-zip {
        width: 50%
    }

    .online-retailer .store-expand .btn {
        font-size: 10px
    }
}

@media screen and (min-width:641px) and (max-width:780px) {
    .product-selector .item-listing .item-list li span {
        padding: 0 10px;
        height: 64px
    }

    .product-selector .rating {
        text-align: center
    }

        .product-selector .rating .left, .product-selector .rating .right {
            float: none !important
        }

        .product-selector .rating .starRating {
            display: inline-block
        }

    .online-retailer .store-expand .btn {
        padding: 5px 12px;
        top: 14px
    }

    .online-retailer .expand {
        top: 0
    }
}

@media screen and (max-width:640px) {
    .product-selector .starRating {
        float: left;
        top: 6px;
        position: relative
    }

    .product-selector .item-listing {
        margin: 0 auto 20px
    }

        .product-selector .item-listing .item-list li {
            width: 100%;
            text-align: center;
            border-top: 0
        }

    .product-selector .short-description {
        display: none
    }

        .product-selector .short-description h2 {
            text-transform: uppercase
        }

    .product-selector .product-sumary .rating {
        margin: 5px auto 0
    }

        .product-selector .product-sumary .rating p {
            white-space: initial;
            display: initial;
            margin: 0 15px
        }

    .product-selector .cat1, .product-selector .cat2 {
        margin-top: 10px
    }

    .store-retailer {
        margin-top: 0
    }

        .store-retailer h2 {
            text-align: left
        }

        .store-retailer .columns {
            margin-top: 10px
        }

            .store-retailer .columns .btn-find {
                font-size: 10px;
                padding: 3px 10px
            }

        .store-retailer .store-search #search-zip {
            width: 75%;
            margin-left: 0
        }

    .online-retailer {
        padding: 0 30px 0 25px
    }

        .online-retailer .small-6 {
            padding-left: 0;
            margin: 15px 0;
            height: 40px
        }

        .online-retailer .small-12 {
            border-bottom: 2px solid #d3d3d3;
            margin-bottom: 10px;
            padding-bottom: 10px;
            float: left
        }

    section.livefyre .online-retailer .small-12 {
        text-align: center
    }

    .online-retailer .small-12:last-child {
        border-bottom: none
    }

    .online-retailer h2 {
        text-align: left
    }

    .online-retailer img {
        max-height: 40px
    }
}

@media screen and (max-width:348px) {
    .product-selector .product-sumary .rating p {
        margin: 0 5px
    }

    .product-selector .product-sumary .rating img {
        margin-left: 20px
    }
}

.video-reviews {
    padding: 30px 10px
}

    .video-reviews h2 {
        padding-bottom: 10px;
        border-bottom: 2px solid #d3d3d3;
        margin: 0 30px 25px;
        font-size: 25px
    }

    .video-reviews p {
        color: #636372;
        margin-bottom: 6px;
        font-size: 13px;
        white-space: normal;
        text-align: left;
        margin-left: 5px;
        -ms-word-break: break-word;
        word-break: break-word
    }

    .video-reviews .starRating {
        float: left
    }

    .video-reviews .simple-slider-component.item-listing .next, .video-reviews .simple-slider-component.item-listing .prev {
        top: 55%;
        font-size: 100px
    }

        .video-reviews .simple-slider-component.item-listing .next img, .video-reviews .simple-slider-component.item-listing .prev img {
            width: 80%;
            position: relative
        }

        .video-reviews .simple-slider-component.item-listing .next img {
            left: 10px
        }

        .video-reviews .simple-slider-component.item-listing .prev img {
            right: 10px
        }

    .video-reviews .medium-6 {
        padding: 0
    }

    .video-reviews .slidable {
        margin: 0 auto;
        float: none;
        padding-right: 20px
    }

    .video-reviews .item-listing .item-list {
        border-top: none
    }

        .video-reviews .item-listing .item-list li {
            width: 33.33333%;
            margin-right: 13px;
            vertical-align: top
        }

            .video-reviews .item-listing .item-list li:hover {
                border-color: transparent
            }

            .video-reviews .item-listing .item-list li img {
                width: auto
            }

    .video-reviews item-listing .item-list li a img {
        height: 95px;
        width: auto
    }

.reveal-modal.video-review-modal {
    background: #fff;
    padding: 0;
    border-radius: 0
}

    .reveal-modal.video-review-modal > :last-child {
        padding: 10px 10px 20px 30px
    }

    .reveal-modal.video-review-modal p {
        color: #777;
        font-size: 9px
    }

    .reveal-modal.video-review-modal h2, .reveal-modal.video-review-modal h3 {
        color: #4b98a5
    }

    .reveal-modal.video-review-modal h2 {
        letter-spacing: 0;
        font-size: 22px;
        margin-top: 10px;
        margin-bottom: 10px
    }

    .reveal-modal.video-review-modal h3 {
        font-size: 14px;
        font-style: normal;
        padding-left: 0;
        padding-right: 0
    }

    .reveal-modal.video-review-modal .video-review-list {
        border-left: 1px dashed #636372;
        margin-top: 20px
    }

    .reveal-modal.video-review-modal .modal-title {
        padding: 10px;
        background-size: cover
    }

    .reveal-modal.video-review-modal .close-reveal-modal {
        top: 6px !important;
        right: 20px !important;
        display: inline;
        width: 32px
    }

    .reveal-modal.video-review-modal .video-detail {
        padding: 0 10px 10px;
        margin-top: 20px
    }

        .reveal-modal.video-review-modal .video-detail .clearfix, .reveal-modal.video-review-modal .video-detail p {
            padding: 0 20px
        }

        .reveal-modal.video-review-modal .video-detail p {
            font-style: italic;
            font-size: 12px
        }

    .reveal-modal.video-review-modal .flex-video.widescreen {
        padding-bottom: 75%
    }

    .reveal-modal.video-review-modal .video-list {
        height: 450px
    }

        .reveal-modal.video-review-modal .video-list .jspVerticalBar {
            right: 18px
        }

    .reveal-modal.video-review-modal .video-item {
        border-bottom: 1px solid #d1e9eb;
        padding: 10px 0;
        float: left
    }

        .reveal-modal.video-review-modal .video-item div, .reveal-modal.video-review-modal .video-item img {
            padding-left: 0
        }

        .reveal-modal.video-review-modal .video-item p {
            margin-bottom: 0
        }

@media screen and (min-width:1024px) {
    .video-reviews .simple-slider-component.item-listing .next, .video-reviews .simple-slider-component.item-listing .prev {
        top: -15px !important
    }

    .form-page .title {
        white-space: nowrap
    }

    a.Terms-Link {
        margin-left: 12px;
    }
}

@media screen and (min-width:641px) and (max-width:880px) {
    .reveal-modal.video-review-modal .video-detail img {
        width: 100px;
        float: left !important;
        margin-bottom: 10px
    }

    .reveal-modal.video-review-modal .video-list .jspVerticalBar {
        right: 10px
    }

    .video-reviews .starRating {
        width: 85px
    }

        .video-reviews .starRating label {
            margin: 0
        }
}

@media screen and (max-width:640px) {
    .video-reviews h2 {
        border-bottom: none
    }

    .video-reviews .next, .video-reviews .prev {
        top: 10px !important
    }

    .video-reviews p {
        font-size: 22px;
        margin-top: 10px
    }

    .video-reviews .video-mobile-slider {
        text-align: center;
        width: 100%
    }

        .video-reviews .video-mobile-slider.item-list li {
            width: 100% !important;
            text-align: center;
            border-top: 0;
            margin-left: 40px
        }

            .video-reviews .video-mobile-slider.item-list li img {
                width: 60%
            }

            .video-reviews .video-mobile-slider.item-list li > .medium-6 {
                width: 100%
            }

    .video-reviews .starRating {
        float: none;
        display: inline-block
    }

    .reveal-modal.video-review-modal {
        width: 80%;
        left: 10%
    }

        .reveal-modal.video-review-modal .video-review-list {
            border: none
        }

        .reveal-modal.video-review-modal h2 {
            text-align: left
        }

        .reveal-modal.video-review-modal .video-detail img {
            float: left !important;
            margin-bottom: 10px
        }

        .reveal-modal.video-review-modal .video-detail .clearfix {
            padding: 0 5px
        }

        .reveal-modal.video-review-modal .video-detail p {
            border-bottom: 1px dashed #636372;
            padding-bottom: 20px;
            padding-left: 5px;
            margin-bottom: 0
        }

        .reveal-modal.video-review-modal .video-list .jspVerticalBar {
            right: 0
        }

        .reveal-modal.video-review-modal > :last-child {
            padding: 10px 10px 20px 15px
        }
}

@media screen and (max-width:345px) {
    .video-reviews #slider-next .bx-next {
        left: 15px;
        position: relative
    }

    .video-reviews #slider-prev .bx-prev {
        left: -15px;
        position: relative
    }
}

.message-of-care {
    box-sizing: border-box
}

    .message-of-care .video-gallery-moc {
        background-repeat: no-repeat;
        background-size: cover;
        padding: 20px 25px
    }

        .message-of-care .video-gallery-moc a {
            float: right;
            font-size: 13px;
            font-style: normal;
            color: #20577e
        }

        .message-of-care .video-gallery-moc h2 {
            display: inline-block;
            margin: 0;
            letter-spacing: 0
        }

            .message-of-care .video-gallery-moc h2.script-font {
                top: 8px;
                position: relative
            }

        .message-of-care .video-gallery-moc p {
            font-size: 12px;
            margin-top: 10px;
            margin-bottom: 10px
        }

        .message-of-care .video-gallery-moc sup {
            top: -3.5px
        }

        .message-of-care .video-gallery-moc .small-4 {
            margin-bottom: 10px
        }

            .message-of-care .video-gallery-moc .small-4 img {
                cursor: pointer
            }

            .message-of-care .video-gallery-moc .small-4 p {
                font-size: 12px;
                margin-bottom: 5px;
                margin-left: 5px;
                text-transform: capitalize
            }

    .message-of-care .coupon .bgwrapper {
        background-repeat: no-repeat;
        background-size: cover;
        height: auto;
        float: left;
        min-height: 550px;
        text-align: center;
        width: 100%
    }

    .message-of-care .coupon .script-font {
        text-align: left;
        padding-left: 130px;
        padding-top: 48px
    }

    .message-of-care .coupon p {
        font-weight: 700;
        padding-left: 11rem;
        padding-top: 10px;
        text-align: left;
        width: 93%
    }

    .message-of-care .coupon a.btn {
        margin-top: 30px
    }

    .message-of-care .feed-messages {
        background-size: cover;
        padding-left: 40px;
        padding-top: 10px;
        margin-top: 15px
    }

        .message-of-care .feed-messages h2 {
            display: inline-block;
            margin: 0;
            letter-spacing: 0
        }

            .message-of-care .feed-messages h2.script-font {
                top: 8px;
                position: relative;
                margin-right: 10px !important
            }

        .message-of-care .feed-messages p {
            font-size: 12px;
            margin-top: 10px;
            margin-bottom: 10px
        }

        .message-of-care .feed-messages sup {
            top: -3.5px
        }

@media screen and (max-width:1430px) {
    .message-of-care .coupon .script-font, .message-of-care .coupon p {
        padding-left: 9rem
    }
}

@media screen and (max-width:1145px) {
    .message-of-care .coupon .script-font {
        padding-left: 7rem
    }

    .message-of-care .coupon p {
        padding-left: 5rem
    }
}

@media screen and (min-width:641px) and (max-width:769px) {
    .message-of-care .coupon .bgwrapper {
        overflow: hidden;
        text-align: center
    }

    .message-of-care .coupon .script-font, .message-of-care .coupon p {
        padding: 20px 25px;
        width: 100%
    }

    .message-of-care .coupon > a.btn {
        white-space: normal
    }
}

@media screen and (min-width:641px) {
    .message-of-care .coupon {
        padding-right: 0
    }
}

@media screen and (min-width:641px) and (max-width:728px) {
    .message-of-care .video-gallery-moc .small-4 p {
        height: 40px;
        overflow: hidden;
        text-align: center
    }
}

@media screen and (max-width:640px) {
    .message-of-care .feed-messages .script-font, .message-of-care .video-gallery-moc .script-font {
        font-size: 40px;
        top: 4px !important
    }

    .message-of-care .video-gallery-moc .small-4 {
        padding: 0 5px
    }

        .message-of-care .video-gallery-moc .small-4 p {
            height: 40px;
            overflow: hidden;
            text-align: center
        }

    .message-of-care .video-gallery-moc .small-10 {
        padding-right: 5px
    }

    .message-of-care .coupon {
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: center
    }

    .message-of-care .feed-messages {
        padding-left: 20px
    }
}

@media print {
    .content.three-column.same-height-component .columns:nth-child(2) .product, .product-selector .short-description .rating {
        text-align: center
    }

    @page {
        margin-top: 50px
    }

    .wrapper {
        padding: 30px
    }

    .header {
        border-top: 0;
        position: relative
    }

        .header .print-only {
            margin-bottom: 20px
        }

    a {
        text-decoration: none
    }

    h3 {
        font-size: 12pt
    }

    .content .btn, .footer, .form-page-footer, .hide-for-medium-up, .image-slider, .one-column .btn, .primary-nav, .product-detail-component .btn, .show-for-medium-up.online-retailer, .show-for-small-only, .starRating, .store-search, .three-column .btn {
        display: none
    }

    .content p {
        font-size: 9pt
    }

    .content .script-font, .content h2 .script-font, .content.two-column h2.script-font.big {
        font-size: 36pt
    }

    .content h2 {
        font-size: 12pt
    }

        .content h2.big {
            font-size: 15pt
        }

    .content .product {
        display: block
    }

        .content .product .img-wrapper img {
            height: auto;
            max-height: 100px
        }

    .content.two-column .product {
        margin: 0 0 30px
    }

    .content.two-column h2 {
        font-size: 12pt
    }

    .layer.one-column.content-right {
        margin-bottom: 20px
    }

        .layer.one-column.content-right .script-font.margin-zero {
            font-size: 36pt
        }

        .content.three-column .three-column-title, .layer.one-column.content-right .coupon-body > h2 {
            font-size: 12pt
        }

    .next, .prev {
        display: none !important
    }

    .five-column, .one-column, .three-column, .two-column, .video-reviews, input, select {
        page-break-inside: avoid
    }

    .content.three-column, .content.three-column .tight-v {
        padding: 0
    }

        .content.three-column.same-height-component .columns {
            width: 40%;
            float: left
        }

            .content.three-column.same-height-component .columns:nth-child(2) {
                width: 20%;
                padding: 0
            }

                .content.three-column.same-height-component .columns:nth-child(2) .product .img-wrapper, .content.three-column.same-height-component .columns:nth-child(2) .product .sub.title {
                    display: block
                }

    .message-of-care .coupon .show-for-small-only, .product-detail-component > .columns.medium-4 .btn, .product-detail-component > .columns.medium-4 .tip.show-for-medium-up, .product-selector .short-description {
        display: none
    }

    .content.three-column.blue h2 {
        margin-bottom: 25px
    }

    .content.three-column.blue .large-4 {
        width: 33.3333%
    }

        .content.three-column.blue .large-4 .product {
            margin: 0 auto
        }

            .content.three-column.blue .large-4 .product .img-wrapper.medium-4 {
                padding: 0;
                height: 200px
            }

                .content.three-column.blue .large-4 .product .img-wrapper.medium-4 img {
                    max-height: 200px
                }

    .content.three-column .product .img-wrapper, .content.three-column .product.no-image {
        height: auto
    }

    .content.three-column .product .title {
        padding-top: 0
    }

        .content.three-column .product .title.medium-8 .script-font {
            font-size: 36pt
        }

    .one-column.layer > .row {
        margin-bottom: 20px
    }

        .one-column.layer > .row p {
            font-size: 9pt
        }

        .one-column.layer > .row .content-callout {
            padding: 0
        }

            .one-column.layer > .row .content-callout img {
                width: 100px;
                min-width: 100px
            }

        .one-column.layer > .row h1.xx-large, .one-column.layer > .row h2.xx-large, .one-column.layer > .row h4.xx-large {
            font-size: 20pt
        }

        .one-column.layer > .row .script-font {
            font-size: 36pt;
            margin-bottom: 10px
        }

        .one-column.layer > .row h2.large, .product-detail-component > .columns.medium-4 dt {
            font-size: 12pt
        }

    .content.five-column .large-3 {
        width: 30%
    }

        .content.five-column .large-3 .tight-h {
            width: 100%
        }

    .content.five-column .large-9 {
        width: 70%
    }

        .content.five-column .large-9 .large-3 {
            width: 25%
        }

        .content.five-column .large-9 a[href]:after {
            content: none !important
        }

    .product-detail-component {
        margin-bottom: 0
    }

        .product-detail-component .medium-8 {
            width: 66.6666%
        }

        .product-detail-component > .columns.medium-4 {
            width: 33.3333%
        }

            .product-detail-component > .columns.medium-4 dl p {
                font-size: 9pt !important;
                padding-left: 0
            }

    .video-reviews {
        padding-bottom: 0
    }

        .video-reviews h2 {
            margin: 0
        }

    .blue-light, .blue-petals {
        width: 50%;
        padding: 0 15px;
        margin-bottom: 20px
    }

        .blue-light h1, .blue-petals h1, .show-for-small-only.online-retailer h2 {
            margin-bottom: 10px
        }

    .message-of-care .video-gallery-moc {
        width: 75%;
        padding: 0
    }

        .message-of-care .video-gallery-moc .small-4 {
            width: 33.3333%
        }

        .message-of-care .video-gallery-moc a {
            float: none
        }

    .message-of-care .coupon {
        width: 25%;
        padding-top: 10px
    }

    .message-of-care .feed-messages {
        padding-left: 0
    }

    .product-selector .medium-6 {
        width: 50%;
        padding: 0
    }

    .product-selector .product-sumary {
        text-align: left
    }

        .product-selector .product-sumary .show-for-medium-up {
            display: block;
            width: 90%
        }

        .product-selector .product-sumary p.right {
            float: none !important
        }

    .store-retailer {
        padding-right: 0
    }

        .store-retailer .columns {
            width: 20%
        }

            .store-retailer .columns:not(:nth-child(4n)) {
                margin-right: 15px
            }

            .store-retailer .columns:nth-child(4n+1) {
                margin-left: 10px
            }

    .show-for-small-only.online-retailer {
        display: block !important;
        padding-left: .9375rem;
        margin-left: 10px;
        padding-right: 10px
    }

        .show-for-small-only.online-retailer .small-6 {
            width: 33%;
            margin: 10px 0
        }

    .faq.one-column.layer > .row .content-callout {
        padding: 10px
    }

    .content.faq, .content.faq .faq-group, .history-container .history1 .description, .history-container .history4 .columns, .history-container .history6, .video-gallery .gallery-desc {
        padding: 0
    }

    .faq.one-column.layer > .row .content-callout p {
        width: 100%
    }

    .content.faq .accordion .accordion-navigation .content {
        display: block !important
    }

        .content.faq .accordion .accordion-navigation .content a, .content.faq .accordion .accordion-navigation > a .fi-play, .history-container #collapse, .history-container #expand, .history-container .history-5, .history-container .history-6, .history-container .history1-bg, .history-container .social-media, .history-container a, .history-container img, .video-gallery .video-list .play-button {
            display: none
        }

    .form-page-header {
        min-height: 0
    }

    .form-page select {
        width: 80px
    }

    .form-page .form-page-header .intro {
        border-right: none
    }

    .form-page.registration h2 {
        margin-top: 10px
    }

    .video-gallery .video-list .video-item {
        width: 33.3333%
    }

    .history-container .title {
        font-size: 12pt
    }

    .history-container .history6 .msg {
        font-size: 12pt;
        margin-bottom: 5px;
        position: relative;
        top: -5px
    }

    .history-container .history6 .script-font {
        margin-bottom: 0
    }

    .history-container .slide {
        display: block !important
    }

    .history-container .history-wrapper {
        padding-left: 0
    }

    .history-container .history2 p, .history-container .history3 p {
        margin-top: 0;
        float: none;
        width: 100%
    }

    .history-container .history2, .history-container .history3, .history-container .history4, .history-container .history5, .history-container .history6, .history-container .history7 {
        height: auto;
        margin-top: 0
    }

    .coupon-body {
        margin-left: 25px;
        margin-top: 25px
    }

        .coupon-body a:link:after, .coupon-body a:visited:after {
            content: " [" attr(href) "] "
        }

        .coupon-body p {
            font-family: KleenexSans-Regular;
            font-weight: 500;
            font-style: normal
        }
}

.error-page h1, .error-page p {
    font-family: KleenexSans-Regular;
    font-weight: 400;
    color: #20577e;
    font-style: normal
}

#contentWrapper #programDiv {
    background: 0 0 !important;
    max-width: 100% !important
}

    #contentWrapper #programDiv #coupon {
        background: #fff;
        margin: 0 auto;
        max-width: 700px;
        padding-top: 40px
    }

.error-page {
    min-height: 550px;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 56%;
    margin: 0 auto;
    padding: 0
}

    .error-page > .row {
        padding: 0
    }

    .error-page h1 {
        font-size: 58px;
        padding-top: 0
    }

    .error-page p {
        font-size: 22px
    }

        .error-page p.small {
            font-size: 16px
        }

    .error-page .error-text {
        display: table;
        background-color: #fff
    }

    .error-page .error-text-wrapper {
        display: table-cell;
        vertical-align: middle
    }

    .error-page .button.primary {
        font-size: 12px;
        padding: 13px 37px;
        transition: none;
        margin-bottom: 30px
    }

    .error-page .gradient {
        min-height: 550px;
        float: left !important;
        background: #fff;
        background: -moz-linear-gradient(left,#fff 65%,rgba(255,255,255,.01) 100%,rgba(255,255,255,.01) 100%);
        background: -webkit-gradient(left top,right top,color-stop(65%,#fff),color-stop(100%,rgba(255,255,255,.01)),color-stop(100%,rgba(255,255,255,.01)));
        background: -webkit-linear-gradient(left,#fff 65%,rgba(255,255,255,.01) 100%,rgba(255,255,255,.01) 100%);
        background: -o-linear-gradient(left,#fff 65%,rgba(255,255,255,.01) 100%,rgba(255,255,255,.01) 100%);
        background: -ms-linear-gradient(left,#fff 65%,rgba(255,255,255,.01) 100%,rgba(255,255,255,.01) 100%);
        background: linear-gradient(to right,#fff 65%,rgba(255,255,255,.01) 100%,rgba(255,255,255,.01) 100%)
    }

    .error-page .gradient-mobile {
        height: 75px;
        width: 100%;
        position: absolute;
        background: #fff;
        background: -moz-linear-gradient(top,#fff 14%,rgba(255,255,255,.51) 57%,rgba(255,255,255,.01) 100%);
        background: -webkit-gradient(left top,left bottom,color-stop(14%,#fff),color-stop(57%,rgba(255,255,255,.51)),color-stop(100%,rgba(255,255,255,.01)));
        background: -webkit-linear-gradient(top,#fff 14%,rgba(255,255,255,.51) 57%,rgba(255,255,255,.01) 100%);
        background: -o-linear-gradient(top,#fff 14%,rgba(255,255,255,.51) 57%,rgba(255,255,255,.01) 100%);
        background: -ms-linear-gradient(top,#fff 14%,rgba(255,255,255,.51) 57%,rgba(255,255,255,.01) 100%);
        background: linear-gradient(to bottom,#fff 14%,rgba(255,255,255,.51) 57%,rgba(255,255,255,.01) 100%)
    }

@media screen and (min-width:1201px) {
    .error-page {
        max-height: 550px
    }

    .error-text {
        height: 550px
    }
}

@media screen and (min-width:641px) and (max-width:1200px) {
    .error-page {
        min-height: auto
    }
}

@media screen and (max-width:940px) {
    .error-page, .error-page .gradient {
        min-height: 430px
    }

        .error-page h1 {
            padding-top: 20px
        }
}

@media screen and (max-width:700px) {
    .error-page h1 {
        padding-top: 0
    }
}

@media screen and (max-width:640px) {
    .error-page {
        background-position: bottom right;
        background-size: 100%;
        background-image: none !important
    }

        .error-page .button.primary {
            margin-bottom: 15px
        }

        .error-page .error-text {
            display: block
        }

        .error-page .error-text-wrapper {
            padding-left: .9375rem;
            padding-right: .9375rem
        }

        .error-page .img-responsive.show-for-small-only {
            margin: 0 auto
        }

    section.livefyre .app-container {
        margin-right: 0 !important
    }
}

section.livefyre .app-container {
    max-width: 1200px
}

section.livefyre .online-retailer h1, section.livefyre .online-retailer h2 {
    color: #0063be !important;
    font-size: 28px !important;
    font-weight: 100 !important;
    line-height: .7 !important
}

    section.livefyre .online-retailer h1.script-font, section.livefyre .online-retailer h2.script-font {
        font-family: KleenexSans-Regular !important;
        font-weight: 400;
        font-style: normal;
        font-size: 25px !important;
        display: inline-block
    }

    section.livefyre .online-retailer h1.script-font {
        text-transform: lowercase;
        font-size: 30px !important;
        margin-right: 10px
    }

    section.livefyre .online-retailer h1.slider-title, section.livefyre .online-retailer h2.slider-title {
        font-size: 62px !important;
        font-family: KleenexSans-Regular;
        display: inline-block;
        margin: 0
    }

section.livefyre {
    padding-bottom: 50px
}

    section.livefyre .online-retailer h2 {
        border-bottom: medium none !important
    }

    section.livefyre .online-retailer .hub-content-container:nth-child(2n) .content {
        background-color: #1972c4;
        border: none;
        border-radius: 10px
    }

    section.livefyre .online-retailer .hub-content-container:nth-child(2n+1) .content {
        background-color: #19b2d6;
        border: none;
        border-radius: 10px
    }

    section.livefyre .online-retailer .hub-content-container:nth-child(2n) .content p {
        text-align: center
    }

    section.livefyre .online-retailer .content-default .content-author-username, section.livefyre .online-retailer .content-default .content-author-username a, section.livefyre .online-retailer .content-default .content-created-at, section.livefyre .online-retailer .content-default .content-created-at a, section.livefyre .online-retailer .content-default .content-footer .hub-btn, section.livefyre .online-retailer .content-default .content-footer .hub-btn-link::before, section.livefyre .online-retailer article.content .content-byline .content-author-name a, section.livefyre .online-retailer article.content a, section.livefyre .online-retailer article.content a.content-author-name {
        color: #fff
    }

[data-lf-package~="streamhub-wall#4.3.2"] .hub-modal .content-attachments-gallery-next-btn, [data-lf-package~="streamhub-wall#4.3.2"] .hub-modal .content-attachments-gallery-prev > * {
    padding-left: 10px;
    padding-right: 10px
}

.fyre-stream-more .fyre-stream-more-container, .livefyre .hub-list-more {
    display: none !important
}

.hub-list-more {
    margin-bottom: 20px
}

.bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar-header {
    color: #1b577c !important;
    font-size: 40px !important;
    font-style: normal;
    font-family: KleenexSans-Regular !important;
    font-weight: 100 !important
}

.bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar .bv-write-review {
    color: #fff !important;
    padding: 9px 25px !important;
    border-radius: 0 !important
}

.bv-cleanslate .bv-content-list-container .bv-header .bv-core-container-161 .bv-content-details-container .bv-content-secondary-ratings-label {
    color: #1b577c !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    font-family: KleenexSans-Regular !important;
    font-weight: 500;
    font-style: normal
}

.bv-cleanslate .bv-content-list-container .bv-header .bv-content-title-container .bv-content-title, .bv-cleanslate .bv-content-list-container .bv-header .bv-section-summary .bv-content-title {
    font-size: 18px !important;
    font-weight: 500;
    color: #1b577c !important;
    font-family: KleenexSans-Regular !important;
    font-style: normal
}

.bv-cleanslate .bv-content-list-container .bv-header .bv-content-item-avatar-offset {
    border-bottom: 1px solid #ccdbe3 !important
}

#BVRRContainer {
    max-width: 1200px !important;
    margin: 0 auto !important
}

.productDisclaimer {
    color: #1b577c !important;
    font-size: 14px !important;
    font-family: KleenexSans-Regular !important;
    font-weight: 400;
    font-style: normal;
    max-width: 1200px !important;
    margin: 0 auto 15px !important;
    text-align: left !important
}

.registration-wrapper .btn.btn-primary, .registration-wrapper .crmsurvey .sg-question-title label, .registration-wrapper .crmsurvey .sg-type-table .sg-table thead th, .registration-wrapper .crmsurvey .sg-type-table tbody th, .registration-wrapper .form-page .form-page-header p, .registration-wrapper .form-page form .survey-data label.survey-title, .registration-wrapper .form-page form label, .registration-wrapper .form-page.registration h2, .signin-wrapper .btn.btn-primary, .wrapper.signin-wrapper .ortext, .year-supply-giveaway a.btn, div.btn.btn-primary.show-for-medium-up > a {
    font-family: KleenexSans-Regular
}

.bv-cleanslate .bv-core-container-161 .bv-action-bar {
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-right: 10px !important;
    margin-left: 10px !important
}

div.btn.btn-primary.show-for-medium-up {
    padding: 0
}

    div.btn.btn-primary.show-for-medium-up > a {
        display: inline-block;
        padding: 5px 25px;
        text-transform: lowercase;
        font-weight: 500;
        font-style: normal;
        font-size: 13px;
        letter-spacing: 1px
    }

.content.three-column .btn a:hover {
    background: #fff;
    box-shadow: inset 0 0 0 2px #fff;
    box-sizing: border-box;
    color: #ed7a59
}

section.livefyre .SectionSubtitle p {
    margin-top: 1rem
}

@media screen and (max-width:640px) {
    .image-slider .hero ul li > div.msg2 {
        background: -moz-linear-gradient(45deg,#fff 0,rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(45deg,#fff 0,rgba(255,255,255,0) 100%);
        background: linear-gradient(45deg,#fff 0,rgba(255,255,255,0) 100%)
    }

    .image-slider .hero ul li.content-right > div {
        background: url(../img/cloud.png) right center/cover no-repeat rgba(0,0,0,0)
    }
}

.video-reviews .item-listing .item-list li a img {
    height: 95px;
    width: auto
}

html #main-wrapper #submit-and-message * {
    margin: auto
}

.two-column.layer .product .img-wrapper img {
    height: auto
}

.disney .columns {
    margin: 0 !important;
    padding: 0 !important
}

.wrapper.registration-wrapper {
    background-image: url('../img/big/register bkg.png')
}

.registration-wrapper .form-page-content {
    background-color: #f1f2f2;
    padding-bottom: 20px
}

.registration-wrapper .form-page.registration {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 50px;
    background-color: #fff;
    overflow: hidden;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
}

.registration-wrapper .form-page-header {
    background-color: #68c6b4;
    padding-top: 36px;
    padding-bottom: 54px;
    border-bottom: 3px solid #fff
}

.registration-wrapper .form-page.registration .row.spacer-h {
    padding-right: 86px;
    padding-left: 86px
}

.registration-wrapper .form-page.registration .row.tight-v.spacer-h {
    background-image: none;
    background-color: #f1f2f2
}

.registration-wrapper .form-page.registration .unsubscribe-text {
    margin-top: 50px
}

.registration-wrapper .form-page .form-page-header .intro {
    padding-right: 40px
}

    .registration-wrapper .form-page .form-page-header .intro h1 {
        font-size: 68px;
        color: #fff;
        padding: 9px 0 14px;
        margin: 0;
        line-height: .8
    }

.registration-wrapper .form-page .form-page-header p {
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    font-style: normal
}

.registration-wrapper .form-page .form-page-header a {
    color: #005eb8
}

.registration-wrapper .form-page .form-page-header .instructions {
    padding: 20px 0 0 38px
}

    .registration-wrapper .form-page .form-page-header .instructions p {
        font-size: 11px
    }

.registration-wrapper .form-page.registration h2 {
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    color: #00a9ce;
    margin: 55px 0 0
}

.registration-wrapper .form-page form .large, .registration-wrapper .form-page form .medium {
    display: block;
    max-width: 476px
}

.registration-wrapper .form-page input[type=password], .registration-wrapper .form-page input[type=text] {
    margin-bottom: 0
}

.registration-wrapper .form-page form {
    margin: 22px 0
}

    .registration-wrapper .form-page form label {
        color: #6d6e71;
        font-weight: 400;
        font-style: normal;
        font-size: 16px;
        line-height: 1
    }

        .registration-wrapper .form-page form label[for=email] {
            font-size: 11px
        }

    .registration-wrapper .form-page form select {
        height: 2rem;
        font-size: 11px;
        line-height: 1;
        font-family: KleenexSans-Regular
    }

    .registration-wrapper .form-page form .small {
        display: block;
        font-size: 11px;
        height: 2rem;
        line-height: 1;
        max-width: 276px
    }

    .registration-wrapper .form-page form label.error {
        line-height: 1.5
    }

.registration-wrapper .form-page .form-group {
    margin-bottom: 10px
}

.registration-wrapper .form-page select {
    max-width: 92px;
    background: url(/img/big/select-arrow.png) 90% center no-repeat #fff
}

    .registration-wrapper .form-page select.consumer-state-input {
        padding-right: 35px;
        font-family: KleenexSans-Regular
    }

.passwordIndicator li {
    font-family: KleenexSans-Regular
}

.consumer-buttons a {
    font-family: KleenexSans-Regular
}

.registration-wrapper .form-page .data-of-birth .columns {
    padding-left: 0
}

.registration-wrapper .sg-body, .registration-wrapper .sg-type-table .sg-table .sg-odd-row th, .registration-wrapper .sg-type-table .sg-table tbody th, .registration-wrapper .sg-wrapper {
    background-color: #f1f2f2 !important
}

.registration-wrapper .crmsurvey .sg-type-table .sg-table .sg-even-row th {
    background-color: #fff !important
}

.registration-wrapper .sg-type-table .sg-table .sg-odd-row td {
    background-color: #f1f2f2
}

.registration-wrapper .crmsurvey .sg-question-options table input[type=radio] + label {
    background-color: #ccc;
    margin: 1px 4% 0 0 !important;
    height: 18px;
    width: 21%
}

    .registration-wrapper .crmsurvey .sg-question-options table input[type=radio] + label:hover, .registration-wrapper .crmsurvey .sg-question-options table label.selected {
        background: #ff7253 !important;
        border: 1px solid #ff7253 !important
    }

.registration-wrapper .crmsurvey .sg-question-options table input[type=radio]:last-of-type + label {
    margin-right: 0 !important
}

.registration-wrapper .crmsurvey .sg-question-set {
    margin-top: 0 !important
}

.line-seprator {
    border-bottom: 3px solid #fff;
    padding-bottom: 44px !important
}

.registration-wrapper .form-page.registration .row.spacer-h1 {
    margin: 0 !important;
    padding-left: 75px !important;
    padding-right: 75px !important
}

.registration-wrapper .crmsurvey .sg-question-title {
    font-family: KleenexSans-Regular;
    font-weight: 400 !important;
    font-style: normal;
    font-size: 20px;
    color: #00a9ce;
    letter-spacing: 0;
    line-height: 1.2;
    margin: 26px 0 16px;
    background-color: inherit
}

.registration-wrapper .crmsurvey .sg-type-table .sg-table thead th {
    background-color: #00a9ce !important;
    color: #fff;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    padding: .5em .5em .5em 0
}

.registration-wrapper .sg-question-set {
    margin: 0 !important
}

.registration-wrapper .crmsurvey .sg-type-table .sg-first-cell {
    padding-left: 25px !important;
    width: 31.5% !important;
    padding-top: 12px;
    padding-bottom: 12px
}

.crmsurvey .sg-type-table .sg-table td.radio_btn {
    width: 68% !important
}

.registration-wrapper .crmsurvey .sg-question-title label, .registration-wrapper .crmsurvey .sg-type-table tbody th {
    color: #6d6e71;
    font-weight: 400;
    font-style: normal;
    font-size: 12px
}

.registration-wrapper .form-page.registration .consumer-control h2 {
    letter-spacing: 0;
    line-height: 1.2;
    margin: 34px 0 10px
}

.registration-wrapper .form-page form .survey-data label {
    color: #676e71
}

.registration-wrapper .form-page form .survey-data .consumer-input-wrap label.label-radio {
    color: #6d6e71;
    font-size: 12px;
    margin-bottom: 6px
}

.registration-wrapper .form-page form .survey-data label.survey-title {
    margin-top: 16px !important;
    font-weight: 400;
    font-style: normal;
    font-size: 16px !important;
    line-height: 1.2
}

.form-page.registration .consumer-ConsumerLinkAccount .consumer-survey .consumer-input-wrap div .br-current-rating, .form-page.registration .consumer-profile .consumer-survey .consumer-input-wrap div .br-current-rating, .form-page.registration .consumer-registration .consumer-survey .consumer-input-wrap div .br-current-rating {
    color: #6d6e71
}

.registration-wrapper .form-page form .consumer-input-wrap input[type=radio], .registration-wrapper .form-page form .consumer-survey-input input[type=radio], .registration-wrapper .sg-type-radio ul.sg-list input.sg-input-radio[type=radio] {
    height: 1px;
    position: absolute;
    visibility: hidden;
    width: 1px
}

    .registration-wrapper .form-page form .consumer-input-wrap input[type=radio] + label, .registration-wrapper .form-page form .consumer-survey-input input[type=radio] + label {
        margin-left: 5px;
        margin-right: 42px;
        position: relative
    }

        .registration-wrapper .form-page form .consumer-input-wrap input[type=radio] + label:before, .registration-wrapper .form-page form .consumer-survey-input input[type=radio] + label:before, .registration-wrapper .sg-type-radio ul.sg-list input.sg-input-radio[type=radio] + label:before {
            background: url(/img/big/radio-default.png) no-repeat rgba(0,0,0,0);
            content: " ";
            display: inline-block;
            height: 19px;
            left: -5px;
            position: relative;
            top: 3px;
            width: 19px
        }

        .registration-wrapper .form-page form .consumer-survey-input input[type=radio] + label:before {
            top: 4.5px
        }

    .registration-wrapper .form-page form .consumer-input-wrap input[type=radio]:checked + label:before, .registration-wrapper .form-page form .consumer-survey-input input[type=radio]:checked + label:before, .registration-wrapper .sg-type-radio ul.sg-list input.sg-input-radio[type=radio]:checked + label:before {
        background: url(/img/big/radio-active.png) no-repeat
    }

.registration-wrapper .form-page form input[type=checkbox] {
    height: 1px;
    position: absolute;
    visibility: hidden;
    width: 1px
}

.registration-wrapper .form-page form .survey-data input[type=checkbox] + label {
    margin-top: -4px !important;
    position: relative
}

.registration-wrapper .form-page form .survey-data .consumer-input-wrap div:last-child input[type=checkbox] + label {
    margin-bottom: 0 !important
}

.registration-wrapper .form-page form input[type=checkbox] + label:before {
    background: url(/img/big/checkbox-default.png) no-repeat rgba(0,0,0,0);
    content: " ";
    display: inline-block;
    height: 20px;
    left: -5px;
    position: relative;
    top: 7px;
    width: 20px;
    padding-left: 25px
}

.registration-wrapper .btn.btn-primary, .signin-wrapper .btn.btn-primary {
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    text-transform: lowercase;
    width: 150px;
    padding: 4px 25px 6px;
    letter-spacing: 1px;
    border: 2px solid #ed7a59;
    box-shadow: 0 0 0 2px #fff inset
}

.registration-wrapper .btn.btn-primary {
    border: 2px solid #ed7a59
}

.registration-wrapper .consumer-LinkAccount-button.btn.btn-primary {
    margin-top: 20px
}

.registration-wrapper .btn.btn-primary:hover, .signin-wrapper .btn.btn-primary:hover {
    background: #fff !important;
    color: #ed7a59
}

.registration-wrapper .form-page form .consumer-survey-option label.radio {
    display: block !important;
    margin-bottom: 7px;
    margin-left: 0 !important;
    padding-left: 5px !important;
    font-size: 13px;
    margin-top: 0 !important
}

.form-page.registration .consumer-registration .consumer-survey #consumer-24_survey146 .consumer-survey-option {
    display: inline-block;
    margin-right: 30px
}

.form-page.registration .consumer-input-wrap .small-4.columns {
    padding-left: 0
}

.form-page.registration .consumer-input-wrap label.error[for~=consumer_firstname], .form-page.registration .consumer-input-wrap label.error[for~=consumer_lastname] {
    max-width: 600px
}

#pwindicator {
    display: none
}

#crmSurveyError.tight-v.spacer-h.survey-gizmo-validation-message {
    margin: 0;
    padding-left: 100px;
    padding-top: 5px !important
}

.consumer-control #errorRecaptcha, .form-page form label.error, div.error {
    font-size: 14px;
    font-weight: 400
}

.consumer-control #errorRecaptcha {
    display: inline-block;
    padding: 6px 0 0 !important
}

.data-of-birth .consumer-input-wrap:after {
    display: table;
    content: " ";
    clear: both
}

@media only screen and (max-width:1176px) {
    .registration-wrapper .form-page.registration .row.spacer-h {
        padding-right: 30px;
        padding-left: 30px
    }

    .registration-wrapper .form-page.registration .row.spacer-h1 {
        margin: 0 !important;
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    #crmSurveyError.tight-v.spacer-h.survey-gizmo-validation-message {
        padding-left: 40px
    }
}

@media only screen and (min-width:641px) and (max-width:1024px) {
    .registration-wrapper .right.email-help-txt {
        width: 45%
    }
}

@media only screen and (min-width:320px) and (max-width:640px) {
    .registration-wrapper .form-page.registration .row.spacer-h {
        padding-left: 48px;
        padding-right: 48px
    }

    .form-page .form-page-header .intro {
        border-bottom: 1px solid #dde8ee
    }

    .registration-wrapper .form-page form .large, .registration-wrapper .form-page form .medium, registration-wrapper .form-page form .small {
        display: block;
        max-width: 100%
    }

    .registration-wrapper .form-page .form-page-header .instructions {
        padding: 0
    }

    .registration-wrapper .form-page form input {
        font-size: 18px;
        height: 4.4rem
    }

    .registration-wrapper .form-page form .small, .registration-wrapper .form-page form select {
        display: block;
        font-size: 18px;
        height: 4.4rem
    }

    .registration-wrapper .form-page form select, .registration-wrapper .form-page select.consumer-state-input {
        padding-right: 65px
    }

    .registration-wrapper .form-page .form-page-header p {
        line-height: 1.2
    }

    .registration-wrapper .form-page .form-page-header .instructions p {
        font-size: 16px
    }

    .registration-wrapper .form-page .form-page-header .intro {
        padding-bottom: 27px;
        padding-right: 0;
        margin-bottom: 30px
    }

    .registration-wrapper .form-page-content {
        margin: 0 32px;
        padding-bottom: 60px
    }

    .registration-wrapper .form-page.registration .form-page-content .row.spacer-h {
        padding-left: 15px;
        padding-right: 15px
    }

    .registration-wrapper .form-page .form-group {
        margin-bottom: 5px
    }

        .registration-wrapper .form-page #pwindicator, .registration-wrapper .form-page .form-group .error {
            padding-bottom: 12px
        }

    .registration-wrapper .form-page form .consumer-input-wrap input[type=radio] + label::before, .registration-wrapper .form-page form .consumer-survey-input input[type=radio] + label::before, .registration-wrapper .sg-type-radio ul.sg-list input.sg-input-radio[type=radio] + label:before {
        background: url(/img/big/radio-mob-default.png) center center/100% auto no-repeat rgba(0,0,0,0);
        left: -5px;
        top: 0;
        width: 48px;
        position: absolute;
        height: 100%
    }

    .registration-wrapper .sg-type-radio ul.sg-list input.sg-input-radio[type=radio] + label:before {
        left: 5px
    }

    .registration-wrapper .form-page form .consumer-input-wrap input[type=radio]:checked + label:before, .registration-wrapper .form-page form .consumer-survey-input input[type=radio]:checked + label:before, .registration-wrapper .sg-type-radio ul.sg-list input.sg-input-radio[type=radio]:checked + label:before {
        background: url(/img/big/radio-mob-active.png) center center/100% auto no-repeat
    }

    .registration-wrapper .form-page select {
        background: url(/img/big/select-arrow-mob.png) 98% center no-repeat #fff
    }

    .registration-wrapper .form-page form .consumer-survey-input input[type=radio] + label {
        font-size: 13px
    }

    .registration-wrapper .form-page form .consumer-input-wrap input[type=radio] + label, .registration-wrapper .form-page form .consumer-survey-input input[type=radio] + label, .registration-wrapper .sg-type-radio ul.sg-list input.sg-input-radio + label {
        margin-bottom: 12px;
        margin-left: 5px !important;
        margin-right: 42px;
        padding-bottom: 18px !important;
        padding-left: 56px !important;
        padding-top: 18px !important;
        position: relative
    }

    .registration-wrapper .form-page form input[type=checkbox] + label {
        padding-bottom: 15px;
        padding-left: 53px;
        padding-top: 26px;
        position: relative;
        vertical-align: middle;
        width: 100%
    }

        .registration-wrapper .form-page form input[type=checkbox] + label:before {
            background: url(/img/big/checkbox-mob-default.png) no-repeat rgba(0,0,0,0);
            content: " ";
            display: inline-block;
            height: 100%;
            position: absolute;
            width: 48px
        }

    .registration-wrapper .form-page form input[type=checkbox]:checked + label:before {
        background: url(/img/big/checkbox-mob-active.png) center center/100% auto no-repeat
    }

    .registration-wrapper .form-page .data-of-birth .columns {
        padding-left: 0;
        width: 50%
    }

        .registration-wrapper .form-page .data-of-birth .columns:last-child {
            padding-right: 0;
            padding-left: .5rem
        }

    .registration-wrapper .form-page .data-of-birth select {
        width: 100%;
        max-width: 100%
    }

    .registration-wrapper .crmsurvey .sg-header-row-first {
        display: none
    }

    .registration-wrapper .crmsurvey .sg-type-table .sg-first-cell {
        display: block !important;
        padding-left: 15px !important;
        width: 70% !important
    }

    .registration-wrapper .form-page.registration .row.spacer-h1 {
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .registration-wrapper .crmsurvey .sg-type-table .sg-table {
        width: 100%;
        overflow: hidden
    }

    .registration-wrapper .crmsurvey .sg-table tr {
        position: relative;
        background-color: #f1f2f2 !important;
        display: block
    }

        .registration-wrapper .crmsurvey .sg-table tr td.labelstate {
            color: #6d6e71;
            display: block;
            font-family: KleenexSans-Regular;
            font-weight: 400;
            font-style: normal;
            font-size: 12px;
            position: absolute;
            right: 14px;
            top: 11%;
            width: 50% !important;
            z-index: 1;
            background-color: transparent !important
        }

    .registration-wrapper .crmsurvey .sg-type-table .sg-table .sg-even-row th {
        background-color: #f1f2f2 !important
    }

    .registration-wrapper .crmsurvey .sg-type-table .sg-table tbody td.radio_btn {
        background-color: #fff !important;
        display: block;
        padding-bottom: 10px !important;
        padding-top: 10px !important;
        text-align: center;
        width: 102% !important;
        margin-bottom: 0;
        overflow: hidden
    }

    .registration-wrapper .crmsurvey .sg-question-options table input[type=radio] + label {
        height: 50px;
        margin: 1px 2% 0 0 !important;
        width: 22%
    }

        .registration-wrapper .crmsurvey .sg-question-options table input[type=radio] + label:last-child {
            margin: 1px 0 0 !important
        }

    .registration-wrapper .sg-type-table .sg-table .sg-odd-row td {
        background-color: transparent
    }

    .registration-wrapper .crmsurvey .sg-type-table tbody th {
        font-size: 14px
    }

    .registration-wrapper .form-page select.consumer-survey-input {
        max-width: 156px
    }

    .registration-wrapper .form-page.registration .consumer-ConsumerLinkAccount .consumer-survey .survey-data:not(:first-child) .consumer-input-wrap label, .registration-wrapper .form-page.registration .consumer-profile .consumer-survey .survey-data:not(:first-child) .consumer-input-wrap label, .registration-wrapper .form-page.registration .consumer-registration .consumer-survey .survey-data:not(:first-child) .consumer-input-wrap label {
        overflow-wrap: break-word;
        width: 100%;
        float: none;
        margin-bottom: 15px
    }

    .registration-wrapper .form-page.registration .consumer-survey .br-widget {
        position: relative;
        background-color: #fff;
        margin-left: -15px;
        margin-right: -15px;
        height: 70px;
        padding-top: 6px
    }

    .registration-wrapper .br-theme-kleenex .br-widget a {
        display: block;
        float: left;
        margin: 1px 2.3% 1px 0;
        width: 18.16%;
        height: 50px
    }

        .registration-wrapper .br-theme-kleenex .br-widget a:last-of-type {
            margin-right: 0 !important
        }

    .br-theme-kleenex .br-widget .br-current-rating {
        color: #6d6e71 !important;
        font-size: 13px;
        font-style: italic;
        position: absolute;
        right: 15px;
        top: -33px
    }

    .br-theme-kleenex .br-widget a {
        width: 18%
    }

    .form-page.profile .br-theme-kleenex .br-widget .br-current-rating {
        position: relative;
        width: 100% !important;
        text-align: right;
        right: 0;
        top: 0;
        margin-bottom: 15px;
        color: #1b577c !important
    }

    .form-page.profile .consumer-profile .consumer-survey .survey-data:not(:first-child) .consumer-input-wrap label {
        width: 27%;
        -ms-word-break: break-word;
        word-break: break-word
    }

    .form-page.profile .consumer-profile .consumer-survey .survey-data:nth-child(8) .consumer-input-wrap label {
        width: auto
    }

    .form-page.registration .consumer-ConsumerLinkAccount .survey-data, .form-page.registration .consumer-profile .survey-data, .form-page.registration .consumer-registration .survey-data {
        margin-bottom: 8px
    }

    .registration-wrapper .form-page .btn.btn-primary::before {
        border: 2px solid #fff;
        bottom: 0;
        content: " ";
        display: block;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }

    .registration-wrapper .form-page .btn.btn-primary {
        background: #ed7a59;
        border: 3px solid #ed7a59;
        box-shadow: 0 0 0 4px #fff inset;
        font-family: KleenexSans-Regular;
        font-weight: 500;
        font-style: normal;
        font-size: 30px;
        min-width: 282px;
        padding: 4px 40px 8px;
        position: relative;
        text-transform: lowercase;
        width: auto
    }

    .br-current-rating {
        font-size: 12px
    }

    .registration-wrapper .form-page form .small {
        max-width: 100%
    }

    .registration-wrapper .consumer-buttons {
        text-align: center
    }

    #crmSurveyError.tight-v.spacer-h.survey-gizmo-validation-message {
        padding-left: 15px
    }
}

@media screen and (max-width:500px) {
    #RegCountry.form-group.small-6.medium-2.columns, #RegCountry.form-group.small-6.medium-2.columns + div.form-group.small-6.medium-6.columns {
        padding-bottom: 16px;
        width: 100%
    }
}

@media screen and (max-width:400px) {
    .registration-wrapper .form-page.registration .row.spacer-h {
        padding-left: 15px;
        padding-right: 15px
    }

    .registration-wrapper .form-page-content {
        margin: 0 10px;
        padding-bottom: 40px
    }

    .right.email-help-txt {
        width: 45%
    }

    #RegCountry.form-group.small-6.medium-2.columns, #RegCountry.form-group.small-6.medium-2.columns + div.form-group.small-6.medium-6.columns {
        padding-bottom: 16px;
        width: 100%
    }
}

@media screen and (max-width:367px) {
    .registration-wrapper .form-page .btn.btn-primary {
        min-width: 270px
    }

    .registration-wrapper .form-page form .consumer-input-wrap input[type=radio] + label, .registration-wrapper .form-page form .consumer-survey-input input[type=radio] + label {
        margin-right: 20px
    }
}

@media screen and (max-width:340px) {
    .form-page.registration .consumer-registration .consumer-recaptcha-input {
        margin-left: -16px
    }
}

.wrapper.signin-wrapper {
    background-image: url('../img/big/signin bkg.png')
}

.signin-wrapper .form-page {
    max-width: 100%;
    margin: 0 auto 50px;
    overflow: hidden;
    padding-bottom: 18px;
    min-height: 400px;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.image-slider .hero li.hero-go-anywhere .text-wrapper, .image-slider .hero li.hero-multicare .text-wrapper {
    max-width: 450px
}

.wrapper.signin-wrapper h1 {
    font-size: 68px;
    padding-top: 0 !important;
    margin-left: 0;
    color: #0063be;
    margin-bottom: 8px;
    letter-spacing: 1px;
    margin-top: 18px
}

.wrapper.signin-wrapper h2 {
    margin: 6px 0 0;
    color: #6d6e71;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1
}

.consumer-signin {
    font-family: KleenexSans-Regular
}

    .consumer-signin .consumer-input-wrap label {
        display: none
    }

    .consumer-signin .consumer-input-wrap input {
        border-color: #6d6e71;
        border-top: 0;
        border-right: 0;
        border-left: 0
    }

    .consumer-signin .consumer-input-wrap {
        padding-bottom: 6px
    }

    .consumer-signin .consumer-recaptcha-input {
        padding-top: 13px
    }

.wrapper.signin-wrapper .row.spacer-h {
    padding-left: 86px;
    padding-right: 86px;
    padding-top: 50px !important;
    padding-bottom: 10px !important
}

.wrapper.signin-wrapper .background-img {
    display: none
}

.consumer-signin .consumer-input-wrap .consumer-email-input {
    background: url(../img/big/email-icon.png) 11px center no-repeat;
    box-shadow: none;
    height: auto;
    margin-bottom: 2px;
    padding-left: 40px
}

    .consumer-signin .consumer-input-wrap .consumer-email-input:-webkit-autofill, .consumer-signin .consumer-input-wrap .consumer-email-input:-webkit-autofill:focus, .consumer-signin .consumer-input-wrap .consumer-email-input:-webkit-autofill:hover {
        background: url(../img/big/email-icon.png) left center no-repeat
    }

.consumer-signin .consumer-input-wrap .consumer-password-input {
    background: url(../img/big/password-icon.png) 11px center no-repeat;
    box-shadow: none;
    height: auto;
    padding-left: 40px;
    margin-bottom: 2px
}

.wrapper.signin-wrapper .ortext {
    display: inline-block;
    font-size: 12px;
    padding: 0;
    font-weight: 500;
    font-style: normal;
    color: #6d6e71
}

.consumer-signin .consumer-input-wrap :-moz-placeholder, .consumer-signin .consumer-input-wrap :-ms-input-placeholder, .consumer-signin .consumer-input-wrap ::-moz-placeholder, .consumer-signin .consumer-input-wrap ::-webkit-input-placeholder {
    color: #6d6e71
}

.wrapper.signin-wrapper .social-signin {
    padding-top: 5px;
    padding-bottom: 15px
}

.wrapper.signin-wrapper .consumer-buttons {
    padding-top: 10px;
    padding-bottom: 10px
}

.wrapper.signin-wrapper form.consumer-form + .consumer-signin-forgotpassword {
    display: none
}

#signin-page-social-signin-providers > div, .consumer-signin .social-signin {
    display: inline-block
}

.wrapper.signin-wrapper a h2 {
    color: #6d6e71;
    font-size: 13px
}

    .wrapper.signin-wrapper a h2:hover {
        color: #ed7a59
    }

#signin-page-social-signin-providers {
    display: inline-block;
    height: 24px !important;
    position: relative;
    top: 12px;
    width: 102px !important
}

    #signin-page-social-signin-providers > div:nth-of-type(1n), #signin-page-social-signin-providers > div:nth-of-type(2n) {
        width: 34px !important
    }

    #signin-page-social-signin-providers > div:nth-of-type(3n), #signin-page-social-signin-providers > div:nth-of-type(3n) div {
        width: 32px !important
    }

.wrapper.signin-wrapper .form-page form {
    margin: 0
}

.consumer-signin label.error {
    font-size: 14px !important
}

.signin-wrapper .btn.btn-primary {
    font-size: 13px;
    padding: 4px;
    letter-spacing: 1px;
    border: 2px solid #ed7a59;
    box-shadow: 0 0 0 2px #fff inset
}

.wrapper.signin-wrapper .form-page-footer.mobile-bg {
    display: none
}

@media only screen and (max-width:1176px) {
    .wrapper.signin-wrapper .row.spacer-h {
        padding-right: 30px;
        padding-left: 30px
    }
}

@media only screen and (max-width:768px) {
    .signin-wrapper .form-page {
        background-image: none !important
    }

    .wrapper.signin-wrapper .background-img {
        display: block;
        height: initial;
        position: relative
    }

    .wrapper.signin-wrapper .form-page-footer.mobile-bg {
        display: block
    }

    .wrapper.signin-wrapper .content.form-page {
        background-color: #fff;
        background: rgba(0,0,0,0);
        margin-bottom: 0
    }

    .wrapper.signin-wrapper .form-page .form-page-header {
        padding-top: 0
    }

    .wrapper.signin-wrapper {
        background-image: none
    }

        .wrapper.signin-wrapper .form-page-footer.mobile-bg {
            background: url(/img/big/signin-bg.png) center bottom no-repeat;
            height: 80px
        }

        .wrapper.signin-wrapper .row.tight-v.spacer-h {
            padding-bottom: 50px !important;
            box-shadow: 0 4px 4px #ccc
        }

            .wrapper.signin-wrapper .row.tight-v.spacer-h > div {
                text-align: center;
                width: 100%
            }

        .wrapper.signin-wrapper .social-signin {
            padding-bottom: 20px
        }
}

@media only screen and (min-width:320px) and (max-width:640px) {
    .consumer-signin .consumer-buttons, .wrapper.signin-wrapper .social-signin, .wrapper.signin-wrapper h1, .wrapper.signin-wrapper h2 {
        text-align: center
    }

    .signin-wrapper .form-page {
        background: rgba(0,0,0,0);
        margin-bottom: 0
    }

    .wrapper.signin-wrapper .row.spacer-h {
        padding-left: 48px;
        padding-right: 48px
    }

    .consumer-signin .social-signin {
        display: block;
        text-align: center
    }

    .wrapper.signin-wrapper h1 {
        font-size: 70px
    }

    .wrapper.signin-wrapper h2 {
        font-size: 24px
    }

    .signin-wrapper .btn.btn-primary {
        font-size: 30px;
        margin-bottom: 10px;
        margin-top: 10px;
        padding: 5px 40px;
        width: auto;
        border: 3px solid #ed7a59;
        box-shadow: 0 0 0 4px #fff inset
    }
}

.abt-mobile-btn a, .abt-mobile-btn a:visited, .caring-future-container a, .caring-future-container a:visited, .home-products a, .home-products a:visited, .image-slider .hero .btn-primary {
    font-family: KleenexSans-Regular;
    font-weight: 500;
    letter-spacing: 1px;
    border: 2px solid #ed7a59;
    box-shadow: 0 0 0 2px #fff inset;
    font-style: normal;
    box-sizing: border-box
}

@media screen and (max-width:400px) {
    .wrapper.signin-wrapper .row.spacer-h {
        padding-left: 15px;
        padding-right: 15px
    }

    .wrapper.signin-wrapper h1 {
        font-size: 58px
    }

    .wrapper.signin-wrapper h2 {
        font-size: 18px
    }
}

@media screen and (max-width:360px) {
    .wrapper.signin-wrapper h1 {
        font-size: 56px
    }
}

.abt-mobile-btn a, .abt-mobile-btn a:visited, .caring-future-container a, .caring-future-container a:visited, .home-products a, .home-products a:visited {
    background: #ed7a59;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding-top: 4px;
    padding-bottom: 4px
}

    .abt-mobile-btn a:hover, .caring-future-container a:hover, .home-products a:hover {
        background: #fff;
        color: #ed7a59
    }

.image-slider .hero .btn-primary {
    background: #ed7a59;
    text-transform: lowercase;
    padding: 6px 25px;
    font-size: 13px;
    margin-top: 10px;
    border-radius: 0
}

    .image-slider .hero .btn-primary:hover {
        background: #fff;
        box-shadow: inset 0 0 0 2px #fff;
        box-sizing: border-box;
        color: #ed7a59
    }

        .image-slider .hero .btn-primary:hover a {
            color: #ed7a59
        }

.home-products .prod-outter-wrap {
    background-color: #146fc3
}

.image-slider .hero .next, .image-slider .hero .prev {
    position: absolute;
    top: 40%;
    z-index: 10;
    background-color: transparent;
    border: none;
    box-shadow: none
}

.image-slider .hero .prev {
    left: 20px
}

.image-slider .hero .next {
    right: 20px
}

.wrapper.contact-us {
    background-image: url('../img/big/register bkg.png')
}

.contact-us-iframe {
    width: 1176px !important;
    margin: 0 auto;
    display: block;
    position: relative;
    z-index: 2
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .contact-us-iframe {
        width: 1024px !important
    }
}

.cont-content-wrap {
    width: 1176px;
    background-color: #68c6b4;
    padding: 47px 90px 38px;
    color: #fff;
    text-align: left;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.cont-left-section {
    float: left;
    width: 447px;
    padding-right: 41px
}

    .cont-left-section h1 {
        font-family: KleenexSans-Regular;
        font-weight: 100;
        font-size: 68px;
        color: #fff;
        line-height: 40px
    }

    .cont-left-section p {
        font-family: KleenexSans-Regular;
        font-size: 15px;
        margin: 20px 0 13px;
        line-height: 20px
    }

    .cont-left-section span {
        font-family: KleenexSans-Regular;
        font-size: 15px
    }

    .cont-left-section a {
        color: #005eb8
    }

.cont-right-section {
    font-family: KleenexSans-Regular;
    float: right;
    width: 285px;
    border-left: 1px solid #fff;
    padding: 13px 0 40px 28px
}

    .cont-right-section p {
        margin-bottom: 0;
        font-size: 10px;
        line-height: 12px
    }

@media only screen and (width:1024px) {
    .cont-right-section p {
        padding-right: 65px !important
    }
}

.desktop-brk {
    display: inline-block
}

.wrapper.about-wrapper {
    background-image: url('/~/media/Images/Kleenex/About Kleenex/about bkg.png')
}

.caring-future-container, .new-history-container {
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto
}

    .new-history-container .the-history-wrap {
        padding: 165px 0 230px;
        background-repeat: no-repeat;
        margin: 0 auto;
        width: 1008px;
        text-align: center
    }

.the-history-wrap h1 img {
    position: relative;
    bottom: 16px
}

.new-history-container .the-history-wrap h1 {
    color: #fff;
    text-align: center;
    font-size: 93px;
    display: inline-block;
    height: 80px
}

.new-history-container .the-history-wrap ul {
    display: inline-block;
    margin-left: 0;
    vertical-align: bottom;
    width: 250px
}

.caring-future-container {
    margin: 0 auto 35px;
    width: auto;
    background-position: top;
    position: relative
}

    .caring-future-container .copyright {
        width: 51%;
        font-family: KleenexSans-Regular;
        font-weight: 400;
        font-size: 12px;
        bottom: 40px;
        position: absolute;
        right: 10px;
        color: #fff
    }

    .caring-future-container .mobile-header {
        position: relative
    }

        .caring-future-container .mobile-header .copyright {
            font-family: KleenexSans-Regular;
            font-weight: 400;
            font-size: 10px;
            bottom: 10px;
            position: absolute;
            color: #fff;
            text-align: center;
            width: 100%;
            right: 0;
            padding: 0 5px
        }

    .caring-future-container .caring-fur-wrap {
        padding: 30px 50px 75px;
        position: absolute;
        top: 20px
    }

h1.caring-future {
    color: #0063be !important;
    font-size: 68px !important
}

p.caring-fut-desc {
    color: #6d6e71 !important;
    font-size: 18px !important;
    width: 800px !important;
    margin: 25px 0;
    line-height: 19px;
    font-weight: 400
}

    p.caring-fut-desc sup {
        font-size: 20px !important;
        top: 0
    }

.caring-future-container a {
    padding: 4px 26px
}

.caring-future-container .mobile-bg, .caring-future-container .mobile-header, .new-history-container .abt-mobile-btn {
    display: none
}

@media only screen and (max-width:889px) {
    .cont-content-wrap {
        width: 100%;
        padding: 30px
    }

    .cont-right-section {
        font-family: KleenexSans-Regular;
        float: none;
        width: 100%;
        border-top: 1px solid #fff;
        border-left: none;
        padding: 20px 0;
        margin-top: 20px
    }

    .cont-left-section {
        float: none;
        width: 100%;
        padding-right: 0
    }

    .desktop-brk {
        display: none
    }

    .contact-us-iframe {
        width: 100% !important
    }

    .wrapper.about-wrapper {
        background-size: 100%
    }

    .new-history-container {
        padding-bottom: 55px;
        margin-bottom: 0;
        background-position: center 80%
    }

        .new-history-container .the-history-wrap {
            width: 100%;
            background-size: 100%;
            padding: 147px 0 166px
        }

    .caring-future-container {
        background: 0 0 !important;
        width: 100%;
        height: auto
    }

        .caring-future-container .mobile-bg {
            display: block
        }

        .caring-future-container .desktop-bg {
            display: none
        }

        .caring-future-container .caring-fur-wrap {
            position: relative;
            padding: 60px 40px 0;
            text-align: center
        }

    p.caring-fut-desc {
        width: 100% !important;
        margin: 25px 0 25px
    }

    .caring-future-container a {
        padding: 5px 30px;
        font-size: 28px
    }

    .abt-mobile-btn a {
        padding: 15px 135px
    }

    .abt-mobile-btn {
        text-align: center;
        margin: 35px 0 0
    }

    .caring-future-container > .copyright {
        display: none
    }

    .caring-future-container .mobile-header {
        display: block
    }
}

@media only screen and (max-width:640px) {
    .caring-future-container .mobile-header .copyright {
        font-size: 7px
    }

    .year-supply-giveaway-rules table.prize-date tr td {
        white-space: unset !important
    }

    .new-history-container .the-history-wrap {
        padding: 14% 0
    }

    .the-history-wrap h1 img {
        width: 50%
    }

    .new-history-container .the-history-wrap h1 {
        font-size: 68px
    }
}

@media only screen and (max-width:480px) {
    .cont-content-wrap {
        padding: 20px
    }

    .caring-future-container .caring-fur-wrap {
        padding: 35px 20px 0
    }

    h1.caring-future {
        font-size: 56px !important
    }

    .new-history-container {
        padding-bottom: 27px
    }

        .new-history-container .the-history-wrap h1 {
            font-size: 50px;
            height: 45px
        }

        .new-history-container .the-history-wrap ul, .new-history-container .the-history-wrap ul .slick-slide img {
            width: 150px
        }

    .abt-mobile-btn a {
        padding: 10px 85px
    }

    .abt-mobile-btn {
        margin: 24px 0 0
    }
}

@media only screen and (max-width:380px) {
    .abt-mobile-btn a {
        padding: 10px 50px
    }

    .caring-future-container a {
        padding: 10px 10px;
        min-width: 300px;
        font-size: 26px
    }

    .abt-mobile-btn {
        margin: 17px 0 0
    }

    p.caring-fut-desc {
        font-size: 13px !important
    }
}

@media only screen and (max-width:374px) {
    .desktop-brk {
        display: inline-block
    }

    h1.caring-future {
        font-size: 48px !important
    }
}

.image-slider .hero li.hero-multicare .text-wrapper .btn-primary {
    background: #f9af18;
    border: 2px solid #f9af18
}

    .image-slider .hero li.hero-multicare .text-wrapper .btn-primary:hover {
        background: #fff;
        color: #f9af18
    }

.image-slider .hero li.hero-multicare .text-wrapper h2.script-font {
    font-size: 55px;
    line-height: .5;
    vertical-align: bottom
}

.image-slider .hero li.hero-multicare .text-wrapper h2.slider-title {
    font-size: 24px;
    line-height: 1.4
}

.image-slider .hero li.hero-multicare .text-wrapper .author {
    text-align: right;
    margin: 10px 0
}

.image-slider .hero li.hero-go-anywhere .text-wrapper .btn-primary {
    background: #9a86b5;
    border: 2px solid #9a86b5
}

.coupon-wrapper .image-slider .hero, .coupon-wrapper .image-slider .hero ul li {
    border-radius: 0 0 10px 10px;
    height: auto !important
}

.image-slider .hero li.hero-go-anywhere .text-wrapper .btn-primary:hover {
    background: #fff;
    color: #9a86b5
}

.image-slider .hero li.hero-go-anywhere .text-wrapper h2.script-font {
    font-size: 55px;
    line-height: .5;
    vertical-align: bottom
}

.image-slider .hero li.hero-go-anywhere .text-wrapper h2.slider-title {
    font-size: 24px;
    line-height: 1.4;
    margin-left: 0;
    margin-right: 0
}

.image-slider .hero li.hero-go-anywhere .text-wrapper .author {
    text-align: right;
    margin: 10px 0
}

#contentWrapper.product-detail > .row {
    max-width: none
}

    #contentWrapper.product-detail > .row > .column {
        padding-left: 0;
        padding-right: 0
    }

#contentWrapper.product-detail .row .row {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%
}

.product-landing .div-product-panel span.anchorlink:before {
    display: block;
    content: "";
    height: 70px;
    margin: -90px 0 0
}

.image-slider .slick-next::before, .image-slider .slick-prev::before, .product-detail .div-product-footer-nav .slick-next::before, .product-detail .div-product-footer-nav .slick-prev::before, .product-detail .product-image-carousel .thumbnail .slick-next::before, .product-detail .product-image-carousel .thumbnail .slick-prev::before, .product-detail .product-video-panel .slick-next::before, .product-detail .product-video-panel .slick-prev::before, .product-landing .div-product-nav .slick-next::before, .product-landing .div-product-nav .slick-prev::before {
    content: ''
}

.wrapper.product-landing {
    background-image: url('../img/big/product/product landing bkg.png')
}

.product-detail .product-selector {
    background-color: transparent
}

.product-landing .category-icon {
    cursor: pointer
}

.product-landing .image-slider .hero, .product-landing .image-slider .hero ul li {
    border-radius: 0 0 10px 10px
}

.product-landing .div-product-nav .slick-next {
    right: 13px;
    background-image: url(../img/new-next-arrow.png)
}

.product-landing .div-product-nav .slick-prev {
    left: 0;
    background-image: url(../img/new-prev-arrow.png)
}

.product-landing .div-product-nav .slick-next, .product-landing .div-product-nav .slick-prev {
    background-repeat: no-repeat;
    background-size: cover;
    height: 30px;
    background-position: 100% 100%;
    width: 23px;
    margin-top: -15px
}

.product-detail .product-nav, .product-landing .product-nav {
    background-image: url('/img/BIG/Product/Blue theme NAV.png');
    background-size: cover;
    background-position: center;
    min-height: 52px;
    border-radius: 17px;
    margin: 50px 0;
    text-align: center
}

    .product-landing .product-nav li {
        display: inline-block;
        color: #fff;
        font-family: KleenexSans-Regular;
        font-weight: 500;
        font-style: normal
    }

        .product-landing .product-nav li span {
            font-weight: 300
        }

    .product-landing .product-nav ul {
        padding: 0 50px;
        margin-left: 0
    }

    .product-landing .product-nav li {
        padding: 12px 10px 5px
    }

        .product-detail .product-nav li a, .product-landing .product-nav li a {
            color: #fff
        }

        .product-landing .product-nav li a {
            text-transform: lowercase
        }

.slick-track {
    margin: 0 auto
}

.product-landing .product-nav li a:hover {
    color: #bbddea
}

.product-landing .product-nav li {
    padding: 4px;
    margin-top: 10px
}

    .product-landing .product-nav li a {
        color: #fff
    }

.product-landing .product-panel {
    background-image: url('/img/BIG/Product/product tile background.png');
    min-height: 258px;
    margin: 17px 0;
    background-size: cover;
    border-radius: 10px;
    display: table;
    padding-top: 30px;
    padding-bottom: 30px;
    width: 100%
}

    .product-landing .product-panel .intro {
        min-width: 300px;
        text-align: center;
        display: table-cell;
        vertical-align: middle
    }

        .product-landing .product-panel .intro div {
            display: table-cell;
            vertical-align: middle;
            min-width: 100px
        }

        .product-landing .product-panel .intro .div-title {
            width: 50%;
            padding-right: 25px
        }

        .product-landing .product-panel .intro .logo {
            vertical-align: top !important;
            padding-right: 0;
            width: 40%
        }

    .product-landing .product-panel .product-link {
        display: inline-block;
        width: 17%;
        text-align: center;
        margin-right: 7px
    }

.product-landing .intro .sub-title, .product-landing .intro .title {
    text-align: left;
    font-weight: 400;
    font-family: KleenexSans-Regular;
    font-style: normal
}

.product-landing .product-panel .product-link img {
    display: table-cell;
    height: auto;
    max-height: 100px;
    margin: 0 auto
}

.product-landing .product-panel .product-list {
    display: table-cell;
    vertical-align: middle
}

.product-landing .product-panel .btn-buy-now {
    background-size: 100% 100%
}

    .product-landing .product-panel .btn-buy-now a {
        color: #fff;
        line-height: 26px
    }

.product-landing .intro .sub-title {
    font-size: 12px;
    color: #6d6e71;
    line-height: 1.2
}

.product-landing .intro .title {
    font-size: 30px;
    line-height: 1.2;
    text-transform: lowercase;
    margin-bottom: 20px;
    color: #005eb8
}

.product-landing .product-link .product-name h3 {
    font-family: KleenexSans-Regular;
    font-weight: 400;
    font-style: normal;
    font-size: 11px;
    margin-top: 10px;
    margin-bottom: 5px;
    line-height: 1.2;
    min-height: 28px;
    color: #005eb8
}

.product-landing .copy-right {
    margin-top: -30px
}

    .product-landing .copy-right p {
        text-decoration: none;
        color: #8f9194;
        font-size: 10px;
        line-height: 1.5;
        margin-bottom: 0;
        font-family: KleenexSans-Regular;
        font-weight: 400;
        font-style: normal
    }

.product-detail #divVideoBanner.video-hodler .bts-description h2, .product-detail #divVideoBanner.video-hodler .bts-description p {
    color: #005eb8
}

[role=navigation] .primary-nav [role=toolbar] li a.active {
    color: #fff;
    text-decoration: underline;
}

.product-detail #divVideoBanner.video-hodler .bts-description h2 {
    font-size: 18px
}

.product-detail .product-video-panel {
    background-size: cover;
    max-width: 1600px;
    margin: 0 auto;
    background-position: center top
}

    .product-detail .product-video-panel .thumbnail {
        padding: 20px 0 20px 15%
    }

    .product-detail .product-video-panel .desktop-view {
        display: table
    }

        .product-detail .product-video-panel .desktop-view .thumbnail {
            display: table-cell;
            vertical-align: middle
        }

            .product-detail .product-video-panel .desktop-view .thumbnail > ul {
                list-style: none
            }

    .product-detail .product-video-panel .thumbnail .video-container {
        height: 180px
    }

    .product-detail .product-video-panel .desktop-view .description {
        display: table-cell
    }

.product-video-panel .desktop-view .slick-slide {
    max-width: 320px
}

.product-detail .product-video-panel .description {
    vertical-align: middle;
    padding: 0 90px 0 20px
}

    .product-detail .product-video-panel .description p {
        font-family: KleenexSans-Regular;
        font-weight: 300;
        font-style: normal;
        font-size: 24px;
        color: #fff;
        line-height: 1.2
    }

        .product-detail .product-video-panel .description p span {
            font-weight: 400
        }

.product-detail .product-video-panel .slick-next, .product-detail .product-video-panel .slick-prev {
    background-repeat: no-repeat;
    background-size: cover;
    height: 30px;
    background-position: 100% 100%;
    width: 23px;
    margin-top: -15px
}

.product-detail .product-video-panel .slick-next {
    right: -30px;
    background-image: url(../img/new-next-arrow.png)
}

.product-detail .product-video-panel .slick-prev {
    left: -30px;
    background-image: url(../img/new-prev-arrow.png)
}

.product-detail .product-hero .bv-cv2-cleanslate .bv-primarySummary-rating-container .bv-rating-ratio-count, .product-detail .product-hero .bv-cv2-cleanslate .bv-summary-bar .bv-percent-recommend-container, .product-detail .product-hero .bv-cv2-cleanslate .bv-summary-bar .bv-rating-label, .product-detail .product-hero .bv-cv2-cleanslate .bv-summary-bar-minimalist .bv-write-container .bv-submission-button.bv-write-review, .product-detail .product-hero .bv-cv2-cleanslate a * {
    color: #fff !important
}

.product-detail.moana .product-hero .bv-cv2-cleanslate .bv-primarySummary-rating-container .bv-rating-ratio-count, .product-detail.moana .product-hero .bv-cv2-cleanslate .bv-summary-bar .bv-percent-recommend-container, .product-detail.moana .product-hero .bv-cv2-cleanslate .bv-summary-bar .bv-rating-label, .product-detail.moana .product-hero .bv-cv2-cleanslate .bv-summary-bar-minimalist .bv-write-container .bv-submission-button.bv-write-review, .product-detail.moana .product-hero .bv-cv2-cleanslate a span[itemprop=ratingValue] {
    color: #6d6e71 !important
}

.product-detail .btn-buy-now, .product-landing .product-panel .btn-buy-now {
    background: #ed7a59;
    border: 2px solid #ed7a59;
    box-shadow: inset 0 0 0 2px #fff;
    box-sizing: border-box
}

.product-detail .product-buy-online .btn-buy-now:hover, .product-detail .product-hero .btn-buy-now:hover a {
    color: #ed7a59
}

.product-detail .product-buy-online .btn-buy-now:hover, .product-detail .product-hero .btn-buy-now:hover, .product-detail .product-video-panel .btn-buy-now:hover {
    background: #fff;
    box-shadow: inset 0 0 0 2px #fff;
    box-sizing: border-box;
    color: #ed7a59
}

.product-detail .product-hero .product-type-carousel a.active {
    box-shadow: inset 0 0 0 2px #fff,0 0 0 3px #ed7a59
}

.product-detail .bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar .bv-write-review {
    background-color: #1b577c !important;
    border: 2px solid #1b577c !important;
    box-shadow: inset 0 0 0 2px #fff !important;
    box-sizing: border-box !important;
    text-transform: lowercase !important;
    font-size: 13px !important;
    font-family: KleenexSans-Regular !important;
    font-weight: 500 !important;
    font-style: normal !important;
    color: #fff !important
}

    .product-detail .bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar .bv-write-review:hover {
        background: #fff !important;
        box-shadow: inset 0 0 0 2px #fff !important;
        box-sizing: border-box !important;
        color: #1b577c !important
    }

.product-detail .product-feature {
    background: url('/img/big/product/Blue theme bkg.png') top no-repeat;
    background-size: 1600px;
    max-width: 1600px;
    margin: 0 auto
}

    .product-detail .product-feature .image-slider .hero ul li, .product-detail .product-feature .image-slider img.backgroud-image {
        min-height: initial
    }

    .product-detail .product-feature .image-slider .hero ul {
        height: initial !important
    }

    .product-detail .product-feature .image-slider .hero {
        height: auto !important;
        background: 0 0
    }

.product-detail .product-review .review-title {
    font-family: KleenexSans-Regular;
    font-weight: 300;
    font-style: normal;
    font-size: 38px;
    text-align: center;
    color: #005eb8;
    padding: 20px 0;
    display: table-row
}

.product-detail .product-buy-online li.active a {
    background-color: #005eb8
}

.product-detail .product-buy-online hr {
    border: 2px solid #005eb8
}

.product-detail .product-hero #dropdown-pack-size {
    background: url('/img/big/product/down arrow.png') 95% center no-repeat #00a9ce
}

    .product-detail .product-hero #dropdown-pack-size option, .product-detail [role=navigation] {
        background-color: #00a9ce
    }

        .product-detail [role=footer] .row .category-title, .product-detail [role=navigation] .primary-nav [role=toolbar] li a#products {
            color: #005eb8
        }

.product-detail .product-review .review-title .script-font {
    font-family: KleenexSans-Regular;
    font-size: 80px;
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px;
    color: #005eb8;
    border-bottom: none;
    text-transform: none
}

.product-detail .product-review .review-title h2 span {
    vertical-align: middle;
    font-family: KleenexSans-Regular;
    font-weight: 300;
    font-style: normal;
    font-size: 38px;
    text-align: center;
    color: #005eb8;
    letter-spacing: 0
}

.product-detail .product-feature .image-slider h2 {
    font-size: 20px;
    font-family: KleenexSans-Regular;
    font-weight: 400;
    text-transform: initial;
    color: #005eb8;
    line-height: 1.4
}

    .product-detail .product-feature .image-slider h2 b, .product-detail .product-feature .image-slider h2 span {
        font-weight: 500
    }

    .product-detail .product-feature .image-slider h2.script-font {
        font-family: KleenexSans-Regular;
        font-weight: 100;
        font-size: 40px;
        margin-bottom: 0;
        color: #005eb8;
        line-height: 1.0;
    }

.product-detail .div-product-footer-nav li, .product-detail .product-feature .image-slider p, .product-detail .product-hero .div-disclaimer .disclaimer-text {
    font-family: KleenexSans-Regular
}

.product-detail .product-feature .image-slider p {
    font-size: 16px;
    font-weight: 400;
    text-transform: initial;
    line-height: 1.2;
    margin-top: 10px;
    color: #6d6e71
}

.product-detail .div-product-footer-nav ul {
    padding: 0 50px
}

.product-detail .div-product-footer-nav li {
    display: inline-block;
    color: #fff;
    padding: 10px 10px 5px;
    font-weight: 700;
    font-style: normal;
    font-size: 15px
}

    .product-detail .div-product-footer-nav li a {
        text-transform: lowercase;
        color: #fff
    }

.product-detail .product-footer-nav, .product-detail .product-footer-nav-mobile {
    background-image: url('/img/BIG/Product/Blue theme footer NAV bg.png');
    background-size: cover;
    background-position: center;
    min-height: 52px;
    border-radius: 17px;
    margin: 20px 0;
    text-align: center
}

.product-detail .product-footer-nav-mobile {
    background-image: url('/img/BIG/Product/Blue theme footer NAV mobile bg.png')
}

.product-detail .div-product-footer-nav li a.active {
    color: #ed7a59
}

.product-detail .back-to-top-container {
    text-align: right
}

    .product-detail .back-to-top-container #BackToTop {
        background-color: transparent;
        color: #6d6e71;
        outline-color: transparent;
        font-size: 12px;
        padding-top: 0
    }

        .product-detail .back-to-top-container #BackToTop img {
            height: 15px
        }

.product-detail .div-product-footer-nav .slick-next, .product-detail .div-product-footer-nav .slick-prev {
    background-repeat: no-repeat;
    background-size: cover;
    height: 30px;
    background-position: 100% 100%;
    width: 23px;
    margin-top: -15px
}

.product-detail .div-product-footer-nav .slick-prev {
    left: 0;
    background-image: url(../img/new-prev-arrow.png)
}

.product-detail .div-product-footer-nav .slick-next {
    right: 13px;
    background-image: url(../img/new-next-arrow.png)
}

.product-detail.blue .product-hero {
    background-image: url('/img/BIG/Product/Blue theme glow.jpg')
}

.product-detail.blue .product-feature h2, .product-detail.blue .product-feature h2.script-font, .product-detail.blue .product-feature p {
    color: #fff
}

.product-detail.blue .product-buy-online .btn-buy-now:hover, .product-detail.blue .product-hero .btn-buy-now:hover a, .product-landing .product-panel.blue .btn-buy-now:hover {
    color: #ed7a59
}

.product-detail.blue .product-footer-nav {
    background-image: url('/img/BIG/Product/Blue theme footer NAV bg.png')
}

.product-detail.blue .product-footer-nav-mobile {
    background-image: url('/img/BIG/Product/Blue theme footer NAV mobile bg.png')
}

.product-landing .product-panel.blue .btn-buy-now {
    background: #ed7a59;
    border: 2px solid #ed7a59;
    box-shadow: inset 0 0 0 2px #fff;
    box-sizing: border-box;
    font-size: 13px;
    letter-spacing: 1px;
    cursor: pointer
}

.product-detail.wipesblue .product-hero {
    background-image: url('/~/media/Images/Kleenex/Background_Image/Product/wipes blue background.png')
}

.product-detail.wipesblue .product-feature {
    background: url('/img/BIG/Product/Wipes Blue theme bkg.png') top no-repeat !important
}

.product-detail.wipesblue .product-hero .product-type-carousel a.active {
    box-shadow: inset 0 0 0 2px #fff,0 0 0 3px #da1884
}

.product-detail.wipesblue .btn-buy-now {
    background: #da1884;
    border: 2px solid #da1884
}

.product-detail.wipesblue .product-buy-online .btn-buy-now:hover, .product-detail.wipesblue .product-hero .btn-buy-now:hover {
    color: #da1884
}

.product-detail.wipesblue .product-buy-online hr {
    border: 2px solid #005eb8
}

.product-detail.wipesblue .product-buy-online li.active a {
    background-color: #005eb8
}

.product-detail.wipesblue .bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar .bv-write-review {
    background-color: #da1884 !important;
    border: 2px solid #da1884 !important
}

    .product-detail.wipesblue .bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar .bv-write-review:hover {
        color: #da1884 !important;
        background-color: #fff !important
    }

.product-detail.wipesblue .bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar-header {
    color: #da1884 !important
}

.product-detail.wipesblue .div-product-footer-nav li a.active {
    color: #da1884 !important
}

.product-detail.wipesgreen .product-hero {
    background-image: url('/~/media/Images/Kleenex/Background_Image/Product/wipes blue background.png')
}

.product-detail.wipesgreen .product-feature {
    background: url('/img/BIG/Product/Wipes Blue theme bkg.png') top no-repeat !important
}

.product-detail.wipesgreen .product-hero .product-type-carousel a.active {
    box-shadow: inset 0 0 0 2px #fff,0 0 0 3px #da1884
}

.product-detail.wipesgreen .btn-buy-now {
    background: #da1884;
    border: 2px solid #da1884
}

.product-detail.wipesgreen .product-buy-online .btn-buy-now:hover, .product-detail.wipesgreen .product-hero .btn-buy-now:hover {
    color: #da1884
}

.product-detail.wipesgreen .product-buy-online hr {
    border: 2px solid #009739
}

.product-detail.wipesgreen .product-buy-online li.active a {
    background-color: #009739
}

.product-detail.wipesgreen .bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar .bv-write-review {
    background-color: #da1884 !important;
    border: 2px solid #da1884 !important
}

    .product-detail.wipesgreen .bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar .bv-write-review:hover {
        color: #da1884 !important;
        background-color: #fff !important
    }

.product-detail.wipesgreen .bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar-header {
    color: #da1884 !important
}

.product-detail.wipesgreen .div-product-footer-nav li a.active {
    color: #da1884 !important
}

.product-detail.wipesorange .product-hero {
    background-image: url('/~/media/Images/Kleenex/Background_Image/Product/wipes blue background.png')
}

.product-detail.wipesorange .product-feature {
    background: url('/img/BIG/Product/Wipes Blue theme bkg.png') top no-repeat !important
}

.product-detail.wipesorange .product-hero .product-type-carousel a.active {
    box-shadow: inset 0 0 0 2px #fff,0 0 0 3px #da1884
}

.product-detail.wipesorange .btn-buy-now {
    background: #da1884;
    border: 2px solid #da1884
}

.product-detail.wipesorange .product-buy-online .btn-buy-now:hover, .product-detail.wipesorange .product-hero .btn-buy-now:hover {
    color: #da1884
}

.product-detail.wipesorange .product-buy-online hr {
    border: 2px solid #e87722
}

.product-detail.wipesorange .product-buy-online li.active a {
    background-color: #e87722
}

.product-detail.wipesorange .bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar .bv-write-review {
    background-color: #da1884 !important;
    border: 2px solid #da1884 !important
}

    .product-detail.wipesorange .bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar .bv-write-review:hover {
        color: #da1884 !important;
        background-color: #fff !important
    }

.product-detail.wipesorange .bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar-header {
    color: #da1884 !important
}

.product-detail.wipesorange .div-product-footer-nav li a.active {
    color: #da1884 !important
}

.product-detail.green [role=navigation] .primary-nav [role=toolbar] li a.active {
    color: #2280ab
}

.product-detail.green .product-hero {
    background-image: url('/img/BIG/Product/Green theme glow.png')
}

.product-detail.green .product-feature h2, .product-detail.green .product-feature h2.script-font, .product-detail.green .product-feature p {
    color: #fff
}

.product-detail.green .product-feature .text-wrapper {
    top: 70%;
    left: 5%;
    max-width: 490px
}

.product-detail.green .btn-buy-now, .product-landing .product-panel.green .btn-buy-now {
    background: #2280ab;
    border: 2px solid #2280ab;
    box-shadow: inset 0 0 0 2px #fff;
    box-sizing: border-box;
    font-size: 13px;
    letter-spacing: 1px
}

    .product-detail.green .product-buy-online .btn-buy-now:hover, .product-detail.green .product-hero .btn-buy-now:hover a, .product-landing .product-panel.green .btn-buy-now:hover {
        color: #2280ab
    }

.product-detail.green .product-feature {
    background: url('/img/big/product/Green theme bkg.png') bottom no-repeat
}

.product-detail.green .product-hero .product-type-carousel a.active {
    box-shadow: inset 0 0 0 2px #fff,0 0 0 3px #2280ab
}

.product-detail.green .product-hero #dropdown-pack-size {
    background: url('/img/big/product/down arrow.png') 95% center no-repeat #6fc6b5
}

    .product-detail.green .product-hero #dropdown-pack-size option {
        background-color: #6fc6b5
    }

.product-detail.green .product-review .review-title, .product-detail.green .product-review .review-title h2, .product-detail.green .product-review .review-title span {
    color: #009775
}

.product-detail.green .product-review .bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar-header {
    color: #009775 !important
}

.product-detail.green .bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar-header {
    color: #2280ab !important
}

.product-detail.green .bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar .bv-write-review {
    background-color: #009775 !important;
    border-color: #009775 !important
}

    .product-detail.green .bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar .bv-write-review:hover {
        color: #009775 !important;
        background: #fff !important
    }

.product-detail.green .div-product-footer-nav li a.active, .product-detail.green [role=footer] .row .category-title, .product-detail.green [role=navigation] .primary-nav [role=toolbar] li a#products {
    color: #2280ab
}

.product-detail.green .product-buy-online li.active a {
    background-color: #009775
}

.product-detail.green .product-buy-online hr {
    border: 2px solid #009775
}

.product-detail.green #language-menu-mobile.open > select, .product-detail.green #language-menu-mobile > select, .product-detail.green [role=navigation] {
    background-color: #6fc6b5
}

.product-detail.green .product-footer-nav {
    background-image: url('/img/BIG/Product/Green theme footer NAV bg.png')
}

.product-detail.green .product-footer-nav-mobile {
    background-image: url('/img/BIG/Product/Green theme footer NAV mobile bg.png')
}

.product-detail.purple .product-video-panel {
    background-image: url('/~/media/Images/Kleenex/Background_Image/Product/Purple theme vdo patterns.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #2f2a95
}

.product-detail.purple [role=navigation] .primary-nav [role=toolbar] li a.active {
    color: #2f2a95
}

.product-detail.purple .product-hero {
    background-image: url('/img/BIG/Product/Purple theme glow.jpg');
    background-color: #2f2a95
}

.product-detail.purple .product-feature h2, .product-detail.purple .product-feature h2.script-font {
    color: #005eb8
}

.product-detail.purple .product-feature p {
    color: #6d6e71
}

.product-detail.purple .btn-buy-now, .product-landing .product-panel.purple .btn-buy-now {
    background: #be9941;
    border: 2px solid #be9941;
    box-shadow: inset 0 0 0 2px #fff;
    box-sizing: border-box;
    font-size: 13px
}

    .product-detail.purple .product-buy-online .btn-buy-now:hover, .product-detail.purple .product-hero .btn-buy-now:hover a, .product-detail.purple .product-video-panel .btn-buy-now:hover a, .product-landing .product-panel.purple .btn-buy-now:hover {
        color: #be9941
    }

.product-detail.purple .product-hero .product-type-carousel a.active {
    box-shadow: inset 0 0 0 2px #fff,0 0 0 3px #be9941
}

.product-detail.purple .product-feature {
    background: url('/img/big/product/Purple theme bkg.png') top no-repeat
}

.product-detail.purple .product-hero #dropdown-pack-size {
    background: url('/img/big/product/down arrow.png') 95% center no-repeat #8d7fbf
}

    .product-detail.purple .product-hero #dropdown-pack-size option {
        background-color: #8d7fbf
    }

.product-detail.purple .product-review .review-title, .product-detail.purple .product-review .review-title h2, .product-detail.purple .product-review .review-title span {
    color: #2f2a95
}

.product-detail.purple .product-review .bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar-header {
    color: #2f2a95 !important
}

.product-detail.purple .bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar .bv-write-review {
    background-color: #2f2a95 !important;
    border-color: #2f2a95 !important
}

    .product-detail.purple .bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar .bv-write-review:hover {
        color: #2f2a95 !important;
        background: #fff !important
    }

.product-detail.purple .product-buy-online li.active a {
    background-color: #2f2a95
}

.product-detail.purple .product-buy-online hr {
    border: 2px solid #2f2a95
}

.product-detail.purple #language-menu-mobile.open > select, .product-detail.purple #language-menu-mobile > select, .product-detail.purple [role=navigation] {
    background-color: #8d7fbf
}

    .product-detail.purple [role=footer] .row .category-title, .product-detail.purple [role=navigation] .primary-nav [role=toolbar] li a#products {
        color: #2f2a95
    }

.product-detail.purple .product-footer-nav {
    background-image: url('/img/BIG/Product/Purple theme footer NAV bg.png')
}

.product-detail.purple .product-footer-nav-mobile {
    background-image: url('/img/BIG/Product/Purple theme footer NAV mobile bg.png')
}

.product-detail.purple .div-product-footer-nav li a.active {
    color: #be9941
}

.product-detail.orange [role=navigation] .primary-nav [role=toolbar] li a.active {
    color: #f4633a
}

.product-detail.orange .product-hero {
    background-image: url('/img/BIG/Product/Orange theme glow.png')
}

.product-detail.orange .product-feature h2, .product-detail.orange .product-feature h2.script-font, .product-detail.orange .product-feature p {
    color: #fff
}

.product-detail.orange .product-feature .text-wrapper {
    top: 70%;
    left: 5%;
    max-width: 530px
}

.product-detail.orange .btn-buy-now, .product-landing .product-panel.orange .btn-buy-now {
    background: #74c4e3;
    border: 2px solid #74c4e3;
    box-shadow: inset 0 0 0 2px #fff;
    box-sizing: border-box;
    font-size: 13px;
    letter-spacing: 1px
}

    .product-detail.orange .product-buy-online .btn-buy-now:hover, .product-detail.orange .product-hero .btn-buy-now:hover a, .product-landing .product-panel.orange .btn-buy-now:hover {
        color: #74c4e3
    }

.product-detail.orange .product-feature {
    background: url('/img/big/product/Orange theme bkg.png') top no-repeat
}

.product-detail.orange .product-hero .product-type-carousel a.active {
    box-shadow: inset 0 0 0 2px #fff,0 0 0 3px #74c4e3
}

.product-detail.orange .product-hero #dropdown-pack-size {
    background: url('/img/big/product/down arrow.png') 95% center no-repeat #f1b434
}

    .product-detail.orange .product-hero #dropdown-pack-size option {
        background-color: #f1b434
    }

.product-detail.orange .product-review .review-title, .product-detail.orange .product-review .review-title h2, .product-detail.orange .product-review .review-title span {
    color: #f4633a
}

.product-detail.orange .product-review .bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar-header {
    color: #f4633a !important
}

.product-detail.orange .bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar .bv-write-review {
    background-color: #f4633a !important;
    border-color: #f4633a !important
}

    .product-detail.orange .bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar .bv-write-review:hover {
        color: #f4633a !important;
        background: #fff !important
    }

.product-detail.orange .product-buy-online li.active a {
    background-color: #f4633a
}

.product-detail.orange .product-buy-online hr {
    border: 2px solid #f4633a
}

.product-detail.orange #language-menu-mobile.open > select, .product-detail.orange #language-menu-mobile > select, .product-detail.orange [role=navigation] {
    background-color: #f1b434
}

    .product-detail.orange [role=footer] .row .category-title, .product-detail.orange [role=navigation] .primary-nav [role=toolbar] li a#products {
        color: #f4633a
    }

.product-detail.orange .product-footer-nav {
    background-image: url('/img/BIG/Product/Orange theme footer NAV bg.png')
}

.product-detail.orange .product-footer-nav-mobile {
    background-image: url('/img/BIG/Product/Orange theme footer NAV mobile bg.png')
}

.product-detail.orange .div-product-footer-nav li a.active {
    color: #74c4e3
}

.product-detail.mint [role=navigation] .primary-nav [role=toolbar] li a.active {
    color: #00b2a9
}

.product-detail.mint .product-hero {
    background-image: url('/img/BIG/Product/Mint theme glow.png')
}

.product-detail.mint .product-feature h2, .product-detail.mint .product-feature h2.script-font {
    color: #005eb8
}

.product-detail.mint .product-feature p {
    color: #6d6e71
}

.product-detail.mint .product-feature .text-wrapper {
    top: 55%;
    left: 85px
}

.product-detail.mint .btn-buy-now, .product-landing .product-panel.mint .btn-buy-now {
    background: #46778c;
    border: 2px solid #46778c;
    box-shadow: inset 0 0 0 2px #fff;
    box-sizing: border-box;
    font-size: 13px;
    letter-spacing: 1px
}

    .product-detail.mint .product-buy-online .btn-buy-now:hover, .product-detail.mint .product-hero .btn-buy-now:hover a, .product-landing .product-panel.mint .btn-buy-now:hover {
        color: #46778c
    }

.product-detail.mint .product-hero .product-type-carousel a.active {
    box-shadow: inset 0 0 0 2px #fff,0 0 0 3px #46778c
}

.product-detail.mint .product-feature {
    background: url('/img/big/product/Mint theme bkg.png') bottom no-repeat
}

.product-detail.mint .product-hero #dropdown-pack-size {
    background: url('/img/big/product/down arrow.png') 95% center no-repeat #88dbdf
}

    .product-detail.mint .product-hero #dropdown-pack-size option {
        background-color: #88dbdf
    }

.product-detail.mint .product-review .review-title, .product-detail.mint .product-review .review-title h2, .product-detail.mint .product-review .review-title span {
    color: #00b2a9
}

.product-detail.mint .product-review .bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar-header {
    color: #00b2a9 !important
}

.product-detail.mint .bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar .bv-write-review {
    background-color: #00b2a9 !important;
    border-color: #00b2a9 !important
}

    .product-detail.mint .bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar .bv-write-review:hover {
        color: #00b2a9 !important;
        background: #fff !important
    }

.product-detail.mint .product-buy-online li.active a {
    background-color: #00b2a9
}

.product-detail.mint .product-buy-online hr {
    border: 2px solid #00b2a9
}

.product-detail.mint #language-menu-mobile.open > select, .product-detail.mint #language-menu-mobile > select, .product-detail.mint [role=navigation] {
    background-color: #88dbdf
}

    .product-detail.mint [role=footer] .row .category-title, .product-detail.mint [role=navigation] .primary-nav [role=toolbar] li a#products {
        color: #00b2a9
    }

.product-detail.mint .product-footer-nav {
    background-image: url('/img/BIG/Product/Mint theme footer NAV bg.png')
}

.product-detail.mint .product-footer-nav-mobile {
    background-image: url('/img/BIG/Product/Mint theme footer NAV mobile bg.png')
}

.product-detail.mint .div-product-footer-nav li a.active {
    color: #46778c
}

.product-detail.yellow .product-video-panel {
    background-image: url('/~/media/Images/Kleenex/Background_Image/Product/Yellow theme vdo patterns.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #6c8ba7
}

.product-detail.yellow [role=navigation] .primary-nav [role=toolbar] li a.active {
    color: #6a8ba6
}

.product-detail.yellow .product-hero {
    background-image: url(/~/media/Images/Kleenex/Background_Image/Product/Yellow_theme_glow.jpg)
}

.product-detail.yellow_es .product-hero {
    background-image: url(/~/media/Images/Kleenex/Background_Image/Product/Yellow_theme_glow_es.jpg)
}

.product-detail.yellow .product-feature h2, .product-detail.yellow .product-feature h2.script-font, .product-detail.yellow .product-feature p {
    color: #fff
}

.product-detail.yellow .product-feature .text-wrapper {
    top: 53%;
    max-width: 450px
}

.product-detail.yellow .product-hero .product-image-carousel {
    top: 36%
}

.product-detail.yellow .btn-buy-now, .product-landing .product-panel.yellow .btn-buy-now {
    background: #f9af18;
    border: 2px solid #f9af18;
    box-shadow: inset 0 0 0 2px #fff;
    box-sizing: border-box
}

    .product-detail.yellow .product-buy-online .btn-buy-now:hover, .product-detail.yellow .product-hero .btn-buy-now:hover a, .product-detail.yellow .product-video-panel .btn-buy-now:hover a, .product-landing .product-panel.yellow .btn-buy-now:hover {
        color: #f9af18
    }

.product-detail.yellow .product-feature {
    background: url('/img/big/product/Yellow theme bkg.png') center 37% no-repeat
}

.product-detail.yellow .product-hero .product-type-carousel a.active {
    box-shadow: inset 0 0 0 2px #fff,0 0 0 3px #f9af18
}

.product-detail.yellow .product-hero #dropdown-pack-size {
    background: url('/img/big/product/down arrow.png') 95% center no-repeat #bcb4b2
}

    .product-detail.yellow .product-hero #dropdown-pack-size option {
        background-color: #bcb4b2
    }

.product-detail.yellow .product-review .review-title, .product-detail.yellow .product-review .review-title h2, .product-detail.yellow .product-review .review-title span {
    color: #6a8ba6
}

.product-detail.yellow .product-review .bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar-header {
    color: #6a8ba6 !important
}

.product-detail.yellow .bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar .bv-write-review {
    background-color: #6a8ba6 !important;
    border-color: #6a8ba6 !important
}

    .product-detail.yellow .bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar .bv-write-review:hover {
        color: #6a8ba6 !important;
        background: #fff !important
    }

.product-detail.yellow .product-buy-online li.active a {
    background-color: #6a8ba6
}

.product-detail.yellow .product-buy-online hr {
    border: 2px solid #6a8ba6
}

.product-detail.yellow #language-menu-mobile.open > select, .product-detail.yellow #language-menu-mobile > select, .product-detail.yellow [role=navigation] {
    background-color: #bcb4b2
}

    .product-detail.yellow [role=footer] .row .category-title, .product-detail.yellow [role=navigation] .primary-nav [role=toolbar] li a#products {
        color: #6a8ba6
    }

.product-detail.yellow .product-footer-nav, .product-detail.yellow .product-footer-nav-mobile {
    background-image: url('/img/BIG/Product/Yellow theme footer NAV bg.png')
}

.product-detail.yellow .div-product-footer-nav li a.active {
    color: #f9af18
}

.product-detail.gray [role=navigation] .primary-nav [role=toolbar] li a.active {
    color: #b8b7b1
}

.product-detail.gray .product-feature h2, .product-detail.gray .product-feature h2.script-font {
    color: #005eb8
}

.product-detail.gray .product-feature p {
    color: #6d6e71
}

.product-detail.gray .product-feature .text-wrapper {
    left: 25%
}

.product-detail.gray .product-hero {
    background-image: url('/img/BIG/Product/Gray theme glow.png')
}

    .product-detail.gray .product-hero .content hr {
        border: solid #fff;
        border-width: 1px 0 0
    }

.product-detail.gray .btn-buy-now, .product-landing .product-panel.gray .btn-buy-now {
    background: #77787b;
    border: 2px solid #77787b;
    box-shadow: inset 0 0 0 2px #fff;
    box-sizing: border-box;
    font-size: 13px;
    letter-spacing: 1px
}

    .product-detail.gray .product-buy-online .btn-buy-now:hover, .product-detail.gray .product-hero .btn-buy-now:hover a, .product-landing .product-panel.gray .btn-buy-now:hover {
        color: #77787b
    }

.product-detail.gray .product-hero .product-type-carousel a.active {
    box-shadow: inset 0 0 0 2px #fff,0 0 0 3px #77787b
}

.product-detail.gray .product-feature {
    background: url('/img/big/product/Gray theme bkg.png') top no-repeat
}

.product-detail.gray .product-hero #dropdown-pack-size {
    background: url('/img/big/product/down arrow.png') 95% center no-repeat #77787b
}

    .product-detail.gray .product-hero #dropdown-pack-size option {
        background-color: #77787b
    }

.product-detail.gray .product-review .review-title, .product-detail.gray .product-review .review-title h2, .product-detail.gray .product-review .review-title span {
    color: #b8b7b1
}

.product-detail.gray .product-review .bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar-header {
    color: #b8b7b1 !important
}

.product-detail.gray .bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar .bv-write-review {
    background-color: #b8b7b1 !important;
    border-color: #b8b7b1 !important
}

    .product-detail.gray .bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar .bv-write-review:hover {
        color: #b8b7b1 !important;
        background: #fff !important
    }

.product-detail.gray .product-buy-online li.active a {
    background-color: #b8b7b1
}

.product-detail.gray .product-buy-online hr {
    border: 2px solid #b8b7b1
}

.product-detail.gray #language-menu-mobile.open > select, .product-detail.gray #language-menu-mobile > select, .product-detail.gray [role=navigation] {
    background-color: #77787b
}

    .product-detail.gray [role=navigation] .primary-nav [role=toolbar] li a#products {
        color: #b8b7b1
    }

.product-detail.gray .div-product-footer-nav li a.active, .product-detail.gray [role=footer] .row .category-title {
    color: #77787b
}

.product-detail.gray .product-footer-nav {
    background-image: url('/img/BIG/Product/Gray theme footer NAV bg.png')
}

.product-detail.gray .product-footer-nav-mobile {
    background-image: url('/img/BIG/Product/Gray theme footer NAV mobile bg.png')
}

.product-detail.lightblue [role=navigation] .primary-nav [role=toolbar] li a.active {
    color: #132e6b
}

.product-detail.lightblue .product-feature h2, .product-detail.lightblue .product-feature h2.script-font {
    color: #005eb8
}

.product-detail.lightblue .product-feature p {
    color: #6d6e71
}

.product-detail.lightblue .product-feature .text-wrapper {
    left: 50%
}

.product-detail.lightblue .product-hero {
    background-image: url('/img/BIG/Product/Lightblue theme glow.png')
}

.product-detail.lightblue .btn-buy-now, .product-landing .product-panel.lightblue .btn-buy-now {
    background: #005eb8;
    border: 2px solid #005eb8;
    box-shadow: inset 0 0 0 2px #fff;
    box-sizing: border-box;
    font-size: 13px;
    letter-spacing: 1px
}

    .product-detail.lightblue .product-buy-online .btn-buy-now:hover, .product-detail.lightblue .product-hero .btn-buy-now:hover a, .product-landing .product-panel.lightblue .btn-buy-now:hover {
        color: #0072c6
    }

.product-detail.lightblue .product-feature {
    background: url('/img/big/product/Lightblue theme bkg.png') bottom no-repeat
}

.product-detail.lightblue .product-hero .product-type-carousel a.active {
    box-shadow: inset 0 0 0 2px #fff,0 0 0 3px #132e6b
}

.product-detail.lightblue .product-hero #dropdown-pack-size {
    background: url('/img/big/product/down arrow.png') 95% center no-repeat #0093cd
}

    .product-detail.lightblue .product-hero #dropdown-pack-size option {
        background-color: #0093cd
    }

.product-detail.lightblue .product-review .review-title, .product-detail.lightblue .product-review .review-title h2, .product-detail.lightblue .product-review .review-title span {
    color: #89c3e1
}

.product-detail.lightblue .product-review .bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar-header {
    color: #89c3e1 !important
}

.product-detail.lightblue .bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar .bv-write-review {
    background-color: #89c3e1 !important;
    border-color: #89c3e1 !important
}

    .product-detail.lightblue .bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar .bv-write-review:hover {
        color: #89c3e1 !important;
        background: #fff !important
    }

.product-detail.lightblue .div-product-footer-nav li a.active, .product-detail.lightblue [role=footer] .row .category-title, .product-detail.lightblue [role=navigation] .primary-nav [role=toolbar] li a#products {
    color: #132e6b
}

.product-detail.lightblue .product-buy-online li.active a {
    background-color: #89c3e1
}

.product-detail.lightblue .product-buy-online hr {
    border: 2px solid #89c3e1
}

.product-detail.lightblue #language-menu-mobile.open > select, .product-detail.lightblue #language-menu-mobile > select, .product-detail.lightblue [role=navigation] {
    background-color: #0093cd
}

.product-detail.lightblue .product-footer-nav {
    background-image: url('/img/BIG/Product/Lightblue theme footer NAV bg.png')
}

.product-detail.lightblue .product-footer-nav-mobile {
    background-image: url('/img/BIG/Product/Lightblue theme footer NAV mobile bg.png')
}

.product-detail.red [role=navigation] .primary-nav [role=toolbar] li a.active {
    color: #c7a574
}

.product-detail.red .product-feature h2, .product-detail.red .product-feature h2.script-font {
    color: #005eb8
}

.product-detail.red .product-feature p {
    color: #fff
}

.product-detail.red .product-hero {
    background-image: url('/img/BIG/Product/Red theme glow.png')
}

.product-detail.red .btn-buy-now, .product-landing .product-panel.red .btn-buy-now {
    background: #c7a574;
    border: 2px solid #c7a574;
    box-shadow: inset 0 0 0 2px #fff;
    box-sizing: border-box
}

    .product-detail.red .product-buy-online .btn-buy-now:hover, .product-detail.red .product-hero .btn-buy-now:hover a, .product-landing .product-panel.red .btn-buy-now:hover {
        color: #c7a574
    }

.product-detail.red .product-feature {
    background: url('/img/big/product/Red theme bkg.png') bottom no-repeat;
    background-size: cover
}

.product-detail.red .product-hero .product-type-carousel a.active {
    box-shadow: inset 0 0 0 2px #fff,0 0 0 3px #c7a574
}

.product-detail.red .product-hero #dropdown-pack-size {
    background: url('/img/big/product/down arrow.png') 95% center no-repeat #0085cc
}

    .product-detail.red .product-hero #dropdown-pack-size option {
        background-color: #0085cc
    }

.product-detail.red .product-review .review-title, .product-detail.red .product-review .review-title h2, .product-detail.red .product-review .review-title span {
    color: #9a0a21
}

.product-detail.red .product-review .bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar-header {
    color: #9a0a21 !important
}

.product-detail.red .bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar .bv-write-review {
    background-color: #9a0a21 !important;
    border-color: #9a0a21 !important
}

    .product-detail.red .bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar .bv-write-review:hover {
        color: #9a0a21 !important;
        background: #fff !important
    }

.product-detail.red .product-buy-online li.active a {
    background-color: #9a0a21
}

.product-detail.red .product-buy-online hr {
    border: 2px solid #9a0a21
}

.product-detail.red #language-menu-mobile.open > select, .product-detail.red #language-menu-mobile > select, .product-detail.red [role=navigation] {
    background-color: #0085cc
}

    .product-detail.red [role=navigation] .primary-nav [role=toolbar] li a#products {
        color: #c7a574
    }

.product-detail.red [role=footer] .row .category-title {
    color: #9a0a21
}

.product-detail.red .product-feature .text-wrapper {
    left: 1%
}

.product-detail.darkpurple .btn-buy-now, .product-landing .product-panel.darkpurple .btn-buy-now {
    background: #00b39c;
    border: 2px solid #00b39c;
    box-shadow: inset 0 0 0 2px #fff;
    box-sizing: border-box;
    font-size: 13px;
    letter-spacing: 1px
}

    .product-detail.darkpurple .product-buy-online .btn-buy-now:hover, .product-detail.darkpurple .product-hero .btn-buy-now:hover a, .product-landing .product-panel.darkpurple .btn-buy-now:hover {
        color: #00b39c
    }

.product-detail.starwars .product-hero {
    background-image: url('/img/BIG/Product/Starwars theme glow.png')
}

.product-detail.starwars .product-feature {
    background: url('/img/big/product/Starwars theme bkg.png') top no-repeat
}

    .product-detail.starwars .product-feature h2, .product-detail.starwars .product-feature h2.script-font {
        color: #005eb8
    }

    .product-detail.starwars .product-feature p {
        color: #6d6e71
    }

.product-detail.dory .product-hero {
    background-image: url('/img/BIG/Product/Dory theme glow.png')
}

.product-detail.dory .product-feature {
    background: url('/img/big/product/Dory theme bkg.png') center -30px no-repeat;
    background-size: cover
}

    .product-detail.dory .product-feature h2, .product-detail.dory .product-feature h2.script-font {
        color: #005eb8
    }

    .product-detail.dory .product-feature p {
        color: #6d6e71
    }

    .product-detail.dory .product-feature .text-wrapper {
        max-width: 470px;
        top: 45%
    }

.product-detail.marvel .product-hero {
    background-image: url('/img/BIG/Product/Marvel theme glow.png')
}

.product-detail.marvel .product-feature {
    background-image: url('/img/big/product/Marvel bkg pattern.png');
    background-repeat: no-repeat
}

    .product-detail.marvel .product-feature h2, .product-detail.marvel .product-feature h2.script-font {
        color: #005eb8
    }

    .product-detail.marvel .product-feature p {
        color: #6d6e71
    }

.product-detail.moana .product-hero {
    background-image: url('/img/BIG/Product/Moana theme glow.png')
}

.product-detail.moana .product-feature h2, .product-detail.moana .product-feature h2.script-font {
    color: #005eb8
}

.product-detail.moana .product-feature p {
    color: #6d6e71
}

.product-detail .product-hero .back-link, .product-detail.moana .product-hero .content .back-link a, .product-detail.moana .product-hero .content h1, .product-detail.moana .product-hero .content h3, .product-detail.moana .product-hero .product-name h2 {
    color: #6d6e71
}

.product-detail.moana .product-hero .product-image-carousel .thumbnail {
    position: relative;
    top: 50px
}

.product-detail.moana .product-hero .content .title hr {
    border: solid #6d6e71;
    border-width: 1px 0 0
}

.product-detail.moana .product-hero .pack-size h2, .product-detail.moana .product-hero .pack-size h3 {
    color: #6d6e71
}

.product-detail.cars .product-hero {
    background-image: url('/~/media/Images/Kleenex/Background_Image/Product/Cars theme glow.jpg')
}

    .product-detail.cars .product-hero .product-image-carousel {
        top: 24%
    }

        .product-detail.cars .product-hero .product-image-carousel .product-img img {
            max-height: 371px;
            float: right
        }

.product-detail.cars .product-feature {
    background-image: url('/~/media/Images/Kleenex/Background_Image/Product/Cars theme bkg.jpg');
    background-position: center top
}

    .product-detail.cars .product-feature .text-wrapper {
        top: 36%;
        margin-left: auto;
        margin-right: auto;
        left: 50%;
        transform: translate(-50%,-50%)
    }

.product-detail.cars .product-image-carousel .product-img {
    width: 100%
}

.product-detail.cars .btn-buy-now, .product-landing .product-panel.cars .btn-buy-now {
    background: #ebbe31;
    border: 2px solid #ebbe31;
    box-shadow: inset 0 0 0 2px #fff;
    box-sizing: border-box;
    font-size: 13px;
    letter-spacing: 1px
}

    .product-detail.cars .product-buy-online .btn-buy-now:hover, .product-detail.cars .product-hero .btn-buy-now:hover a, .product-landing .product-panel.cars .btn-buy-now:hover {
        color: #ebbe31
    }

.product-detail.cars .bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar .bv-write-review {
    background-color: #1b577c !important;
    border-color: #1b577c !important
}

    .product-detail.cars .bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar .bv-write-review:hover {
        color: #1b577c !important;
        background: #fff !important
    }

.product-detail.cars .product-hero .product-type-carousel a.active {
    box-shadow: inset 0 0 0 2px #fff,0 0 0 3px #ebbe31
}

.product-landing .product-panel .btn-buy-now:hover {
    background: #fff;
    box-shadow: inset 0 0 0 2px #fff;
    box-sizing: border-box;
    color: #ed7a59
}

.product-landing .blue .intro .title, .product-landing .blue .product-link .product-name h3 {
    color: #005eb8
}

.product-landing .green .intro .title, .product-landing .green .product-link .product-name h3 {
    color: #82c9b9
}

.product-landing .purple .intro .title, .product-landing .purple .product-link .product-name h3 {
    color: #2f2a95
}

.product-landing .orange .intro .title, .product-landing .orange .product-link .product-name h3 {
    color: #e18925
}

.product-landing .mint .intro .title, .product-landing .mint .product-link .product-name h3 {
    color: #00b2a9
}

.product-landing .gray .intro .title, .product-landing .gray .product-link .product-name h3 {
    color: #77787b
}

.product-landing .lightblue .intro .title, .product-landing .lightblue .product-link .product-name h3 {
    color: #005eb8
}

.product-landing .lightblue .product-link .product-name h3 {
    font-family: KleenexSans-Regular
}

.product-landing .lightblue .intro .title span {
    font-weight: 300
}

.product-landing .yellow .intro .title, .product-landing .yellow .product-link .product-name h3 {
    color: #6a8ba6
}

    .product-landing .yellow .intro .title span {
        font-weight: 300
    }

.product-landing .darkpurple .intro .title, .product-landing .darkpurple .product-link .product-name h3 {
    color: #643473
}

.product-detail .product-hero {
    max-width: 1600px;
    margin: 0 auto;
    min-height: 680px;
    height: auto;
    padding: 80px 0;
    background-size: cover;
    background-position: center;
    position: relative
}

    .product-detail .product-hero .div-disclaimer {
        position: absolute;
        bottom: 0;
        right: 30px
    }

        .product-detail .product-hero .div-disclaimer .disclaimer-text {
            font-weight: 300;
            font-style: normal;
            color: #fff;
            font-size: 11px
        }

    .product-detail .div-footer-disclaimer .disclaimer-text, .product-detail .product-hero .back-link {
        font-weight: 400;
        font-style: normal;
        font-family: KleenexSans-Regular
    }

.product-detail .div-footer-disclaimer .disclaimer-text {
    color: #8f9194;
    font-size: 10px;
    line-height: 1.5;
    margin-bottom: 50px
}

.product-detail .product-hero .back-link {
    font-size: 12px;
    padding-bottom: 20px
}

    .product-detail .product-hero .back-link a {
        text-decoration: underline
    }

.product-detail .product-hero .title h1 {
    font-family: KleenexSans-Regular;
    font-weight: 300;
    font-style: normal;
    font-size: 38px;
    line-height: 1;
    display: table-cell
}

    .product-detail .product-hero .title h1 span {
        font-weight: 400
    }

    .product-detail .product-hero .title h1 sup {
        font-size: 50%
    }

.product-detail .product-hero .title img {
    float: left;
    padding-right: 15px;
    margin-bottom: 10px;
    max-width: 120px
}

.product-detail .product-hero .title {
    display: table
}

    .product-detail .product-hero .title .large-6 {
        display: table-cell;
        vertical-align: bottom
    }

    .product-detail .product-hero .title hr {
        width: 100%;
        border: solid #ddd;
        border-width: 1px 0 0
    }

    .product-detail .product-hero .title .claim-text {
        font-family: KleenexSans-Regular;
        font-weight: 300;
        font-style: italic;
        color: #fff;
        font-size: 23px;
        text-align: right;
        margin-bottom: 0;
        max-width: 400px;
        float: right
    }

.product-detail .product-hero .pack-size h2, .product-detail .product-hero .pack-size h3, .product-detail .product-hero .product-name h2 {
    font-weight: 400;
    text-align: left;
    font-family: KleenexSans-Regular;
    font-style: normal;
    letter-spacing: 0
}

.product-detail .product-hero .summary {
    min-height: 420px
}

.product-detail .product-hero .product-name h2 {
    font-family: KleenexSans-SemiBold;
    font-size: 24px;
    margin-left: 0
}

.product-detail .product-hero .review {
    font-family: KleenexSans-Regular;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    margin-left: -10px
}

.product-detail .product-hero .pack-size h2, .product-detail .product-hero .pack-size h3 {
    font-size: 24px;
    margin: 0
}

.product-detail .btn-buy-now, .product-landing .product-panel .btn-buy-now {
    text-transform: lowercase;
    font-size: 13px;
    font-family: KleenexSans-Regular;
    font-weight: 500;
    font-style: normal;
    padding: 5px 35px;
    color: #fff
}

.product-detail .btn-buy-now {
    max-width: 170px;
    text-align: center;
    cursor: pointer;
    margin-top: 10px;
    padding: 7px 45px
}

.product-detail #BuyNow {
    margin-top: 10px
}

.product-landing .product-panel .btn-buy-now {
    padding: 5px 25px;
    display: inline-block
}

.product-detail .product-hero .drop-down {
    margin: 10px 0 25px
}

.product-detail .product-hero .product-type-carousel {
    padding: 10px 0
}

    .product-detail .product-hero .product-type-carousel a {
        height: 80px;
        width: 96px;
        display: inline-block;
        text-align: center;
        margin-left: -15px
    }

    .product-detail .product-hero .product-type-carousel img {
        padding: 5px;
        max-height: 86px
    }

.product-detail .product-hero .product-image-carousel {
    position: absolute;
    top: 42%;
    width: 55%;
    right: 0;
    text-align: center
}

.product-detail .product-hero .content {
    position: relative;
    max-width: 1024px;
    margin: 0 auto
}

    .product-detail .product-hero .content, .product-detail .product-hero .content a, .product-detail .product-hero .content h1, .product-detail .product-hero .content h3, .product-detail .product-hero .content p, .product-detail .product-video-panel .btn-buy-now a {
        color: #fff !important
    }

.product-detail .product-hero .product-image-carousel .product-img {
    text-align: right
}

    .product-detail .product-hero .product-image-carousel .product-img img {
        max-height: 350px
    }

.product-detail .product-hero .product-image-carousel .thumbnail img {
    padding: 7px 10px;
    cursor: pointer;
    margin: 0 auto;
    height: 70px
}

    .product-detail .product-hero .product-image-carousel .thumbnail img.active {
        background-image: url('/img/BIG/Product/product selected.png')
    }

.product-detail .product-hero .product-image-carousel .thumbnail ul {
    list-style: none;
    margin-left: 0
}

    .product-detail .product-hero .product-image-carousel .thumbnail ul li {
        min-height: 80px;
        min-width: 85px;
        outline: 0;
        margin: 0 8px
    }

    .product-detail .product-hero .product-image-carousel .thumbnail ul > div, .product-detail .product-hero .product-image-carousel .thumbnail ul > div > div {
        min-height: 320px
    }

.product-detail .product-hero .product-selector ul.item-list li {
    padding: 0 6px
}

.product-detail .product-image-carousel .thumbnail .slick-next {
    right: 0;
    background-image: url('../img/big/down arrow menu bar.png')
}

.product-detail .product-image-carousel .thumbnail .slick-prev {
    left: 0;
    background-image: url('../img/big/up arrow menu bar.png')
}

.product-detail .product-image-carousel .thumbnail .slick-next, .product-detail .product-image-carousel .thumbnail .slick-prev {
    background-repeat: no-repeat;
    background-size: contain;
    height: 26px;
    background-position: 100% 100%;
    width: 30px;
    margin: 0 auto 10px;
    position: relative
}

    .product-detail .product-image-carousel .thumbnail .slick-next.slick-disabled, .product-detail .product-image-carousel .thumbnail .slick-prev.slick-disabled {
        visibility: hidden
    }

.product-detail .product-hero #dropdown-pack-size {
    border: none;
    text-transform: uppercase;
    width: 260px;
    font-size: 12px;
    outline: 0
}

.product-detail .product-buy-online li a h2, .product-detail .product-buy-online ul {
    font-family: KleenexSans-Regular;
    font-weight: 400;
    font-style: normal;
    font-size: 24px
}

.product-detail .product-feature {
    padding: 50px 0 50px 0
}

    .product-detail .product-feature .content {
        height: 100%;
        background-size: 100% 100%
    }

.product-detail .product-buy-online {
    padding: 40px 10px
}

.product-detail #panel-buy-online .list {
    line-height: 2;
    border-bottom: 3px solid #f1f2f2;
    padding: 20px 0;
    color: #6d6e71
}

.product-detail #panel-buy-online .item {
    display: table-row;
    height: 50px
}

.product-detail #panel-buy-online .list .item:not(:first-child) .retailer span {
    display: none
}

.product-detail .tabs .tab-title, .product-detail .tabs dd {
    width: 50%
}

.product-detail #panel-find-in-store div {
    float: left
}

.product-detail .product-buy-online ul {
    text-align: center;
    display: table;
    position: relative;
    width: 100%
}

.product-detail .product-buy-online li a {
    width: 80%;
    margin: 0 auto;
    background-color: #f1f2f2;
    height: 100%;
    line-height: 30px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: block;
    padding-left: 10px;
    padding-right: 10px
}

.product-detail .product-buy-online li:not(.active) a:hover {
    background-color: #f1f2f2
}

.product-detail .product-buy-online li a h2 {
    color: #6d6e71
}

.product-detail .product-buy-online li.active a h2 {
    color: #fff
}

.product-detail #panel-find-in-store a, .product-detail #panel-find-in-store h2, .product-detail .product-buy-online small {
    color: #6d6e71;
    font-family: KleenexSans-Regular;
    font-weight: 400;
    font-style: normal
}

.product-detail .product-buy-online li {
    display: table-cell;
    float: none;
    height: 100%
}

.product-detail .product-buy-online hr {
    border-width: 3px 0 0;
    margin-top: 0
}

    .product-detail .product-buy-online hr:last-child {
        border-width: 0
    }

.product-detail #panel-buy-online .list .item .div-price a, .product-detail #panel-buy-online .list .item .product-name, .product-detail #panel-buy-online .list .item .retailer, .product-detail #panel-find-in-store a, .product-detail #panel-find-in-store p {
    color: #6d6e71;
    font-family: KleenexSans-Regular;
    font-weight: 400;
    font-style: normal;
    font-size: 18px
}

.product-detail #panel-find-in-store h2 {
    font-size: 18px;
    margin: 0 0 20px;
    letter-spacing: normal
}

.product-detail #panel-buy-online .list .item .div-price {
    min-width: 69px
}

.product-detail #panel-buy-online .list .item .price, .product-detail #panel-buy-online .list .item .product-name, .product-detail #panel-buy-online .list .item .retailer {
    display: table-cell
}

.product-detail #panel-buy-online {
    margin-bottom: -40px
}

.product-detail #panel-find-in-store a {
    font-size: 18px;
    text-decoration: underline
}

.product-detail .product-buy-online small {
    font-size: 14px;
    padding-left: 10px;
    display: block
}

.product-detail #panel-buy-online .list .div-buy-now {
    display: table-cell;
    width: 19%;
    text-align: right
}

.product-detail #panel-buy-online .list .item .retailer {
    width: 20%;
    text-align: left
}

.product-detail #panel-buy-online .list .item .product-name {
    width: 600px;
    padding-right: 10px
}

.product-detail #panel-buy-online .list .item .price {
    width: 100px;
    text-align: right
}

.product-detail.with-video .product-hero .summary {
    min-height: initial
}

.product-detail.with-video .product-hero {
    padding: 35px 0 40px;
    min-height: initial
}

    .product-detail.with-video .product-hero hr.show-for-medium-up {
        width: 45%;
        text-align: left
    }

    .product-detail.with-video .product-hero .title .claim-text {
        position: absolute;
        top: 0;
        right: 0
    }

    .product-detail.with-video .product-hero .product-image-carousel {
        top: 10%
    }

.product-detail #divVideoBanner.video-hodler {
    margin: 60px auto -20px auto
}

@media only screen and (max-width:1280px) {
    .product-detail .product-video-panel .desktop-view {
        padding-top: 45px
    }
}

@media only screen and (max-width:1024px) {
    .product-detail .product-hero {
        padding: 80px 0;
        height: auto
    }

    .product-detail #panel-buy-online .list .div-buy-now {
        width: 25%
    }

    .product-detail .product-buy-online .tabs-content {
        padding: 0 10px
    }

    .product-detail .div-product-footer-nav li {
        font-weight: 500
    }

    .product-detail .product-video-panel {
        background-size: 100% 100%
    }

    .product-detail .product-feature .hero .text-wrapper {
        max-width: 420px
    }

    .product-detail .product-video-panel .description {
        padding: 3% 0
    }

    .product-detail .product-video-panel .thumbnail {
        padding: 30px 0 25px 10%
    }

    .product-detail .product-review {
        margin-top: 50px
    }

    .product-detail .product-feature {
        padding: 50px 0 0
    }

    .product-detail.cars .product-hero .product-image-carousel .product-img img {
        float: none
    }

    .product-detail #divVideoBanner.video-hodler {
        margin: 60px auto 0 auto
    }

    .product-detail .product-hero .product-image-carousel .thumbnail ul li {
        margin: 0 25px
    }

    .product-detail .product-hero .product-image-carousel .thumbnail ul li {
        min-width: 87px
    }

    .product-detail .bv-cv2-cleanslate .bv-filters .bv-content-filter-select-element {
        font-size: 14px !important;
        width: 75px !important;
        padding: 4px !important
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .product-landing .product-panel .product-link {
        width: 27%;
        padding-bottom: 20px
    }

    .product-landing .product-panel .product-list {
        padding-left: 30px
    }

    .product-landing .product-panel .intro {
        display: inline-block;
        text-align: center;
        padding-left: 20px
    }

        .product-landing .product-panel .intro .div-title, .product-landing .product-panel .intro .logo {
            display: table-row
        }

    .product-detail.yellow .product-feature .text-wrapper {
        top: 45%;
        max-width: 420px;
        right: 3%
    }

    .product-detail .product-hero .title .claim-text {
        font-size: 19px
    }
}

@media only screen and (max-width:768px) {
    .image-slider .hero li.hero-go-anywhere .text-wrapper .author, .image-slider .hero li.hero-multicare .text-wrapper .author {
        margin: 0
    }

    .product-detail .product-hero .title img {
        max-width: 100px
    }

    .image-slider .hero li.hero-go-anywhere .text-wrapper h2.script-font {
        font-size: 45px
    }

    .image-slider .hero li.hero-go-anywhere .text-wrapper h2.slider-title {
        font-size: 16px;
        line-height: .5
    }

    .image-slider .hero li.hero-multicare .text-wrapper h2.script-font {
        font-size: 45px
    }

    .image-slider .hero li.hero-multicare .text-wrapper h2.slider-title {
        font-size: 16px;
        line-height: .5
    }

    .image-slider .hero li.hero-multicare .text-wrapper {
        max-width: 320px;
        top: 110px
    }

    .product-detail .product-video-panel .thumbnail {
        padding: 33px 0 25px 0
    }

    .product-detail .product-video-panel .desktop-view {
        padding-top: 45px
    }

    .product-detail #panel-find-in-store a {
        font-size: 14px
    }

    .product-detail .product-hero .product-image-carousel .thumbnail ul li {
        margin: 0 8px
    }

    .product-detail .product-hero .product-image-carousel .thumbnail ul li {
        min-width: 85px
    }

    .product-landing .product-panel .btn-buy-now {
        padding: 5px 15px
    }
}

@media only screen and (max-width:667px) {
    .product-landing .product-panel .product-link {
        width: 40%;
        margin-bottom: 10px
    }

    .product-landing .product-panel .btn-buy-now {
        padding: 5px 15px
    }

    .product-detail .product-hero .title img {
        max-width: 120px
    }

    .image-slider .hero li.hero-go-anywhere .text-wrapper {
        max-width: 80%
    }

    .image-slider .hero li.hero-multicare .text-wrapper {
        max-width: 95%;
        left: 25px;
        right: 25px
    }

    .product-detail .product-video-panel .description {
        padding: 3% 1%
    }
}

@media only screen and (max-width:640px) {
    .product-detail .product-hero .product-image-carousel .thumbnail ul li {
        margin: 0
    }

    .product-detail .product-hero .product-selector ul.item-list li {
        padding: 4px 6px
    }

    .product-detail .product-hero, .product-detail.blue .product-hero {
        background-image: url('/img/BIG/Product/Blue theme glow mobile.png')
    }

        .product-detail .product-hero .summary {
            min-height: initial
        }

        .product-detail .product-hero .title .claim-text {
            width: 90%;
            text-align: left;
            float: none
        }

        .product-detail .product-hero .div-disclaimer .disclaimer-text {
            font-size: 8px;
            font-style: italic
        }

        .product-detail .product-hero .title .large-6 {
            display: inline-block
        }

    .product-detail .mobile-slider {
        list-style-type: none
    }

    .product-detail .product-video-panel .description p {
        text-align: center;
        font-size: 23px
    }

    .product-detail .product-video-panel .thumbnail {
        padding: 0 4% 5px
    }

        .product-detail .product-video-panel .thumbnail > ul {
            margin: 0 auto
        }

    .product-detail .product-video-panel .description {
        margin: 50px 0 40px 0;
        padding: 0
    }

    .product-detail .product-buy-online .row > .column, .product-detail .product-hero .row > .column {
        padding-left: 0;
        padding-right: 0
    }

    .product-landing .product-panel .product-list {
        display: none
    }

    .product-landing .product-panel .product-link {
        padding: 20px
    }

    .product-detail .product-hero {
        padding: 40px 30px !important;
        height: auto
    }

        .product-detail .product-hero .btn-buy-now, .product-detail .product-video-panel .btn-buy-now {
            padding: 10px 50px;
            font-size: 26px;
            box-shadow: inset 0 0 0 4px #fff;
            max-width: none
        }

        .product-detail .product-hero .btn-buy-now {
            padding: 13px 85px;
            display: inline-block
        }

        .product-detail .product-hero .product-image-carousel .product-img {
            position: absolute;
            top: 50%;
            transform: translateY(-50%)
        }

        .product-detail .product-hero .product-image-carousel {
            position: relative;
            display: inline-block;
            width: 100%;
            top: 0;
            min-height: 300px
        }

    .product-detail.yellow .product-hero .product-image-carousel {
        top: 0
    }

    .product-detail #panel-buy-online .list .item .retailer {
        display: table-row;
        width: 100%;
        padding-bottom: 5px;
        float: left
    }

    .product-detail #panel-buy-online .list .item:not(:first-child) .retailer {
        display: none
    }

    .product-detail #panel-buy-online .list .item .div-price {
        display: inline-block;
        float: right;
        text-align: right;
        min-width: 45px
    }

    .product-detail .product-hero .title h1 {
        font-size: 28px;
        width: 300px
    }

    .product-detail .product-hero .div-buy-now {
        text-align: center
    }

    .product-detail .product-hero .drop-down {
        margin: 10px 0 35px
    }

    .product-detail #panel-buy-online .list .div-buy-now {
        display: none
    }

    .product-detail #panel-buy-online .list .item .div-price a, .product-detail #panel-buy-online .list .item .product-name {
        display: inline-block;
        float: left;
        width: 78%;
        line-height: 1.2;
        padding: 10px 0;
        text-decoration: underline
    }

    .product-detail #panel-buy-online .list .item .div-price a {
        text-decoration: none
    }

    .product-detail .product-buy-online li a, .product-detail .product-buy-online li.active a {
        padding: 16px
    }

        .product-detail #panel-buy-online .list .item .price, .product-detail #panel-buy-online .list .item .product-name, .product-detail #panel-buy-online .list .item .retailer, .product-detail #panel-find-in-store a, .product-detail #panel-find-in-store p, .product-detail .product-buy-online li a h2, .product-detail .product-buy-online li.active a h2 {
            font-size: 16px
        }

    .product-detail .product-hero #dropdown-pack-size {
        width: 100%
    }

    .product-detail .div-product-footer-nav ul {
        text-align: left;
        font-size: 14px;
        padding: 0
    }

    .product-detail .div-product-footer-nav li {
        padding: 10px 0;
        font-weight: 500;
        vertical-align: top;
        width: 49%;
        padding: 10px 7px 10px 0
    }

    .product-landing .div-product-panel {
        margin: 20px 15px 0 15px
    }

    .product-landing .WYSIWYG {
        padding-top: 25px
    }

    .wrapper.product-landing {
        background-position: center 40px
    }

    .product-landing .product-panel {
        background-size: 100% 100%;
        min-height: 200px
    }

    .image-slider .hero li.hero-multicare .text-wrapper, .product-landing .image-slider .hero .text-wrapper {
        position: initial;
        transform: none;
        margin-top: 40px;
        margin-bottom: 40px
    }

    .product-landing .image-slider {
        box-shadow: 0 4px 4px #ccc
    }

    .product-landing .product-panel .intro div.btn-collapse-product, .product-landing .product-panel .intro div.btn-expand-product {
        font-family: KleenexSans-Regular;
        font-weight: 500;
        font-style: normal;
        font-size: 14px;
        color: #6d6e71;
        text-align: left;
        padding: 0 !important
    }

        .product-landing .product-panel .intro div.btn-collapse-product img, .product-landing .product-panel .intro div.btn-expand-product img {
            padding-bottom: 6px;
            padding-left: 5px;
            height: 20px
        }

    .product-landing .product-panel .intro .logo {
        width: 30%
    }

    .product-landing .product-panel .intro div {
        vertical-align: middle;
        padding-left: 10px;
        text-align: left;
        padding-right: 10px
    }

    .product-landing .product-panel .intro .div-title {
        padding-left: 0
    }

    .product-landing .product-panel .product-link {
        width: 46% !important
    }

    .product-landing .product-panel .intro {
        display: inline-block !important
    }

    .product-landing .product-panel .btn-buy-now {
        padding: 5px 15px
    }

    .product-detail .product-feature .hero h2, .product-detail .product-feature h2.script-font {
        color: #005eb8;
        margin-bottom: 10px
    }

    .product-detail .product-feature .image-slider .hero p {
        color: #6d6e71;
        font-size: 12px
    }

    .product-detail .product-feature .hero .text-wrapper {
        top: 280px;
        left: 0;
        max-width: none
    }

    .product-detail .product-feature .image-slider .hero, .product-detail .product-feature .image-slider .hero ul {
        height: auto !important;
        background: #fff
    }

        .product-detail .product-feature .image-slider .hero ul li {
            min-height: 360px
        }

    .product-detail #divVideoBanner.video-hodler .bts-description h2 {
        font-size: 13px
    }

    .product-detail.blue .product-feature h2, .product-detail.blue .product-feature h2.script-font {
        color: #005eb8
    }

    .product-detail #divVideoBanner.video-hodler .bts-description p {
        font-size: 12px
    }

    .product-detail.green .product-feature h2, .product-detail.green .product-feature h2.script-font {
        color: #009775 !important
    }

    .product-detail.green .product-hero {
        background-image: url('/img/BIG/Product/Green theme glow mobile.png')
    }

    .product-detail.purple .product-feature h2, .product-detail.purple .product-feature h2.script-font {
        color: #2f2a95 !important
    }

    .product-detail.purple .product-hero {
        background-image: url('/img/BIG/Product/Purple theme glow mobile.png')
    }

    .product-detail.purple .product-video-panel {
        background-image: url('/~/media/Images/Kleenex/Background_Image/Product/Purple theme vdo patterns mobile.png')
    }

    .product-detail.orange .product-feature h2, .product-detail.orange .product-feature h2.script-font {
        color: #f4633a !important
    }

    .product-detail.orange .product-hero {
        background-image: url('/img/BIG/Product/Orange theme glow mobile.png')
    }

    .product-detail.mint .product-feature h2, .product-detail.mint .product-feature h2.script-font {
        color: #00b2a9 !important
    }

    .product-detail.mint .product-hero {
        background-image: url('/img/BIG/Product/Mint theme glow mobile.png')
    }

    .product-detail.yellow .product-feature h2, .product-detail.yellow .product-feature h2.script-font {
        color: #6a8ba6 !important
    }

    .product-detail.yellow .product-hero {
        background-image: url('/~/media/Images/Kleenex/Background_Image/Product/Yellow theme glow mobile.jpg');
        margin-top: -1px
    }

    .product-detail.yellow .product-video-panel {
        background-image: url('/~/media/Images/Kleenex/Background_Image/Product/Yellow theme vdo patterns mobile.png')
    }

    .product-detail.gray .product-feature h2, .product-detail.gray .product-feature h2.script-font {
        color: #005eb8 !important
    }

    .product-detail.gray .product-hero {
        background-image: url('/img/BIG/Product/Gray theme glow mobile.png')
    }

    .product-detail.lightblue .product-feature h2, .product-detail.lightblue .product-feature h2.script-font {
        color: #132e6b !important
    }

    .product-detail.lightblue .product-hero {
        background-image: url('/img/BIG/Product/Lightblue theme glow mobile.png')
    }

    .product-detail.wipesblue .product-hero {
        background-image: url('/~/media/Images/Kleenex/Background_Image/Product/wipes blue background mobile.png')
    }

    .product-detail.wipesgreen .product-hero {
        background-image: url('/~/media/Images/Kleenex/Background_Image/Product/wipes blue background mobile.png')
    }

    .product-detail.wipesorange .product-hero {
        background-image: url('/~/media/Images/Kleenex/Background_Image/Product/wipes blue background mobile.png')
    }

    .product-detail.red .product-hero {
        background-image: url('/img/BIG/Product/Red theme glow mobile.png')
    }

    .product-detail.starwars .product-hero {
        background-image: url('/img/BIG/Product/Starwars theme glow mobile.png')
    }

    .product-detail.dory .product-hero {
        background-image: url('/img/BIG/Product/Dory theme glow mobile.png')
    }

    .product-detail.marvel .product-hero {
        background-image: url('/img/BIG/Product/Marvel theme glow mobile.png')
    }

    .product-detail.moana .product-hero {
        background-image: url('/img/BIG/Product/Moana theme glow mobile.png');
        background-position: bottom right;
        background-size: cover
    }

    .product-detail.cars .product-hero {
        background-position: center bottom
    }

    .product-detail.cars .product-feature .text-wrapper {
        -webkit-transform: none;
        transform: none;
        top: 230px
    }

    .product-detail.cars .product-hero .product-image-carousel {
        top: initial
    }

        .product-detail.cars .product-hero .product-image-carousel .product-img img {
            max-height: initial
        }

    .product-detail.with-video .product-hero .title .claim-text {
        position: relative
    }

    .product-detail .image-slider .hero ul li .take-care {
        top: 182px
    }

    .product-landing .copy-right {
        margin-left: 15px
    }

    .product-landing .intro .title {
        font-size: 28px
    }

    .product-detail .product-hero .div-disclaimer {
        bottom: -7px
    }
}

.coupon-wrapper .content .btn, .coupon-wrapper .content.two-column h3.slider-title, .homepage .content p {
    font-family: KleenexSans-Regular;
    font-style: normal
}

@media only screen and (max-width:480px) {
    .product-detail .product-feature .hero .text-wrapper {
        top: 237px
    }

    .product-detail.cars .product-feature .text-wrapper {
        top: 140px
    }

    .product-detail .product-hero .product-image-carousel {
        min-height: 250px
    }
}

@media screen and (max-width:414px) {
    .product-detail .image-slider .hero ul li .take-care {
        top: 102px
    }

    .image-slider .hero .slick-next, .image-slider .hero .slick-prev {
        top: 12%
    }
}

@media screen and (max-width:375px) {
    .product-detail .image-slider .hero ul li .take-care {
        top: 87px
    }

    .product-detail #panel-find-in-store div {
        margin-right: 10px;
        width: 30%
    }

    .product-detail #panel-find-in-store a {
        font-size: 14px
    }
}

.wrapper.coupon-wrapper {
    background-image: url(../img/big/coupon-bg-new.png)
}

    .wrapper.coupon-wrapper section.image-slider:first-of-type {
        margin-top: -8px
    }

.coupon-wrapper section {
    width: 1176px !important;
    max-width: 100%;
    margin: 0 auto 10px;
    overflow: hidden;
    padding-bottom: 46px
}

.coupon-wrapper .image-slider .hero ul li {
    background-size: cover;
    min-height: initial
}

.coupon-wrapper .image-slider .hero ul {
    height: auto !important
}

.coupon-wrapper .image-slider .hero h1.script-font, .coupon-wrapper .image-slider .hero h2.script-font {
    font-size: 40px;
    text-align: center
}

.coupon-wrapper .image-slider .hero h1.slider-title, .coupon-wrapper .image-slider .hero h2.slider-title {
    font-size: 32px;
    text-align: center
}

.coupon-wrapper .image-slider .hero .content-right .text-wrapper {
    right: 7%;
    top: 51%;
    text-align: center
}

.coupon-wrapper .image-slider .hero p {
    margin-top: 0;
    line-height: 1.2
}

.coupon-wrapper .image-slider .hero .btn-primary {
    padding: 6px 15px;
    font-size: 14px;
    min-width: 128px
}

.coupon-wrapper .take-care {
    position: absolute;
    display: inline-block;
    bottom: 35px;
    right: 40px
}

.coupon-amazon-logo {
    display: inline-block;
    position: absolute;
    right: 18px;
    top: 25px
}

.coupon-wrapper .content .product .img-wrapper {
    width: 41%
}

.coupon-wrapper .image-slider .hero .text-wrapper.blue-text {
    max-width: 400px;
    text-align: center;
    top: 38%;
    left: 8%
}

    .coupon-wrapper .image-slider .hero .text-wrapper.blue-text h1.script-font, .coupon-wrapper .image-slider .hero .text-wrapper.blue-text h1.slider-title, .coupon-wrapper .image-slider .hero .text-wrapper.blue-text h2.script-font {
        color: #0063be;
        text-align: center;
        line-height: 32px
    }

    .coupon-wrapper .image-slider .hero .text-wrapper.blue-text h1.script-font, .coupon-wrapper .image-slider .hero .text-wrapper.blue-text h2.script-font {
        line-height: 62px
    }

    .coupon-wrapper .image-slider .hero .text-wrapper.blue-text p {
        color: #6d6e71;
        text-align: center
    }

.coupon-wrapper .content .blue-petals {
    background-size: 100% 100%;
    display: table
}

.coupon-wrapper .content .product {
    max-width: 564px;
    display: table-row
}

.coupon-wrapper .content .columns.medium-6.blue-petals {
    max-width: 563px;
    width: 48%
}

.coupon-wrapper .content.two-column h3.slider-title {
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 10px
}

    .coupon-wrapper .content.two-column h3.slider-title.GUY-text {
        color: #d72355;
        font-size: 24px;
        line-height: 1
    }

.coupon-wrapper .content.two-column .title p {
    font-size: 12px;
    margin-bottom: 13px;
    min-height: 24px;
    max-width: 265px
}

    .coupon-wrapper .content.two-column .title p.GUY-text {
        color: #22252c
    }

.coupon-wrapper .content .btn {
    padding: 4px 15px 6px;
    font-weight: 500;
    text-transform: lowercase;
    letter-spacing: 0;
    font-size: 14px;
    min-width: 128px;
    text-align: center;
    border: 2px solid #ed7a59;
    box-shadow: 0 0 0 2px #fff inset
}

    .coupon-wrapper .content .btn.red {
        border: 2px solid #d72335;
        background: #d72335
    }

        .coupon-wrapper .content .btn.red:hover {
            color: #d72335
        }

    .coupon-wrapper .content .btn:hover {
        background: #fff;
        box-shadow: inset 0 0 0 2px #fff;
        box-sizing: border-box;
        color: #ed7a59
    }

.coupon-wrapper .content.two-column .product .title {
    text-align: left;
    padding: 11% 35px 12% 20px
}

.form-page.forgot-password .image-content, .form-page.reset-password .image-content, .form-page.unsubscribe .image-content {
    text-align: center
}

.coupon-wrapper .image-slider .hero ul li div:first-child {
    background: 0 0
}

.coupon-wrapper .image-slider .text-wrapper sup {
    font-size: 55%
}

@media only screen and (max-width:768px) {
    .coupon-wrapper .image-slider .hero h1.script-font, .coupon-wrapper .image-slider .hero h2.script-font {
        font-size: 60px;
        line-height: .7
    }

    .coupon-wrapper .image-slider .hero h1.slider-title, .coupon-wrapper .image-slider .hero h2.slider-title {
        margin-top: 10px;
        font-size: 24px;
        letter-spacing: 5px
    }

    .coupon-wrapper .image-slider .hero .btn-primary {
        margin-top: 5px
    }

    .coupon-wrapper .content.two-column .title p {
        max-width: 140px
    }
}

@media only screen and (max-width:800px) {
    .coupon-wrapper .content.two-column h3.slider-title {
        font-size: 18px
    }

        .coupon-wrapper .content.two-column h3.slider-title.GUY-text {
            font-size: 18px
        }

    .content .product .title {
        padding-left: 10px;
        padding-top: 0
    }
}

@media screen and (max-width:640px) {
    .coupon-wrapper .image-slider .hero ul li, .coupon-wrapper .image-slider .hero ul li.content-right > div, .coupon-wrapper .image-slider .hero ul li > div {
        background: 0 0 !important
    }

    .coupon-wrapper .image-slider .hero {
        height: auto !important
    }

        .coupon-wrapper .image-slider .hero .text-wrapper {
            position: initial;
            transform: none;
            margin-top: 35px;
            margin-bottom: 30px
        }

        .coupon-wrapper .image-slider .hero ul li > div {
            position: initial
        }

        .coupon-wrapper .image-slider .hero .text-wrapper h1.script-font, .coupon-wrapper .image-slider .hero .text-wrapper h1.slider-title, .coupon-wrapper .image-slider .hero .text-wrapper h2.script-font, .coupon-wrapper .image-slider .hero .text-wrapper h2.slider-title {
            color: #0063be
        }

        .coupon-wrapper .image-slider .hero p {
            color: #6d6e71
        }

    .coupon-wrapper section {
        padding-bottom: 0
    }

        .coupon-wrapper section.content.two-column {
            padding: 20px 17px;
            background: url(../img/big/coupon-mobile-bg-new.png) center -120px no-repeat #fff;
            margin-bottom: 0;
            background-size: cover
        }

    .coupon-wrapper .content .columns.medium-6.blue-petals {
        margin-bottom: 17px;
        max-width: 100%;
        width: 100%
    }

        .coupon-wrapper .content .columns.medium-6.blue-petals:last-child {
            margin-bottom: 0
        }

    .coupon-wrapper section.image-slider:first-of-type {
        margin-bottom: 0
    }

    .coupon-wrapper .content.two-column .title p {
        max-width: 170px
    }

    .coupon-wrapper .content.two-column .product {
        margin: 15px 10px 0
    }

    .coupon-wrapper .image-slider .hero .text-wrapper.blue-text {
        max-width: 100%
    }

    .coupon-wrapper .content.two-column .product .title {
        padding: 20px 10px 20px 10px
    }

    .coupon-wrapper .content .btn {
        font-size: 14px;
        min-width: 160px;
        text-align: center
    }

    .content.two-column .product .img-wrapper {
        min-width: 100px;
        width: 140px;
        padding-bottom: 15px;
        padding-top: 15px
    }

    .coupon-wrapper .content .product .title .btn, .coupon-wrapper .image-slider .hero .btn-primary {
        font-size: 30px;
        font-weight: 100;
        min-width: 120px;
        box-shadow: 0 0 0 4px #fff inset;
        border: 3px solid #ed7a59;
        max-width: 335px;
        line-height: 1.2;
        padding: 10px 20px 10px
    }

    .coupon-wrapper .image-slider .hero .text-wrapper h1 {
        padding-bottom: 10px;
        margin-top: 10px
    }

        .coupon-wrapper .image-slider .hero .text-wrapper h1.slider-title, .coupon-wrapper .image-slider .hero .text-wrapper h2.script-font {
            padding-bottom: 10px
        }

    .coupon-wrapper .image-slider .hero .text-wrapper.blue-text h1.slider-title {
        padding-bottom: 10px
    }

    .coupon-wrapper .image-slider .hero ul li .take-care {
        top: 180px
    }

    .coupon-wrapper .content .blue-petals {
        cursor: pointer
    }
}

#contentWrapper.homepage section.livefyre, #contentWrapper.homepage > .row {
    max-width: 1600px
}

@media screen and (max-width:414px) {
    .coupon-wrapper .image-slider .hero ul li .take-care {
        top: 102px
    }
}

@media screen and (max-width:400px) {
    .content.two-column .product .img-wrapper {
        width: 120px
    }

    .coupon-wrapper .content.two-column h3.slider-title {
        font-size: 16px
    }

        .coupon-wrapper .content.two-column h3.slider-title.GUY-text {
            font-size: 16px
        }
}

@media screen and (max-width:375px) {
    .coupon-wrapper .image-slider .hero ul li .take-care {
        top: 88px
    }
}

#contentWrapper.homepage > .row > .column {
    padding-left: 0;
    padding-right: 0
}

#contentWrapper.homepage .row .row, #contentWrapper.homepage section.livefyre .lf-app-embed {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%
}

#contentWrapper.homepage section.livefyre .online-retailer {
    background-repeat: no-repeat;
    background-image: url(/img/backgrounds/social-feed-bg.png);
    background-size: 100% auto
}

#contentWrapper.homepage .row .row {
    padding: 12px
}

.wrapper.homepage {
    background-image: url('../img/big/homepage bkg.png')
}

    .wrapper.homepage.french .image-slider .hero .text-wrapper {
        max-width: 450px
    }

.homepage .image-slider .text-wrapper sup {
    font-size: 55%
}

.homepage .image-slider .hero ul li {
    min-height: initial
}

.image-slider .hero li.hero-review .text-wrapper {
    left: 120px;
    max-width: 440px
}

.image-slider .hero li.hero-review .btn-primary {
    background: #be9941;
    border: 2px solid #be9941;
    line-height: 1.2
}

    .image-slider .hero li.hero-review .btn-primary:hover {
        background: #fff;
        color: #be9941
    }

.image-slider .hero li.hero-amazon-b .text-wrapper h2, .image-slider .hero li.hero-review .text-wrapper h2 {
    padding-right: 0;
    padding-left: 0
}

.image-slider .hero li.hero-amazon-a .text-wrapper {
    left: 50%;
    max-width: 470px
}

.image-slider .hero li.hero-amazon-b .text-wrapper {
    left: 50%;
    max-width: 470px;
    top: 75%
}

.homepage .image-slider .hero.hero-arrow, .homepage .image-slider .hero.hero-arrow ul li {
    border-radius: 0 0 10px 10px
}

.homepage .image-slider .hero ul li.emoji-theme .text-wrapper .btn-primary:nth-child(2n), .homepage .image-slider .hero ul li.emoji-themefr .text-wrapper .btn-primary:nth-child(2n) {
    margin-left: 20px
}

.homepage .image-slider .hero ul li.emoji-theme .text-wrapper .btn-primary {
    border: none;
    border-radius: 8px;
    box-shadow: unset;
    background-size: cover;
    height: 50px;
    width: 169px;
    background-color: transparent
}

.homepage .image-slider .hero ul li.emoji-themefr .text-wrapper .btn-primary {
    border: none;
    border-radius: 8px;
    box-shadow: unset;
    background-size: cover;
    height: 50px;
    width: 147px;
    background-color: transparent
}

.homepage .image-slider .hero ul li.emoji-theme .text-wrapper .btn-primary:nth-child(2n+1) {
    background-image: url('/~/media/Images/Kleenex/Hero Carousels/Homepage/AppStore Button.png')
}

.homepage .image-slider .hero ul li.emoji-theme .text-wrapper .btn-primary:nth-child(2n) {
    background-image: url('/~/media/Images/Kleenex/Hero Carousels/Homepage/Google Play button.png')
}

.homepage .image-slider .hero ul li.emoji-themefr .text-wrapper .btn-primary:nth-child(2n+1) {
    background-image: url('/~/media/Images/Kleenex/Hero Carousels/Homepage/AppStore Button fr.png')
}

.homepage .image-slider .hero ul li.emoji-themefr .text-wrapper .btn-primary:nth-child(2n) {
    background-image: url('/~/media/Images/Kleenex/Hero Carousels/Homepage/Google Play button fr.png')
}

.homepage .image-slider .hero .homepage-coupon {
    margin-bottom: 50px;
    min-height: initial;
    height: auto !important
}

.homepage .content p {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.1
}

.wrapper.homepage .content.three-column .wrapper {
    padding-top: 0;
    padding-bottom: 24px
}

.wrapper.homepage .content.three-column .product .img-wrapper {
    padding: 0;
    float: none
}

    .wrapper.homepage .content.three-column .product .img-wrapper img {
        height: auto !important;
        padding-bottom: 0;
        margin-bottom: 10px;
        margin-top: 10px
    }

.wrapper.homepage .content.three-column .product h2, .wrapper.homepage .content.three-column .product p {
    margin-bottom: 12px;
    margin-top: 10px
}

.wrapper.homepage .content.three-column .product h2 {
    font-family: KleenexSans-Medium
}

.wrapper.homepage .content.three-column .product .title .script-font {
    margin-bottom: 8px;
    text-transform: none
}

.appreciation-wrapper .reci-info-legal h4, .reci-info-caption .heading {
    text-transform: uppercase;
    color: #005eb8
}

.wrapper.homepage .content.three-column .product .title {
    min-height: 112px
}

.homepage .image-slider .hero .content-center .text-wrapper {
    top: 25%
}

@media screen and (max-width:1024px) {
    .image-slider .hero li.hero-review {
        border-left: 0
    }

    .homepage .image-slider .hero.hero-arrow {
        border-radius: 0
    }

    .homepage .content.three-column.layer .product .title h2 {
        font-size: 30px
    }
}

@media screen and (max-width:768px) {
    .homepage .image-slider .hero ul li.emoji-theme .text-wrapper .btn-primary {
        height: 44px;
        width: 150px
    }

    .homepage .image-slider .hero ul li.emoji-themefr .text-wrapper .btn-primary {
        height: 44px;
        width: 129px
    }

    .homepage .image-slider .hero li.hero-amazon-a .text-wrapper, .homepage .image-slider .hero li.hero-amazon-b .text-wrapper {
        max-width: 400px
    }

    .homepage .image-slider .hero li.hero-amazon-a img.backgroud-image, .homepage .image-slider .hero li.hero-amazon-b img.backgroud-image {
        object-position: left center
    }

    .image-slider .hero li.hero-amazon-b .text-wrapper {
        left: 48%;
        max-width: 550px
    }

    .image-slider .hero li.hero-review .text-wrapper {
        left: 50px;
        max-width: 450px;
        top: 100px
    }

    .homepage .image-slider .hero .text-wrapper {
        top: 100px
    }
}

@media screen and (max-width:769px) {
    .homepage .image-slider .hero .content-center .text-wrapper {
        top: 21%
    }

    .homepage .content.three-column.layer .product .title h2 {
        font-size: 26px
    }
}

@media screen and (max-width:736px) {
    .homepage .image-slider .hero .content-center .text-wrapper {
        top: 25%
    }

    .homepage .content.three-column.layer .product .title h2 {
        font-size: 20px
    }
}

@media screen and (max-width:640px) {
    .wrapper.homepage .content.three-column.layer .product {
        padding: 10px 0
    }

        .wrapper.homepage .content.three-column.layer .product .title:not(.small-7) {
            padding: 0 20px 0 10px
        }

    .wrapper.homepage .content.three-column .product .img-wrapper img {
        padding-right: 0;
        width: 130px;
        margin-left: 10px
    }

    .homepage .image-slider .hero .text-wrapper, .image-slider .hero li.hero-amazon-b .text-wrapper {
        position: initial;
        transform: none;
        margin-top: 40px;
        margin-bottom: 40px
    }

    .image-slider .hero li.hero-review .text-wrapper {
        top: 290px
    }

    .homepage .image-slider .hero li.hero-amazon-a .text-wrapper, .homepage .image-slider .hero li.hero-amazon-b .text-wrapper, .image-slider .hero li.hero-review .text-wrapper {
        left: 0;
        max-width: 100%
    }

    .homepage .image-slider .hero .homepage-coupon .text-wrapper {
        position: initial;
        transform: none;
        margin-top: 35px;
        margin-bottom: 30px
    }

        .homepage .image-slider .hero .homepage-coupon .text-wrapper h1.slider-title {
            padding-bottom: 10px;
            letter-spacing: 5px
        }

        .homepage .image-slider .hero .homepage-coupon .text-wrapper h1.script-font {
            padding-top: 10px;
            font-size: 60px
        }

    .homepage .image-slider .hero .homepage-coupon {
        margin-bottom: 0
    }

    .homepage .image-slider .hero, .homepage .image-slider .hero ul {
        height: auto !important
    }

    .homepage section.livefyre.home {
        background-position: top center !important;
        background-size: auto !important
    }

    .homepage .image-slider:nth-child(2n) {
        box-shadow: 0 4px 4px #ccc
    }

    .homepage .online-retailer {
        margin-top: -30px
    }

    .wrapper.homepage .content.three-column .product .title .script-font {
        font-size: 11px;
        line-height: 1;
        margin-bottom: 0
    }

    .homepage .image-slider .hero .content-center .text-wrapper {
        top: 300px
    }

    .wrapper.homepage.french .image-slider .hero .text-wrapper {
        max-width: 100%
    }
}

.wrapper.errorpage {
    background-image: url(../img/big/coupon-bg-new.png);
    background-position: center -50px
}

.errorpage section {
    width: 100%;
    max-width: 100%;
    padding-bottom: 150px
}

.errorpage .error-handling-section .error-page-container {
    background: url('../img/error/error content BG.png') center;
    padding-bottom: 60px;
    padding-top: 60px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.errorpage .error-handling-section .error-heading {
    color: #fff;
    font-family: KleenexSans-Regular;
    font-size: 76px;
    line-height: .8;
    margin-top: 25px
}

.errorpage .error-handling-section .error-para {
    color: #fff;
    font-weight: 300
}

.errorpage .error-handling-section img {
    margin: 0 auto;
    display: block
}

.errorpage .reserve-rights-text, .errorpage .reserve-rights-text a {
    margin-top: 10px;
    font-size: 12px;
    color: #8f9194
}

    .errorpage .reserve-rights-text a {
        text-decoration: underline
    }

@media only screen and (max-width:1024px) {
    .errorpage .error-handling-section .error-page-container {
        background: #1972c4
    }
}

.wrapper.forgot-password {
    background: url(../img/big/coupon-bg-new.png) center 60px no-repeat #fff
}

.form-page.forgot-password {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 150px
}

    .form-page.forgot-password div.container {
        background: url('../img/SSOLS/unsubscribe content BG.png') center;
        padding-bottom: 30px;
        padding-top: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        background-size: cover
    }

    .form-page.forgot-password h1, .form-page.forgot-password h2 {
        color: #fff;
        font-family: KleenexSans-Regular;
        font-size: 76px;
        line-height: .8;
        margin: 25px 0 5px;
        letter-spacing: 0
    }

    .form-page.forgot-password .title, .form-page.forgot-password p {
        font-family: KleenexSans-Regular;
        color: #fff;
        font-weight: 300;
        font-size: 16px;
        line-height: 1.6;
        white-space: normal
    }

    .form-page.forgot-password div.g-recaptcha div:first-child {
        margin: 0 auto
    }

    .form-page.forgot-password .consumer-input-wrap input {
        border-color: #fff
    }

    .form-page.forgot-password .consumer-input-wrap .consumer-email-input {
        background: url(../img/big/email-icon-white.png) 11px center no-repeat;
        box-shadow: none;
        height: auto;
        margin-bottom: 2px;
        padding-left: 40px;
        border-top: 0;
        border-right: 0;
        border-left: 0;
        color: #fff
    }

    .form-page.forgot-password .image-content img {
        margin-top: 80px
    }

    .form-page.forgot-password .form-group a {
        font-family: KleenexSans-Regular;
        color: #fff;
        font-weight: 400;
        font-size: 12px;
        text-decoration: underline;
        margin-top: -10px
    }

    .form-page.forgot-password .btn.btn-primary {
        padding: 6px 25px
    }

    .form-page.forgot-password .form-group {
        margin: -15px 0 0
    }

    .form-page.forgot-password ::-webkit-input-placeholder {
        color: #fff
    }

    .form-page.forgot-password :-moz-placeholder {
        color: #fff
    }

    .form-page.forgot-password ::-moz-placeholder {
        color: #fff
    }

    .form-page.forgot-password :-ms-input-placeholder {
        color: #fff
    }

@media only screen and (max-width:640px) {
    .form-page.forgot-password {
        box-shadow: 0 4px 4px #ccc
    }

        .form-page.forgot-password .btn.btn-primary {
            font-size: 30px;
            margin-bottom: 10px;
            margin-top: 10px;
            padding: 5px 25px;
            width: auto;
            border: 3px solid #ed7a59;
            box-shadow: 0 0 0 4px #fff inset
        }

        .form-page.forgot-password div.container {
            padding-top: 0;
            background: 0 0
        }

        .form-page.forgot-password .image-content {
            background: url('../img/SSOLS/unsubscribe content BG.png');
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px
        }

            .form-page.forgot-password .image-content img {
                margin-top: 0;
                padding: 10px 60px
            }

        .form-page.forgot-password h1, .form-page.forgot-password h2 {
            font-size: 60px;
            color: #005eb8
        }

        .form-page.forgot-password .title, .form-page.forgot-password p {
            color: #6d6e71;
            font-size: 14px
        }

        .form-page.forgot-password .consumer-input-wrap .consumer-email-input {
            background: url(../img/big/email-icon.png) 11px center no-repeat;
            color: #6d6e71
        }

        .form-page.forgot-password .consumer-input-wrap input {
            border-color: #6d6e71
        }

        .form-page.forgot-password .form-group a {
            color: #6d6e71
        }

        .form-page.forgot-password ::-webkit-input-placeholder {
            color: #6d6e71
        }

        .form-page.forgot-password :-moz-placeholder {
            color: #6d6e71
        }

        .form-page.forgot-password ::-moz-placeholder {
            color: #6d6e71
        }

        .form-page.forgot-password :-ms-input-placeholder {
            color: #6d6e71
        }
}

.wrapper.reset-password {
    background: url(../img/big/coupon-bg-new.png) center 20px no-repeat #fff
}

.form-page.reset-password {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 150px
}

    .form-page.reset-password div.container {
        background: url('../img/SSOLS/unsubscribe content BG.png') center;
        padding-bottom: 30px;
        padding-top: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        background-size: cover
    }

    .form-page.reset-password h2 {
        color: #fff;
        font-family: KleenexSans-Regular;
        font-size: 76px;
        line-height: .8;
        margin: 25px 0 5px;
        letter-spacing: 0
    }

    .form-page.reset-password .form-group a, .form-page.reset-password .title {
        font-family: KleenexSans-Regular
    }

    .form-page.reset-password .title {
        color: #fff;
        font-weight: 300;
        font-size: 16px;
        line-height: 1.6;
        white-space: normal
    }

    .form-page.reset-password .consumer-input-wrap input {
        border-color: #fff
    }

    .form-page.reset-password .image-content img {
        margin-top: 80px
    }

    .form-page.reset-password .form-group a {
        color: #fff;
        font-weight: 400;
        font-size: 12px;
        text-decoration: underline;
        margin-top: -10px
    }

    .form-page.reset-password .consumer-input-help, .form-page.reset-password .consumer-input-help span {
        font-family: KleenexSans-Regular;
        color: #fff !important;
        font-weight: 400;
        font-size: 12px
    }

    .form-page.reset-password .consumer-input-wrap .consumer-confirmpassword-input, .form-page.reset-password .consumer-input-wrap .consumer-password-input {
        background: url(../img/big/password-icon-white.png) 11px center no-repeat;
        box-shadow: none;
        height: auto;
        margin-bottom: 2px;
        padding-left: 40px;
        border-top: 0;
        border-right: 0;
        border-left: 0;
        color: #fff;
        max-width: none
    }

    .form-page.reset-password .btn.btn-primary {
        padding: 6px 25px
    }

    .form-page.reset-password ::-webkit-input-placeholder {
        color: #fff
    }

    .form-page.reset-password :-moz-placeholder {
        color: #fff
    }

    .form-page.reset-password ::-moz-placeholder {
        color: #fff
    }

    .form-page.reset-password :-ms-input-placeholder {
        color: #fff
    }

@media only screen and (max-width:640px) {
    .form-page.reset-password .btn.btn-primary {
        font-size: 30px;
        margin-bottom: 10px;
        margin-top: 10px;
        padding: 5px 40px;
        width: auto;
        border: 3px solid #ed7a59;
        box-shadow: 0 0 0 4px #fff inset
    }

    .form-page.reset-password {
        box-shadow: 0 4px 4px #ccc
    }

        .form-page.reset-password div.container {
            padding-top: 0;
            background: 0 0
        }

        .form-page.reset-password .image-content {
            background: url('../img/SSOLS/unsubscribe content BG.png');
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px
        }

            .form-page.reset-password .image-content img {
                margin-top: 0;
                padding: 10px 60px
            }

        .form-page.reset-password h2 {
            font-size: 60px;
            color: #005eb8
        }

        .form-page.reset-password .title {
            color: #6d6e71;
            font-size: 14px
        }

        .form-page.reset-password .consumer-input-wrap .consumer-confirmpassword-input, .form-page.reset-password .consumer-input-wrap .consumer-password-input {
            background: url(../img/big/password-icon.png) 11px center no-repeat;
            color: #6d6e71
        }

        .form-page.reset-password .consumer-input-wrap input {
            border-color: #6d6e71
        }

        .form-page.reset-password .form-group a {
            color: #6d6e71
        }

        .form-page.reset-password .consumer-input-help, .form-page.reset-password .consumer-input-help span {
            color: #6d6e71 !important
        }

        .form-page.reset-password ::-webkit-input-placeholder {
            color: #6d6e71
        }

        .form-page.reset-password :-moz-placeholder {
            color: #6d6e71
        }

        .form-page.reset-password ::-moz-placeholder {
            color: #6d6e71
        }

        .form-page.reset-password :-ms-input-placeholder {
            color: #6d6e71
        }
}

.wrapper.link-account {
    background: url(../img/big/coupon-bg-new.png) center -90px no-repeat #fff
}

.form-page.link-account {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 150px
}

    .form-page.link-account form {
        margin: 10px 0
    }

    .form-page.link-account div.container {
        background: url('../img/SSOLS/unsubscribe content BG.png') center;
        padding-bottom: 50px;
        padding-top: 30px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        background-size: cover
    }

    .form-page.link-account h2 {
        color: #fff;
        font-family: KleenexSans-Regular;
        font-size: 76px;
        line-height: .8;
        margin: 25px 0 5px;
        letter-spacing: 0
    }

    .form-page.link-account .title, .form-page.link-account a, .form-page.link-account p, .form-page.unsubscribe .title, .form-page.unsubscribe p {
        font-family: KleenexSans-Regular
    }

    .form-page.link-account .title, .form-page.link-account p {
        color: #fff;
        font-weight: 300;
        font-size: 16px;
        line-height: 1.6;
        white-space: normal
    }

    .form-page.link-account a {
        color: #fff;
        font-weight: 400;
        font-size: 12px;
        margin-top: -10px
    }

    .form-page.link-account .consumer-input-wrap .consumer-password-input {
        background: url(../img/big/password-icon-white.png) 11px center no-repeat;
        box-shadow: none;
        height: auto;
        margin-bottom: 2px;
        padding-left: 40px;
        border-top: 0;
        border-right: 0;
        border-left: 0;
        color: #fff;
        max-width: none
    }

    .form-page.link-account .consumer-input-wrap input {
        border-color: #fff
    }

    .form-page.link-account .consumer-input-wrap .consumer-email-input {
        background: url(../img/big/email-icon-white.png) 11px center no-repeat;
        box-shadow: none;
        height: auto;
        margin-bottom: 2px;
        padding-left: 40px;
        border-top: 0;
        border-right: 0;
        border-left: 0;
        color: #fff
    }

    .form-page.link-account .btn.btn-primary {
        padding: 6px 25px;
        margin-top: 20px
    }

    .form-page.link-account ::-webkit-input-placeholder {
        color: #fff
    }

    .form-page.link-account :-moz-placeholder {
        color: #fff
    }

    .form-page.link-account ::-moz-placeholder {
        color: #fff
    }

    .form-page.link-account :-ms-input-placeholder {
        color: #fff
    }

    .form-page.link-account .consumer-recaptcha-input {
        padding-top: 20px
    }

@media only screen and (max-width:640px) {
    .form-page.link-account {
        margin-bottom: 0
    }

        .form-page.link-account .image-content {
            background: url('../img/SSOLS/unsubscribe content BG.png');
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px
        }

            .form-page.link-account .image-content img {
                margin-top: 0;
                padding: 10px 60px
            }

        .form-page.link-account div.container {
            padding-top: 0;
            background: 0 0
        }

        .form-page.link-account h2 {
            font-size: 60px;
            color: #005eb8
        }

        .form-page.link-account .consumer-input-wrap .consumer-password-input {
            background: url(../img/big/password-icon.png) 11px center no-repeat;
            color: #6d6e71
        }

        .form-page.link-account .consumer-input-wrap .consumer-email-input {
            background: url(../img/big/email-icon.png) 11px center no-repeat;
            color: #6d6e71
        }

        .form-page.link-account .consumer-input-wrap input {
            border-color: #6d6e71
        }

        .form-page.link-account .title, .form-page.link-account a, .form-page.link-account p {
            color: #6d6e71
        }

        .form-page.link-account .btn.btn-primary {
            font-size: 30px;
            margin-bottom: 10px;
            margin-top: 10px;
            padding: 5px 30px;
            width: auto;
            border: 3px solid #ed7a59;
            box-shadow: 0 0 0 4px #fff inset;
            color: #fff
        }

        .form-page.link-account ::-webkit-input-placeholder {
            color: #6d6e71
        }

        .form-page.link-account :-moz-placeholder {
            color: #6d6e71
        }

        .form-page.link-account ::-moz-placeholder {
            color: #6d6e71
        }

        .form-page.link-account :-ms-input-placeholder {
            color: #6d6e71
        }
}

.wrapper.unsubscribe {
    background: url(../img/big/coupon-bg-new.png) center -50px no-repeat #fff
}

.form-page.unsubscribe {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 150px
}

    .form-page.unsubscribe div.container {
        background: url('../img/SSOLS/unsubscribe content BG.png') center;
        padding-bottom: 30px;
        padding-top: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        background-size: cover
    }

    .form-page.unsubscribe h1 {
        color: #fff;
        font-family: KleenexSans-Regular;
        font-size: 76px;
        line-height: .8;
        margin: 25px 0 5px;
        letter-spacing: 0
    }

    .form-page.unsubscribe .title, .form-page.unsubscribe p {
        color: #fff;
        font-weight: 300;
        font-size: 16px;
        line-height: 1.6;
        white-space: normal
    }

    .form-page.unsubscribe .form-group a, .wrapper.update-profile .form-page .form-page-header p, .wrapper.update-profile .form-page form label, .wrapper.update-profile .form-page.profile h2 {
        font-weight: 400;
        font-family: KleenexSans-Regular
    }

    .form-page.unsubscribe .consumer-input-wrap input {
        border-color: #fff
    }

    .form-page.unsubscribe .consumer-input-wrap .consumer-email-input {
        background: url(../img/big/email-icon-white.png) 11px center no-repeat;
        box-shadow: none;
        height: auto;
        margin-bottom: 2px;
        padding-left: 40px;
        border-top: 0;
        border-right: 0;
        border-left: 0;
        color: #fff
    }

    .form-page.unsubscribe .image-content img {
        margin-top: 80px
    }

    .form-page.unsubscribe .form-group a {
        color: #fff;
        font-size: 12px;
        text-decoration: underline;
        margin-top: -10px
    }

    .form-page.unsubscribe form {
        margin: 0
    }

    .form-page.unsubscribe .btn.btn-primary {
        padding: 6px 25px
    }

    .form-page.unsubscribe ::-webkit-input-placeholder {
        color: #fff
    }

    .form-page.unsubscribe :-moz-placeholder {
        color: #fff
    }

    .form-page.unsubscribe ::-moz-placeholder {
        color: #fff
    }

    .form-page.unsubscribe :-ms-input-placeholder {
        color: #fff
    }

@media only screen and (max-width:640px) {
    .form-page.unsubscribe .btn.btn-primary {
        font-size: 30px;
        margin-bottom: 10px;
        margin-top: 10px;
        padding: 5px 35px;
        width: auto;
        border: 3px solid #ed7a59;
        box-shadow: 0 0 0 4px #fff inset
    }

    .form-page.unsubscribe {
        box-shadow: 0 4px 4px #ccc
    }

        .form-page.unsubscribe div.container {
            padding-top: 0;
            background: 0 0
        }

        .form-page.unsubscribe .image-content {
            background: url('../img/SSOLS/unsubscribe content BG.png');
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px
        }

            .form-page.unsubscribe .image-content img {
                margin-top: 0;
                padding: 10px 60px
            }

        .form-page.unsubscribe h1 {
            font-size: 60px;
            color: #005eb8
        }

        .form-page.unsubscribe .title, .form-page.unsubscribe p {
            color: #6d6e71;
            font-size: 14px
        }

        .form-page.unsubscribe .consumer-input-wrap .consumer-email-input {
            background: url(../img/big/email-icon.png) 11px center no-repeat;
            color: #6d6e71
        }

        .form-page.unsubscribe .consumer-input-wrap input {
            border-color: #6d6e71
        }

        .form-page.unsubscribe .form-group a {
            color: #6d6e71
        }

        .form-page.unsubscribe ::-webkit-input-placeholder {
            color: #6d6e71
        }

        .form-page.unsubscribe :-moz-placeholder {
            color: #6d6e71
        }

        .form-page.unsubscribe ::-moz-placeholder {
            color: #6d6e71
        }

        .form-page.unsubscribe :-ms-input-placeholder {
            color: #6d6e71
        }
}

.wrapper.update-profile {
    background-image: url('../img/big/register bkg.png')
}

    .wrapper.update-profile .form-page-header {
        background-color: #68c6b4;
        padding-top: 36px;
        padding-bottom: 54px;
        border-bottom: 3px solid #fff
    }

    .wrapper.update-profile .form-page-content {
        background-color: #f1f2f2;
        padding-bottom: 20px
    }

    .wrapper.update-profile .form-page.profile .row.tight-v.spacer-h {
        background-image: none;
        background-color: #f1f2f2;
        padding-right: 30px;
        padding-left: 30px
    }

    .wrapper.update-profile .form-page.profile {
        padding: 0
    }

        .wrapper.update-profile .form-page.profile .row.spacer-h {
            padding-right: 30px;
            padding-left: 30px
        }

    .wrapper.update-profile .form-page .form-page-header .intro h1 {
        font-size: 68px;
        color: #fff;
        padding: 9px 0 14px;
        margin: 0;
        line-height: .8
    }

    .wrapper.update-profile .form-page .form-page-header p {
        color: #fff;
        font-size: 16px;
        line-height: 1.5;
        font-style: normal
    }

    .wrapper.update-profile .form-page .form-page-header .instructions p {
        font-size: 11px
    }

    .wrapper.update-profile .form-page.profile {
        width: 100%;
        max-width: 100%;
        margin: 0 auto 50px;
        background-color: #fff;
        overflow: hidden;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px
    }

    .wrapper.update-profile .form-page form label {
        color: #6d6e71;
        font-style: normal;
        font-size: 16px;
        line-height: 1
    }

    .wrapper.update-profile .form-page form input {
        margin-bottom: 0
    }

    .wrapper.update-profile .form-page form .consumer-input-wrap input[type=radio] + label:before, .wrapper.update-profile .form-page form .consumer-survey-input input[type=radio] + label:before {
        background: url(/img/big/radio-default.png) no-repeat rgba(0,0,0,0);
        content: " ";
        display: inline-block;
        height: 19px;
        left: -5px;
        position: relative;
        top: 3px;
        width: 19px
    }

    .wrapper.update-profile .form-page form .consumer-input-wrap input[type=radio]:checked + label:before, .wrapper.update-profile .form-page form .consumer-survey-input input[type=radio]:checked + label:before {
        background: url(/img/big/radio-active.png) no-repeat
    }

    .wrapper.update-profile .form-page select.consumer-state-input {
        padding-right: 35px
    }

    .wrapper.update-profile .form-page form select {
        height: 2rem;
        font-size: 11px;
        line-height: 1
    }

    .wrapper.update-profile .form-page select {
        max-width: 92px;
        background: url(/img/big/select-arrow.png) 90% center no-repeat #fff
    }

    .wrapper.update-profile .form-page form .small {
        display: block;
        font-size: 11px;
        height: 2rem;
        line-height: 1;
        max-width: 276px
    }

    .wrapper.update-profile .form-page.profile .consumer-control h2 {
        letter-spacing: 0;
        line-height: 1.2;
        margin: 34px 0 10px
    }

    .wrapper.update-profile .form-page.profile h2 {
        font-style: normal;
        font-size: 20px;
        color: #00a9ce;
        margin: 55px 0 0
    }

    .wrapper.update-profile .form-page.profile .ui-message {
        padding: 7px 30px
    }

    .wrapper.update-profile .form-page form .consumer-input-wrap input[type=radio], .wrapper.update-profile .form-page form .consumer-survey-input input[type=radio] {
        height: 1px;
        position: absolute;
        visibility: hidden;
        width: 1px
    }

    .wrapper.update-profile .form-page.profile p.email-text {
        color: #005eb8;
        margin-bottom: 30px;
        border-bottom: 1px solid #acacac;
        padding-bottom: 10px;
        width: 30%;
        white-space: pre-wrap;
        white-space: -moz-pre-wrap;
        white-space: -pre-wrap;
        white-space: -o-pre-wrap;
        word-wrap: break-word
    }

    .wrapper.update-profile .form-page.profile p.password-help-text {
        border-bottom: 1px solid #acacac;
        padding-bottom: 10px;
        width: 50%;
        margin-bottom: 30px
    }

    .wrapper.update-profile .form-page.profile p.unsubscribe {
        border-bottom: 1px solid #acacac;
        padding-bottom: 10px;
        width: 70%;
        margin-bottom: 30px
    }

    .wrapper.update-profile .form-page p {
        color: #6d6e71
    }

    .wrapper.update-profile .form-page-header .intro {
        border: none
    }

    .wrapper.update-profile .form-page .form-page-header .instructions {
        border-left: 1px solid #dde8ee
    }

    .wrapper.update-profile .form-page.profile form label.checkbox {
        font-size: 12px
    }

.registration-wrapper .form-page form input[type=checkbox]:checked + label:before {
    background: url(/img/big/checkbox-active.png) no-repeat
}

.wrapper.update-profile .form-page form input[type=checkbox] {
    height: 1px;
    position: absolute;
    visibility: hidden;
    width: 1px
}

.wrapper.update-profile .form-page form .survey-data input[type=checkbox] + label {
    margin-top: -4px !important;
    position: relative
}

.wrapper.update-profile .form-page form .survey-data .consumer-input-wrap div:last-child input[type=checkbox] + label {
    margin-bottom: 0 !important
}

.wrapper.update-profile .form-page.profile form input[type=checkbox] + label:before {
    background: url(/img/big/checkbox-default.png) no-repeat rgba(0,0,0,0);
    content: " ";
    display: inline-block;
    height: 20px;
    left: -5px;
    position: relative;
    top: 5px;
    width: 20px;
    padding-left: 25px
}

.wrapper.update-profile .form-page.profile form input[type=checkbox]:checked + label:before {
    background: url(/img/big/checkbox-active.png) no-repeat
}

.wrapper.update-profile .btn.btn-primary {
    margin-top: 25px;
    padding: 5px 40px
}

.wrapper.update-profile .form-page form {
    margin-top: 0
}

.wrapper.update-profile .consumer-checkbox-wrap {
    display: table;
    color: #6d6e71 !important
}

.wrapper.update-profile span.lattice-checkbox-label {
    display: table-cell;
    vertical-align: middle;
    font-family: KleenexSans-Regular;
    font-weight: 500;
    font-style: normal;
    font-size: 13px;
    color: #6d6e71
}

.wrapper.update-profile input[type=checkbox] + label, .wrapper.update-profile input[type=radio] + label label.lattice-checkbox-label {
    margin-right: 10px !important
}

label.consumer-LimittheUseofMyPersonalInfoFlag-label.checkbox label.lattice-checkbox-label {
    margin-right: 0 !important;
    margin-left: 18px;
}

@media only screen and (min-width:320px) and (max-width:640px) {
    .wrapper.update-profile .form-page.profile p.email-text, .wrapper.update-profile .form-page.profile p.password-help-text, .wrapper.update-profile .form-page.profile p.unsubscribe {
        width: 100%
    }

    .wrapper.update-profile .form-page-content {
        margin: 0 10px;
        padding-bottom: 40px
    }

    .wrapper.update-profile .form-page.profile .row.spacer-h {
        padding-left: 48px;
        padding-right: 48px
    }

    .wrapper.update-profile .form-page form .large, .wrapper.update-profile .form-page form .medium, .wrapper.update-profile .form-page form .small {
        display: block;
        max-width: 100%
    }

    .wrapper.update-profile .form-page .form-page-header .instructions {
        padding: 0
    }

    .wrapper.update-profile .form-page form input {
        font-size: 18px;
        height: 4.4rem
    }

    .registration-wrapper .form-page form select, .wrapper.update-profile .form-page form .small, .wrapper.update-profile .form-page form select {
        display: block;
        font-size: 18px;
        height: 4.4rem
    }

    .registration-wrapper .form-page select.consumer-state-input, .wrapper.update-profile .form-page form select {
        padding-right: 37px;
        padding-left: 4px
    }

    .wrapper.update-profile .form-page .form-page-header p {
        line-height: 1.2
    }

    .wrapper.update-profile .form-page .form-page-header .instructions p {
        font-size: 16px
    }

    .wrapper.update-profile .form-page .form-page-header .intro {
        border-bottom: 1px solid #dde8ee;
        padding-bottom: 27px;
        padding-right: 0;
        margin-bottom: 30px
    }

    .wrapper.update-profile .form-page.profile .form-page-content .row.spacer-h {
        padding-left: 15px;
        padding-right: 15px
    }

    .wrapper.update-profile .form-page .form-group {
        margin-bottom: 0
    }

        .wrapper.update-profile .form-page #pwindicator, .wrapper.update-profile .form-page .form-group .error {
            padding-bottom: 12px
        }

    .wrapper.update-profile .form-page form .consumer-input-wrap input[type=radio] + label::before, .wrapper.update-profile .form-page form .consumer-survey-input input[type=radio] + label::before {
        background: url(/img/big/radio-mob-default.png) center center/100% auto no-repeat rgba(0,0,0,0);
        left: -5px;
        top: 0;
        width: 48px;
        position: absolute;
        height: 100%
    }

    .wrapper.update-profile .form-page form .consumer-input-wrap input[type=radio]:checked + label:before, .wrapper.update-profile .form-page form .consumer-survey-input input[type=radio]:checked + label:before {
        background: url(/img/big/radio-mob-active.png) center center/100% auto no-repeat
    }

    .wrapper.update-profile .form-page select {
        background: url(/img/big/select-arrow-mob.png) 98% center no-repeat #fff
    }

    .wrapper.update-profile .form-page form .consumer-survey-input input[type=radio] + label {
        font-size: 13px
    }

    .wrapper.update-profile .form-page form .consumer-input-wrap input[type=radio] + label, .wrapper.update-profile .form-page form .consumer-survey-input input[type=radio] + label {
        margin-bottom: 12px;
        margin-left: 5px;
        margin-right: 42px;
        padding-bottom: 18px;
        padding-left: 56px !important;
        padding-top: 18px;
        position: relative
    }

    .wrapper.update-profile .form-page form input[type=checkbox] + label {
        padding-bottom: 15px;
        padding-left: 53px;
        padding-top: 26px;
        position: relative;
        vertical-align: middle;
        width: 100%
    }

    .wrapper.update-profile .form-page.profile form input[type=checkbox] + label:before {
        background: url(/img/big/checkbox-mob-default.png) no-repeat rgba(0,0,0,0);
        content: " ";
        display: inline-block;
        height: 100%;
        position: absolute;
        width: 48px;
        background-size: 100% 100%
    }

    .wrapper.update-profile .form-page.profile form input[type=checkbox]:checked + label:before {
        background: url(/img/big/checkbox-mob-active.png) center center/100% auto no-repeat
    }

    .wrapper.update-profile .form-page .data-of-birth .columns {
        padding-left: 10px;
        width: 50%
    }

        .wrapper.update-profile.form-page .data-of-birth .columns:last-child {
            padding-right: 0;
            padding-left: .5rem
        }

    .wrapper.update-profile .form-page.profile p.email-text {
        width: 70%
    }

    .wrapper.update-profiler .form-page.profile .row.spacer-h1 {
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .wrapper.update-profile .form-page .data-of-birth select {
        width: 100%;
        max-width: 100%
    }

    .wrapper.update-profile .form-page .form-page-header .instructions {
        border: none
    }

    .wrapper.update-profile .form-page.profile .consumer-survey .consumer-input-wrap .consumer-checkbox:before {
        left: -60px
    }

    .wrapper.update-profile .consumer-buttons {
        text-align: center
    }

    .wrapper.update-profile .form-page .btn.btn-primary {
        border: 3px solid #ed7a59;
        box-shadow: 0 0 0 4px #fff inset;
        font-family: KleenexSans-Regular;
        font-weight: 500;
        font-style: normal;
        font-size: 30px;
        min-width: 282px;
        padding: 4px 40px 8px;
        position: relative;
        text-transform: lowercase;
        width: auto
    }

    .wrapper.update-profile .form-page-header {
        display: none
    }

    .wrapper.update-profile .form-page.profile .ui-message {
        padding: 7px 15px
    }
}

.pac-container {
    margin-top: -80px !important;
    margin-left: 1px
}

@media (max-width:768px) {
    .pac-container {
        position: absolute;
        margin-top: -80px !important
    }
}

@media only screen and (min-device-width :375px) and (max-device-width :667px) and (orientation :landscape) {
    .cars .product-feature .text-wrapper h2.script-font {
        font-size: 68px
    }
}

.wrapper.legal .content li, .wrapper.legal .content p {
    font-family: KleenexSans-Regular;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    line-height: 1.6;
    color: #6d6e71
}

.legal-stmt, .privacy-policy {
    padding-top: 50px;
    padding-bottom: 50px
}

.wrapper.legal h3 {
    font-family: KleenexSans-Regular;
    font-weight: 400;
    font-style: normal;
    color: #6d6e71;
    font-size: 30px
}

.privacy-policy {
    padding-top: 50px;
    padding-bottom: 50px
}

    .privacy-policy h2 {
        font-family: KleenexSans-Regular;
        font-weight: 100;
        font-size: 80px;
        color: #005eb8
    }

    .privacy-policy p {
        font-family: KleenexSans-Medium;
        font-weight: 400;
        font-style: normal;
        font-size: 12px;
        line-height: 1.6;
        color: #6d6e71
    }

        .privacy-policy p strong {
            font-family: KleenexSans-Medium;
            font-weight: 400;
            font-style: normal;
            font-size: 30px;
            color: #6d6e71
        }

.wrapper.updateemail {
    background-image: url('../img/big/register bkg.png')
}

.form-page.updateemailpage .form-page-header .intro {
    border-right: none;
    padding-left: 0
}

.wrapper.updateemail .form-page.updateemailpage .row.spacer-h {
    background-image: none;
    padding-right: 30px;
    padding-left: 30px
}

.wrapper.updateemail .form-page-header {
    background-color: #68c6b4;
    padding-top: 36px;
    padding-bottom: 54px;
    border-bottom: 3px solid #fff
}

.wrapper.updateemail .form-page-content {
    background-color: #f1f2f2;
    padding-bottom: 20px
}

.update-email-content .row.spacer-h .consumer-control #myForm > div input {
    height: 40px;
    line-height: 40px;
    font-size: 14px
}

.updateemailpage .form-page-content {
    margin-bottom: 30px
}

.consumer-control.consumer-EmailUpdate label#ui-message {
    margin-top: 20px;
    text-align: left;
    font-size: 15px
}

.update-email-content .row.spacer-h .consumer-control #myForm > div label {
    font-size: 16px;
    margin-bottom: 5px
}

    .update-email-content .row.spacer-h .consumer-control #myForm > div label.error {
        font-size: 13px;
        margin-bottom: 6px
    }

.update-email-content .row.spacer-h .consumer-control #myForm {
    width: 500px
}

    .update-email-content .row.spacer-h .consumer-control #myForm .consumer-buttons {
        margin-top: 10px
    }

        .update-email-content .row.spacer-h .consumer-control #myForm .consumer-buttons a {
            background-color: #008cba;
            color: #fff;
            padding: 15px 25px;
            border-radius: 3px;
            width: auto
        }

        .update-email-content .row.spacer-h .consumer-control #myForm .consumer-buttons button {
            background-color: #008cba;
            color: #fff;
            border-radius: 3px;
            padding: 15px;
            width: 135px
        }

@media only screen and (width:320px) {
    .update-email-content .row.spacer-h .consumer-control #myForm .consumer-buttons button {
        margin-bottom: 10px
    }
}

@media only screen and (max-width:860px) {
    .product-landing .product-nav ul {
        margin: 0 10px
    }
}

@media only screen and (max-width:568px) {
    .update-email-content .row.spacer-h .consumer-control #myForm {
        width: 100%
    }

    .updateemailpage .form-page-header .row.spacer-h .intro {
        border: none
    }
}

@media only screen and (max-width:680px) {
    .form-page .form-page-header .intro {
        border-bottom: none
    }
}

.ui-message {
    padding-top: 20px;
    padding-bottom: 20px
}

.form-page.updateemailpage.layer {
    margin-bottom: 30px
}

@media only screen and (max-width:568px) {
    .updateemailpage .form-page-header .row.spacer-h .intro {
        border: none
    }
}

@media only screen and (max-width:680px) {
    .form-page .form-page-header .intro {
        border-bottom: none
    }
}

@media only screen and (max-width:580px) {
    .sc-widget-containe {
        min-width: inherit
    }

    div[data-sc-id] {
        max-width: inherit !important;
        width: 100%;
        min-width: inherit !important
    }

        div[data-sc-id] > div, div[data-sc-type=attributes-radio] > div {
            min-width: inherit !important
        }
}

@media only screen and (max-width:640px) {
    .btn.btn-primary:hover {
        background: #fff;
        box-shadow: inset 0 0 0 2px #fff;
        box-sizing: border-box;
        color: #ed7a59 !important;
        border-color: #ed7a59
    }
}

button#ot-sdk-btn {
    border: 1px solid #ccc !important;
    background: 0 0;
    padding: 10px !important;
    color: #666 !important;
    font-weight: 700;
    font-size: 14px;
    background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDE2IDE2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNiAxNjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2NsaXAtcGF0aDp1cmwoI1NWR0lEXzJfKTtmaWxsOiM3MUI4NEM7fQ0KCS5zdDF7Y2xpcC1wYXRoOnVybCgjU1ZHSURfMl8pO2ZpbGw6bm9uZTtzdHJva2U6IzcxQjg0QztzdHJva2Utd2lkdGg6MjtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQo8L3N0eWxlPg0KPGc+DQoJPGRlZnM+DQoJCTxyZWN0IGlkPSJTVkdJRF8xXyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+DQoJPC9kZWZzPg0KCTxjbGlwUGF0aCBpZD0iU1ZHSURfMl8iPg0KCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8xXyIgIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlOyIvPg0KCTwvY2xpcFBhdGg+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTgsMTZjLTQuNSwwLTgtMy42LTgtOGMwLTQuNSwzLjYtOCw4LThzOCwzLjYsOCw4QzE2LDEyLjUsMTIuNSwxNiw4LDE2IE04LDAuOUM0LjIsMC45LDAuOSw0LjEsMC45LDgNCgkJYzAsMy44LDMuMSw3LjEsNy4xLDcuMXM3LjEtMy4xLDcuMS03LjFDMTUuMSw0LjIsMTEuOCwwLjksOCwwLjkiLz4NCgk8bGluZSBjbGFzcz0ic3QxIiB4MT0iOCIgeTE9IjMiIHgyPSI4IiB5Mj0iNyIvPg0KCTxsaW5lIGNsYXNzPSJzdDEiIHgxPSI0IiB5MT0iNiIgeDI9IjgiIHkyPSI3LjUiLz4NCgk8bGluZSBjbGFzcz0ic3QxIiB4MT0iNSIgeTE9IjEyIiB4Mj0iOCIgeTI9IjcuNSIvPg0KCTxsaW5lIGNsYXNzPSJzdDEiIHgxPSIxMSIgeTE9IjEyIiB4Mj0iOCIgeTI9IjcuNSIvPg0KCTxsaW5lIGNsYXNzPSJzdDEiIHgxPSIxMiIgeTE9IjYiIHgyPSI4IiB5Mj0iNy41Ii8+DQo8L2c+DQo8L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: 20px;
    padding-left: 30px !important;
    background-position: 5px
}

    button#ot-sdk-btn:hover {
        border: 1px solid #ccc !important;
        background-color: #fff !important;
        color: #666 !important;
        border: 1px solid #ccc !important
    }

@media only screen and (min-device-width:1025px) {
    .column-black {
        margin-top: 70px !important
    }

    .column-black-en-us {
        margin-top: 50px !important
    }
}

.bvbtn-disable {
    cursor: default !important;
    pointer-events: none;
    background-color: grey !important;
    border: 2px solid grey !important
}

@media(max-width:640px) {
    .notification-bar-main.notification-bar-top-zero + .header + #contentWrapper {
        margin-top: 85px
    }
}

@media only screen and (min-width:320px) and (max-width:640px) {
    .consumer-language-input label.consumer-radiobutton-label {
        margin-right: 40px !important
    }
}


/****** For en-us banner & product page changes *******/

html[lang="en-US"] .homepage .btn.btn-primary {
    box-sizing: border-box;
    border-radius: 0;
    text-transform: lowercase;
    width: auto !important;
    background: #b3d9ff !important;
    border-radius: 10px !important;
    font-size: 20px !important;
    color: #0059b3 !important;
    font-family: 'KleenexSans-SemiBold' !important;
    letter-spacing: 0px !important;
    border: 2px solid #b3d9ff !important;
    box-shadow: none !important;
    animation: background-color 0.2s ease-in-out;
}

    html[lang="en-US"] .homepage .btn.btn-primary:hover {
        background: #311494 !important;
        color: #fff !important;
        border: 2px solid #311494 !important;
        box-shadow: none !important;
    }

    html[lang="en-US"] .homepage .btn.btn-primary a {
        color: #0059b3;
        animation: background-color 0.2s ease-in-out;
    }

    html[lang="en-US"] .homepage .btn.btn-primary:hover a {
        background: #311494 !important;
        color: #fff !important;
        box-shadow: none !important;
    }

html[lang="en-US"] .homepage .content .btn {
    display: inline-block;
    letter-spacing: 1px;
    /**padding: 9px 25px; **/
    width: auto !important;
    background: #b3d9ff !important;
    border-radius: 10px !important;
    font-size: 20px !important;
    color: #0059b3 !important;
    font-family: 'KleenexSans-SemiBold' !important;
    letter-spacing: 0px !important;
    border: 2px solid #b3d9ff !important;
    box-shadow: none !important;
}

html[lang="en-US"] .homepage .back-to-school-lists .bts-btn.collage-checklist {
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 180px !important;
}

html[lang="en-US"] .homepage div.btn.btn-primary.show-for-medium-up > a {
    display: inline-block;
    padding: 5px 25px;
    text-transform: lowercase;
    font-weight: 500;
    font-style: normal;
    font-size: 18px;
    letter-spacing: 1px;
    font-family: 'KleenexSans-SemiBold';
    background: #b3d9ff !important;
    color: #0059b3;
    border-radius: 10px !important;
}

    html[lang="en-US"] .homepage div.btn.btn-primary.show-for-medium-up > a:hover {
        background: #311494 !important;
        color: #fff !important;
        box-shadow: none !important;
    }

html[lang="en-US"] .homepage .image-slider .hero .btn-primary:hover {
    box-sizing: border-box;
    background: #311494 !important;
    color: #fff !important;
    border: 2px solid #311494 !important;
    box-shadow: none !important;
}

    html[lang="en-US"] .homepage .image-slider .hero .btn-primary:hover a {
        color: #fff;
    }

html[lang="en-US"] .wrapper.product-landing {
    background-image: none;
}

html[lang="en-US"] .product-detail .product-nav, html[lang="en-US"] .product-landing .product-nav {
    background-image: none;
    background-size: cover;
    background-position: center;
    min-height: 52px;
    border-radius: 17px;
    margin: 50px 0;
    text-align: center;
    background-color: #0072c6;
}

/*New Buttons*/
html[lang="en-US"] .product-detail .btn-buy-now, html[lang="en-US"] .product-landing .product-panel .btn-buy-now {
    width: auto !important;
    background: #b3d9ff !important;
    border-radius: 10px !important;
    font-size: 18px !important;
    color: #0059b3 !important;
    font-family: 'KleenexSans-Regular' !important;
    letter-spacing: 0px !important;
    border: 2px solid #b3d9ff !important;
    box-shadow: none !important;
    padding: 2px 18px;
}

    html[lang="en-US"] .product-detail .btn-buy-now, html[lang="en-US"] .product-landing .product-panel .btn-buy-now:hover {
        background: #311494 !important;
        color: #fff !important;
        border: 2px solid #311494 !important;
        box-shadow: none !important;
    }

html[lang="en-US"] .product-detail .product-buy-online .btn-buy-now:hover, html[lang="en-US"] .product-detail .product-hero .btn-buy-now:hover a {
    background: #311494 !important;
    color: #fff !important;
    border: 2px solid #311494 !important;
    box-shadow: none !important;
}

html[lang="en-US"] .product-detail .product-buy-online .btn-buy-now:hover, html[lang="en-US"] .product-detail .product-hero .btn-buy-now:hover,
html[lang="en-US"] .product-detail .product-video-panel .btn-buy-now:hover {
    background: #311494 !important;
    color: #fff !important;
    border: 2px solid #311494 !important;
    box-shadow: none !important;
}

html[lang="en-US"] .product-detail .bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar .bv-write-review {
    box-sizing: border-box !important;
    text-transform: lowercase !important;
    width: auto !important;
    background: #b3d9ff !important;
    border-radius: 10px !important;
    font-size: 20px !important;
    color: #0059b3 !important;
    font-family: 'KleenexSans-SemiBold' !important;
    letter-spacing: 0px !important;
    border: 2px solid #b3d9ff !important;
    box-shadow: none !important;
}

    html[lang="en-US"] .product-detail .bv-cleanslate .bv-content-list-container .bv-header .bv-action-bar .bv-write-review:hover {
        box-sizing: border-box !important;
        background: #311494 !important;
        color: #fff !important;
        border: 2px solid #311494 !important;
        box-shadow: none !important;
    }

html[lang="en-US"] .product-detail .btn-buy-now, html[lang="en-US"] .product-landing .product-panel .btn-buy-now {
    text-transform: lowercase;
    font-weight: 500;
    width: auto !important;
    background: #b3d9ff !important;
    border-radius: 10px !important;
    font-size: 18px !important;
    color: #0059b3 !important;
    font-family: 'KleenexSans-Regular' !important;
    letter-spacing: 0px !important;
    border: 2px solid #b3d9ff !important;
    box-shadow: none !important;
}

html[lang="en-US"] .coupon-wrapper .image-slider .hero h1.script-font, html[lang="en-US"] .coupon-wrapper .image-slider .hero h2.script-font {
    font-size: 68px;
    text-align: center
}


/*Mobile*/


@media (max-width: 540px) and (min-width: 538px) {
    /*Surface Duo*/


    html[lang="en-US"] .homepage .back-to-school-lists .bts-btn.collage-checklist {
        display: flex !important;
        justify-content: center;
        align-items: center;
        width: 150px !important;
    }

    .content.three-column.layer .product a {
        display: initial;
    }

    .content.three-column .wrapper {
        background-size: 100% 100%;
        border: 1px solid #000;
        background-color: #005eb8 !important;
        box-shadow: none;
        padding-top: 40px;
        padding-bottom: 30px;
        background-color: transparent;
        height: 200px;
    }

    #contentWrapper.homepage .row .row {
        padding: 12px;
        margin-bottom: -40px;
    }
}


@media only screen and (min-width:320px) and (max-width:389px) {
    input#consumer_DoNotSellMyInfoFlag {
        margin-bottom: 30px !important;
    }

    input#consumer_LimittheUseofMyPersonalInfoFlag {
        margin-bottom: 30px !important;
    }

    .consumer-DoNotSellMyInfoFlag-label, .consumer-LimittheUseofMyPersonalInfoFlag-label {
        padding: 8px;
    }
}

@media only screen and (min-width:390px) and (max-width:395px) {
    input#consumer_DoNotSellMyInfoFlag {
        margin-bottom: 30px !important;
    }

    .consumer-DoNotSellMyInfoFlag-label, .consumer-LimittheUseofMyPersonalInfoFlag-label {
        padding: 10px;
    }
}

/*Fixes for kleenex my profile*/
ConsumerLimittheUseofMyPersonalInfo.wrapper.update-profile .form-page.profile form label.checkbox {
    font-size: 12px;
    display: flex;
    align-items: center;
}