/* ---------------------------------------------------------------------
Original Author: Chris Cheney
Contributors: Michael Start, Peter Marty

Target Browsers: All
Media Type: Screen, Projection
Width: All Sizes
------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------
RESET CSS (thanks, Eric Meyer)
------------------------------------------------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    border: 0;
    padding: 0;
    vertical-align: baseline;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
}

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

:focus { outline: 0; }

/* Always show a vertical scrollbar, even when there is no scrolling */
html { overflow-y: scroll; }

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

/* ---------------------------------------------------------------------
 HTML5 Block / Inline Block declarations
------------------------------------------------------------------------ */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }

audio, canvas, video { display: inline-block; }

/* ---------------------------------------------------------------------
 Form Reset Styles
------------------------------------------------------------------------ */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration { -webkit-appearance: none; }

input[type=search] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing:    content-box;
    -ms-box-sizing:     content-box;
    -o-box-sizing:      content-box;
    box-sizing:         content-box;
    -webkit-appearance: none;
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

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

select { margin: 0px; } /* FireFox compounds this if any margin is set on select menus */

/* ---------------------------------------------------------------------
 Typekit Fonts

 Futura Font Stack
 font: 400 13px/1.0 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;

 Futura Font Weights
 font-weight: 300 (light)
 font-weight: 400 (book)
 font-weight: 500 (medium)
 font-weight: 700 (bold)
 font-weight: 800 (extra bold)

 Futura Font Styles
 font-style: italic (italic)
 font-style: normal (normal)


 FF Meta Serif Web Pro
 font: 500 13px/1.0 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;

 FF Meta Serif Web Pro Font Weights
 font-weight: 500 (book)
 font-weight: 700 (bold)

 FF Meta Serif Web Pro Font Styles
 font-style: italic (italic)
 font-style: normal (normal)

 Typekit/FF Proxima Nova
 font: 500 13px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
 Proxima Nova Font Weights
 font-weight: 100 (thin)
 font-weight: 300 (light)
 font-weight: 400 (regular)
 font-weight: 700 (bold)
------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------
 Colors

RED:
color: #a71c20;

DARK RED:
color: #70090a;

TAN:
color: #aaa18b;

DARK TAN:
color: #766f67;

GREY TEXT:
color: #4c4940;

------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------
 Base Styles
------------------------------------------------------------------------ */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body:after {
    content: 'base';
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0;
    border: 0;
    padding: 0;
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}

img {
    width: 100%;
    max-width: 100%;
}

b { font-weight: 700; }

i { font-style: italic; }

a {
    -webkit-transition-property: color, background-color, background-image;
    -moz-transition-property: color, background-color, background-image;
    -ms-transition-property: color, background-color, background-image;
    -o-transition-property: color, background-color, background-image;
    transition-property: color, background-color, background-image;
    -webkit-transition-duration: .25s;
    -moz-transition-duration: .25s;
    -ms-transition-duration: .25s;
    -o-transition-duration: .25s;
    transition-duration: .25s;
}

/* ---------------------------------------------------------------------
 Grid
------------------------------------------------------------------------ */
.grid { margin-bottom: 20px; }

.mix-grid_collapse {
    margin-bottom: 0;
}

/* ---------------------------------------------------------------------
 formGrid:

 formGrid uses box-sizing and padding with pixel values
------------------------------------------------------------------------ */
.formGrid {
    font-size: 0;
    margin-left: -10px;
}

.formGrid > * {
    display: inline-block;
    font-size: initial;
    padding-left: 10px;
    box-sizing: border-box;
}

/* ---------------------------------------------------------------------
 Stack
------------------------------------------------------------------------ */
.stack {
    background: #ffffff;
    text-align: center;
    font: 300 16px/1.4 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.stack-img img {
    width: 100%;
}

.stack-bd {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    color: #4c4940;
}
.stack-desc {
    font: 300 14px/1.4 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.stack-hd {
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.2;
    text-transform: uppercase;
}

.stack-ft {
    padding: 0 15px 15px;
}

.stack .btn {
    border: 0;
}

/* ---------------------------------------------------------------------
 Wrappers
------------------------------------------------------------------------ */
.wrapper {
    width: 292px;
    margin: 0 auto;
}

.wrapper_extended {
    width: 320px;
    margin: 0 auto;
}

/* ---------------------------------------------------------------------
 Backgrounds
------------------------------------------------------------------------ */
.pageBg {
    background: #faf6f0 center top no-repeat;
    background-size: contain;
}

.pageBg_portalIndex {
    background-image: url(../images/bg_portalIndex_small.jpg);
    background-size: cover;
}

.pageBg_portal {
    background-color: #f0ede7;
    background-image: url(../images/bg_home_mobile.jpg);
}

.pageBg_dogWalk { background-image: url(../images/bg_article_mobile.jpg); }

.pageBg_ourIngredients { background-image: url(../images/bg_our-ingredients_mobile.jpg); }

.pageBg_benchLake { background-image: url(../images/bg_benchLake_mobile.png); }

.pageBg_foodBowl_dog { background-image: url(../images/bg_foodBowl_dog_mobile.jpg); }

/* ---------------------------------------------------------------------
 Header
------------------------------------------------------------------------ */
/*alternative clearfix method needed for objects positioned outside*/
.header { *zoom: 1; } /* legacy browsers */

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

.header:after { clear: both; }

.header-bd { margin-bottom: 20px; }

/* ---------------------------------------------------------------------
 Logo
------------------------------------------------------------------------ */
.logo { margin: -5px auto 54px auto; }

.logo-inner {
    font-size: 0;
    text-align: center;
}

.logo-inner a { display: block; }

/* ---------------------------------------------------------------------
 Horizontal List
------------------------------------------------------------------------ */
.hList { font-size: 0; }

.hList > * {
    display: inline-block;
    font-size: medium; /* Prevents text clipping for alt attributes */
}

.hlist_float > * {
    display: block;
    float: left;
}

.hList > * + * { margin-left: 10px; }

.hList_tight > * + * { margin-left: 5px; }

.hList_medium > * + * { margin-left: 12px; }

.hList_large { text-align: center; }

.hList_large > * + * {margin-left: 28px; }

.hList_wide > * + * { margin-left: 20px; }

.hList_piped > * + * {
    border-left: 2px solid #aaa18b;
    padding-left: 10px;
}

.hList_piped_wide > * + * { padding-left: 5px; }

.hList_float > * { margin-bottom: 5px;}

.hList_float > * + * { margin-left: 5px; }

.hList_stacked { margin-left: -10px; }

.hList_stacked > * { margin: 0 0 10px 10px; }

.mix-hList_centered { text-align: center; }

/* ---------------------------------------------------------------------
 Buttons
------------------------------------------------------------------------ */
.btn {
    display: inline-block;
    padding: 14px;
    font: 700 13px/1.3 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    -ms-box-sizing:     border-box;
    -o-box-sizing:      border-box;
    box-sizing:         border-box;
}

.btn_signup {
    min-width: 176px;
    padding: 11px;
    border: 0;
    cursor: pointer;
}

.btn_full { display: block; }

/* TODO = BE - implement as opiton in dog hub page */
.btn_dark {
    color: #ffffff;
    background: #a71c20;
}

/* TODO = BE - implement as opiton in dog hub page */
.btn_invert {
    color: #a71c20;
    background: #ffffff;
}

.no-touch .btn_dark:hover { background: #70090a; }

.btn_light{
    color: #ffffff;
    background: #aaa18b;
}

.no-touch .btn_light:hover { background: #766f67; }

.no-touch .btn_invert:hover {
    color: #a71f23;
    background: #70090a;
}

.btn_cta {
    border: 1px solid;
    border-color: #aba9a7; /* legacy fallback */
    border-color: rgba(171, 169, 167, 0.9);
    padding: 20px 0;
    background-color: #f0ede7; /* legacy fallback */
    background-color: rgba(240, 237, 231, 0.9);
}

.btn_bazaar {
    width: 100%;
    color: #ffffff;
    font: 700 13px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.btn_bottom {
    position: absolute;
    bottom: -30px;
}

/*bazaar voice link overrides*/
a.btn_bazaar:link,
a.btn_bazaar:visited,
.no-touch a.btn_bazaar:hover,
a.btn_bazaar:active { color: #ffffff; }

.btn_wide { width: 100%; }

.btn_wideToShort { width: 100%; }

.btn_small { padding: 8px; }

.btn_medium { padding: 9px 20px; }

.mix-btn_large { padding: 14px 64px; }

.mix-btn_smallToMedium { padding: 12px; }

.btn_smallToLarge { padding: 8px; }

.btn_switch {
    padding: 10px 22px;
    left: 1px;
    width: 99%;
    font: 700 11px/1.22 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.btn_more {
    padding: 10px 22px;
    display: inline-block;
    font: 700 11px/1.22 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.btn_action {
    width: 100%;
    padding: 18px 0;
    background: #e3dfd8; /* Different from web guide standards and according to PSD comp. */
    color: #ffffff;
}
/* .btn_action:hover { background: #766f67; } */

.btn_plus {
    width: 100%;
    padding: 9px 20px;
    font-size: 12px;
}

.btn_clear {
    color: #ffffff;
    background: rgba(194, 191, 173, 0.6);
}

.btn_social {
    position: absolute;
    padding: 10px 26px;
    cursor: pointer;
    background: #1997b2;
    color: #ffffff;
    right: 10px;
    bottom: 10px;
    z-index: 11;
}

/* these themes can exist on the same page */
.theme-btn_cats {
    background: #0090aa;
    letter-spacing: 1px;
    color: #ffffff;
    font-family: "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
}

.no-touch .theme-btn_cats:hover { background: #006a7f; }

.btn_hero {
    display: inline-block;
    padding: 12px;
    background-color: #a71c20;
    font: 700 14px/1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0;
}

.btn_center {
    width: 195px;
    display: inline-block;
    padding: 12px;
    background-color: #a71c20;
    font: 700 14px/1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0;
}

.btn_fusePump { /* Extension for fusePump CTA*/
    padding: 12px;
    width: 100%;
    transition-duration: .25s;
    border: none;
    cursor: pointer;
}

/* ---------------------------------------------------------------------
 fusePump: Controls the layout of buttons used for fuse pump api
------------------------------------------------------------------------ */
.fusePump {
    margin: 20px auto;
    text-align: center;
}

/* ---------------------------------------------------------------------
 Quotes and Reviews Carousel
------------------------------------------------------------------------ */
.quoteWrap {
    padding-bottom: 50px;
    background: #ffffff;
}

.quoteWrap-hd {
    padding: 32px 0 30px;
    margin: 0 10%;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 27px;
    line-height: 1.1;
    width: 80%;
    text-align: center;
    color: #4c4940;
}

.quoteCarousel {
    margin-bottom: 40px;
}

.quoteWrap-ft {
    text-align: center;
}

/* ---------------------------------------------------------------------
 Hero
------------------------------------------------------------------------ */
.hero {
    position: relative;
    padding: 35px 20px;
    background: #ffffff;
}

.hero_imgSplit {
    padding: 25px 0 40px 0;
    border-top: 10px solid #a71c20;
    background: transparent;
}

.hero sup {
    vertical-align: super;
    font-size: 40%;
}

.hero-cta {
    position: static;
    font: 700 12px/1.05 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #414042;
}

.hero_imgSplit .hero-cta-hd {
    color: #a71c20;
}

.hero-cta-hd {
    margin-bottom: 25px;
    font-size: 31.5px;
    font-weight: 100;
}

.hero-cta-bd {
    margin-bottom: 30px;
    line-height: 1.3333;
    font-weight: 500;
}

.hero_imgSplit .hero-cta-bd {
    font-size: 14px;
    line-height: 1.5;
}

.hero-media-img {
    display: none;
    margin: 0;
}

.hero_imgSplit .hero-media-img {
    display: block;
    margin-bottom: 20px;
}

.hero_hasImageInSmall .hero-cta-bd {
    font-family: "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
}

@media (max-width: 767px) {
    .hero_hasImageInSmall {
        background: transparent;/* use shorthand to prevent background images */
        overflow: hidden;
        padding-top: 54px;
        padding-bottom: 54px;
    }

    .hero_hasImageInSmall .hero-cta {
        margin-bottom: 240px;
        text-align: left;
    }

    .hero_hasImageInSmall_short {
        padding-top: 40px;
    }

    .hero_hasImageInSmall_short .hero-cta {
        margin-bottom: 160px;
    }

    .hero_hasImageInSmall  .hero-cta-hd {
        font-weight: 300;
    }

    .hero_hasImageInSmall  .hero-cta-bd {
        line-height: 1.5;
    }

    .hero_hasImageInSmall .hero-media-img {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        min-width: 100%;
        z-index: -1;
    }
}

/* ---------------------------------------------------------------------
 Zoom Hero
------------------------------------------------------------------------ */
.zoomHero {
    position: relative;
    text-align: center;
    background-image: url("../images/bg-radial-light-blue.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 1;
    font-family: "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    overflow: hidden;
}

.zoomHero-wrap {
    padding: 17px 0 14px;
}

.zoomHero-wrap > * {
    padding-left: 14px;
    padding-right: 14px;
}

.zoomHero-wrap-heading {
    margin-bottom: 7px;
    font-weight: bold;
    color: #4eccdc;
    text-transform: uppercase;
    font-size: 17px;
}

.zoomHero-wrap-heading-emphasis {
    display: block;
    font-size: 25px;
}

.zoomHero-wrap-subHeading {
    font-weight: 400;
    color: #158da7;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 16px;
    letter-spacing: 0.02em;
}

.zoomHero-wrap-cta { /*Controls layout of cta section*/
    margin-bottom: 12px;
}

.zoomHero-wrap-cta > .btn { /* Controls the styling of cta. the btn has no extensions. Overriding style from cta parent. */
    padding: 14px 32px;
}

.zoomHero-wrap-zoom {
    margin-bottom: 12px;
    position: relative;
}

.zoomHero-wrap-zoom-cta {
    display: inline-block;
    padding: 3px 0 6px 21px;
    background-image: url("../images/icons/icon-magnification-glass.png");
    background-position: top left;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    color: #727576;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    line-height: 1;
    letter-spacing: .05em;
}

.no-touch .zoomHero-wrap-zoom-cta {
    pointer-events: none;
    cursor: auto;
    pointer-events: none;
    cursor: auto;
    clip: rect(0, 0, 0, 0);
    height: 0;
    overflow: hidden;
    background: none;
    opacity: 0;
    font-size: 0;
}

.touch .zoomHero-wrap-zoom-cta {
    display: inline-block;
}

.zoomHero-wrap-zoom-cta.isActive ~ .zoomHero-wrap-zoom-toggleMedia {
    display: block;
    position: absolute;
    z-index: 1;
}

.zoomHero-wrap-media {
    padding: 0;
    position: absolute;
    top: 116px;
    left: 0;
    z-index: -1;
}

.zoomHero-wrap-media img,
.zoomHero-wrap-zoom-toggleMedia img {/* Doubling up two different selectors here*/
    display: block;
    width: auto;
    max-width: 100%;
}

.zoomHero-wrap-media-cta {
    display: none;
    padding: 3px 0 6px 21px;
    background-image: url("../images/icons/icon-magnification-glass.png");
    background-position: top left;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    color: #727576;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    line-height: 1;
    letter-spacing: .05em;
}

.zoomHero-wrap-media-figure-caption {
    display: none;
    font-size: 7px;
    font-weight: bold;
    text-transform: uppercase;
    color: #727576;
    letter-spacing: .12em;
    position: absolute;
    bottom: 0;
    left: 20px;
}

.zoomHero-wrap-zoom-toggleMedia {
    display: none;
}

.zoomHero-wrap-zoom-toggleMedia-mag {
    position: relative;
    left: 50px;
    top: 11px;
}

.zoomHero-wrap-zoom-toggleMedia-overlay {
    position: relative;
    left: -13px;
    top: -122px;
}

.zoomHero-wrap-zoom-toggleMedia-overlay > img {
    width: 54px;
}

.zoomHero-wrap-product {
    margin-bottom: 18px;
}


.zoomHero-wrap-product img {
    display: block;
    width: auto;
    max-width: 100%;
}

.zoomHero-wrap-product-link {
    display: inline-block;
    vertical-align: bottom;
    min-height: 229px;
}

.zoomHero-wrap-subCta {
    min-height: 10px; /* It's child is configurable. When it's not present, it needs to provide some a minimum content height.*/
}

.zoomHero-wrap-subCta > .btn {
    padding: 10px;
    color: #ffffff;
    background-color: #b4c950;
    font-size: 10px;
}

.zoomHero-wrap-bodyCopy {
    margin: 18px auto 21px auto;
    max-width: 240px;
    color: #6d6a6a;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.35;
}

.zoomContainer {
    z-index: 1;
}

.zoomTarget {
    display: block;
}
/* ---------------------------------------------------------------------
 ReviewStack:

 object containing a quote, image, and user info stacked
 vertically
------------------------------------------------------------------------ */
.reviewStack {
    max-width: 270px;
    text-align: center;
}

.reviewStack_mdUp {
    display: none; /*Shows on medium*/
}

.reviewStack-quote {
    margin-bottom: 10px;
}

.reviewStack-quote-content {
    font-family: "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    font-size: 15px;
    color: #000000;
}

.reviewStack-media {
    margin-bottom: 11px;
}

.reviewStack-media img {
    display: block;
    width: auto;
    max-width: 100%;
}

.reviewStack-user {
    color: #727576;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.2;
}

/* ---------------------------------------------------------------------
 Media Review
------------------------------------------------------------------------ */
.mediaReview {
    padding: 21px 12px 21px;
    background-color: #a71c20;
    color: #ffffff;
    font-family: "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    text-align: center;
}

.mediaReview-mediaTrigger img {
    display: block;
    width: auto;
    max-width: 100%;
}

.mediaReview-hd {
    margin-bottom: 17px;
    font-size: 9px;
    font-weight: bold;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.mediaReview-quote {
    margin: 0 auto 4px;
    max-width: 186px;
    font-family: "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    font-size: 17px;
    line-height: 1.4;
}

.mediaReview-user {
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 19px;
}

.mediaReview-mediaTrigger {
    display: block;
    margin-bottom: 15px;
}

.mediaReview-ft {
    font-size: 9px;
    font-weight: bold;
    letter-spacing: .05em;
    text-transform: uppercase;
}

/* ---------------------------------------------------------------------
 ParaLinker
------------------------------------------------------------------------ */
.paraLinker {
    /*font-family: "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;*/
    font-family: "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #ffffff;
    padding: 26px 18px 26px;
    background-color: #a71c20;
}

.paraLinker-hd {
    margin-bottom: 4px;
}

.paraLinker-hd > * {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: lighter;
}

.paraLinker-bd {
    margin-bottom: 4px;
}

.paraLinker-bd > * {
    font-size: 12px;
    line-height: 1.5;
    font-weight: lighter;
}

.paraLinker-ft > .btn {
    padding: 10px;
    color: #a71c20;
    background-color: #ffffff;
    font-size: 9px;
}

.paraLinker-ft > .btn:hover,
.no-touch .paraLinker-ft > .btn:hover{
    background-color: #70090a;
}

/* ---------------------------------------------------------------------
 Switch CTA
------------------------------------------------------------------------ */
.switchCta {
    padding: 30px 0;
    text-align: center;
    background-color: #ffffff;
}

.switchCta-hd {
    margin-bottom: 30px;
    font: 300 28px/1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
}

.switchCta-links {
    font-size: 0;
}

.switchCta-links > * {
    display: inline-block;
    width: 204px;
    vertical-align: top;
}

.switchCta-links > * + * {
    margin-top: 10px;
}

.switchBtn {
    display: block;
    padding: 10px;
    font: 900 13px/1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #a71c20;
    white-space: nowrap;
}


/* ---------------------------------------------------------------------
 Menu
------------------------------------------------------------------------ */
.menu-list {
    position: relative;
    font-size: 0;
    margin-bottom: 24px;
    text-align: center;
}

.menu-list_floatMobile {
    *zoom: 1; /* clear for lte ie7 */
}

.menu-list_floatMobile:before,
.menu-list_floatMobile:after {
    display: table;
    content: " ";
}

.menu-list_floatMobile:after {
    clear: both;
}

.menu-list > * {
    display: inline-block;
    vertical-align: middle;
}

.menu-list_header > * {
    width: 72px;
    text-align: center;
}

.menu-list > * + * {
    margin-left: 30px;
}

.menu-list-item_solidBgOnHover {
    position: relative;
}

.menu-list-item-link {
    font: 700 11px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a71c20;
    text-decoration: none;
    text-transform: uppercase;
}

.no-touch .menu-list-item-link:hover {
    color: #70090a;
}

.cat { color: #008da9; } /* goes with generated class for general (non-themed) page header */
.no-touch .cat:hover { color: #006a7f; }

/* ---------------------------------------------------------------------
 Search
------------------------------------------------------------------------ */
.search-bd { position: relative; }

.search-bd + .search-ft { margin-top: 5px; }

/* ---------------------------------------------------------------------
 Portal Nav
------------------------------------------------------------------------ */
.portalNav { overflow: hidden; }

.theme-portalNav-item_dogs { color: #a71c20; }
.theme-portalNav-item_cats { color: #008caa; }

.portalNav a {
    font: 700 14px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
}

.portalNav > *:first-child { float: left; }

.portalNav > *:last-child { float: right; }

/* ---------------------------------------------------------------------
 Portal Footer
------------------------------------------------------------------------ */
.portalFooter {
    margin-top: 45px;
    background-color: #ffffff; /* legacy fallback */
    background-color: rgba(255, 255, 255, 0.90);
}

.portalFooter_wide { margin-top: 0; }

.portalFooter_tight { margin-top: 25px; }

.portalFooter_light { background-color: #f0ece2; }

.portalFooter-hd {
    padding: 17px 0;
    font: 700 13px/1.46 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
    text-transform: uppercase;
    text-align: center;
}

.portalFooter-hd_alt {
    padding: 40px 26px 25px 26px;
    font-size: 20px;
    text-transform: none;
}

.portalFooter-bd { padding: 0px 30px 47px 30px; }

.portalFooter-nav { margin-bottom: 18px; }

.portalFooter-nav_expand { margin-bottom: 95px; }

.portalFooter-ft {
    padding: 0 20px 40px 20px;
    font: 500 10px/1.2 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    text-align: center;
    color: #aaa18b;
}

.portalFooter-ft_alt {
    padding: 20px 0;
    color: #4d4d4d;
}

.portalFooter-meta {
    display: block;
    margin: 0px 0px 13px 0px;
    text-align: center;
}

.portalFooter-meta > * {
    display: inline-block;
    padding: 0px 8px;
    font-size: 0;
    text-align: center;
    vertical-align: middle;
}

.portalFooter-meta > * + * {
    margin-left: 0px;
    border-left: 2px solid #d2ccbd;
}

.portalFooter-meta-link {
    font: 700 10px/1.5 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #aaa18b;
    text-decoration: none;
}

.portalFooter-cta {
    text-align: center;
}

.portalFooter-cta-list > * { margin-bottom: 25px; }

.portalFooter-links a {
    font: 700 14px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    color: #4d4d4d;
    text-decoration: none;
}

.portalFooter-links-list {
    font-size: 0;
    text-align: center;
}

.portalFooter-links-list > * {
    display: inline-block;
    margin-bottom: 10px;
    padding: 0 5px;
    vertical-align: middle;
}

.portalFooter-links-list > * + * { border-left: 2px solid #4d4d4d; }

.portalFooter-links-list > *:nth-child(3) { border-left: none; } /* third link starts a new row */

/* ---------------------------------------------------------------------
 navList
------------------------------------------------------------------------ */
.navList { padding: 0px 30px; }

.navList > * {
    display: block;
    margin-bottom: 20px
}

.navList-link {
    font: 700 18px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* ---------------------------------------------------------------------
 Sup
------------------------------------------------------------------------ */
.sup { vertical-align: super; }
.sup_large { font-size: 55px; }

/* ---------------------------------------------------------------------
 Colors
------------------------------------------------------------------------ */
.grass { color:#93a253; }

.scrubs { color:#6196a4; }

.squash { color:#e3a23d; }

.royal { color:#744d74; }

.wine { color:#883028; }

.pine { color:#586c30; }

/* ---------------------------------------------------------------------
 Billboard
------------------------------------------------------------------------ */
.billboard { text-align: center; }

.billboard_reviews {
    width: 90%;
    margin: 0 auto;
    padding-top: 5px;
}

.billboard-hd {
    display: block;
    margin: 0 0 12px 0;
    font: 700 105px/.65 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a71c20;
}

.billboard_wide > .billboard-hd { font-size: 0; /*removes whilte space from inline-block children*/}

.billboard_wide > .billboard-hd > * {
    display: inline-block;
    vertical-align: top;
}

.billboard_wide .billboard-hd-value { font-size: 105px; }

.billboard-subHd {
    font: 700 18px/1.25 "proxima-nova", "Helvetica Neue", Helvetica, Arial,sans-serif;
    color: #4c4940;
    display: inline-block;
    text-align: center;
}

.billboard-subHd-meta {
    margin-top: 12px;
    text-align: center;
    vertical-align: baseline;
    font: 700 10px "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}

.mix-billboard-subHd_light { color: #aaa18b; }

.billboard-subHd-meta-img > * {
    width: 86px;
    height: 16px;
    margin-right: 4px;
}

/* ---------------------------------------------------------------------
 Heading Quote
------------------------------------------------------------------------ */
.hdgQuote {
    font: 700 21px/1.25 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #0090aa;
    quotes: '\201C' '\201D';
}

.hdgQuote:before { content: open-quote; }

.hdgQuote:after { content: close-quote; }

/* ---------------------------------------------------------------------
 Portal
------------------------------------------------------------------------ */
.portal { text-align: center; }

.portal-hd {
    margin: -5px auto 45px auto;
    font-size: 0;
}

.portal-bd { padding: 0px 31px; }

.portal-nav { margin-bottom: 34px; }

.portal-nav-list > * { margin-bottom: 19px; }

.portal-nav-link {
    width: 259px;
    font: 300 30px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ba0a38;
}

/* This theme can exist on both cat/dog pages */
.theme-portal-nav-link_cats { color: #008caa; }

.theme-portal-nav-link_dogs { color: #ba0a38; }

/* ---------------------------------------------------------------------
 Quote
------------------------------------------------------------------------ */
.quote {
    font: 400 16px/1.38 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    color: #4c4940;
}

.quote > p { margin-bottom: 30px; }

.quote-citation {
    font-weight: 400;
    font-size: 13px;
    line-height: 1.38;
    color: #4c4940;
}

.quote-citation-bar,
.quote-citation-source {
    font-weight: 700;
    font-size: 13px;
    line-height: 1.38;
}

/* ---------------------------------------------------------------------
 User Quote
------------------------------------------------------------------------ */
.userQuote {
    padding: 12px 30px 12px 55px;
    font: 500 12px/1.5 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #ffffff;
    text-align: left;
    quotes: "\201C" "\201D";
    position: relative;
}

.userQuote:before {
    content: open-quote;
    font: 500 80px/1.0 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #ffffff;
    position: absolute;
    top: 20px;
    left: 30px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.userQuote > p { margin: 0 0 10px 0; }

.userQuote-citation {
    font-weight: 400;
    font-size: 9px;
    line-height: 1.38;
    color: #ffffff;
}

.userQuote-citation a {
    color: #aaa18b;
    text-decoration: none;
}

.userQuote-citation-bar,
.userQuote-citation-source {
    font-weight: 700;
    font-size: 10px;
    line-height: 1.38;
}

/* ---------------------------------------------------------------------
 Lesser Nav
------------------------------------------------------------------------ */
.lesserNav {
    display: none;
    width: 100%;
    padding: 8px;
    background-color: rgba(255,255,255, .6);
    box-sizing: border-box;
    position: absolute;
    z-index: 2;
}

.lesserNav.isSticky {
    width: 100%;
    position: fixed;
    left: auto;
    right: auto;
    top: 0;
    z-index: 30; /* This value was necessary to appear above .inputGroup that resides within .sampleSignup */
    background-color: rgba(255,255,255, .8)
}

.lesserNav-list {
    font-size: 0;
    font-family: "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    text-align: right;
}

.lesserNav-list > * + * {
    padding-left: 18px;
}

.lesserNav-list-item {
    display: inline-block;
}

.lesserNav-list-item-link {
    display: block;
    color: #a71c20;
    padding: 11px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    line-height: 1;
}

.lesserNav-list-item-link:hover {
    color: #70090a;
}

.lesserNav-list-item_cta > * {
    color: #ffffff;
    background-color: #a71c20;
}

.lesserNav-list-item_cta > *:hover {
    color: #ffffff;
    background-color: #70090a;
}

/* ---------------------------------------------------------------------
 Tabs Nav
------------------------------------------------------------------------ */
.tabs { position: relative; }

.tabs-toggle,
.tabs-toggle > *,
.tabs-toggle > *:before,
.tabs-toggle > *:after {
    display: block;
    width: 30px;
    position: absolute;
    z-index: 20;
}

.tabs-toggle {
    height: 25px;
    top: 8px;
    right: 8px;
}

.no-touch .tabs-toggle:hover { cursor: pointer; }

.tabs-toggle > *,
.tabs-toggle > *:before,
.tabs-toggle > *:after {
    height: 5px;
    right: 0;
    background-color: #494949;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.tabs-toggle > * {
    margin: 10px 0;
    top: 0;
    border: none;
    font-size: 0;
    cursor: pointer;
}

.tabs-toggle > *:before,
.tabs-toggle > *:after { content: ''; }

.tabs-toggle > *:before { top: -10px; }

.tabs-toggle > *:after { bottom: -10px; }

.tabs-nav-link {
    display: block;
    padding: 12px 50px 12px 12px;
    font: 700 14px/1.35 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a71c20;
    text-decoration: none;
    letter-spacing: -0.34px;
    background-color: #faf6f0;
}

.no-touch .tabs-nav-link:hover { color: #4c4940; }

.tabs-nav-link_isActive { color: #4c4940; }

.tabs-content { color: #6f6f6f; }

.tabs-content-item { display: none; }

.tabs-content-item_transparent  { background-color: transparent; }

.tabs-content-item_isActive { display: block; }

.tabs-content-item_tight {
    padding: 0 0 28px 0;
}

.tabs-content-item-bd_tall { padding: 0px 0px 60px 0px; }

/* ---------------------------------------------------------------------
 Promo aside block
------------------------------------------------------------------------ */
.promo-aside-block { overflow: hidden; }

.promo-aside-block + * { margin-top: 40px; }

.promo-aside_horiz-hd {
    margin-bottom: 10px;
    font: 700 16px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    text-align: center;
    color: #4c4940;
}

.promo-aside_tabs { padding-bottom: 54px; }

/* ---------------------------------------------------------------------
 Table
------------------------------------------------------------------------ */
.table-hd {
    margin-bottom: 20px;
    font: 700 14px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.table-hd h3 { margin-bottom: 16px; }

.table-bd { margin-bottom: 15px; }

.table-ft { font: 400 10px/1.2 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.table-ft_alt { font: 500 italic 11px/1.2 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif; }

/* ---------------------------------------------------------------------
 Info Table
------------------------------------------------------------------------ */
.infoTable {
    width: 100%;
    font: 700 italic 11px/1.3 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #6f6f6f;
}

.infoTable-hd th { padding-bottom: 8px; }

.infoTable th + th { text-align: center; }

.infoTable-bd td {
    padding: 10px 8px 8px 8px;
    vertical-align: middle;
}

.infoTable-bd td > p + p { margin-top: 16px; }

.infoTable-bd_alt td + td { text-align: center; }

.infoTable-bd tr { background: #e6e1d5; }

.infoTable-bd tr:nth-child(odd) { background: #dbd5c8; }

.infoTable-bd tr + tr { border-top: 2px solid #f0ece2; }

.infoTable-bd td + td { border-left: 2px solid #f0ece2; }

.qualifier { font: 400 8px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.mix-qualifier_initial { text-transform: uppercase; }

/* TODO: Let's find a place for these two */
.feedValue {
    font: 700 17px/1.0 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #353535;
}

.feedLabel {
    font: 700 normal 11px/1.0 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #353535;
    letter-spacing: 0.05em;
}

/* ---------------------------------------------------------------------
 Tags
------------------------------------------------------------------------ */
.tags {
    margin-left: -3px;
    overflow: hidden;
    font-size: 0;
}

.tags > * {
    display: inline-block;
    padding-left: 3px;
    margin-bottom: 3px;
    font-size: medium;
    width: 50%;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    -ms-box-sizing:     border-box;
    -o-box-sizing:      border-box;
    box-sizing:         border-box;
}

/* ---------------------------------------------------------------------
 Blocks
------------------------------------------------------------------------ */
/* TODO: Clean up! */
.blocks { font-size: 0; }

.blocks > * { font-size: medium; } /* Prevents text clipping for alt attributes */

.blocks_spaced > * { margin-bottom: 5px; }

.blocks_stacked > * { margin-bottom: 22px; }

.blocks_centered { text-align: center; }

.blocks_1upto2up > * { width: 100%; }
/* TODO = will need to remove margin-bottom from last row */
.blocks_1upto2up_loose > * { margin-bottom: 4.2%; }

.blocks_1upto2up_seperated > * + * { border-top: 1px solid #dcd9cc; }

.blocks_1upto2up_compressed > * { padding: 0 17px; }

.blocks_1upto2upto3up > * { width: 100%; }

.blocks_2upTo4up { margin-left: -5px; }

.blocks_2upTo4up > * {
    width: 127px;
    display: inline-block;
    margin-left: 5px;
    vertical-align: top;
}

.blocks_2upTo4up_uneven > *:nth-child(-n+3) { width: 83px; }

.blocks_2upTo1up { margin-left: -2%; }

.blocks_2upTo1up > * {
    width: 47%;
    margin-left: 2%;
    display: inline-block;
    vertical-align: top;
}

.blocks_1upto3up_seperated > * {
    margin: 30px 20px 30px 20px;
    border-bottom: 1px solid #aaa6a3;
}

.blocks_1upto3up_seperated > *:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

.blocks_2upTo5up {
    margin-left: -26px;
    overflow: hidden;
}

.blocks_2upTo5up > * {
    width: 108px;
    display: inline-block;
    margin-left: 26px;
    vertical-align: top;
}

.mix-blocks_evenMargin > * {
    margin-left: ;
    margin-bottom: 21px;
}

.mix-blocks_fade > * {
    opacity: 0;
    -webkit-transition: opacity 300ms;
    -mos-transition: opacity 300ms;
    -ms-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    transition: opacity 300ms;
    /*
     * workaround for measuring outer height or width with js
     * ensures that margins of children are included in measurements
    */
    border-bottom: 1px solid transparent;
}

.mix-blocks_tall > * { padding-bottom: 20px; }

/* ---------------------------------------------------------------------
 Vertical List
------------------------------------------------------------------------ */
.vList_std > * + * { margin-top: 40px; }

.vList_small > * { margin-bottom: 10px; }

.vList_medium > * { margin-bottom: 20px; }

.vList_tight > * + * { margin-top: 12px; }

.vList_tall { margin-bottom: 30px; }

/* ---------------------------------------------------------------------
 Box
------------------------------------------------------------------------ */
.box_accented { border-top: 6px solid #a71c20; }

/* ---------------------------------------------------------------------
 Icon
------------------------------------------------------------------------ */
.icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    /* TODO: Build sprite sheet */
    /*background: transparent url(../images/sprite.png) 0 0 no-repeat;*/
}

.icon_logo {
    width: 177px;
    height: 177px;
    background: transparent url(../images/icons/icon_logo_small.png) 0 0 no-repeat;
}

.icon_logo_home {
    width: 177px;
    height: 177px;
    background: transparent url(../images/logo_home_mobile.png) 0 0 no-repeat;
}

.icon_panel-next {
    width: 24px;
    height: 24px;
    background: transparent url(../images/icons/icon_panel-next.png) 0 0 no-repeat;
}

.icon_panel-prev {
    width: 24px;
    height: 24px;
    background: transparent url(../images/icons/icon_panel-prev.png) 0 0 no-repeat;
}

.icon_check {
    width: 23px;
    height: 23px;
    background: transparent url(../images/icons/icon_checkGreen-mobile.png) 0 0 no-repeat;
}

.icon_ex {
    width: 23px;
    height: 23px;
    background: transparent url(../images/icons/icon_ex-mobile.png) 0 0 no-repeat;
}

.icon_tweet {
    width: 13px;
    height: 10px;
    background: url(../images/icons/icon_twitter_small.png);
}

.icon_twitter_square {
    width: 29px;
    height: 29px;
    background: transparent url(../images/icons/icon_twitter_square_small.png) 0 0 no-repeat;
}

.icon_youtube_square {
    width: 29px;
    height: 29px;
    background: transparent url(../images/icons/icon_youtube_square_small.png) 0 0 no-repeat;
}

.icon_facebook_square {
    width: 29px;
    height: 29px;
    background: transparent url(../images/icons/icon_facebook_square_small.png) 0 0 no-repeat;
}

.icon_facebook_small {
    width: 18px;
    height: 18px;
    background: transparent url(../images/icons/icon_facebook_small.png) 0 0 no-repeat;
}

.icon_dropdown {
    width: 30px;
    height: 31px;
    background: transparent url(../images/icons/icon_arrow_down.png) center center no-repeat;
}

.icon_leftArrow {
    width: 30px;
    height: 31px;
    background: transparent url(../images/icons/icon_leftArrow.png) center center no-repeat;
}

.icon_twitter {
    width: 32px;
    height: 32px;
    background: transparent url(../images/icons/icon_twitter.png) center center no-repeat;
}

.icon_facebook {
    width: 32px;
    height: 32px;
    background: transparent url(../images/icons/icon_facebook.png) center center no-repeat;
}

.icon_youtube {
    width: 32px;
    height: 32px;
    background: transparent url(../images/icons/icon_youtube.png) center center no-repeat;
}

.icon_arrow {
    position: relative;
    width: 0;
    height: 0;
    border-top: 8px solid #b6b1a5;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    z-index: 1;
}

.icon_instagram {
    width: 32px;
    height: 32px;
    background: transparent url(../images/icons/icon_instagram.png) center center no-repeat;
}

.icon_pintrest {
    width: 32px;
    height: 32px;
    background: transparent url(../images/icons/icon_pintrest.png) center center no-repeat;
}

.icon_petfinder {
    width: 80px;
    height: 21px;
    background-size: cover;
}
/* ---------------------------------------------------------------------
 Product
------------------------------------------------------------------------ */
/*.product {
    padding: 17px;
    background-color: #fefdfc;
}

.product-hd-title {
    font: 400 11px/2.05 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #414042;
    text-transform: uppercase;
}

.product-hd-subtitle {
    font: 700 27px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #414042;
    text-transform: uppercase;
}

.product-ft-cta { font: 700 16px/1.23 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; }*/

/* ---------------------------------------------------------------------
 Panel
------------------------------------------------------------------------ */
.panel {
    padding: 30px 0 0 0;
    position: relative;
    background-color: #fefdfc;
}

.panel-hd {
    margin-bottom: 20px;
    padding: 0 17px;
    font: 700 27px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
    text-align: center;
}

.mix-panel-hd_tall { margin-bottom: 30px; }

.mix-panel-hd_intense { text-transform: uppercase; }

.panel-hd_tight { margin-bottom: 0px; }

.panel-hd-heading {
    padding-bottom: 10px;
    text-transform: uppercase;
}

.panel-hd-heading_normalCase {
    text-transform: none;
}

.panel-hd-heading_growSmallToMedium {
    width: 171px;
    margin: 0 auto;
}

.panel-hd-subHeading {
    font: 400 14px/1.3 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
    text-align: center;
}

.panel-hd-subHeading_large {
    font-size: 18px;
    line-height: 1.25;
}

.panel-hd-content {
    padding: 0 17px;
    font: 400 18px/1.2 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
    text-align: left;
    text-transform: none;
    letter-spacing: normal;
}

.panel-hd-control {
    position: absolute;
    z-index: 10;
}

.panel-hd-control_prev {
    top: 0px;
    left: 5px;
}

.panel-hd-control_next {
    top: 0px;
    right: 5px;
}

.panel-subHd {
    margin-bottom: 40px;
    padding: 0 17px;
    font-size: 0; /*for inline-block displayed content such as billboard_wide*/
}

.panel-bd { padding: 0 17px; }

.panel-bd_collapse { padding: 0; }

.panel-bd_wide { padding: 0; }

/* ---------------------------------------------------------------------
 Section Heading
------------------------------------------------------------------------ */
.sectionHeading { padding: 10px 20px; }

.sectionHeading > * { margin-bottom: 15px; }

.sectionHeading_centered { text-align: center; }

/* ---------------------------------------------------------------------
 Interact
------------------------------------------------------------------------ */
.interact-ft { display: none; }

/* ---------------------------------------------------------------------
 Figure
------------------------------------------------------------------------ */
.figure { padding-bottom: 30px; }

.figure a {
    display: block;
    text-decoration: none;
}

.figure a.btn_more { display: inline-block; /*overrides element selector*/ }

.figure_center { text-align: center; }

.figure-media { margin-bottom: 28px; }

.figure-media_skinny > * { width: 148px; }

.figure-title {
    margin-bottom: 5px;
    font: 700 13.6px/1.2 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
}

.figure-title_large {
    font-size: 20px;
    line-height: 1.38;
    color: #a71c20;
}

.figure-title_medium {
    font-size: 20px;
    line-height: 1.18;
    color: #4c4940
}

.figure-title_bold {
    font-size: 17px;
    text-transform: uppercase;
}

/*these themes can co-exist on the same page*/
.theme-title_bold_cats { color: #0090aa; }

.theme-title_bold_dogs { color: #a71c20; }

.figure-title {
    font-size: 18px;
    line-height: 1.35;
    text-transform: uppercase;
}

.mix-figure-title_cased { text-transform: none; }

.figure-title_dark { color: #4c4940; }

.figure-title_light { color: #0090aa; }

.figure-bd {
    margin-bottom: 10px;
    font: 500 13px/1.4 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #4c4940;
}

.figure-bd_collapse { margin: 0; }

/*.figure-bd > * {
    line-height: 1.5;
    font: 500 13px/1.66 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #4c4940;
}*/

.figure-cta_push { margin-bottom: 20px; }

.figure-meta {
    margin-bottom: 30px;
    font: 700 14px/1.3 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #4c4940;
}

.figure-meta a {
    color: #4c4940;
}

.figure-info { font: 400 14px/1.4 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.figure-meta-img > * {
    display: block;
    margin-top: 12px;
    width: 127px;
    margin-right: 4px;
}

/* ---------------------------------------------------------------------
 Section
------------------------------------------------------------------------ */
.section {
    position: relative; /* context for arrows */
    overflow: hidden;
}

.section-nav {
    position: absolute;
    top: 0;
    bottom: 0;

    width: 44px;
    height: 100%;
}

.section-nav_l {
    left: 0;
}

.section-nav_r {
    right: 0;
}

.section-nav-arrow {
    position: absolute;
    top: 95px;

    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

    width: 18px;
    height: 28px;
}

.timelineSlider-btn_isDisabled > .section-nav-arrow {
    opacity: .25;
}

.section-nav-arrow:before,
.section-nav-arrow:after {
    position: absolute;
    left: 0;

    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

    width: 18px;
    height: 1px;

    background-color: #ffffff;

    content: "";
}

.section-nav-arrow_dark:before,
.section-nav-arrow_dark:after {
    background-color: #4c4940;
}

.section-nav-arrow:before {
    top: 7px;

    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.section-nav-arrow:after {
    bottom: 8px;

    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.section-nav-arrow_r:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.section-nav-arrow_r:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.section-nav-arrow_l {
    left: 10px;
}

.section-nav-arrow_r {
    right: 10px;
}

.theme-section_light {
    background: #ffffff;
    color: #4c4940;
}

.theme-section_dark { background: #a71c20; }

.theme-section_dark > * { color: #ffffff; }

.theme-section_dark .section-nav-arrow_dark:before,
.theme-section_dark .section-nav-arrow_dark:after {
    background-color: #ffffff;
}

.section-media {
    display: none;
    font-size: 0;
}

.section-inner {
    padding: 26px 48px;
}

.section-inner-title {
    margin-bottom: 6px;
    font: 700 13px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    color: #ffffff;
}

.section-inner-title_light {
    color: #a71c20;
}

.section-inner-bd {
    font: 500 10px/1.4 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
}

.section-inner-bd_light {
    color: #4c4940;
}

.section-inner-bd-intro {
    display: none;
}

.section-inner-bd a {
    color: #4c4940;
    font-weight: bold;
    text-decoration: none;
}

.section-inner-bd-intro {
    margin-bottom: 10px;
    font: 700 12px/1.2 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.section-inner-bd-intro_light {
    color: #4c4940;
}

.section-cta { margin-top: 20px; }

/* ---------------------------------------------------------------------
 Media
------------------------------------------------------------------------ */
.media-img img { display: block; }

.media-img_loose { padding: 30px; }

.mix-media-img_tall { margin-bottom: 20px; }

.media-ft { text-align: left; }

/* ---------------------------------------------------------------------
 Feature
------------------------------------------------------------------------ */
.feature { padding-top: 15px; }

.feature-hd { margin-bottom: 10px; }

.feature-hd-heading {
    margin-bottom: 7px;
    font: 700 24px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #564e47;
}

.feature-hd-subHd {
    margin-bottom: 20px;
    font: 400 16px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #564e47;
}

.feature-hd-datetime {
    font: 700 11px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a71c20;
}

/* ---------------------------------------------------------------------
 Body Content
------------------------------------------------------------------------ */
.page {
    border-top: 9px solid #a71c20;
    border-bottom: 9px solid #a71c20;
}

.page_noBorder { border-top: none; }

.mix-page_noBorderBottom { border-bottom: none; }

.mix-page_borderTop { border-top: 9px solid #a71c20; }

.mix-page_borderBottom { border-bottom: 9px solid #a71c20; }

.page .page { border: 0; } /*sometimes Umbraco nests the .page wrapper*/

.page-hd_skinny { padding: 40px 20px; }

.page-hd-overlay {
    position: relative;
    padding: 20px 16px 0 16px;
}

.page_opaque { background-color: #fefdfc; }

@media screen and (max-width: 991px) {
    .page_opaque_upToMedium {
        background-color: #fefdfc;
    }
}

.mix-page_light {
    background: #ffffff;
    background: rgba(255,255,255,0.8);
}

.page-mid {
    padding: 20px 16px;
    background-color: #f1ede3;
}

.page-mid-aside-hd {
    margin-bottom: 12px;
    font: 700 11px/1.2 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
    text-transform: uppercase;
    text-align: center;
}

.page-bd {
    overflow: hidden;
}

.page-bd_cushion {
    padding: 20px;
}

@media (max-width: 767px) {
    .page-bd_paddedUpToLarge {
        padding: 20px 20px 0 20px;
    }
}

@media (max-width: 767px) {
    .page-bd_paddedUpToLarge_pulledSmall {
        padding: 0;
    }
}

.page-bd_overflow { overflow: visible; } /* Overrides page-bd overflow: hidden; so .cards animation is seen on flip */

.page-bd_bg {
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.82);
}

.page-bd_std { padding: 20px; }

.page-bd-aside { padding: 0 20px; }

.page-bd-aside_collapse { padding: 0; }

.page-bd-aside-hd {
    margin-bottom: 15px;
    text-transform: uppercase;
    text-align: center;
    font: 700 16px/1.25 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
}

.page-bd-aside-subHd {
    font: 700 16px/1.25 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
}

.page-bd-aside-bd {
    font: 500 14px/1.4 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #4c4940;
}

.page-bd-aside-bd a {
    font: 700 14px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a71c20;
}

.page-interact { padding-top: 4px; }

.mix-page-interact_borderTop {
    padding-top: 0;
    border-top: 9px solid #a71c20;
}

.page-ft { padding-bottom: 25px; }

.page-ft_bg {
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.82);
}

.mix-page-bd_white {
    background-color: #ffffff;
}

/* ---------------------------------------------------------------------
 Pager
------------------------------------------------------------------------ */
.pager {
    width: 292px;
    margin-left: -21px;
    font-size: 0;
    text-align: center;
}

.pager > * { display: inline-block; }

.pager > * { margin-right: 1px; }

.pager > * > * {
    width: auto;
    padding: 8px 14px;
    margin-bottom: 1px;
    background: #aaa18b;
    font: 700 16px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    text-transform: uppercase;
    overflow: hidden;
    -webkit-transition-property: color, background-color;
    -moz-transition-property: color, background-color;
    -ms-transition-property: color, background-color;
    -o-transition-property: color, background-color;
    transition-property: color, background-color;
    -webkit-transition-duration: .25s;
    -moz-transition-duration: .25s;
    -ms-transition-duration: .25s;
    -o-transition-duration: .25s;
    transition-duration: .25s;
    display: block;
    color: #ffffff;
    text-decoration: none;
}

.no-touch .pager > * > *:hover { background: #766f67; }

.pager > *.pager_isActive > * { background: #a71c20; }

.no-touch .pager > * > *.pager_isActive:hover { background: #70090a; }

.results + .pager { padding-top: 40px; }

/* ---------------------------------------------------------------------
 BG Behind
------------------------------------------------------------------------ */
.bgBehind {
    position: relative;
    overflow: hidden;
}

.mix-bgBehind_grey {
    background-color: #ebeff1;
}

.bgBehind-bd {
    position: relative;
    z-index: 20;
}

.bgBehind-img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    line-height: 0;
}

.bgBehind-img picture,
.beBehind-img img {
    width: 100%;
}

.bgBehind_bottom .bgBehind-img {
    top: auto;
    bottom: 0;
}

/* --------------------------------------------------------------------
 Glossary
------------------------------------------------------------------- */
.glossary-index { margin-bottom: 35px; }

.glossary-key { text-transform: uppercase; }

.glossary-terms { width: 160px; }

.glossary-key,
.glossary-terms {
    display: inline-block;
    vertical-align: top;
}

.glossary-key {
    margin-top: -9px;
    padding: 0 15px;
    font: 700 83px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a71c20;
}

.glossary-terms { margin-bottom: 30px; }

/* ---------------------------------------------------------------------
 Index
------------------------------------------------------------------------ */
.index {
    margin-left: -2px;
    font-size: 0;
}

.index > * {
    display: inline-block;
    width: 39px;
    height: 39px;
    margin: 0 0 2px 2px;
    vertical-align: middle;
    background-color: #d7d1c2;
}

.index-item a {
    display: block;
    padding: 13px;
    font: 700 17px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a71c20;
    text-align: center;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.no-touch .index-item:hover {
    background-color: #6f0f10;
    -webkit-transition: background-color 0.25s;
    -moz-transition: background-color 0.25s;
    -ms-transition: background-color 0.25s;
    -o-transition: background-color 0.25s;
    transition: background-color 0.25s;
}

.no-touch .index-item:hover a { color: #ffffff; }

.index-item_isActive { background-color: #a71c20; }

.index-item_isActive a { color: #ffffff; }

.index-item_isDisabled a {
    color: #ffffff;
    cursor: none;
    pointer-events: none;
}

.no-touch .index-item_isDisabled:hover { background-color: #d7d1c2; }

/* ---------------------------------------------------------------------
 Vertical Navigation
------------------------------------------------------------------------ */
.vNav a {
    display: block;
    /*width: 171px;*/
    padding: 10px 27px 10px 13px;
    font: 700 15px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a71c20;
    text-decoration: none;
    text-transform: capitalize;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.vNav-item_isActive a {
    color: #ffffff;
    background: #a71c20 url(../images/icons/icon_vNav.png) right center no-repeat;
}

.no-touch .vNav a:hover {
    color: #ffffff;
    background-color: #6f0f10;
}

/* ---------------------------------------------------------------------
 Definition
------------------------------------------------------------------------ */
.definition { margin-bottom: 20px; }

.definition-key {
    margin-bottom: 12px;
    font: 300 43px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a71c20;
    text-transform: capitalize;
}

.definition-value {
    font: 500 16px/1.5 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #4c4940;
}

/* ---------------------------------------------------------------------
 Footnote
------------------------------------------------------------------------ */
.footnote-hd {
    margin-bottom: 4px;
    font: 700 14px/1.42 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
}

.footnote-bd {
    padding-bottom: 25px;
    font: 500 14px/1.42 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #4c4940;
}

/* ---------------------------------------------------------------------
 Article Promo
------------------------------------------------------------------------ */
.articlePromo {
    margin: 0 auto;
    position: relative;
    border-bottom: 8px solid #bb0c0c;
}

.mix-articlePromo_tall { margin-top: 20px; }

/* This theme can exist on both cat/dog pages */
.theme-articlePromo_cats { border-color: #4993b0; }

.articlePromo-img {
    position: relative;
    font-size: 0;
}

.articlePromo-img_fixed {
    max-height: 124px;
    overflow: hidden;
}

.articlePromo-img-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent url(../images/articlePromo_overlay.png) 0 0 / cover no-repeat;
}

.articlePromo-text {
    position: absolute;
    bottom: 0;
    left: 0;
    font: 700 27px/1.2 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ffffff;
    text-align: left;
    text-transform: uppercase;
    line-height: 1.0;
}

.articlePromo-text_small {
    padding: 20px;
    font-size: 15px;
    line-height: 1.1;
}

.articlePromo-text_std {
    padding: 0 0 20px 20px;
    font-size: 27px;
}

.articlePromo-text_tight { padding: 0 0 10px 10px; }

.articlePromo_plain { border: none; }

.articlePromo_tall { margin-bottom: 6.5%; }

.mix-articlePromo-text_small { font-size: 16px; }

/* ---------------------------------------------------------------------
 Spotlight
------------------------------------------------------------------------ */
.spotlight { margin-bottom: 30px; }

.spotlight-hd {
    font: 700 13px/1.4 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
    text-transform: uppercase;
}

.spotlight-bd {
    font: 400 11px/1.1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
    margin-bottom: 15px;
}

/* ---------------------------------------------------------------------
 Jump Menu
------------------------------------------------------------------------ */
.jumpMenu {
    width: 100%;
    height: 29px;
    position: relative;
    background: #ffffff;
    border: 1px solid #bababa;
    z-index: 10;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    -ms-box-sizing:     border-box;
    -o-box-sizing:      border-box;
    box-sizing:         border-box;
}

.jumpMenu-list {
    margin-top: 1px;
    position: absolute;
    top: 100%;
    left: 0;
    background: #ffffff;
}

.jumpMenu-selected,
.jumpMenu-list-link {
    display: block;
    font: 400 10px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
    text-decoration: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.jumpMenu-selected {
    padding: 6px 0 5px 10px;
    margin-right: 40px;
    line-height: 19px;
}

.jumpMenu-list-link {
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    -ms-box-sizing:     border-box;
    -o-box-sizing:      border-box;
    box-sizing:         border-box;
}

.no-touch .jumpMenu-list-link:hover { background: #e8e3d6; }

.jumpMenu-trigger {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    background-color: #aaa18b;
    overflow: hidden;
}

.no-touch .jumpMenu-trigger:hover { background-color: #766f67; }

/* ---------------------------------------------------------------------
 filter-select
------------------------------------------------------------------------ */
.filter-select { margin-bottom: 14px; }

.filter-select-hd {
    margin-bottom:10px;
    font: 700 13px/1.4 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
    text-transform: uppercase;
}

.filter-category_btns {  margin-bottom: 14px; }

.filter-category-hd {
    margin-bottom: 10px;
    font: 700 13px/1.4 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
    text-transform: uppercase;
}

.filter-feature {
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    font: 700 13px/1.4 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.filter-feature-hd {
    font: 700 13px/1.4 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
    text-transform: uppercase;
}

.filter-feature-bd {
    width: 142px;
    padding-top: 17px;
    font: 700 13px/1.4 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
}

.filter-feature-bd a {
    text-decoration: none;
    color: #4c4940;
}

.filter-feature-img {
    width: 116px;
    position: absolute;
    top: 0;
    right: 0;
}

.filter-feature-bd-rating {
    width: 100px;
    padding-top: 10px;
    font: 400 14px/1.4 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.filter-feature-bd-rating img { height: auto; }

.filter-feature-cta {
    width: 100%;
    font: 700 12px/1.0 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #565656;
}

.filter-feature-img + .filter-feature-cta { padding-top: 47px; }

.filter-feature-ft {
    width: 100%;
    padding-top: 25px;
    float: left;
}

.filter-feature-cta + .filter-feature-ft { padding-top: 20px; }

/* ---------------------------------------------------------------------
 Speech
------------------------------------------------------------------------ */
.speech { overflow: hidden; }

.speech_stacked_MobiletoTablet { overflow: visible; }

.speech-bd { margin-bottom: 0; }

.speech-bd_vh1x { margin-bottom: 20px; }

.speech-bd-bubble {
    width: 71px;
    height: 53px;
    padding: 19px 12px 10px 12px;
    margin-right: 8px;
    float: left;
    text-align: center;
    font: 700 26px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ffffff;
    background: url(../images/bg_speech_dog.png) no-repeat;
}

.speech-bd-bubble_small {
    width: 52px;
    height: 49px;
    padding-top: 14px;
    font-size: 26px;
    background: url(../images/bg_speech_dog_small.png) no-repeat;
}

.speech-bd-context {
    height: 76px; /*specified in order to vertically-align middle*/
    padding-right: 30px;
    display: table-cell;
    vertical-align: middle;
    font: 300 10px/1.2 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.speech-bd-context_small {
    display: block;
    padding-top: 5px;
    padding-right: 0;
    font: 400 12px/1.2 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
}

.speech-bd-context_medium {
    display: block;
    padding-top: 5px;
    padding-right: 0;
    font: 400 11px/1.2 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
}

.speech-bd-context-link {
    margin-top: 5px;
    display: block;
    font: 700 12px/1.4 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a71c20;
}

.speech-bd-context-link_small { font-size: 9px; }

.speech-bd-context-link_medium { font: 700 9px/1.4 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; }

/*TODO - evaluate usage on product.html and standardize*/
.speech-bd-context-link_loud { text-transform: uppercase; }

.speech-ft {
    font: 700 10px/1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    color: #a71c20;
    text-transform: uppercase;
}

.speech-ft a {
    color: #a71c20;
    text-decoration: none;
}

/* ---------------------------------------------------------------------
 Fact
------------------------------------------------------------------------ */
.fact { overflow: hidden; }

.fact-img {
    height: 50px; /*needed for vertical alignment*/
    float: left;
    margin: 0 10px 0 0;
}

.fact-bd {
    height: 50px; /*needed for vertical alignment*/
    overflow: hidden;
    font: 700 11px/1.4 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #353535;
    display: table-cell;
    vertical-align: middle;
}

/* ---------------------------------------------------------------------
 Spread
------------------------------------------------------------------------ */
.spread {
    padding: 0;
    position: relative;
    overflow: hidden;
    background: #ffffff;
    background: rgba(255, 255, 255, 0.8);
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    -ms-box-sizing:     border-box;
    -o-box-sizing:      border-box;
    box-sizing:         border-box;
}

.spread_std { padding: 20px 16px; }

/* ---------------------------------------------------------------------
 Details
------------------------------------------------------------------------ */
.details-hd {
    margin-bottom: 5px;
    font: 400 13px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #414042;
    text-transform: uppercase;
}

.details-subHd {
    margin-bottom: 10px;
    font: 700 26px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #414042;
    text-transform: uppercase;
}

.details-bd {
    font: 500 16px/1.4 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #4c4940;
}

.details-facts {
    padding-top: 10px;
    margin-bottom: 22px;
}

/* ---------------------------------------------------------------------
 Gauge
------------------------------------------------------------------------ */
.gauge {
    width: 41px;
    margin-left: 25px;
    text-align: center;
}

.gauge_collapsed { margin-left: 0; }

.gauge-hd {
    width: 36px;
    height: 25px;
    margin-bottom: 5px;
    padding: 10px 0 0 0;
    text-align: center;
    border: 3px solid;
    border-radius: 50%;
    border-color: #a71c20;
    font: 700 17px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #a71c20;
}

.gauge-meta {
    font: 400 8px/1.4 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
    text-transform: uppercase;
}

/* ---------------------------------------------------------------------
 subNav
------------------------------------------------------------------------ */
.subNav {
    display: none; /*forces subNav hiding on devices if activated in landscape and then switched to portrait*/
    background: #ffffff;
    background: rgba(255, 255, 255, 0.9);
}

.mix-menu-list-item_mobileOverride .subNav {
    display: block;
    right: 0;
    overflow: hidden;
    position: absolute;
    font-size: 10px;
    text-align: left;
    opacity: 1;
    z-index: 11;
}

.subNav-col-header {
    font: 700 14px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a71c20;
    text-transform: uppercase;
}

/* ---------------------------------------------------------------------
 boxLinks
------------------------------------------------------------------------ */
.box-links > * > * {
    font: 700 14px/1.2 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a71c20;
}

/* ---------------------------------------------------------------------
 Utilities
------------------------------------------------------------------------ */
.isHidden {
    overflow: hidden !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    border: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    clip: rect(1px 1px 1px 1px) !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
}

.isNotDisplayedSM {
    display: none;
}

@media (max-width: 767px) {
    .isActuallyHidden_small {
        display: none;
    }
}

/* ---------------------------------------------------------------------
 Timeline
------------------------------------------------------------------------ */
.timeline { margin-bottom: 12px; }

.timeline > * { margin-bottom: 15px; }

.timeline-heading {
    margin-bottom: 10px;
    font: 700 14px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
}

.timeline-content {
    font: 400 14px/1.0 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #4c4940;
}

.timeline-progress {
    width: 258px;
    height: 11px;
    background: transparent url(../images/why-switch-timeline-mobile.png) 0 0 no-repeat;
}

.timeline-progress_1 { background-position: 0 0; }
.timeline-progress_3 { background-position: 0 -11px; }
.timeline-progress_5 { background-position: 0 -22px; }
.timeline-progress_7 { background-position: 0 -33px; }

/* ---------------------------------------------------------------------
 Dialogue
------------------------------------------------------------------------ */
.dialogue {
    padding: 15px 15px 15px 50px;
    position: relative;
    background: #dad4c6 url(../images/icons/icon_question.png) 10px 15px no-repeat;
}

.dialogue-hd {
    margin-bottom: 2px;
    font: 700 15px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
}

.dialogue-bd {
    font: 400 12px/1.2 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #4c4940;
}

.dialogue-pip {
    position: absolute;
    bottom: -15px;
    left: 16px;
    width: 0;
    height: 0;
    border-top: 15px solid #dad4c6;
    border-right: 15px solid transparent;
}

.dialogue_alt {
    background-image: url(../images/icons/icon_question_alt.png);
    background-color: #ffffff;
}

.dialogue_alt > .dialogue-pip { border-top: 15px solid #ffffff; }

/* ---------------------------------------------------------------------
 Call
------------------------------------------------------------------------ */
.call {
    padding: 30px 17px;
    background: #fefdfc;
}

.call-hd {
    font: 700 27px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #726961;
    text-transform: uppercase;
    text-align: center;
}

.call-bd {
    margin: 21px 0;
    font: 400 18px/1.4 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    color: #4c4940;
}

/* ---------------------------------------------------------------------
 ProductCta
------------------------------------------------------------------------ */
.productCta {
    background-color: #fefdfc;
    padding: 17px;
    margin-bottom: 16px;
}

.productCta_centered { text-align: center; }

.productCta-hd {
    margin-bottom: 20px;
    font: 400 18px/1.25 "proxima-nova", "Helvetica Neue", Helvetica, Arial,sans-serif;
    color: #4c4940;
    text-align: center;
}

.productCta-bd-heading {
    margin-bottom: 10px;
    font: 700 12px/1.5 "proxima-nova", "Helvetica Neue", Helvetica, Arial,sans-serif;
    color: #564e47;
}

.productCta-bd-title {
    margin-bottom: 12px;
    font: 300 24px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial,sans-serif;
    color: #a71c20;
}

.productCta-media {
    margin-bottom: 15px;
    padding: 0 40px 5px 40px;
    border-bottom: 1px solid #aaa5a1;
}

.productCta-ft { font: 700 16px/1.23 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.productCta-ft > * { width: 100%; }

.product-grid-cta {
    text-decoration: none;
    color: inherit;
}

/* ---------------------------------------------------------------------
 Layer
------------------------------------------------------------------------ */
.layer {
    padding: 30px 17px;
    background-color: #fefdfc;
}

.layer_transparent { background-color: transparent; }

.layer-hd {
    margin-bottom: 30px;
    font: 700 27px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
    text-align: center;
}

.layer-hd-heading {
    margin-bottom: 20px;
    font: 700 27px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}

.layer-hd-content {
    font: 400 19px/1.25 "proxima-nova", "Helvetica Neue", Helvetica, Arial,sans-serif;
    color: #4c4940;
    text-align: left;
}

.layer-hd-content_centered { text-align: center; }

.layer-hd-subHd { margin-top: 15px; }

/* ---------------------------------------------------------------------
 Action
------------------------------------------------------------------------ */
.action {
    padding-bottom: 30px;
    text-align: center;
}

.action-cta { font: 700 15.5px/.8 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; }

/* ---------------------------------------------------------------------
 Mixins
------------------------------------------------------------------------ */
.mix-visibility_tabletToDesktop,
.mix-visibility_desktop { display: none; }

.mix-visibility_mobile { display: block; }
.mix-visibility_mobiletoTabletTable { display: table; }

.mix-visibility_mobileAndDesktop { display: block; }

.mix-visibility_mobileAndTablet { display: block; }

.mix-visibility_tablet { display: none; }

/* ---------------------------------------------------------------------
 Attention
------------------------------------------------------------------------ */
.attention { padding-bottom: 20px; }

.attention > * { overflow: hidden; }

.attention-img {
    width: 40%;
    float: right;
}

.attention-inner-media { margin-bottom: 10px; }

.attention-inner-media-img {
    width: 94px;
    height: 17px;
}

.attention-inner-hd {
    margin-bottom: 10px;
    font: 400 18px/1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a71c20;
    text-align: left;
}

.attention-inner-supHd {
    display: block;
    margin-bottom: 5px;
    font: 700 10px/1.5 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #564e47;
}

.attention-inner-bd{
    font: 400 11px/1.4 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #564e47;
    overflow: hidden;
}

/* ---------------------------------------------------------------------
 AttentionTable
------------------------------------------------------------------------ */
.attentionTable {
    width: 100%;
    padding: 40px;
}

.attentionTable-bd {
    display: block;
    padding: 24px 20px;
    vertical-align: middle;
    background-color: #f0ece2;
    font: 400 12px/1.4 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #565656;
}

.attentionTable-bd:nth-child(odd) { background-color: #f8f6f2; }

.attentionTable-row-hd {
    padding-bottom: 10px;
    font: 700 18px/1.3 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.attentionTable-row { width:100%; }

.attentionTable-row > *:first-child { min-width: 201px; }

.attentionTable-row-caption {
    padding-bottom: 20px;
    font: 400 18px/1.2 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a71c20;
    text-align: center;
}

.attentionTable-row > * {
    padding: 9px 9px 9px 0;
    vertical-align: middle;
}

.attentionTable-row > * + * {
    padding: 9px;
    border-left: 1px solid #dedad0;
}

.attentionTable-row + .attentionTable-row { border-top: 1px solid #e0ddd4; }

.attentionTable-bd > * {
    display: inline-block;
    vertical-align: middle;
}

.attentionTable-ft { background-color: #f0ece2; }

.attentionTable-ft td {
    padding: 12px 20px 24px 14px;
    font: 400 12px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #565656;
}
td.mix-attentionTable-ft_disclaimer {
    padding-bottom: 0px;
}

td.mix-attentionTable-ft_last {
    padding-bottom: 30px;
}

td.mix-attentionTable-ft_center {
    text-align: center;
}

/* ---------------------------------------------------------------------
 ActionTable
------------------------------------------------------------------------ */
.actionTable {
    display: block;
    width: 100%;
    padding: 20px 5px 0 5px;
    background-color: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.actionTable-hd-row > * {
    max-width: 90px;
    padding-bottom: 40px;
}

.actionTable-hd-rowMobile {
    padding-bottom: 24px;
    font: 400 18px/1.3 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
}

.actionTable-hd {
    padding-bottom: 20px;
    text-align: left;
    font: 700 12px/1.5 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #564e47;
}

.actionTable-hd-row > * + * {
    position: relative;
    min-width: 90px;
    padding: 0px 5px 40px 5px;
}

.actionTable-hd-img {
    display: table;
    padding-bottom: 10px;
    margin-left: -15px;
}

.actionTable-title {
    padding-bottom: 20px;
    font: 300 16px/1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a71c20;
    text-align: left;
}

.actionTable-row { color: #4c4940; }

.actionTable-row:nth-child(odd) { background: #f1ede3; }

.actionTable-row > * {
    position: relative;
    width: 140px;
    vertical-align: middle;
    text-align: left;
    font: 400 9px/1.4 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.actionTable-row > *:first-child {
    font-weight: 700;
    background-color: #ffffff;
}

.actionTable-row > * + * {
    width: auto;
    padding: 9px;
    font: 700 12px/1.4 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    font: 400 12px/1.4 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.actionTable-hd-row-aside > *,
.actionTable-hd-row > *:last-child,
.actionTable-row > *:last-child {display: none;}

.actionTable-hd-row-inner { position: relative; }

/* ---------------------------------------------------------------------
 Text TODO: Move to its module class container
------------------------------------------------------------------------ */
.txt {
    font: 500 12px/1.66 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #4c4940;
}

.txt_tight { font: 500 12px/1.4 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif; }

.txt_sans { font: 400 12px/1.3 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.txt_colorLight_large {
    font: 400 24px/1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: left;
}

.txt_colorBold {
    font-weight: 700;
    color: #a71c20;
}

.txt_legalese {
    color: #919191;
    text-align: left;
    font: 400 8px/1.4 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* ---------------------------------------------------------------------
 Cycler
------------------------------------------------------------------------ */
.cycler { }

.cycler_bgLight { background: #fefdfc; }

.cycler,
.cycler-slides { position: relative; }

.cycler-slides {
    height: 0;
    overflow: hidden;
}

.cycler-slides > * { width: 100%; }

.cycler-nav {
    width: 100%;
    position: absolute;
    bottom: 5px; /*lowing pagination dots to uncover button */
    text-align: center; /*Changed from center to right to uncover the clickable button to the right*/
    font-size: 0;
    z-index: 3;
}

.cycler-nav_pullUp { bottom: 35px; }

.cycler-nav_dark { bottom: 25px; }

.cycler-nav > * {
    margin: 0 3px;
    display:inline-block;
}

.cycler-nav > * > * {
    width: 6px;
    height: 6px;
    display: block;
    cursor: pointer;
    text-indent: -9999px;
    background: rgba(254, 254, 254, 0.8);
    border: 2px solid;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border-color: rgba(254, 254, 254, 0.8);
}

.cycler-nav_bg {
    width: 100%;
    text-align: center;
}

.cycler-nav_bg > * > * { border: none; }

.cycler-nav-item > * {
    border-color: #ffffff;
    background-color: #ece7df;
}

.cycler-nav-item_isActive > * {
    background: #bb0c0c;
    border-color: #ffffff;
}

.cycler-nav_bg .cycler-nav-item_isActive > * { background-color: #a51d0b; }

.cycler-nav_dark > * > * {
    background: #e4babc;
    border-color: #e4babc;
}

.cycler-nav_dark > *.isActive > *,
.no-touch .cycler-nav_dark > * > *:hover {
    background: #a71c20;
    border-color: #a71c20
}

.cycler-nav_light > * > * {
    width: 11px;
    height: 11px;
    background: #e8edbe;
    border: #e8edbe;
}

.cycler-nav_light > *.isActive > *,
.no-touch .cycler-nav_light > * > *:hover {
    background: #b6c82e;
    border-color: #b6c82e
}

.mix-cycler-nav_center {
    width: auto;
    bottom: 22px;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.cycler-direction {
    display: block;
    position: absolute;
    top: 70px;
    z-index: 20;
    padding: 0 20px 0 10px;
    max-width: 0;
    height: 30px;
    border-radius: 100%;
    background-color: #a71c20;
    background-repeat: no-repeat;
    color: #fff;
    text-transform: uppercase;
    font: 700 9px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 30px;
    -webkit-transition-duration: .25s;
    -moz-transition-duration: .25s;
    -ms-transition-duration: .25s;
    -o-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: color,background-color,background-image;
    -moz-transition-property: color,background-color,background-image;
    -ms-transition-property: color,background-color,background-image;
    -o-transition-property: color,background-color,background-image;
    transition-property: color,background-color,background-image;
}

.no-touch .cycler-direction:hover {
    width: auto;
    max-width: none;
    background-color: #70090a;
}

.cycler-direction_prev {
    margin: -15px 0 0 -24px; /* moved directional arrow to the left 3px, fixing overlaped text problem */
    background-image: url(../images/icons/icon_arrow_left.png);
    background-position: -1px 8px;
}


/*Previous text removed, keeping hover state if ever re-implemented*/
/*.no-touch .cycler-direction_prev:hover { padding: 0 10px 0 28px; }*/
.cycler-direction_next {
    right: 0;
    margin: -15px -24px 0 0; /* moved directional arrow to the left 3px, fixing overlaped text problem */
    background-image: url(../images/icons/icon_arrow_right.png);
    background-position: 12px 8px;
}

/*Next text removed, keeping hover state if ever re-implemented*/
/*.no-touch .cycler-direction_next:hover { padding: 0 28px 0 10px; }*/

.cycler-direction-text {
    display: inline-block;
    opacity: 0;
    height: 0;
    overflow: hidden;
    -webkit-transition: opacity .25s ease-out;
    -moz-transition: opacity .25s ease-out;
    -ms-transition: opacity .25s ease-out;
    -o-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
}

.no-touch .cycler-direction:hover .cycler-direction-text {
    opacity: 1;
    height: auto;
}

/* ---------------------------------------------------------------------
 Slides
------------------------------------------------------------------------ */
.slide {
    background-repeat: no-repeat;
    text-align: left;
}

.slide-overlay { padding: 30px 18px 22px 18px; }

.slide-overlay-hd {
    width: 165px;
    margin-bottom: 12px;
}

.slide-overlay-hd_large {
    font: 700 28px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
    text-transform: uppercase;
}

.slide-overlay-hd_small {
    text-transform: uppercase;
    font: 700 27px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
}

.slide-overlay-hd_tiny {
    text-transform: uppercase;
    font: 700 24px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
}

.slide-overlay-bd {
    width: 100%;
    margin-bottom: 12px;
    font: 500 12px/1.3 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #4c4940;
}

.slide-overlay-links {
    width: 165px;
    margin-bottom: 12px;
}

.slide-overlay-ft { font: 700 13px/1.4 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.slide_padded {
    padding: 15px;
    padding-left: 60px;
    padding-right: 60px;
}

/* ---------------------------------------------------------------------
 listCols
------------------------------------------------------------------------ */
.listCols { overflow: hidden; }

.listCols > * {
    font: 700 17px/1.4 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}

.listCols > * > * { text-decoration: none; }

/* ---------------------------------------------------------------------
 Social box
------------------------------------------------------------------------ */
.socialBox {
    padding: 15px 15px 12px 20px;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.86);
}

.socialBox + .socialBox { margin-top: 7px; }

.socialBox-hd {
    margin-bottom: 3px;
    overflow: hidden;
}

.socialBox-bd { margin-bottom: 2px; }

.socialBox-hd-left { float: left; }

.socialBox-hd-right { float: right; }

/* ---------------------------------------------------------------------
 Tweets
------------------------------------------------------------------------ */
.tweet-hash {
    color: #00aced;
    text-decoration: none;
}

.tweet-author {
    display: inline-block;
    font: 700 14px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #838383;
    text-decoration: none;
}

.tweet-handle {
    display: inline-block;
    font: 400 11px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #838383;
    text-decoration: none;
}

.tweet-author + .tweet-handle { margin-left: 4px; }

.tweet-ago { font: 400 12px/1.0 "Helvetica Neue", Helvetica, Arial, sans-serif; }

.tweet-ago + .icon_tweet { margin-left: 4px; }

.tweet-details {
    font: 400 10px/1.0 "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #838383;
    text-decoration: none;
}

/* ---------------------------------------------------------------------
 Social
------------------------------------------------------------------------ */
.social {
    height: 100%;
    padding: 20px;
    position: relative;
    background-color: #fefdfc;
    white-space: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

/* TODO: Are most of these even used? */
.social_carousel > .social-media {
    text-align: center;
    overflow: hidden;
}

.social_carousel > .social-media img {
    display: inline-block;
    max-height: 175px;
    width: auto;
}

.social_carousel_collapse { padding: 0; }

.social-hd {
    margin-bottom: 5px;
    position: relative;
}

.social-hd-author { max-width: 150px; }

.social-hd-author a {
    color: #4c4940;
    text-decoration: none;
}

.social-hd-author > * {
    display: inline-block;
    vertical-align: middle;
}

.social-hd-author-avatar img { max-width: 30px; }

.social-hd-author-name {
    margin-right: 4px;
    font: 700 16px/1.25 "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
}

.theme-social-hd-author-name_facebook { max-width: 110px; }

.social-hd-author-handle a {
    font: 400 12px/1.0 "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: #4c4940;
}

.social-hd-meta {
    position: absolute;
    top: 0;
    right: 0;
}

.social-hd-meta a {
    color: #454545;
    text-decoration: none;
}

.social-hd-meta > * {
    display: inline-block;
    vertical-align: middle;
}

.social-hd-meta-datetime {
    margin-right: 3px;
    font: 700 16px/1.0 "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #454545;
}

.social-bd {
    font: 400 16px/1.25 Georgia, Times, "Times New Roman", serif;
    color: #4c4940;
    margin-bottom: 10px;
}

.social-bd a { text-decoration: none; }

.theme-social-bd_twitter a { color: #00aced; }

.theme-social-bd_facebook a { color: #3b579d; }

.theme-social-bd_instagram { padding-top: 20px; }

.social-ft {
    font: 400 12px/2.0 "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: #4c4940;
}

.social-ft a {
    font: 400 12px/1.0 "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: #4c4940;
}

.social-intents > * {
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
}

.social-intents-action > * {
    display: inline-block;
    vertical-align: middle;
}

.social-intents a {
    font: 400 12px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
}

/* ---------------------------------------------------------------------
 Comments
------------------------------------------------------------------------ */
.comment {
    padding: 15px 20px;
    color: white;
    position: relative;
    background-color: #a71c20;
}

.comment-link {
    display: block;
    font: 700 22px/1.0 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #ffffff;
    text-decoration: none;
}

.no-touch .comment-link:hover { color: #70090a; }

.comment-link-meta { font-size: 11px; }

.comment-bubble {
    position: absolute;
    bottom: -18px;
    left: 20px;
    width: 0;
    height: 0;
    border-top: 18px solid #a71c20;
    border-right: 18px solid transparent;
}

/* ---------------------------------------------------------------------
 Content
------------------------------------------------------------------------ */
.content {
    padding: 30px 20px 12px 20px;
    position: relative;
}

/* ---------------------------------------------------------------------
 Refine
------------------------------------------------------------------------ */
.refine {
    padding: 18px 24px;
    background: #f0ece2;
}

.refine_compressed { padding: 0 24px; }

.refine-list > * { padding: 20px 16px; }

.refine-list > * + * { border-top: 2px solid #d1caba; }

.refine-list > * > * {
    display: block;
    font: 700 11px/1.1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a71c20;
    text-transform: uppercase;
    text-decoration: none;
}

.refine-hd {
    margin-bottom: 18px;
    font: 700 27px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
    text-transform: uppercase;
}

.refine-subHd {
    margin-bottom: 18px;
    font: 700 11px/1.2 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
    text-transform: uppercase;
}

/* ---------------------------------------------------------------------
 Refine form
------------------------------------------------------------------------ */
.refineForm_tight { margin-bottom: 20px; }

.refineForm-list > * {
    margin-bottom: 5px;
    position: relative;
    overflow: hidden;
}

.refineForm-hd {
    margin-bottom: 12px;
    font: 700 11px/1.2 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
    text-transform: uppercase;
}

.refine-action { margin-bottom: 30px; }

.refineForm-title {
    margin-bottom: 10px;
    font: 700 18px/1.2 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #564e47;
}

.refineForm-columns > * {
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}

/* ---------------------------------------------------------------------
 Module
------------------------------------------------------------------------ */
.module-spacing_block {
    padding-top: 30px;
}

/* ---------------------------------------------------------------------
 Column List
------------------------------------------------------------------------ */
.mix-columnList_std > * { margin-bottom: 21px; }

.mix-columnList_wide > * { margin-bottom: 50px; }

/*js fallback column styles*/
/*overrides inline styles being injected by script*/
.columnList .column {
    width: 100%!important;
    float: none!important;
}

/* ---------------------------------------------------------------------
 Brand
------------------------------------------------------------------------ */
.brand-hd {
    margin-bottom: 40px;
    padding-bottom: 10px;
    border-bottom: 2px solid #c6c3bf;
    font: 700 28px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
}

.theme-brand-hd_dogs { color: #a71c20; }

.theme-brand-hd_cats {
    font-family: "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #4993b0;
}

.brand-bd > * { margin-bottom: 40px; }

.theme-brand-bd_dogs a {
    font: 700 20px/1.6 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a71c20;
    text-decoration: none;
}

.theme-brand-bd_cats a {
    font: 400 20px/1.6 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #4993b0;
    text-decoration: none;
}

/* ---------------------------------------------------------------------
 Brand Feature
------------------------------------------------------------------------ */
.brandFeature-ft {
    font: 700 12px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
}

/* ---------------------------------------------------------------------
 SectionList
------------------------------------------------------------------------ */
.sectionList > * {
    margin: 0;
    font: 700 10px/2.1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a71c20;
}

.sectionList-item > * { margin-bottom: 10px; }

.sectionList-hd > * {
    font: 400 10px/2.1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
    text-transform: uppercase;
}

/* ---------------------------------------------------------------------
 Input Group
------------------------------------------------------------------------ */
.inputGroup {
    overflow: hidden;
}

.inputGroup > * {
    width: 100%;
    float: left;
    box-sizing: border-box;
}

.inputGroup_2up > * {
    width: 50%;
}

.inputGroup_2up > * + * {
    padding-left: 10px;
}

.inputGroup_3up > * {
    width: 33.3333%;
}

.inputGroup_3up > * + * {
    padding-left: 10px;
}

/* ---------------------------------------------------------------------
 Inputs
------------------------------------------------------------------------ */
.input {
    display: block;
    margin: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.input_signup {
    padding: 5px 4px;
    margin-bottom: 10px;
}

.input_error {
    border: 1px solid #ff3300;
}

.input_submit {
    display: block;
    position: absolute;
    width: 32px;
    height: 31px;
    border: 0;
    top: 2px;
    right: 5px;
    font-size: 0;
    color: transparent;
    text-shadow: none;
    cursor: pointer;
    background: transparent url("../images/icons/search-magnifier.png") no-repeat center center;
    background-size: 14px 13px;
}

.input_checkbox {
    position: absolute;
    z-index: 1;
    opacity: 0;
    height: 100%;
}

.checkboxOverlay {
    width: 17px;
    height: 16px;
    position: absolute;
    left: 0;
    z-index: 0;
    background: transparent url("../images/icons/checkbox-overlay-sprite.png") 0 -16px no-repeat;
}

.input_checkbox:checked + .checkboxOverlay { background-position: 0 0; }
.input_checkbox_isDisabled:checked + .checkboxOverlay { background-position: 0 -16px; }

.input_checkbox:checked ~ label { text-decoration: underline; }

.input_search {
    min-height: 33px;
    margin: 0;
    border: none;
    padding: 8px 37px 8px 11px;
    outline: none;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.9);
    font: 400 14px/1.4 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a3a3a3;
}

.input_search::-webkit-input-placeholder { color: #a3a3a3; }

.input_search:-moz-placeholder { color: #a3a3a3;}

.input_search::-moz-placeholder { color: #a3a3a3; }

.input_search:-ms-input-placeholder { color: #bac800; }

.input_locate {
    margin-bottom: 20px;
    border: none;
    padding: 4px 6px 4px 6px;
    outline: none;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.9);
    font: 400 14px/1.4 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a3a3a3;
}

.input_select { width: 100%; }

.input_textareaSocial {
    min-height: 124px;
    padding: 28px 18px 10px 18px;
    border: none;
    top: 0;
    left: 0;
    outline: none;
    font: 500 16px/1.0 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #8c8175;
    background: #ffffff url('../images/socialConnect-twitterBird.png') 14px 14px no-repeat;
    background: rgba(255,255,255,0.6) url('../images/socialConnect-twitterBird.png') 14px 14px no-repeat;
    z-index: 13;
}

.input_find {
    display: inline-block;
    width: auto;
    padding: 6px 16px;
    border: none;
    outline: none;
    font: 700 10px/1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #ffffff;
    background: #008caa;
    cursor: pointer;
}

.select {
    width: 258px;
    margin-bottom: 8px;
}

/* ---------------------------------------------------------------------
 Forms
------------------------------------------------------------------------ */
.form_location { margin-top: 20px; }

.fieldset { margin-bottom: 24px; }

li:last-child .fieldset {margin-bottom: 0;}

.legend {
    margin-bottom: 10px;
    font: 400 10px/1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
    text-transform: uppercase;
}

.legend_large {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 700;
}

.legend-highlight {
    font: 700 14px/1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a71c20;
    text-transform: uppercase;
}

.legend_small { text-transform: none; }


/* ---------------------------------------------------------------------
 Location form
------------------------------------------------------------------------ */
.locationForm { position: relative; }

.locationForm-search {
    margin-bottom: 26px;
    border: 1px solid #605d54;
    outline: none;
    position: relative;
    font: 400 18px/1.4 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #454545;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    -ms-box-sizing:     border-box;
    -o-box-sizing:      border-box;
    box-sizing:         border-box;
}

.locationForm-select { text-align: right; }

.locationForm-select > * + * { margin-left: 10px; }

/* ---------------------------------------------------------------------
 Search Form
------------------------------------------------------------------------ */
.searchForm { position: relative; } /* .searchForm-results is absolutely positioned */

.searchForm-results {
    display: none;
    width: 100%;
    border-right: 1px solid #cecdcc;
    border-bottom: 1px solid #cecdcc;
    position: absolute;
    left: 0;
    z-index: 11;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    -ms-box-sizing:     border-box;
    -o-box-sizing:      border-box;
    box-sizing:         border-box;
}

.searchForm-results > * {
    padding-left: 11px;
    cursor: pointer;
}

.no-touch .searchForm-results > *:hover,
.searchForm-results > *:focus,
.searchForm-results-item_isActive {
    outline: 1px dashed #333333;
}

.searchForm-results a {
    font: 400 14px/1.4 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: #a3a3a3;
}

.searchForm-results_isActive { display: block; }

.searchForm-search-field {
    position: relative;
    border-right: 1px solid #cecdcc;
    border-bottom: 1px solid #cecdcc;
}

.searchForm-search-field_border { border: 1px solid #bfbfbf; }

/* ---------------------------------------------------------------------
 Sort form
------------------------------------------------------------------------ */
.sortForm-search {
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    -ms-box-sizing:     border-box;
    -o-box-sizing:      border-box;
    box-sizing:         border-box;
}

.sortForm-search  > * {
    display: block;
    width: 100%;
}

.sortForm-search-field {
    margin-bottom: 10px;
    border-bottom: 1px solid #cecdcc;
    position: relative;
    font: 400 18px/1.4 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #454545;
}

.sortForm-search-select > * { width: 100%; }

/* ---------------------------------------------------------------------
 Form labels
------------------------------------------------------------------------ */
.label {
    margin: 0;
    font: 700 10px/1.4 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a71c20;
}

.label_signup {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    color: #6d6a6a;
    text-align: left;
}

.label_indent { margin-left: 20px; }

.label_light {
    color: #b6b39e;
    font: 300 14px/1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    vertical-align: baseline;
}

.label_medium {
    display: block;
    color: #4c4940;
    font: 500 12px/1.1 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
}

.label_highlight {
    color: #008caa;
    font: 700 18px/1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}

.label_push {
    display: block;
    margin-bottom: 18px;
}

.label_locate {
    display: block;
    margin-bottom: 10px;
    font-size: 12px;
    text-transform: uppercase;
    color: #696663;
}

.label_isDisabled { color: #cccccc; }

/* ---------------------------------------------------------------------
 Social Feed
------------------------------------------------------------------------ */
.socialFeed { display: none; } /* Hidden for small screens */

/* ---------------------------------------------------------------------
 Afterword
------------------------------------------------------------------------ */
.afterword { display: none; } /* Hidden for small screens */

/* ---------------------------------------------------------------------
 Footer
------------------------------------------------------------------------ */
.footer {
    padding-top: 34px;
    background-color: #f1ede3;
    margin-bottom: -20px;
}

.footer_portal { background-color: transparent; }

.footer-logo { display: none; }

.footer-nav {
    margin-bottom: 50px;
    padding: 0 19px;
}

.footer-nav a {
    font: 700 18px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.footer-nav > * > a {
    display: block;
    padding: 10px 0;
}

/*.footer-nav > *:last-child a { color: #599ab4; }*/

.footer-nav-item {
    width: 100%;
    padding: 0 19px;
    margin-left: -19px;
    position: relative;
}

.footer-nav-item_isActive,
.no-touch .footer-nav-item:hover {
    background-color: #aaa18b;
}

.footer-nav-item_isActive a,
.no-touch .footer-nav-item:hover a {
    color: #ffffff;
}

.footer-nav-item-list {
    position: fixed;
    bottom: -99999px;
    left: 0;
    z-index: 10;
}

.footer-nav-item-list a { display: block; }

.no-touch .footer-nav-item-list > *:hover { background-color: #767067; }

.footer-nav-item_isActive .footer-nav-item-list,
.no-touch .footer-nav-item:hover .footer-nav-item-list {
    width: 100%;
    padding: 27px 0 16px 0;
    bottom: 38px;
    position: absolute;
    background-color: #aaa18b;
    z-index: 10001;
}

.footer-nav-item_isActive .footer-nav-item-list a,
.no-touch .footer-nav-item:hover .footer-nav-item-list a {
    padding: 0 19px;
}

.footer-nav-item-list > * + * {
    margin-top: 12px;
}

.footer-nav-item-list a {
    font-family: "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    line-height: 1.5;
    text-transform: none;
}

.footer-social {
    margin-bottom: 20px;
    padding-left: 19px;
}

.footer-social > * {
    display: inline-block;
    font-size: 0;
    vertical-align: middle;
}

.footer-social > *:last-child {
    margin-left: 13px;
}

.footer-meta {
    margin-bottom: 13px;
    text-align: center;
}

.footer-meta a {
    font: 700 10px/1.5 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #aaa18b;
    text-decoration: none;
}

.footer-meta > * {
    display: inline-block;
    font-size: 0;
    text-align: center;
    vertical-align: middle;
}

.footer-meta > * + * { margin-left: 20px; }

.footer-legalese {
    padding: 0 0 35px 19px;
    font: 700 9px/1.0 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #aaa18b;
}

/* ---------------------------------------------------------------------
 Results
------------------------------------------------------------------------ */
.results { width: 100%; }

.results-hgroup {
    overflow: hidden;
    margin-bottom: 30px;
    font: 700 20px/1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
    text-align: center;
}

.results-hgroup_paddingTopSM {
    padding-top: 20px;
}

.results-hgroup-hd {
    margin-bottom: 10px;
    text-transform: uppercase;
}

.results-hgroup-subHd {
    font: 14px/1.0 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #4c4940;
}

.results-hgroup-link > * {
    position: relative;
    padding-right: 16px;
    font: 700 10px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a71c20;
    cursor: pointer;
    text-transform: uppercase;
}

.results-hgroup-link > *:after {
    position: absolute;
    width: 13px;
    height: 9px;
    content: '';
    right: 0;
    top: 0;
    background: url('../images/icons/icon_arrowBack-dog.png');
}

.results > * + * { margin-top: 40px; }

.results-container
{
    margin-bottom:28px;
}

/* ---------------------------------------------------------------------
 Results Table
------------------------------------------------------------------------ */
.js-results-message {}

.results-table {
    width: 100%;
    font: 400 14px/1.3 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.results-table > * > * > * + * { padding-left: 20px; } /* Left padding on any cell following a cell */

.results-table-hd > * > * { 
    padding-bottom: 14px; 
    text-align: left;
}

.results-table-bd > * > * {
    padding-top: 10px;
    padding-bottom: 10px; 
}

/*.results-table-bd { border-top: 1px solid #9e9a91; }*/

.results-table-hd-row  > * { display: none; }

.results-table-row > * {
    vertical-align: top;
    text-align: left;
}

.results-table-row {
    border-top: 1px solid #9e9a91;
}

.results-table-cell_medium {
    width: 78px;
    margin: 0 auto;
}

.results-table_productFinder {
    width: 100%;
    max-width: 256px;
    margin: 0 auto;
}

/* ---------------------------------------------------------------------
 Caption
------------------------------------------------------------------------ */
.caption {
    width: 100%;
    margin-bottom: 20px;
}

.caption-hd {
    font: 700 28px/1.3 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #4c4940;
}
.caption-bd {
    margin-bottom: 20px;
    font: 500 16px/1.4 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #4c4940;
}

/* ---------------------------------------------------------------------
 Foreward
------------------------------------------------------------------------ */
.foreward { padding-bottom: 40px; }

/* ---------------------------------------------------------------------
 Preface
------------------------------------------------------------------------ */
.preface {
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 2px solid #dbd5c7;
}

.preface-hd {
    margin-bottom: 28px;
    font: 300 27px/1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #a71c20;
}

/* ---------------------------------------------------------------------
 Engagement
------------------------------------------------------------------------ */
.engagement {
    padding-bottom: 40px;
    margin-bottom: 30px;
    border-bottom: 2px solid #dbd5c7;
}

.engagement-meta {
    width: 100%;
    margin-bottom: 14px;
    overflow: hidden;
}

.engagement-meta-img > * { width: 127px; }

.engagement-meta-text {
    margin-left: 5px;
    font: 300 16px/1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
}

.engagement-hd {
    margin-bottom: 25px;
    font: 700 16px/1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
    text-transform: uppercase;
}

.engagement-bd {
    margin-bottom: 14px;
    font: 500 16px/1.4 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
}

.engagement-bd-meta {
    overflow: hidden;
    text-decoration: none;
    font: 700 11px/1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
}

.engagement-bd-meta > * {
    display: inline-block;
    vertical-align: middle;
}

.engagement-meta-text {
    margin-left: 5px;
    font: 300 16px/1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
}

.engagement-meta-text_bold { font-weight: 700; }

.engagement-meta-text_opposite {
    display: block;
    margin-top: 10px;
    font-size: 11px;
}

.engagement-ft > * { margin-bottom: 10px; }

.engagement-ft-link {
    color: #4c4940;
    font: 500 12px/1.1 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    text-decoration: none;
}

.engagement-user {
    padding: 16px;
    margin-bottom: 24px;
    background: #d9d4c6;
    overflow: hidden;
    color: #4c4940;
}

/* ---------------------------------------------------------------------
 Meta
------------------------------------------------------------------------ */
.meta-hd {
    margin-bottom: 18px;
    font: 700 16px/1 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
}

.meta-bd { font: 500 italic 9px/1.6 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif; }

.meta-bd > * { display: block; }

/* ---------------------------------------------------------------------
 Overview
------------------------------------------------------------------------ */
.overview-hd {
    margin: 22px 0 40px 0;
    font: 700 16px/1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
    text-transform: uppercase;
}

.overview-meta {
    margin-bottom: 20px;
    overflow: hidden;
}

.overview-meta-img > * { width: 127px; }

.overview-meta-text {
    margin-left: 5px;
    font: 300 16px/1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
}

/* ---------------------------------------------------------------------
 Sitemap
------------------------------------------------------------------------ */
.sitemap { margin-bottom: 20px; }

.sitemap-hd {
    display: block;
    padding: 10px;
    margin-bottom: 15px;
    font: 700 13px/1.3 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    background: #aaa18b;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    -ms-box-sizing:     border-box;
    -o-box-sizing:      border-box;
    box-sizing:         border-box;
}

.sitemap-hd-link {
    color: #ffffff;
    text-decoration: none;
}

.sitemap-subHd {
    font: 700 16px/1.9 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a71c20;
    text-transform: uppercase;
}

.sitemap-subHd-link {
    font: 700 16px/1.9 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a71c20;
    text-transform: uppercase;
    text-decoration: none;
}

/* This theme can exist on both cat/dog pages */
.theme-sitemap-subHd_dogs {
    font: 700 16px/1.9 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a71c20;
    text-transform: uppercase;
}

.theme-sitemap-subHd-link_dogs {
    font: 700 16px/1.9 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a71c20;
    text-transform: uppercase;
    text-decoration: none;
}

.theme-sitemap-subHd_cats {
    font: 500 17px/1.9 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #0090aa;
    letter-spacing: 0.04em;
    text-transform: none;
}

.theme-sitemap-subHd-link_cats {
    font: 500 17px/1.9 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #0090aa;
    letter-spacing: 0.04em;
    text-decoration: none;
    text-transform: none;
}

.sitemap-bd { font: 500 13px/1.9 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif; }

.sitemap-bd-list > * > * {
    color: #4c4940;
    text-decoration: none;
}

/* ---------------------------------------------------------------------
 Rating
------------------------------------------------------------------------ */
.rating {
    width: 100%;
    margin-bottom: 30px;
}

.rating_tall { margin-bottom: 42px; }

.rating-media { margin-left: -4.3%; }

.rating-media-item {
    display: inline-block;
    margin: 0  0 4% 4.3%;
}

.rating-bd { margin-bottom: 20px; }

.rating-bd-items {
    width: 100%;
    font: 700 11px/1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    overflow: hidden;
    letter-spacing: 2px;
    color: #4c4940;
}

.rating-bd-items > * {
    display: inline-block;
    vertical-align: middle;
}

.rating-bd-hd {
    margin-bottom: 10px;
    font: 500 12px/1.1 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
}

.rating-bd-img { width: 124px; }

.rating-bd-text { margin-left: 20px; }

/* ---------------------------------------------------------------------
 Island
------------------------------------------------------------------------ */
.island_moat { padding: 20px; }

.mix-island_paddingBottom { padding-bottom: 25px; }

.island-hd {
    padding-bottom: 10px;
    font: 700 27px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    text-transform: uppercase;
    color: #4c4940;
}

.island-hd-heading {
    margin-bottom: 10px;
    line-height: 1.2;
    text-transform: uppercase;
}

.island-hd-subHeading {
    margin-bottom: 10px;
    font: 400 22px/1.4 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: none;
    text-align: center;
    color: #4c4940;
}

.island-bd {
    margin-bottom: 20px;
    font: 14px/1.0 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    text-align: center;
    color: #4c4940;
}

.island-bd strong { font-weight: 700; }

.island-bd_alt { font: 14px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.island-bd_divided {
    border-bottom: 1px solid #e9d9d1;
    border-bottom: 1px solid rgba(167,28,32,0.1);
}

/* ---------------------------------------------------------------------
 Cluster
------------------------------------------------------------------------ */
.cluster { overflow: hidden; /* clears 'cluster-img' float */ }

.cluster > * {
    display: block;
    overflow: hidden;
}

.cluster-img {
    width: 115px;
    margin-right: 10px;
    float: left;
}

.cluster-bd { overflow: hidden; }

.cluster-bd-link,
.cluster-desc-link {
    color: #4c4940;
    text-decoration: none;
}

.cluster-bd-title {
    margin-bottom: 5px;
    font: 700 16px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
}

.cluster-bd-desc {
    font: 500 13px/1.35 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #4c4940;
}

.cluster-bd-desc strong { font-weight: 700; }

/* ---------------------------------------------------------------------
 Accordion
------------------------------------------------------------------------ */
.accordion-hd {
    margin: 24px 0 20px 0;
    font: 700 16px/1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
    text-transform: uppercase;
}

/* ---------------------------------------------------------------------
 Toggle
------------------------------------------------------------------------ */
.toggle {
    padding: 12px;
    margin-bottom: 5px;
    background: #d9d4c6;
    cursor: pointer;
}

.toggle-hd  {
    position: relative;
    padding-left: 20px;
    font: 700 12px/1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.toggle-hd > * + * {
    margin-left: 8px;
    color: #4c4940;
}

/* base for arrow active state */
.toggle-hd:before,
.toggle-hd:after {
    display: block;
    content: '';
    margin-top: -4px;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
}

/* border for arrow */
.toggle-hd:before {
    border-top: 7px solid #aeaa9e;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    left: 0;
    z-index: 1;
}

.toggle_isActive > .toggle-hd:before {
    border-top: none;
    border-bottom: 7px solid #aeaa9e;
}

/* overlay for arrow */
.toggle-hd:after {
    border-top: 4px solid #d9d4c6;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
    left: 3px;
    z-index: 2;
}

.toggle_isActive > .toggle-hd:after {
    margin-top: -1px;
    border-top: none;
    border-bottom: 4px solid #d9d4c6;
}

.toggle-bd {
    padding-top: 20px;
    font: 400 12px/1.4 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
}

/* ---------------------------------------------------------------------
 Info
------------------------------------------------------------------------ */
.info-title {
    margin-bottom: 20px;
    font: 300 42px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a71c20;
    text-transform: uppercase;
}

.info-hd {
    margin-bottom: 5px;
    font: 700 30px/1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
    text-transform: uppercase;
}

.info-hd_intro {
    margin-bottom: 15px;
    font: 18px/1.22 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
    text-transform: none;
}

.mix-info-hd_collapsed { margin-bottom: 0; }

.info-bd {
    margin-bottom: 14px;
    font: 500 14px/1.4 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #4c4940;
}

.info-img {
    width: 256px;
    margin: 0 auto 10px auto;
}

.info-cta { margin-bottom: 26px; }

.info-cta-item {
    font: 700 14px/1.4 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a71c20;
    text-decoration: underline;
}

.no-touch .info-cta-item:hover { text-decoration: none; }

/* ---------------------------------------------------------------------
 Placard
------------------------------------------------------------------------ */
.placard { overflow: hidden; }

.slide .placard { padding-bottom: 50px; }

.slide .placard_compressed {
    padding-bottom: 0px;
    background: #ffffff;
}

.placard-img img { display: block; }

.placard_dogTheme .placard-img {
    /*margin-top: 20px;*/
}

.placard-img_small { height: 189px; }

.placard-hd {
    margin-bottom: 10px;
    padding: 25px 20px 0px 20px;
    font: 700 26px/1.05 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
    text-transform: uppercase;
    text-align: center;
}

.placard_dogTheme .placard-bd-title {
    font-weight: 300;
    color: #a71c20;
}

.placard_dogTheme .placard-cta_mobileFull .btn {
    display: block;
    width: 100%;
}

.placard-bd { padding: 15px; }

.placard-bd_pullUp { margin-top: -490px; }

.placard-hd + .placard-bd { padding-top: 0; }

.placard-bd-title {
    margin-bottom: 10px;
    font: 700 26px/1.05 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
}

.placard-bd-title_dark { color: #a71c20; }

.placard-bd-desc {
    margin-bottom: 10px;
    font: 400 16px/1.8 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #4c4940;
}



.placard-bd-desc_pushDown { margin-bottom: 214px; }

.placard-bd-desc-highlight {
    font-size: 58px;
    height: 0;
    margin: 0 5px -3px 0;
    line-height: 0;
    vertical-align: bottom;
    display: inline-block;
    color: #b6c82e;
}

.placard-bd-desc-author {
    font: 700 12px/1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #b6c82e;
}

/*changing perceptions*/
.placard_changingPerceptions {
    padding: 30px 20px 50px 20px;
    background-color: #fefdfc;
}

.placard_changingPerceptions .placard-bd { padding: 0; }

.placard_changingPerceptions .placard-bd-title {
    margin-bottom: 30px;
    text-align: center;
}

.placard_changingPerceptions .placard-bd-desc { margin-bottom: 20px; }

/*feeding is the first step*/
.placard_feedingIsTheFirstStep img { width: auto; }

/*bowl by bowl*/
.slide .placard_bowlByBowl {
    padding: 29px 31px 68px 31px;
}

.placard_bowlByBowl { background: #a71c20; }

.placard_bowlByBowl .placard-bd {
    padding: 0;
}

.placard_bowlByBowl .placard-img {
    width: 250px;
    padding-top: 15px;
    margin: 0 auto;
}

.placard_bowlByBowl .placard-bd-desc {
    color: #ffffff;
    text-align: center;
}

.placard_bowlByBowl .placard-bd-quoter {
    font: 700 22px/1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
}
.placard_bowlByBowl .placard-bd-organization {
    font: 400 14px/1.11 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}


/*did you know*/
.placard_didYouKnow { background: #f9f8f5; }

.placard_didYouKnow .placard-img {
    margin-bottom: 20px;
}

.placard_didYouKnow .placard-ft {
    width: 185px;
    margin: 0 auto;
}

/*did you know 2*/
.placard_didYouKnow2 { background: #f9f8f5; }

.placard_didYouKnow2 .placard-img {
    width: 217px;
    margin: 0 auto 25px auto;
}

.placard_didYouKnow2 .placard-ft {
    width: 185px;
    margin: 0 auto;
}

/*did you know 3*/
.placard_didYouKnow3 { background: #f9f8f5; }

.placard_didYouKnow3 .placard-bd { padding-bottom: 0; }

.placard_didYouKnow3 .wow { padding-top: 20px; }

.placard_didYouKnow3 .placard-ft {
    width: 185px;
    margin: 0 auto;
}

/*what we're doing today*/
.placard_whatWereDoingToday { background: #ffffff; }

/* ---------------------------------------------------------------------
 Addthis overrides
------------------------------------------------------------------------ */
.addthis_toolbox .addthis_button_pinterest_pinit { padding-top: 5px; }

.addthis_32x32_style .addthis_counter.addthis_bubble_style a.addthis_button_expanded { font-size: 14px; }

.addthis_32x32_style .addthis_counter.addthis_bubble_style { margin-left: 2px; }

/* ---------------------------------------------------------------------
 Wow
------------------------------------------------------------------------ */
.wow {
    margin-bottom: 5px;
    text-align: center;
}

.wow-value {
    margin-bottom: 15px;
    font: 700 54px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*these themes can co-exist on the same page*/
.theme-wow-value_cats { color: #0090aa; }

.theme-wow-value_dogs { color: #a71c20; }

.wow-meta {
    font: 700 13px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
    text-transform: uppercase;
}

.mix-wow-meta_thin {
    font-weight: 300;
    font-size: 18px;
}

/* ---------------------------------------------------------------------
 infoGraphic
------------------------------------------------------------------------ */
.infoGraphic { margin-bottom: 20px; }

.infoGraphic-img {
    width: 108px;
    text-align: center;
    margin-bottom: 15px;
}

.infoGraphic-hd {
    font: 18px/1.22 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
    text-align: center;
    margin-bottom: 10px;
}

.infoGraphic-bd {
    font: 500 14px/1.4 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #4c4940;
    text-align: center;
}

/* ---------------------------------------------------------------------
 Spinner
------------------------------------------------------------------------ */
.spinner {
    overflow: hidden;
    margin: 0 auto;
    padding: 10px;
    width: 54px;
    height: 55px;
    background: transparent url(../images/spinner.gif) 0 0 no-repeat;
    text-indent: -99999px;
}

.spinner_register {
    padding: 20px;
    text-align: center;
    background: rgba(0,0,0,0.5);
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}

.spinner_register .spinner-img {
    top: 50%;
    text-align: center;
    position: absolute;
}

.spinner_isHidden { display: none; }

.spinner.mix-spinner_centeredPadded {
    background-position: center center;
}

/* ---------------------------------------------------------------------
 Video
------------------------------------------------------------------------ */
.video {
    position: relative;
    padding-top: 30px; /*for 16x9 videos*/
    padding-bottom: 56.25%; /*for 16x9 videos*/
    width: 100%;
    height: 0;
    margin-bottom: 20px;
}

.video > * {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
}

/* ---------------------------------------------------------------------
 Tooltip
------------------------------------------------------------------------ */
.tooltip {
    position: relative;
    display: inline-block;
}

.mix-tooltip_absolute {
    position: absolute;
}

.mix-tooltip_mitochondria{
    top: -20px;
    right: 128px;
}

.mix-tooltip_membrane {
    bottom: 0px;
    right: 92px;
}

.mix-tooltip_fattyAcid {
    top: 15px;
    left: 85px;
}

.mix-tooltip_lCarnitine {
    bottom: 60px;
    left: 75px;
}

.mix-tooltip_cell {
    bottom: 60px;
    left: 0px;
}

.tooltip-icon { color: #a71c20; }

.no-touch .tooltip-icon:hover { cursor: help; }

.tooltip-pip {
    display: none;
    width: 125px;
    padding: 15px;
    border: 1px solid #b7b39f;
    position: absolute;
    top: 50%;
    left: 20px;
    z-index: 9;
    font: 400 13px/1.5 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: left;
    color: #7a746f;
    background-color: #ffffff;
    white-space: normal;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.tooltip-pip:before {
    width: 12px;
    height: 22px;
    margin-top: -11px; /* height / 2 */
    position: absolute;
    top: 50%;
    left: -12px;
    z-index: 10;
    content: '';
    background: transparent url(/dogcat-assets/images/tooltip-pip.png) 0 0 no-repeat;
}

.tooltip-pip_isActive { display: block; }

.tooltip-pip_isRightAligned {
    right: 20px;
    left: auto;
}

.tooltip-pip_isRightAligned:before {
    right: -12px;
    left: auto;
    background-image: url(/dogcat-assets/images/tooltip-pip_invert.png);
}

.tooltip-pip-hd {
    margin-bottom: 5px;
    font: 700 12px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a71c20;
}

.tooltip-trigger { position: absolute; }

.tooltip-hd { font-weight: 700; }

.tooltip-hd_opaque { color: #ffffff; }

/* ---------------------------------------------------------------------
 Tip
------------------------------------------------------------------------ */
.tip a { color: #a71c20; }

.no-touch .tip a:hover { color: #70090a; }

/* ---------------------------------------------------------------------
 Data
------------------------------------------------------------------------ */
.data-hd {
    margin-bottom: 10px;
    font: 700 16px/1.4 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.data-bd > * {
    margin-bottom: 20px;
    font: 500 14px/1.4 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #6f6f6f;
}

/* ---------------------------------------------------------------------
 Interactive
------------------------------------------------------------------------ */
.interactive-bd {
    margin-bottom: 2%;
    font: 500 14px/1.4 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #4c4940;
    background: #ffffff;
}

.interactive-bd-supHd {
    display: block;
    margin-bottom: 10px;
    font: 700 12px/1.2 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
    text-transform: uppercase;
}

.interactive-bd-hd {
    margin-bottom: 10px;
    font: 700 18px/1.2 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #564e47;
}

.interactive-bd a { font: 700 14px/1.4 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif; }

.interactive-bd a_sans {
    font: 700 10px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a71c20;
    text-decoration: none;
}

.list-topics { margin-bottom: 20px; }

.interactive-bd-link {
    color: #a71c20;
    text-decoration: none;
}

/* ---------------------------------------------------------------------
 Choose
------------------------------------------------------------------------ */
.choose-select { margin-bottom: 2%; }

/* ---------------------------------------------------------------------
 Card
------------------------------------------------------------------------ */
.card {
    position: relative;
    vertical-align: top;
}

.card > a,
.card-face > a {
    display: block;
    text-decoration: none;
}

.card a { text-decoration: none!important; }

.card-face-back { display: none; }

/* ---------------------------------------------------------------------
 Tile
------------------------------------------------------------------------ */
/*.tile {
    width: 100%;
    height: 111px;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-color: #f1ede3;
}*//* tile-ft and tile-hd are positioned */

.tile {
    height: auto;
    padding: 24px 0px;
    width: 100%;
    background-repeat: no-repeat;
    background-color: #f1ede3;
    background-size: cover;
}

.tile_hot { background-color: #a51d0b; } /* TODO = BE - implement as opiton in dog hub page */

.tile-hd, /* stacking because these properties are shared but have independent layouts */
.tile-inner-hd {
    padding: 0px 20px;
    font: 700 25px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ffffff;
    text-transform: uppercase;
}

.tile-hd_light { color: #6196a4; } /* TODO = BE - implement as opiton in dog hub page */
.tile-hd_medium { color: #586c30; } /* TODO = BE - implement as opiton in dog hub page */
.tile-hd_dark { color: #a71c20; } /* TODO = BE - implement as opiton in dog hub page */

.tile-hd a,
.tile-inner-hd a {
    display: block;
    text-decoration: none;
    color: #ffffff;
}

.tile-inner-counter { padding-left: 20px; }

.tile-bd, /* stacking because these properties are shared but have independent layouts */
.tile-inner-bd {
    padding: 0 40px 0 20px;
    font: 500 10px/1.33 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #4c4940;
}

.tile-cta {
    padding-left: 20px;
    position: absolute;
    bottom: 50px;
}

.tile-bd_light { color: #ffffff; } /* TODO = BE - implement as opiton in dog hub page */

.tile-bd_collapse { padding: 0; }

.tile-ft {
    padding-left: 20px;
    position: absolute;
    bottom: 0;
    font: 700 10px/1.66 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a71c20;
}

/* ---------------------------------------------------------------------
 Counter
------------------------------------------------------------------------ */
.counter-count {
    font: 11px/1.5 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
}

.counter-type {
    font: 9px/1.5 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
    text-transform: uppercase;
}

/* ---------------------------------------------------------------------
 Subject
------------------------------------------------------------------------ */
.subject { margin-left: 20px; }

.subject-hd {
    margin-bottom: 4px;
    font: 500 10px/1.22 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #4c4940;
}

.subject-ft {
    font: 700 10px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #6f6f74;
    text-transform: uppercase;
}

/* ---------------------------------------------------------------------
 Temp Nav ------ TODO = Delete when static pages are done
------------------------------------------------------------------------ */
.tempNav {
    width: 100%;
    zoom: 1;
    overflow: hidden;
}

.tempNav-btn {
    padding: 10px;
    float: right;
    cursor: pointer;
    color: #ffffff;
    background: #a71c20;
    font: 700 12px/1.2 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}

.tempNav-list {
    margin: 0;
    padding: 0;
    width: 100%;
    clear: right;
}

.tempNav-list > * {
    display: block;
    border-bottom: 1px solid #ffffff;
    list-style-type: none;
    background: #d9d4c6;
}

.tempNav-list > * > * {
    display: block;
    padding: 10px;
    text-decoration: none;
    text-align: center;
    color: #4c4940;
    font: 700 12px/1.2 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}

.no-touch .tempNav-list > * > *:hover {
    background: #a71c20;
    color: #ffffff;
}

/* ---------------------------------------------------------------------
 Prologue
------------------------------------------------------------------------ */
.prologue {
    padding: 20px;
    background: #fefdfc;
}

.prologue-hd {
    margin-bottom: 20px;
    font: 700 26px/1.2 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    text-transform: uppercase;
}

/* ---------------------------------------------------------------------
 Reference
------------------------------------------------------------------------ */
.reference {
    padding: 30px 16px;
    background: #ffffff url('../images/reference_small.png') center 17% no-repeat;
    background-size: 93%;
}

.reference-hd {
    padding-bottom: 30px;
    font: 700 26px/1.2 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #4c4940;
    text-align: center;
}

.reference-bd-list > * {
    position: relative;
    margin-bottom: 10px;
}

.reference-bd-list > * > * {
    font: 300 11px/1.6 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #1898af;
    text-decoration: none;
}

.reference-bd-list > * { list-style: url(../images/icons/icon-reference-list-style.png) inside; }

/* ---------------------------------------------------------------------
 Advertisement
------------------------------------------------------------------------ */
.advertisement {
    padding: 30px 22px;
    background: #c8e8e6;
    color: #1898af;
    text-align: center;
    font: 700 17px/1.2 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.advertisement-hd {
    padding: 0 36px;
    font: 700 20px/1.2 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}

.advertisement-bd-highlight {
    font-size: 56px;
    color: #ffffff;
}

/* ---------------------------------------------------------------------
 Connect
------------------------------------------------------------------------ */
.connect { padding: 30px 0; }

.connect-hd {
    margin-bottom: 58px;
    font: 700 27px/1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    text-align: center;
}

.connect-bd {}

/* ---------------------------------------------------------------------
 Legos
------------------------------------------------------------------------ */
.legos { font-size: 0; }

.legos > * { font-size: medium; } /* Prevents text clipping for alt attributes */

.legos_1upto2up > * {
    width: 100%;
    padding: 0 17px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    -ms-box-sizing:     border-box;
    -o-box-sizing:      border-box;
    box-sizing:         border-box;
}

.legos_1upto2up > * + * { border-top: 1px solid #dcd9cc; }

/* ---------------------------------------------------------------------
 socialConnect
------------------------------------------------------------------------ */
.social-form { padding-bottom: 22px; }

.social-form-bd-textArea { position: relative; }

.social-form-bd-tag {
    position: absolute;
    top: 10px;
    left: 18px;
    z-index: 12;
    -webkit-user-select: none;
    -moz-user-select:    none;
    -ms-user-select:     none;
    -o-user-select:      none;
    user-select:         none;
}

.socialConnect { margin-bottom: 40px; }

.socialConnect-ft {}

.socialConnect-ft-title {
    position: relative;
    display: block;
    margin-bottom: 18px;
    font: 400 14px/1.4 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
}

.socialConnect-ft-title:after {
    position: absolute;
    width: 84px;
    height: 47px;
    top: 18px;
    right: 62px;
    content: '';
    background: url('../images/socialConnect-arrow.png') 0 0 no-repeat;
}

.socialConnect-ft-icons > * { display: inline-block; }

/* ---------------------------------------------------------------------
 Locate
------------------------------------------------------------------------ */
.locate { padding-top: 40px; }

.locate-hd {
    margin-bottom: 18px;
    color: #008caa;
    font: 700 18px/1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}

.locate-subHd {
    margin-bottom: 20px;
    font: 400 12px/1.4 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #696663;
    text-transform: uppercase;
}

.locate-bd-cta {
    font-size: 0;
    margin-bottom: 22px;
    overflow: hidden;
}

.locate-bd-cta > * {
    display: inline-block;
    width: 125px;
    height: 56px;
    border: 1px solid rgb(105,102,99);
    background: url('../images/btn_dog.png') 0 0 no-repeat;
    opacity: 0.4;
    cursor: pointer;
}

.locate-bd-cta > * + * {
    float: right;
    background: url('../images/btn_cat.png') 0 0 no-repeat;
}

.locate-bd-cta > .isActive,
.no-touch .locate-bd-cta > *:hover {
    border: 1px solid rgb(105,102,99);
    background: #ffffff url('../images/btn_dog.png') 0 0 no-repeat;
    opacity: 1.0;
}

.locate-bd-cta > * + .isActive,
.no-touch .locate-bd-cta > * + *:hover {
    border: 1px solid rgb(105,102,99);
    background: #ffffff url('../images/btn_cat.png') 0 0 no-repeat;
    opacity: 1.0;
}

.locate-form { position: relative; }

.locate-form-search {
    margin-bottom: 26px;
    border: 1px solid #605d54;
    outline: none;
    position: relative;
    font: 400 18px/1.4 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #454545;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    -ms-box-sizing:     border-box;
    -o-box-sizing:      border-box;
    box-sizing:         border-box;
}

.locate-form-ad {
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
    font: 500 9px/1 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
}

.locate-form-ad:after {
    display: inline-block;
    margin-left: 10px;
    width: 97px;
    height: 25px;
    content: '';
    /* TODO = change to transparent bg image */
    background: url('../images/adoptApet_small.png') 0 0 no-repeat;
}

/* ---------------------------------------------------------------------
 Product Comparison
------------------------------------------------------------------------ */
.js-productModalContent { display: none; }

.productComparison { max-width: 100%; }

.productComparison-img {
    max-width: 140px;
    margin: auto;
}

.productComparison-bd-input { display: block; }

.productComparison-bd-input-select { max-width: 100%; }

/* ---------------------------------------------------------------------
 Modal
------------------------------------------------------------------------ */
.js-modal-trigger { display: none; }

.modalSneezeGuard {
    background: transparent url(../images/modal-bg.png) repeat 0 0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000; /* stack higher than .masthead */
}

.modalSneezeGuard-inner {
    width: 292px;
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

@media screen and (max-width: 292px) {
    .modalSneezeGuard-inner {
        width: auto;
    }
}

.modal {
    max-width: 100%;
    border-top: 8px solid #bd1414;
    /* margin for positioning set via JS */
    padding: 20px 10px;
    position: absolute;
    top: 0;
    left: 0;
    background: #f6f4ee;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.modal_productComparison { height: 362px; }

.modal-close {
    position: absolute;
    top: -1px;
    right: 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 30px;
    height: 30px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    *text-indent: 0;
    *font-size: 0;
    padding: 0;
    border: 0;
    cursor: pointer;
    background: transparent url(../images/modal-close-icon.png) no-repeat center center;
}

/* ---------------------------------------------------------------------
 Message
------------------------------------------------------------------------ */
.message {
    display: none;
    padding: 20px;
    font: 400 18px/1.4 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #454545;
    text-align: center;
}

/* ---------------------------------------------------------------------
 Filter Menu
------------------------------------------------------------------------ */
.filterMenu {}

.filterMenu-hd {
    margin-bottom: 15px;
    font: 700 14px/1.42 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
    text-transform: uppercase;
}

.filterMenu-bd {}

.filterMenu-bd-cta { margin-bottom: 15px; }

.filterMenu-bd-cta-delimeter {
    font: 700 12px/1.42 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
    text-transform: uppercase;
}

/* ---------------------------------------------------------------------
 Poster
------------------------------------------------------------------------ */
.poster-hd {
    font: 700 22px/1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.poster-bd {
    font: 400 22px/1.2 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 42px;
}

.poster-bd > * { margin-bottom: 20px; }

.poster-ft { font: 400 14px/1.2 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; }

/* ---------------------------------------------------------------------
 Best Food
------------------------------------------------------------------------ */
.bestFood {
    font: 700 27px/0.96 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.bestFood-hd {
    padding-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
    color: #4c4940;
}

.bestFood-bd {
    margin-bottom: 20px;
    font-weight: 300;
    font-size: 14px;
    text-align: center;
    color: #4c4940;
}

/* ---------------------------------------------------------------------
 Recommendation Quiz
------------------------------------------------------------------------ */
.recommendationQuiz {
    height: 300px;
    margin: auto;
    text-align: center;
    font: 300 30px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
}

.recommendationQuiz-back {
    display: none;
    padding-left: 23px;
    color: #a8151a;
    position: absolute;
    left: 0;
    bottom: 0;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    background: transparent url(../images/quiz-back-arrow.png) center left no-repeat;
    z-index: 100;
}

.recommendationQuiz-back_isActive {
    display: block;
}

.recommendationQuiz-list > * {
    display: none;
    width: 100%;
    position: absolute;
}

.recommendationQuiz-list-item_isActive {
    display: block;
}

.recommendationQuiz-pagination {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 0;
    line-height: 0;
}

.recommendationQuiz-pagination > * {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.recommendationQuiz-pagination > * + * {
    margin-left: 7px;
}

.recommendationQuiz-item-dot {
    display: block;
    width: 14px;
    height: 14px;
    padding: 0;
    border: 0;
    background: #e1b4b1;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    *text-indent: 0;
    *font-size: 0;
    *text-indent: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
}

.pagination-item_isActive .recommendationQuiz-item-dot {
    background: #af3134;
}

/* ---------------------------------------------------------------------
 Recommendation Question
------------------------------------------------------------------------ */
.recommendationQuestion-title {
    margin-bottom: 35px;
    font-size: 28px;
}

.recommendationQuestion-options > * {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 70px;
    vertical-align: top;
}

.recommendationQuestion-options_4up > * {
    width: 60px;
}

.recommendationQuestion-options > * + * {
    margin-left: 8px;
}

.recommendationQuestion-options_4up > * + * {
    margin-left: 4px;
}

.recommendationQuestion-options-option {
    margin-bottom: 20px;
    text-transform: uppercase;
}

.recommendationQuestion-options-option a {
    color: #5a5a5a;
    text-decoration: none;
}

.recommendationQuestion-options-option-img { margin-bottom: 10px; }

.recommendationQuestion-options-option-title {
    margin-bottom: 2px;
    font-weight: 700;
    font-size: 13px;
    text-decoration: none;
}

.recommendationQuestion-options_4up .recommendationQuestion-options-option-title {
    font-size: 10px;
}

.recommendationQuestion-options-option-subtitle {
    font-size: 13px;
}

.recommendationQuestion-options_4up .recommendationQuestion-options-option-subtitle {
    font-size: 11px;
}

/* ---------------------------------------------------------------------
 Recommendation Choices
------------------------------------------------------------------------ */
.recommendationChoices {
    font: 700 27px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
}

.recommendationChoices-hd {
    margin-bottom: 35px;
    text-transform: uppercase;
    font-size: 33px;
    font-weight: 800;
}

.recommendationChoices-bd {
    margin-bottom: 53px;
    font-size: 14px;
}

.recommendationChoices-bd > * + * {
    margin-top: 24px;
}

.recommendationChoices-bd-step {
    text-transform: uppercase;
    margin-bottom: 4px;
}

.recommendationChoices-bd-choice {
    font-size: 15px;
    color: #a8151a;
}

.recommendationChoices-ft {
    text-transform: uppercase;
}

.recommendationChoices-ft > * + * {
    margin-top: 25px;
}

.recommendatonChoices-ft-back {
    padding-left: 23px;
    color: #a8151a;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    background: transparent url(../images/quiz-back-arrow.png) center left no-repeat;
    z-index: 100;
}

/* ---------------------------------------------------------------------
 Recommendation Results
------------------------------------------------------------------------ */
.recommendationResults {
    padding: 20px;
    background-color: #f0ece2;
    overflow: hidden;
}

/* ---------------------------------------------------------------------
 Recommendation Result
------------------------------------------------------------------------ */
.recommendationResult > * {
    padding: 15px 0 20px 0;
    border-bottom: 1px solid #a8a29b;
}

.recommendationResult-hd { padding-bottom: 10px; }

.recommendationResult-hd > a > img {
    width: 220px;
    margin: 0 auto;
    display: block;
}

.recommendationResult-bd-brand {
    margin-bottom: 10px;
    color: #564e47;
    font: 700 14px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.recommendationResult-bd-formula {
    margin-bottom: 12px;
    color: #a8151a;
    font: 300 24px/1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.recommendationResult-bd-info {
    font: 500 13px/1.23 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #564e47;
}

.recommendationResult-percent {
    padding-left: 10px;
    padding-right: 10px;
}

.recommendationResult-key {
    font-size: 14px;
}

.recommendationResult-key-title {
    font: 500 14px/1.2 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    margin-bottom: 4px;
    color: #abac99;
}

.recommendationResult-key-list {
    font: 500 12px/1.2 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    padding-left: 18px;
    list-style: disc;
}

.recommendationResult-key-list > * + * {
    margin-top: 4px;
}

/* ---------------------------------------------------------------------
 Percentage
------------------------------------------------------------------------ */
.percentage {
    text-align: center;
    font: 700 13px/1.25 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #7f7e7e;
}

.percentage-number {
    height: 40px;
    width: 40px;
    padding-top: 10px;
    margin: 0 auto 5px auto;
    font-size: 18px;
    color: #f2f1df;
    background-color: #a8151a;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.percentage > * {
    display: block;
}

/* ---------------------------------------------------------------------
 Passage
------------------------------------------------------------------------ */
.passage { text-align: left; }

.passage-hd {
    margin-bottom: 18px;
    font: 300 20px/1.25 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a71c20;
    text-align: center;
    text-transform: uppercase;
}

.passage-bd {
    margin-bottom: 25px;
    font: 500 14px/1.4 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #4c4940;
}

/* ---------------------------------------------------------------------
 Excerpt
------------------------------------------------------------------------ */
.excerpt { text-align: left; }

.excerpt-hd {
    margin-bottom: 25px;
    font: 400 19px/1.2 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a71c20;
}

.excerpt-bd {
    margin-bottom: 25px;
    font: 500 14px/1.4 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #4c4940;
}

.excerpt-cta {}

/* ---------------------------------------------------------------------
 Info Box
------------------------------------------------------------------------ */
.infoBox {
    text-align: left;
    border: 5px solid #e9d9d1;
    border: 5px solid rgba(167,28,32,0.1);
}

/* ---------------------------------------------------------------------
 Testimonial
------------------------------------------------------------------------ */
.testimonial {
    text-align: center;
    font-size: 12px;
}

.testimonial-bd {
    margin-bottom: 25px;
    font-weight: bold;
    line-height: 1.7;
}

.testimonial-meta {}

.testimonial-meta_emphasis { font-style: italic; }

/* ---------------------------------------------------------------------
 Call to Action
------------------------------------------------------------------------ */
.cta { text-align: left; }

.cta-hd {
    margin-bottom: 40px;
    font: 300 29px/1.2 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a71c20;
}

.cta-action {}

/* ---------------------------------------------------------------------
 Sample Signup
------------------------------------------------------------------------ */
.sampleSignup {
    min-height: 230px;
    padding-top: 30px;
    text-align: center;
}

.sampleSignup-hd {
    max-width: 240px;
    margin: 0 auto;
    font: 300 20px/1.1 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #6d6a6a;
    text-transform: uppercase;
}

.sampleSignup-bd {
    font: 300 15px/1.15 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #6d6a6a;
    margin: 5px auto 20px auto;
    max-width: 228px;
}

.sampleSignup-social {
    display: none;
    margin-bottom: 120px;
}

.sampleSignup-social-hd {
    font: 300 13px/1.2 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    text-transform: uppercase;
    color: #158da7;
    margin: 0 auto 10px;
    max-width: 125px;
}

.sampleSignup-form {
    display: none;
    margin-top: 7px;
}

.sampleSignup-form-fieldset {
    padding: 0 14px;
}

.sampleSignup-form-fieldset-legend {
    width: 100%;
    margin-bottom: 18px;
    font-size: 14px;
    font-family: "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    text-align: center;
    color: #6d6a6a;
}

.sampleSignup-form-errors {
    padding-top: 10px;
    color: #ff3300;
    font-family: Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    font-weight: normal;
    font-size: 15px;
}

.sampleSignup-form-errors > * {
    margin-bottom: 3px;
}

.sampleSignup-form-checkbox {
    display: block;
    padding: 6px 14px 0 14px;
    margin-bottom: 10px;
    color: #6d6a6a;
    font: 400 10px/1.15 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.sampleSignup-form-legal {
    display: block;
    padding: 0 20px 0 50px;
    margin-bottom: 16px;
    color: #919191;
    text-align: left;
    font: 400 8px/1.4 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.sampleSignup-form-legal_bottom {
    margin-bottom: 130px;
    padding-left: 14px;
    padding-right: 14px;
    text-align: left;
}

.sampleSignup-form-submit {
    margin-bottom: 16px;
}

.sampleSignup-form-subtext {
    padding: 0 14px;
    text-align: left;
}


/* ---------------------------------------------------------------------
 Subtext
------------------------------------------------------------------------ */
.subtext {
    overflow: hidden;
}

.subtext-checkbox {
    float: left;
}

.subtext-checkbox input {
    margin: 0;
}

.subtext-content {
    padding: 4px 0 4px 10px;
    color: #6d6a6a;
    font: 400 10px/1.15 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    overflow: hidden; /*clears floated sibling content*/
}

/* -------------------------------------------------------------------
 Combos
 - use for when you want and object like ".media" with vertical aligment
 - if you want a combo with the media child on the right, it must be
   phsyically placed there. cannot float
-------------------------------------------------------------------- */
.combo > *:first-child { margin-bottom: 20px; }

.combo-bd_contain { padding: 0 20px 20px; }

.mix-combo-media_tall { margin-bottom: 20px; }

/* ---------------------------------------------------------------------
 infoGraph
------------------------------------------------------------------------ */
.infoGraph {
    margin-top: 40px;
    padding-left: 30px;
    position: relative;
}

/* ---------------------------------------------------------------------
 Responder - provides a container for YouTube embeds to be responsive
------------------------------------------------------------------------ */
.responder {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%; /*for 16x9 videos*/
    padding-top: 30px; /*for 16x9 videos*/
    height: 0;
}

.responder > iframe {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
}

/* ---------------------------------------------------------------------
 Share Bar
------------------------------------------------------------------------ */
#purina-share-bar .heading-share { background-image: url(../images/side-share-cap_dogs.png); }

/* ---------------------------------------------------------------------
 Row (Grid)
------------------------------------------------------------------------ */

.row { }

.row-col + .row-col {
    margin-top: 10px;
}

/* ---------------------------------------------------------------------
 Chat
------------------------------------------------------------------------ */
.chat {
    display: block;
    width: 100%;
    font-size: 0;
    color: #4c4940;
    text-decoration: none;
    text-transform: uppercase;
}

.chat > * {
    display: inline-block;
    vertical-align: middle;
}

.chat-md,
.chat-md-icn {
    display: inline-block;
    width: 34px;
    height: 30px;
}

.chat-md {
    margin-right: 10px;
}

.chat-md-icn {
    background: url(../images/icon_chat.png) no-repeat 0 0;
}

.chat-hd {
    width: 140px;
    font: 600 10px/1.25 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mix-chat_info {
    color: #a92226;
}

.mix-chat_info .chat-md-icn {
    background: url(../images/icon_chat_info.png) no-repeat 0 0;
}

/* ---------------------------------------------------------------------
 futura
------------------------------------------------------------------------ */
/* typography module for futura ff */
.futura {
    font: 400 13px/1.0 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: inherit;
}

/* sizes */
.futura_md {
    font-size: 16px;
}

.futura_lg {
    font-size: 20px;
    line-height: 1.2;
}

/* weights */
.mix-futura_light {
    font-weight: 300;
}

.mix-futura_bold {
    font-weight: 700;
}

/* ---------------------------------------------------------------------
 Control
------------------------------------------------------------------------ */
.control {
    display: block;

    position: absolute;
    bottom: -6px;
    left: 0;

    padding: 0 20px;

    -webkit-user-select: none;
    -moz-user-select:    none;
    -ms-user-select:     none;
    -o-user-select:      none;
    user-select:         none;
}

.control_isSticky {
    margin: 0 auto;
    padding: 40px 17px 56px;
    width: 693px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background-color: #f0ece2;
}

.control > *, .control > * > * {
    display: inline-block;
    vertical-align: middle;
}

.control-reference {
    display: none;
}

.control-bd {
    position: relative; /* context for ui-handle */

    bottom: 0;
    width: 100%;

    z-index: 1; /* position on top of sections / slides */
}

.control-bd-list {
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2);

    background-color: #ffffff;

    padding: 0 12px;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.control-bd-list > * {
    display: table-cell;
    vertical-align: middle;

    padding: 0;

    width: 1000px;

    z-index: 2;

}

.control-bd-list > :last-child {
    display: none;
}

.control-bd-list > * > * {
    display: block;

    margin: 2px 0;

    height: 8px;

    overflow: hidden;
    text-indent: -99999px;
}

.control-bd-list > *  > * { border-left: 1px solid #b9b49a; }

.control-bd-list > :nth-last-child(2) > * {
    border-right: 1px solid #b9b49a;
}

.control-bd-handle {
    position: absolute;
    top: 0;
    right: 12px;
    bottom: 0;
    left: 12px;
}

.control-info {
    display: none;
}

.control_isSticky .control-info { margin-top: 5px; }

/* ---------------------------------------------------------------------
 chron
------------------------------------------------------------------------ */
/* layout and coloring module for timeline section */
.chron-hd {
    position: relative; /* context for control */
    background-color: #b4c950;
    padding: 20px;
    text-align: center;
}

.chron-hd-heading {
    margin-bottom: 8px;

    font: 700 20px/1.2 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #ffffff;
}

.chron-hd-subhd {
    font: 300 16px/1.2 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #ffffff;
}

/* ---------------------------------------------------------------------
 jQuery UI Slider
------------------------------------------------------------------------ */
/*
 * controller handler generated by jquery ui
 * no control over naming
 */
.ui-slider-handle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.3);

    position: absolute;
    top: 50%;
    left: 12px;

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

    margin-left: -10px; /* horiz center */
    border: 1px solid #dcd8c9;
    background: #ffffff;

    width: 20px;
    height: 20px;

    z-index: 20;

    text-align: center;
    cursor: pointer;
    text-decoration: none;
}

/*
 * controller handler generated by jquery ui
 * no control over naming
 */
.ui-slider-handle:before {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    position: absolute;
    top: 50%;
    left: 0;
    right: 0;

    margin: auto;

    width: 12px;
    height: 12px;

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

    z-index: 21;
    background: #b4c950;
    cursor: pointer;

    content: '';
}

/* ---------------------------------------------------------------------
 slider
------------------------------------------------------------------------ */
.slider {
    position: relative;
    overflow: hidden;

    height: 220px; /* default height, gets set overwriten by JS between slides */

    -webkit-transition: height 0.3s ease-in-out;
    transition: height 0.3s ease-in-out;
}

.slider-slides {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);

    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
}

.slider-slides > * {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
}

.slider-slides > * + * {
    left: 100%;
}

/* ---------------------------------------------------------------------
 Quote Block
------------------------------------------------------------------------ */
.quoteBlock {

}

.quoteBlock-narrow {
    font-size: 0;
    text-align: center;
}

.quoteBlock-narrow-hd {
    display: inline-block;
    vertical-align: top;
    font: 700 140px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a71c20;
    letter-spacing: -0.03em;
}

.quoteBlock-narrow-hd > span {
    padding-top: 9px;
    display: inline-block;
    vertical-align: top;
    font-size: 50%;
}

.quoteBlock-wide-bd {
    font: 700 32px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
}

/* ---------------------------------------------------------------------
 Theme-based break tags
------------------------------------------------------------------------ */
.brDog,
.brCat {
    display: none;
}

/* ---------------------------------------------------------------------
 quotation
------------------------------------------------------------------------ */
.quotation {
    white-space: normal;
}

.quotation-text {
    margin-bottom: 13px;
    font: 500 23px/1.23 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    text-align: center;
    color: #767368;
}

.quotation-auth {
    font: 700 16px/1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    color: #4c4940;
}

/* ---------------------------------------------------------------------
 Review Block
------------------------------------------------------------------------ */
.reviewBlock {
    width: 70%;
    margin: 0 auto;
}

/* ---------------------------------------------------------------------
 Carousel
------------------------------------------------------------------------ */
.quoteCarousel-nav {
    display: none;
}

.quoteCarousel-slides > * {
    margin-bottom: 40px;
}

.quoteCarousel-slides > *:last-child {
    margin-bottom: 0;
}

/* ---------------------------------------------------------------------
 Media Carousel
------------------------------------------------------------------------ */
.mediaCarousel {
    position: relative;
}

.mediaCarousel-slides {
    width: 100%;
    height: 308px;
    position: relative;
    overflow: hidden;
}

.mediaCarousel-slides > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mediaCarousel-slides > * + * {
    left: 100%;
}

.mediaCarousel-nav {
    width: 16px;
    height: 30px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    background-image: url('/assets/images/sprite-media-carousel-arrows.png');
    background-size: 16px 30px;
    background-color: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    font-size: 0;
    line-height: normal;
    overflow: visible;
    padding: 0;
    -webkit-appearance: button; /* for input */
    -webkit-user-select: none; /* for button */
       -moz-user-select: none;
        -ms-user-select: none;
}

.mediaCarousel-nav_previous {
    left: 20px;
}

.mediaCarousel-nav_next {
    right: 20px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.mediaCarousel_tsb,
.mediaCarousel_tsb .mediaCarousel-slides {
    height: 444px;
}

/* ---------------------------------------------------------------------
 Media Overlay
------------------------------------------------------------------------ */
.mediaOverlay {
    position: relative;
    height: 308px;
}

.mediaOverlay-panel  {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 36px 55px;
    overflow: hidden; /* clip icon in the corner */
    color: #ffffff;
}

/*iOS 7 doesn't play well with SVGs without explicit heights*/
.mediaOverlay-panel-icn {
    position: absolute;
    top: -13px;
    left: -19px;
    border: 4px solid rgba(255, 255, 255, 0.11);
    width: 56px;
    height: 56px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.mediaOverlay-panel-icn_light {}

.mediaOverlay-panel-hdg {
    font-size: 25px;
    font-weight: 300;
    font-family: "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    margin-bottom: 6px;
    line-height: 1.125;
}

@media (max-width: 767px) {
    .mediaOverlay-panel-hdg {
        margin-right: -15px;
    }

    .mediaOverlay_tsb .mediaOverlay-panel-hdg {
        margin-right: 0;
    }
}

.mediaOverlay-panel-bd {
    font-size: 12px;
    line-height: 1.2;
    margin-bottom: 19px;
}

.mix-mediaOverlay-panel_appetite {
    background-color: rgba(237,108,76, .9);
}

.mix-mediaOverlay-panel_behavior {
    background-color: rgba(233,182,55, .9);
}

.mix-mediaOverlay-panel_physical {
    background-color: rgba(183,202,47, .9);
}

.mediaOverlay-media > img {
    position: absolute;
    max-width: auto;
    min-width: 100%;
    min-height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

/* This extension needs to be it's own object in the future. TODO */
.mediaOverlay_tsb .mediaOverlay-media > img {
    display: block;
    position: static;
    min-height: 0;
    transform: none;
}

.mediaOverlay_tsb .mediaOverlay-panel {
    padding: 13px 15px;
    position: static;
    background-color: #ffffff;
    color: #6d6a6a;
}

@media (max-width: 767px) {
    .mediaOverlay_tsb .mediaOverlay-panel-hdg {
        margin-right: 0;
    }
}

.mediaOverlay_tsb .mediaOverlay-panel-hdg {
    font: 700 16px/1.25 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    text-transform: uppercase;
    margin-bottom: 0;
}

.mediaOverlay_tsb .mediaOverlay-panel-hdg_headline {
    font-family: "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    font-weight: 300;
    font-size: 28px;
    line-height: 1.15;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.mediaOverlay_tsb .mediaOverlay-panel-cta {
    text-align: center;
}

.mediaOverlay_tsb .mediaOverlay-panel-cta > * {
    padding: 11px 43px;
    font-size: 13px;
}

.mediaOverlay_tsb .mediaOverlay-panel-cta > *:hover {
    background-color: #006a7f !important; // Overriding inline style from back end.
}

/* ---------------------------------------------------------------------
 TSB Slide // This styles markup directly controlled within CMS for this slide
------------------------------------------------------------------------ */
.tsbSlide-intro {
    display: block;
    font-size: 10px;
    color: #d67500;
    margin-bottom: 4px;
}

.tsbSlide-intro sup {
    font-size: 5px;
    display: inline-block;
    vertical-align: top;
}

.tsbSlide-heading {
    display: block;
    font: 300 23px/1.1 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #585858;
    letter-spacing: .04em;
}
/* ---------------------------------------------------------------------
 productCarousel
------------------------------------------------------------------------ */
.productCarousel {
    position: relative;
    width: 90%;
    margin: 0 5%;
    z-index:10;
    opacity: 0;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -ms-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    transition: opacity 300ms;
}

.productCarousel_isActive {
    opacity: 1;
}

.productCarousel-window {
    overflow: hidden;
}

.productCarousel-slides {
    font-size: 0;
    white-space: nowrap;
}

.productCarousel-btn {
    display: none;
    width: 30px;
    height: 58px;
    margin-top: -16px;
    position: absolute;
    top: 100px;
    z-index: 2;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.productCarousel-btn_prev {
    background: transparent url(../images/productCarousel/product-carousel-arrow-left.png) no-repeat 0 0;
    left: -80px;
}

.productCarousel-btn_next {
    background: transparent url(../images/productCarousel/product-carousel-arrow-right.png) no-repeat 0 0;
    right: -80px;
}

.productCarousel-ft {
    display: none;
    text-align: center;
}

.productBlock {
    display: block;
    width: 100%;
    padding-top: 0;
    overflow: hidden;
    white-space: normal;
    font-size: normal;
    vertical-align: top;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -ms-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    transition: opacity 300ms;
}

.productBlock + .productBlock {
    margin-left: 0;
}

.productBlock_active {
    width: 100%;
    padding-top: 0;
    opacity: 1;
}

.productBlock-img {
    float: left;
    width: 20%;
    height: auto;
}

.productBlock-img-link {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.productBlock_active .productBlock-img-link {
    display: block;
}

.productBlock-img-elem {
    display: block;
    width: 100%;
}

.productBlock_active .productBlock-img {
    float: left;
    width: 20%;
}

.productBlock-bd {
    display: block;
    overflow: hidden;
    padding-left: 15px;
}

.productBlock-bd_active {
    display: block;
}

/* ---------------------------------------------------------------------
 Full Width Article Carousel
------------------------------------------------------------------------ */
.articleCarousel-btn {
    display: none;
    width: 30px;
    height: 58px;
    margin-top: -16px;
    position: absolute;
    top: 50%;
    z-index: 3;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.articleCarousel-btn_prev {
    background: transparent url(../images/productCarousel/product-carousel-arrow-left.png) no-repeat 0 0;
    left: 25px;
}

.articleCarousel-btn_next {
    background: transparent url(../images/productCarousel/product-carousel-arrow-right.png) no-repeat 0 0;
    right: 25px;
}

.slide .placard_shelter {
    padding: 29px 31px 68px 31px;
}

.articleCarousel-slide_padded .placard-bd-desc {
    margin-bottom: 26px;
}

.articleCarousel .placard-bd {
    padding-top: 50px;
}

.placard_shelter .placard-img {
    margin-bottom: 16px;
}

.placard_shelter .placard-bd {
    padding: 0;
}

.cycler-nav {
    height: 0;
    position: relative;
}

.cycler-nav_tall {
    bottom: 54px;
}

.cycler-nav_tall > * > * {
    width: 10px;
    height: 10px;
}

/* ---------------------------------------------------------------------
 Attention
------------------------------------------------------------------------ */
.attention { padding-bottom: 20px; }

.attention > * { overflow: hidden; }

.attention-img {
    width: 40%;
    float: right;
}

.attention-inner-media { margin-bottom: 10px; }

.attention-inner-media-img {
    width: 94px;
    height: 17px;
}

.attention-inner-hd {
    margin-bottom: 10px;
    font: 400 18px/1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a71c20;
    text-align: left;
}

.attention-inner-hd-link {
    text-decoration: none;
    color: inherit;
}

.attention-inner-supHd {
    display: block;
    margin-bottom: 5px;
    font: 700 10px/1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #564e47;
    text-transform: uppercase;
}

.attention-inner-bd{
    margin-bottom: 13px;
    font: 400 11px/1.4 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #564e47;
    overflow: hidden;
}

/* ---------------------------------------------------------------------
 Headings for Product Carousel
------------------------------------------------------------------------ */
.mix-hdg_product {
    padding: 50px 0 9px;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.1;
    font-weight: 300;
    font-size: 25px;
    text-align: center;
    text-transform: uppercase;
    color: #414042;
}

.mix-hdg_productSub {
    padding-bottom: 50px;
    font-size: 13px;
    text-align: center;
    color: #414042;
    font-family: "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
}

.mix-hdg_difference {
    padding: 50px 0 32px;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: .9;
    font-weight: 300;
    font-size: 20px;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
}

/* ---------------------------------------------------------------------
 band
------------------------------------------------------------------------ */
/* wraps content with a band of color */
.band_main {
    position: relative;
    z-index: 8;
    color: #ffffff;
}

.mix-band_dog {
    background-color: #a71c20;
}

.mix-band_gradient {
    background: -moz-linear-gradient(top,  rgba(250,246,240,0) 0%, rgba(250,246,240,1) 16%, rgba(250,246,240,1) 16%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,246,240,0)), color-stop(16%,rgba(250,246,240,1)), color-stop(16%,rgba(250,246,240,1)));
    background: -webkit-linear-gradient(top,  rgba(250,246,240,0) 0%,rgba(250,246,240,1) 16%,rgba(250,246,240,1) 16%);
    background: -o-linear-gradient(top,  rgba(250,246,240,0) 0%,rgba(250,246,240,1) 16%,rgba(250,246,240,1) 16%);
    background: -ms-linear-gradient(top,  rgba(250,246,240,0) 0%,rgba(250,246,240,1) 16%,rgba(250,246,240,1) 16%);
    background: linear-gradient(to bottom,  rgba(250,246,240,0) 0%,rgba(250,246,240,1) 16%,rgba(250,246,240,1) 16%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00faf6f0', endColorstr='#faf6f0',GradientType=0 );
}


/* ---------------------------------------------------------------------
 differenceCarousel
------------------------------------------------------------------------ */
.differenceCarousel {
    position: relative;
    /*width: 90%;
    margin-left: 5%;*/
    padding-bottom: 60px;
}

.differenceCarousel-window {
    overflow: hidden;
}

.differenceCarousel-slides {
    font-size: 0;
    white-space: nowrap;
    -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);
    -webkit-transition: -webkit-transform 300ms;
    -moz-transition: -moz-transform 300ms;
    -ms-transition: -ms-transform 300ms;
    -o-transition: -o-transform 300ms;
    transition: transform 300ms;
}

.differenceCarousel-slides > * {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.differenceCarousel-slides > * img { width: 100%; } /* TODO img should already be 100% width */

.differenceCarousel-btn {
    display: block;
    width: 17px;
    height: 32px;
    margin-top: -16px;
    position: absolute;
    top: 28%;
    z-index: 2;
    cursor: pointer;
    opacity: 0.3;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -ms-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    transition: opacity 300ms;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.differenceCarousel-btn_prev {
    background: transparent url(../images/differenceCarousel/difference-arrow-left.png) no-repeat 0 0;
    left: -23px;
}

.differenceCarousel-btn_next {
    background: transparent url(../images/differenceCarousel/difference-arrow-right.png) no-repeat 0 0;
    right: -23px;
}

.differenceCarousel-btn_isActive {
    opacity: 1;
}

.differenceBlock {
    position: relative;
    text-align: center;
}

.differenceBlock-overlay {
    background-color: rgba(0, 0, 0, 0.50);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.no-touch .differenceBlock-overlay {
    opacity: 0;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -ms-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    transition: opacity 300ms;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.no-touch .differenceBlock:hover > .differenceBlock-overlay {
    opacity: 1;
}

.differenceBlock-overlay-hd {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 22px;
    text-transform: uppercase;
    color: white;
}

.differenceBlock-desc {
     width: 100%;
     margin-top: 1em;
     color: #ffffff;
     font: bold 16px/1.3 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
     white-space: normal;
}

/* ---------------------------------------------------------------------
 Category Blocks
------------------------------------------------------------------------ */
.categoryBlocks {
    font-size: 0;
    margin-top: -62px;
    z-index: 9;
    position: relative;
}

@media (max-width: 767px) {
    .categoryBlocks {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .categoryBlocks-block + .categoryBlocks-block {
        margin-top: 20px;
    }
}

.categoryBlocks-block {
    display: block;
    padding: 25px 20px 30px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

/*iOS 7 doesn't play well with SVGs without explicit heights*/
.categoryBlocks-block-icn {
    -o-border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: 7px solid;
    display: inline-block;
    width: 48%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 11px;
}

.categoryBlocks-block-icn_light {
    width: 37%;
    height: 78px;
    border-width: 1px;
}

.categoryBlocks-block_appetite {
    background-color: #61bacc;
}

.categoryBlocks-block_behavior {
    background-color: #e9b738;
}

.categoryBlocks-block_physical {
    background-color: #b0ca5b;
}

/*iOS 7 doesn't play well opacity on borders*/
.categoryBlocks-block-icn .categoryBlocks-block-icn-filledElement {
    fill: #ffffff;
}

/*iOS 7 doesn't play well opacity on borders*/
.categoryBlocks-block-icn-filledElement {
    fill: rgba(255, 255, 255, 0.11);
}


.categoryBlocks-block-icn .categoryBlocks-block-icn-strokedElement {
    fill: none;
    stroke: #ffffff;
    stroke-width: 2px;
}

.categoryBlocks-block-hd {
    font-family: "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: .1em;
    margin-bottom: 5px;
}

.categoryBlocks-block-bd {
    line-height: 1.3;
    margin-bottom: 7px;
    font-size: 14px;
    font-family: "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
}
/* ---------------------------------------------------------------------
Select Display:

an object controlling layout of an image and a sibling
container housing interactive elements (CTAs, selects, etc.), vertically 
centering them.
------------------------------------------------------------------------ */
.selectDisplay {
    border-bottom: 1px solid #cccbc8;
    padding-bottom: 20px;
}

.selectDisplay-container {
    font-size: 0;
}

.selectDisplay-container > * {
    font-size: initial;
}

.selectDisplay-container-media {
    margin-bottom: 15px;
    text-align: center;
}

.selectDisplay-container-media > img {
    display: inline-block;
    width: auto;
    max-width: 100%;
}

.selectDisplay-container-options > * + * {
    margin-top: 15px;
}

.selectDisplay-container-options-item .select {
    margin-bottom: 0;
}

.selectDisplay-container-options-item_spanFull .select {
    width: 100%;
}

.selectDisplay-container-options-item_spanMin .select {
    width: auto;
    min-width: 100px;
}
/* ---------------------------------------------------------------------
 hubSplit:
 An object with head and body. body's children have divider. Does apply
 copy styling.
------------------------------------------------------------------------ */
.hubSplit {
    padding-bottom: 20px; /* Using padding to keep white background visible with this spacing */
}

.hubSplit-container {
    margin: 0 auto;
    max-width: 515px;
}

.hubSplit-container-hd {
    margin-bottom: 22px;
}

.hubSplit-container-hd .legend {
    font-weight: 700;
    text-transform: none;
}

.hubSplit-container-bd {
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
    font-size: 0;
}

.hubSplit-container-bd > * {
    display: inline-block;
    width: 50%;
    padding: 0 10px 0 0;
    font-size: initial;
    box-sizing: border-box;
    vertical-align: top;
    text-align: center;
}

.hubSplit-container-bd > * + * {
    border-left: 1px solid #cccbc8;
    padding: 0 0 0 10px;
}

/* ---------------------------------------------------------------------
 hubStack:
 An object with head, body, and foot vertically stacked. Also controls copy
 styling, form styling, and buttons of it's children.
------------------------------------------------------------------------ */
.hubStack {}

.hubStack-hd {
    font: 300 16px/1.2 "Gotham B", "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    text-transform: uppercase;
    color: #a71c20;
}

.hubStack-bd {
    margin-bottom: 10px;
}

.hubStack-bd_2up {
    font-size: 0;
}

.hubStack-bd_2up > * {
    font-size: initial;
    display: inline-block;
    width: 50%;
}


.hubStack-bd_2up > * + * {
    /*margin-left: 2%;*/
}

.hubStack-bd_2up > * > select,
.hubStack-bd_2up > * > input {
    width: 56px;
    max-width: 100%;
}

.hubStack-bd > * > .label {
    text-transform: uppercase;
    color: #999999;
    font-size: 8px;
}

.hubStack-bd_2up input {
    border-radius: 3px;
    border: 1px solid #cccbc8;
}

.hubStack-bd-copy {
    max-width: 68px;
    margin: 9px auto 17px auto;
    font: 800 8px/1.2 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
}

.hubStack-ft .fusePump {
    margin: 0;
}

.hubStack-ft .btn {
    min-width: 96px;
    padding: 9px 5px;
    cursor: pointer;
    font-size: 9px;
    border: none;
    transition-duration: .25s;
}

/* ---------------------------------------------------------------------
 Vertical Rhythm:
 Object controlling vertical spacing. Extend for variation
------------------------------------------------------------------------ */

.vr { margin-bottom: 4px; }

.vr_x2 { margin-bottom: 8px; }

.vr_x3 { margin-bottom: 12px; }

.vr_x4 { margin-bottom: 16px; }

.vr_x5 { margin-bottom: 20px; }

.vr_x6 { margin-bottom: 24px; }

.vr_vertX4 { /* "Vert" means margin applied to top and bottom */
    margin: 16px 0;
}

/* ---------------------------------------------------------------------
Constrain: An object that constrains width and optionally centers if 
extended (i.e. text align or margin: 0 auto;)
------------------------------------------------------------------------ */
.constrain { max-width: 100%;} /* Starting base object full width and going down from there */

/* ---------------------------------------------------------------------
Mixin classes
------------------------------------------------------------------------ */
.whiteBG { background-color: #ffffff; }
.tanBg { background-color: #f0ece2; }
/* ---------------------------------------------------------------------
USER CONTENT
Original Author: Anthony Ticknor
Contributors: Michael Start, Chris Cheney, Tad Runkle,
Anthony Lukes

Target Browsers: All
Media Type: Screen
Width: All
------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------
 Base Styles
------------------------------------------------------------------------ */
.userContent {
    font: 500 14px/1.4 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #4c4940;
}

/* ---------------------------------------------------------------------
 Headings
------------------------------------------------------------------------ */
.userContent h1 {
    margin: 0 0 30px 0;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 100;
    font-size: 42px;
    line-height: 1.1;
    text-transform: uppercase;
    color: #a71c20;
}

.userContent h2 {
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 26px;
    margin: 0 0 5px 0;
    text-transform: uppercase;
}

.userContent h3 {
    margin: 0 0 5px 0;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 20px;
}

.userContent h4 {
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 27px;
    margin: 0 0 .25em 0;
}

.userContent h5 {
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 22px;
    margin: 0 0 .25em 0;
}

.userContent h6 {
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 16px;
    margin: 0 0 5px 0;
    text-transform: uppercase;
}

/* ---------------------------------------------------------------------
 Text Elements
------------------------------------------------------------------------ */
.userContent p { margin-bottom: 24px; }

.userContent b,
.userContent em,
.userContent strong {
    font-weight: 700;
}

.userContent em,
.userContent i {
    font-style: italic;
}

.userContent sub {
    vertical-align: sub;
    font-size: smaller;
}

.userContent sup {
    vertical-align: super;
    font-size: smaller;
}

.userContent u,
.userContent ins {
    color: #b42b46;
    text-decoration: none;
}

.userContent s,
.userContent strike {
    text-decoration: line-through;
    color: #b2a9a2;
}

.userContent q { font-style: italic; }

.userContent q::before { content: open-quote; }

.userContent q::after  { content: close-quote; }

.userContent q:lang(en) { quotes: "\201C" "\201D" "\2018" "\2019"; }

.userContent samp,
.userContent tt,
.userContent code,
.userContent kbd {
    font-family: "Lucida Console", Monaco, monospace;
}

.userContent var { font-style: italic; }

.userContent dt { font-weight: 700; }

.userContent dd { margin-bottom: 1.5em; }

.userContent address {
    margin: 0 0 12px 0;
    font-style: italic;
}

.userContent abbr { border-bottom: dotted 1px; }

.userContent acronym { border-bottom: dotted 1px; }

.userContent q { font-style: italic; }

.userContent tt { font-family: "Lucida Console", Monaco, monospace; }

.userContent cite { font-style: italic; }

.userContent dfn { font-style: italic; }

.userContent pre {
    margin: 0 0 12px 0;
    font-family: "Lucida Console", Monaco, monospace;
}

.userContent caption {
    font-size: 11px;
    font-style: italic;
    caption-side: bottom;
}

.userContent ins { text-decoration: underline; }

.userContent del {
    text-decoration: line-through;
    color: #b2a9a2;
}

.userContent big { font-size: 126.66%; }

.userContent small { font-size: 73.33%; }

.userContent blockquote {
    font-size: 21px;
    font-weight: 700;
    font-style: italic;
    color: #b7c72f;
    margin-bottom: 1.5em;
}

.userContent hr {
    margin: 0 0 12px 0;
    background: #b9b6b3;
    color: #b9b6b3;
    height: 2px;
    border: none;
    line-height: 2px;
    font-size: 0px;
}

/* ---------------------------------------------------------------------
 Images
------------------------------------------------------------------------ */
.userContent img {
    width: auto;
}

/* ---------------------------------------------------------------------
 Links
------------------------------------------------------------------------ */
.userContent a {
    color: #a71c20;
    word-wrap: break-word;
}

.userContent a:focus,
.no-touch .userContent a:hover {
    text-decoration: none;
}

/* ---------------------------------------------------------------------
 Block level
------------------------------------------------------------------------ */
.userContent .uc-test-label {
    font-size: 24px;
    line-height: 1;
    font-family: Helvetica;
    font-weight: normal;
    color: #fefefe;
    margin: 0;
    padding: 10px;
    background: #333;
}

.userContent .uc-test-section { padding: 20px; }

/* ---------------------------------------------------------------------
 Buttons
------------------------------------------------------------------------ */
.userContent a.btn { color: #fff; }

.userContent .btn {
    display: inline-block;
    font: 700 13px/1.3 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    padding: 8px;
    color: #fff;
}

/* ---------------------------------------------------------------------
 Lists
------------------------------------------------------------------------ */
.userContent ul { list-style: disc inside; }

.userContent li {
    margin-bottom: 30px;
    margin-left: 14px;
}

.userContent ul,
.userContent ol,
.userContent dl {
    margin-top: 0;
    margin-bottom: 1.5em;
    list-style: none;
}

.userContent ul > li { position: relative; }

.userContent ul > li:before {
    content: "-";
    position: absolute;
    left: -1em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 1em;
}

.userContent ol { counter-reset: li; }

.userContent ol > li { position: relative; }

.userContent ol > li:before {
    content: counter(li) ".";
    counter-increment: li;
    position: absolute;
    left: -2em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 2em;
    padding-right: 8px;
    text-align: right;
    font-weight: 700;
}

.userContent ul ul,
.userContent ul ol,
.userContent ul dl,
.userContent ol ul,
.userContent ol ol,
.userContent ol dl,
.userContent dl ul,
.userContent dl ol,
.userContent dl dl {
    margin-top: 0;
    margin-bottom: 0;
}

/* ---------------------------------------------------------------------
 Giant Bullets list
------------------------------------------------------------------------ */
.userContent ul.list-giant-bullets-green > li {
    list-style: none;
    margin: 0 0 26px 0;
    padding-left: 60px;
    background: url(/assets/images/bullet-giant-harlequin.png) no-repeat 0 center;
    min-height: 50px;
    font-size: 11px;
    line-height: 1.36;
    color: #353535;
    font-family: 'ff-meta-serif-web-pro', 'Georgia', 'Times', 'Times New Roman', serif;
    font-weight: 700;
}

.userContent ul.list-giant-bullets-red > li {
    list-style: none;
    margin: 0 0 26px 0;
    padding-left: 60px;
    background: url(/assets/images/bullet-giant-carnelian.png) no-repeat 0 center;
    min-height: 50px;
    font-size: 11px;
    line-height: 1.36;
    color: #353535;
    font-family: 'ff-meta-serif-web-pro', 'Georgia', 'Times', 'Times New Roman', serif;
    font-weight: 700;
}

.userContent ul.list-giant-bullets-blue > li {
    list-style: none;
    margin: 0 0 26px 0;
    padding-left: 60px;
    background: url(/assets/images/bullet-giant-ultramarine.png) no-repeat 0 center;
    min-height: 50px;
    font-size: 11px;
    line-height: 1.36;
    color: #353535;
    font-family: 'ff-meta-serif-web-pro', 'Georgia', 'Times', 'Times New Roman', serif;
    font-weight: 700;
}

.userContent ul.list-giant-bullets-green > li:before,
.userContent ul.list-giant-bullets-red > li:before,
.userContent ul.list-giant-bullets-blue > li:before {
    content: "";
}

/* ---------------------------------------------------------------------
 Tables
------------------------------------------------------------------------ */
.userContent table {
    margin: 10px 0 20px 0;
    width: 100% !important;
    border-spacing: 2px;
    border-collapse: separate;
}

.userContent tr { vertical-align: middle; }

.userContent tbody { vertical-align: middle; }

.userContent thead { vertical-align: middle; }

.userContent tfoot { vertical-align: middle; }

.userContent td {
    vertical-align: top;
    text-align: left;
    padding: 10px;
    background: #fff;
    font-size: 11px;
    background-color: #e6e1d5;
}

.userContent th {
    vertical-align: middle;
    text-align: left;
    font-weight: 700;
    padding: 10px;
    font-size: 15px;
}

.userContent tr.even td { background-color: #dbd5c8; }

.userContent td big { font-size: 150%; }

.userContent .wide-table-wrapper {
    overflow-x: scroll;
    position: relative;
    margin-bottom: 10px;
}

.userContent .wide-table-wrapper td big,
.userContent .wide-table-wrapper td span {
    width: 80px;
    display: block
}

/* ---------------------------------------------------------------------
 Text classes
------------------------------------------------------------------------ */
.userContent .callout {
    margin-bottom: 0;
    font: 400 14px/1.5 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.userContent .soft {
    font: 500 14px/1.5 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #6f6f6f;
}

/* ---------------------------------------------------------------------
 Colors
------------------------------------------------------------------------ */
.userContent .white { color: #fff; }

.userContent .white-bg { background-color: #fff; }

.userContent .white.opacity90 { background-color: rgba(0,0,0,.9); }

.userContent .gradient-bg {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,.19)));
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0)), rgba(0,0,0,.19));
    background-image: -moz-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,.19)));
    background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.19));
    background-image: -ms-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,.19)));
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.19));
    background-image: -o-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,.19)));
    background-image: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.19));
    background-image: gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,.19)));
    background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.19));
}

/* Greens -------------------------------------------------------------- */
.userContent .harlequin,
.userContent .btn.harlequin,
.userContent .harlequin li a {
    color: #b7c92e;
}

.no-touch .userContent a.harlequin:hover,
.no-touch .userContent a:hover .harlequin,
.no-touch .userContent .harlequin a:hover {
    color: #6a9818;
}

.userContent .harlequin-bg,
.userContent .no-rgba .harlequin .opacity80,
.userContent .no-rgba .harlequin-bg.opacity80,
.userContent .no-rgba .harlequin-bg.opacity90 {
    background-color: #b7c92e;
}

.no-touch .userContent a.harlequin-bg:hover,
.no-touch .userContent a:hover .harlequin-bg,
.no-touch .userContent .no-rgba .harlequin-bg.opacity90:hover {
    background-color: #6a9818;
}

.userContent .harlequin-bg.opacity90 {
    background-color: rgba(183,201,46,.9);
}

.userContent .harlequin .opacity80,
.userContent .harlequin-bg.opacity80 {
    background-color: rgba(183,201,46,.8);
}

.no-touch .userContent .harlequin-bg.opacity90:hover,
.no-touch .userContent a:hover .harlequin-bg.opacity90 {
    background-color: rgba(106,152,24,.9);
}

/* Reds ---------------------------------------------------------------- */
.userContent .carnelian,
.userContent .btn.carnelian,
.userContent .carnelian li a {
    color: #a71c20;
}

.no-touch .userContent a.carnelian:hover,
.no-touch .userContent a:hover .carnelian,
.no-touch .userContent .carnelian a:hover {
    color: #70090a;
}

.userContent .carnelian-bg,
.userContent .no-rgba .carnelian .opacity80,
.userContent .no-rgba .carnelian-bg.opacity80,
.userContent .no-rgba .carnelian-bg.opacity90  {
    background-color: #b20838;
}

.no-touch .userContent a.carnelian-bg:hover,
.no-touch .userContent a:hover .carnelian-bg,
.no-touch .userContent .no-rgba .carnelian-bg.opacity90:hover {
    background-color: #8c191c;
}

.userContent .carnelian-bg.opacity90 {
    background-color: rgba(178,8,56,.9);
}

.userContent .carnelian .opacity80,
.userContent .carnelian-bg.opacity80 {
    background-color: rgba(178,8,56,.8);
}

.no-touch .userContent .carnelian-bg.opacity90:hover,
.no-touch .userContent a:hover .carnelian-bg.opacity90 {
    background-color: rgba(140,25,28,.9);
}

/* Blues --------------------------------------------------------------- */
.userContent .ultramarine,
.userContent .btn.ultramarine,
.userContent .ultramarine li a {
    color: #0090aa;
}

.no-touch .userContent a.ultramarine:hover,
.no-touch .userContent a:hover .ultramarine,
.no-touch .userContent .ultramarine a:hover {
    color: #006f88;
}

.userContent .ultramarine-bg,
.userContent .no-rgba .ultramarine .opacity80,
.userContent .no-rgba .ultramarine-bg.opacity80,
.userContent .no-rgba .ultramarine-bg.opacity90  {
    background-color: #0090aa;
}

.no-touch .userContent a.ultramarine-bg:hover,
.no-touch .userContent a:hover .ultramarine-bg,
.no-touch .userContent .no-rgba .ultramarine-bg.opacity90:hover {
    background-color: #006f88;
}

.userContent .ultramarine-bg.opacity90 {
    background-color: rgba(0,144,170,.9);
}

.userContent .ultramarine .opacity80,
.userContent .ultramarine-bg.opacity80 {
    background-color: rgba(0,144,170,.8);
}

.no-touch .userContent .ultramarine-bg.opacity90:hover,
.no-touch .userContent a:hover .ultramarine-bg.opacity90 {
    background-color: rgba(0,111,136,.9);
}

.userContent .cobalt,
.userContent .btn.cobalt {
    color: #3c579a;
}

.no-touch .userContent a.cobalt:hover,
.no-touch .userContent a:hover .cobalt {
    color: #1f3b7f;
}

.userContent .cobalt-bg,
.userContent .no-rgba .cobalt-bg.opacity90  {
    background-color: #3c579a;
}

.no-touch .userContent a.cobalt-bg:hover,
.no-touch .userContent a:hover .cobalt-bg,
.no-touch .userContent .no-rgba .cobalt-bg.opacity90:hover {
    background-color: #1f3b7f;
}

.userContent .cobalt-bg.opacity90 {
    background-color: rgba(60,87,154,.9);
}

.no-touch .userContent .cobalt-bg.opacity90:hover,
.no-touch .userContent a:hover .cobalt-bg.opacity90 {
    background-color: rgba(31,59,127,.9);
}

/* ---------------------------------------------------------------------
 Pseudo classes for Umbraco-added properties
------------------------------------------------------------------------ */
.no-touch .userContent .green a:hover { color: #6a9818; }

.no-touch .userContent .red a:hover { color: #70090a; }

.no-touch .userContent .blue a:hover { color: #006a7f; }

.no-touch .userContent .button-green:hover {
    background-color: #6a9818;
    color: #fff;
}

.no-touch .userContent .button-red:hover {
    background-color: #70090a;
    color: #fff;
}

.no-touch .userContent .button-blue:hover {
    background-color: #006a7f;
    color: #fff;
}



/* ---------------------------------------------------------------------
 The following are legacy styles. They can be removed if no longer in use
 after successful content transition from pre-Feb 2014 theme to
 post-Feb 2014 Cat/Dog Split
------------------------------------------------------------------------ */
.userContent .yellow {
    color: #f1c42e;
}

.userContent .button-yellow {
    display: inline-block;
    padding: 8px;
    font: 700 13px/1.3 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #f1c42e;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    -ms-box-sizing:     border-box;
    -o-box-sizing:      border-box;
    box-sizing:         border-box;
}

.no-touch .userContent .userContent .yellow a:hover { color: #efa130; }

.no-touch .userContent .userContent .button-yellow:hover {
    background-color: #efa130;
    color: #fff;
}

.userContent ul.list-giant-bullets-yellow > li {
    list-style: none;
    margin: 0 0 26px 0;
    padding-left: 60px;
    background: url(/assets/images/bullet-giant-goldenrod.png) no-repeat 0 center;
    min-height: 50px;
    font-size: 11px;
    line-height: 1.36;
    color: #353535;
    font-family: 'ff-meta-serif-web-pro', 'Georgia', 'Times', 'Times New Roman', serif;
    font-weight: 700;
}

.userContent ul.list-giant-bullets-yellow > li:before {
    content: "";
}

/* Yellows ------------------------------------------------------------- */
.userContent .goldenrod,
.userContent .btn.goldenrod,
.userContent .goldenrod li a {
    color: #f1c42e;
}

.no-touch .userContent a.goldenrod:hover,
.no-touch .userContent a:hover .goldenrod,
.no-touch .userContent .goldenrod a:hover {
    color: #efa130;
}

.userContent .goldenrod-bg,
.userContent .no-rgba .goldenrod .opacity80,
.userContent .no-rgba .goldenrod-bg.opacity80,
.userContent .no-rgba .goldenrod-bg.opacity90  {
    background-color: #f1c42e;
}

.no-touch .userContent a.goldenrod-bg:hover,
.no-touch .userContent a:hover .goldenrod-bg,
.no-touch .userContent .no-rgba .goldenrod-bg.opacity90:hover {
    background-color: #efa130;
}

.userContent .goldenrod-bg.opacity90 {
    background-color: rgba(241,196,46,.9);
}

.userContent .goldenrod .opacity80,
.userContent .goldenrod-bg.opacity80 {
    background-color: rgba(241,196,46,.8);
}

.no-touch .userContent .goldenrod-bg.opacity90:hover,
.no-touch .userContent a:hover .goldenrod-bg.opacity90 {
    background-color: rgba(239,161,48,.9);
}

/* ---------------------------------------------------------------------
 Disclaimer text
------------------------------------------------------------------------ */
.foreward-meta {
    font: 500 10px/1.4 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #656563;
}

/* ---------------------------------------------------------------------
 Umbraco WYSIWYG Styles
------------------------------------------------------------------------ */
.intro { font: 18px/1.22 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.highlight {
    font-size: 21px;
    line-height: 1.14;
    font-weight: 700;
    font-style: italic;
    color: #a71c20;
}

.tight { line-height: 1.2; }

.smaller { font-size: smaller; }

.futurabooksmall {
    font-family: 'futura-pt', Futura, 'Century Gothic', AppleGothic, Verdana, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.416;
}

.futurabook {
    font-family: 'futura-pt', Futura, 'Century Gothic', AppleGothic, Verdana, sans-serif;
    font-weight: 400;
}

.futuralight {
    font-family: 'futura-pt', Futura, 'Century Gothic', AppleGothic, Verdana, sans-serif;
    font-weight: 300;
}

.nowrap { white-space: nowrap; }

.green { color: #b7c92e; }

.limeGreen { color: #a5cb32; }

.red { color: #a71c20; }

.blue { color: #0090aa; }

a.button-green {
    display: inline-block;
    padding: 8px;
    font: 700 13px/1.3 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #b7c92e;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    -ms-box-sizing:     border-box;
    -o-box-sizing:      border-box;
    box-sizing:         border-box;
}

a.button-red {
    display: inline-block;
    padding: 8px;
    font: 700 13px/1.3 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #a71c20;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    -ms-box-sizing:     border-box;
    -o-box-sizing:      border-box;
    box-sizing:         border-box;
}

a.button-blue {
    display: inline-block;
    padding: 8px;
    font: 700 13px/1.3 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #0090aa;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    -ms-box-sizing:     border-box;
    -o-box-sizing:      border-box;
    box-sizing:         border-box;
}

/* ---------------------------------------------------------------------
 End of File, please add new styles above User Content area
------------------------------------------------------------------------ */