@charset "UTF-8";
/* ==========================================================================
   Normalize.scss settings
   ========================================================================== */
/**
 * Includes legacy browser support IE6/7
 *
 * Set to false if you want to drop support for IE6 and IE7
 */
/* Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *  user zoom.
 * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *  `em` units.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active, a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1, .you-vs-breed .vs-select .breed h2 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Addresses styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 8/9/10.
 * 2. Improves image quality when scaled in IE 7.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *  Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 * 4. Improves appearance and consistency in all browsers.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *  and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *  `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *  Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 *  Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *  (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 * 3. Corrects text not wrapping in Firefox 3.
 * 4. Corrects alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/* Bitters 0.10.0
 * http://bitters.bourbon.io
 * Copyright 2013–2014 thoughtbot, inc.
 * MIT License */
button,
input[type="submit"] {
  -webkit-font-smoothing: antialiased;
  background-color: #477DCA;
  border-radius: 3px;
  color: white;
  display: inline-block;
  font-size: 1em;
  font-weight: bold;
  line-height: 1;
  padding: 0.75em 1em;
  text-decoration: none; }
  button:hover,
  input[type="submit"]:hover {
    background-color: #2c5999;
    color: white; }
  button:disabled,
  input[type="submit"]:disabled {
    cursor: not-allowed;
    opacity: 0.5; }

body {
  -webkit-font-smoothing: antialiased;
  background-color: white;
  color: #333;
  font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1em;
  line-height: 1.5; }

h1, .you-vs-breed .vs-select .breed h2,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  line-height: 1.25;
  margin: 0;
  text-rendering: optimizeLegibility; }

h1, .you-vs-breed .vs-select .breed h2 {
  font-size: 2.25em; }

h2 {
  font-size: 2em; }

h3 {
  font-size: 1.75em; }

h4 {
  font-size: 1.5em; }

h5 {
  font-size: 1.25em; }

h6 {
  font-size: 1em; }

p {
  margin: 0 0 0.75em; }

a {
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
  transition: color 0.1s linear;
  color: #477DCA;
  text-decoration: none; }
  a:hover {
    color: #2c5999; }
  a:active, a:focus {
    color: #2c5999;
    outline: none; }

hr {
  border-bottom: 1px solid #DDD;
  border-left: none;
  border-right: none;
  border-top: none;
  margin: 1.5em 0; }

img,
picture {
  margin: 0;
  max-width: 100%; }

blockquote {
  border-left: 2px solid #DDD;
  color: #595959;
  margin: 1.5em 0;
  padding-left: 0.75em; }

cite {
  color: #737373;
  font-style: italic; }
  cite:before {
    content: "\2014 \00A0"; }

fieldset {
  background: #f7f7f7;
  border: 1px solid #DDD;
  margin: 0 0 0.75em 0;
  padding: 1.5em; }

input,
label,
select {
  display: block;
  font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1em; }

label {
  font-weight: bold;
  margin-bottom: 0.375em; }
  label.required:after {
    content: "*"; }
  label abbr {
    display: none; }

textarea,
input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"],
select[multiple=multiple] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border-color;
  -moz-transition: border-color;
  transition: border-color;
  background-color: white;
  border-radius: 3px;
  border: 1px solid #DDD;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1em;
  margin-bottom: 0.75em;
  padding: 0.5em 0.5em;
  width: 100%; }
  textarea:hover,
  input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="url"]:hover, input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover,
  select[multiple=multiple]:hover {
    border-color: #c4c4c4; }
  textarea:focus,
  input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus,
  select[multiple=multiple]:focus {
    border-color: #477DCA;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(55, 112, 192, 0.7);
    outline: none; }

textarea {
  resize: vertical; }

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

input[type="checkbox"],
input[type="radio"] {
  display: inline;
  margin-right: 0.375em; }

input[type="file"] {
  padding-bottom: 0.75em;
  width: 100%; }

select {
  margin-bottom: 1.5em;
  max-width: 100%;
  width: auto; }

table {
  border-collapse: collapse;
  margin: 0.75em 0;
  table-layout: fixed;
  width: 100%; }

th {
  border-bottom: 1px solid #b7b7b7;
  font-weight: bold;
  padding: 0.75em 0;
  text-align: left; }

td {
  border-bottom: 1px solid #DDD;
  padding: 0.75em 0; }

tr,
td,
th {
  vertical-align: middle; }

ul,
ol {
  margin: 0;
  padding: 0;
  list-style-type: none; }
  ul.default, ul.disc {
    list-style-type: disc;
    margin-bottom: 0.75em;
    padding-left: 1.5em; }
  ol.default {
    list-style-type: decimal;
    margin-bottom: 0.75em;
    padding-left: 1.5em; }

dl {
  margin-bottom: 0.75em; }
  dl dt {
    font-weight: bold;
    margin-top: 0.75em; }
  dl dd {
    margin: 0; }

button,
input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap; }

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

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

.hide-on-mobile, .split-photos .show-data.hide-on-mobile {
  display: none; }
  @media screen and (min-width: 48em) {
    .hide-on-mobile, .split-photos .show-data.hide-on-mobile {
      display: block; } }

.hide-on-tablet-up, .split-photos .show-data.hide-on-tablet-up {
  display: block; }
  @media screen and (min-width: 48em) {
    .hide-on-tablet-up, .split-photos .show-data.hide-on-tablet-up {
      display: none; } }

@font-face {
  font-family: 'icomoon';
  src: url("../../assets/fonts/icomoon.eot?-ytemg0");
  src: url("../../assets/fonts/icomoon.eot?#iefix-ytemg0") format("embedded-opentype"), url("../../assets/fonts/icomoon.woff?-ytemg0") format("woff"), url("../../assets/fonts/icomoon.ttf?-ytemg0") format("truetype"), url("../../assets/fonts/icomoon.svg?-ytemg0#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-badge:before {
  content: "\e630"; }

.icon-speechbubble:before {
  content: "\e631"; }

.icon-check-circle:before {
  content: "\e632"; }

.icon-compare-circle:before {
  content: "\e633"; }

.icon-youtube:before {
  content: "\e634"; }

.icon-computer:before {
  content: "\e635"; }

.icon-add:before {
  content: "\e62e"; }

.icon-subtract:before {
  content: "\e62f"; }

.icon-map-pin:before {
  content: "\e62d"; }

.icon-close:before {
  content: "\e627"; }

.icon-plus:before {
  content: "\e628"; }

.icon-dog:before {
  content: "\e629"; }

.icon-instagram:before {
  content: "\e62c"; }

.icon-grooming-tools:before {
  content: "\e61c"; }

.icon-match-location:before {
  content: "\e61d"; }

.icon-highvolume:before {
  content: "\e61e"; }

.icon-lowvolume:before {
  content: "\e61f"; }

.icon-apartment:before {
  content: "\e620"; }

.icon-house:before {
  content: "\e621"; }

.icon-roomate-child:before {
  content: "\e622"; }

.icon-roomate-dog:before {
  content: "\e623"; }

.icon-bg-roomate-dogs:before {
  content: "\e624"; }

.icon-misc:before {
  content: "\e625"; }

.icon-add-dog:before {
  content: "\e612"; }

.icon-vacuum:before {
  content: "\e626"; }

.icon-facebook:before, .blog-post .social .st_facebook_custom:before {
  content: "\e600"; }

.icon-twitter:before, .blog-post .social .st_twitter_custom:before {
  content: "\e601"; }

.icon-pinterest:before, .blog-post .social .st_pinterest_custom:before {
  content: "\e602"; }

.icon-rss:before {
  content: "\e603"; }

.icon-share:before {
  content: "\e604"; }

.icon-gallery:before {
  content: "\e605"; }

.icon-download:before {
  content: "\e606"; }

.icon-compare:before {
  content: "\e607"; }

.icon-right-arrow:before {
  content: "\e60d"; }

.icon-embed:before {
  content: "\e608"; }

.icon-menu-arrow:before {
  content: "\e618"; }

.icon-down-arrow-bo:before {
  content: "\e61a"; }

.icon-up-arrow-bo:before {
  content: "\e619"; }

.icon-newspaper:before {
  content: "\e609"; }

.icon-vote-thumb:before {
  content: "\e60a"; }

.icon-heart:before {
  content: "\e60b"; }

.icon-health:before {
  content: "\e60c"; }

.icon-search:before {
  content: "\e60e"; }

.icon-brush:before {
  content: "\e60f"; }

.icon-collar:before {
  content: "\e610"; }

.icon-foodbowl:before {
  content: "\e611"; }

.icon-mag:before {
  content: "\e613"; }

.icon-woofipedia:before {
  content: "\e614"; }

.icon-battery-empty:before {
  content: "\e615"; }

.icon-battery-full:before {
  content: "\e616"; }

.icon-check:before {
  content: "\e617"; }

.icon-akc-logo:before {
  content: "\e61b"; }

.icon-mail:before {
  content: "\e62a"; }

.icon-arrow-right:before {
  content: "\e62b"; }

html, body, h1, .you-vs-breed .vs-select .breed h2, h2, h3, h4, h5, h6, p, ul, input, label, select,
textarea, input[type="email"], input[type="number"], input[type="password"],
input[type="search"], input[type="tel"], input[type="text"], input[type="url"],
input[type="color"], input[type="date"], input[type="datetime"],
input[type="datetime-local"], input[type="month"], input[type="time"],
input[type="week"], select[multiple=multiple] {
  font-family: "Lato", sans-serif;
  color: #979891; }

a {
  color: #ff5f2d;
  text-decoration: underline; }
  a:hover {
    color: #ff5f2d; }
  a:focus {
    color: #ff5f2d; }

.not-learn-page p, .not-learn-page div, .not-learn-page span {
  letter-spacing: .1em;
  line-height: 1.3em; }

.learn-page p, .learn-page div, .learn-page span {
  letter-spacing: initial; }
.learn-page .footer-container p, .learn-page .footer-container div, .learn-page .footer-container span {
  letter-spacing: .1em;
  line-height: 1.3em; }

h1, .you-vs-breed .vs-select .breed h2, h2, h3, .page-title {
  text-transform: uppercase; }

.color-mast article h1, .image-mast article h1, .home-masthead h1, .home-featured-breeds h1, .home-featured-stories h1, .home-explore h1, .explore-blocks h1, .register-home h1, .events-home h1, .dogs-owners-home h1, .home-social h1, .you-vs-breed .vs-signed-out h1, .you-vs-breed .share-this h1, .feed-class article h1, .feed-info article h1, .feed-glance article h1, .feed-standard article h1, .feed-care article h1, .find-feed article h1, .explore-breeds article h1, .breed-video article h1, .dog-block-group h1, .color-mast article .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .color-mast article h2, .image-mast article .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .image-mast article h2, .home-masthead .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .home-masthead h2, .home-featured-breeds .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .home-featured-breeds h2, .home-featured-stories .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .home-featured-stories h2, .home-explore .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .home-explore h2, .explore-blocks .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .explore-blocks h2, .register-home .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .register-home h2, .events-home .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .events-home h2, .dogs-owners-home .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .dogs-owners-home h2, .home-social .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .home-social h2, .you-vs-breed .vs-signed-out .vs-select .breed h2, .you-vs-breed .vs-select .breed .vs-signed-out h2, .you-vs-breed .share-this .vs-select .breed h2, .you-vs-breed .vs-select .breed .share-this h2, .feed-class article .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .feed-class article h2, .feed-info article .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .feed-info article h2, .feed-glance article .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .feed-glance article h2, .feed-standard article .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .feed-standard article h2, .feed-care article .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .feed-care article h2, .find-feed article .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .find-feed article h2, .explore-breeds article .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .explore-breeds article h2, .breed-video article .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .breed-video article h2, .dog-block-group .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .dog-block-group h2, .color-mast article h2, .image-mast article h2, .home-masthead h2, .home-featured-breeds h2, .home-featured-stories h2, .home-explore h2, .explore-blocks h2, .register-home h2, .events-home h2, .dogs-owners-home h2, .home-social h2, .you-vs-breed .vs-signed-out h2, .you-vs-breed .share-this h2, .feed-class article h2, .feed-info article h2, .feed-glance article h2, .feed-standard article h2, .feed-care article h2, .find-feed article h2, .explore-breeds article h2, .breed-video article h2, .dog-block-group h2, .color-mast article h3, .image-mast article h3, .home-masthead h3, .home-featured-breeds h3, .home-featured-stories h3, .home-explore h3, .explore-blocks h3, .register-home h3, .events-home h3, .dogs-owners-home h3, .home-social h3, .you-vs-breed .vs-signed-out h3, .you-vs-breed .share-this h3, .feed-class article h3, .feed-info article h3, .feed-glance article h3, .feed-standard article h3, .feed-care article h3, .find-feed article h3, .explore-breeds article h3, .breed-video article h3, .dog-block-group h3 {
  text-align: center; }

h1, .you-vs-breed .vs-select .breed h2, h2, .not-learn-page .page-title {
  font: 1.25em "Montserrat", sans-serif;
  display: block;
  letter-spacing: .1em; }
  @media screen and (min-width: 48em) {
    h1, .you-vs-breed .vs-select .breed h2, h2, .not-learn-page .page-title {
      font-size: 1.9375em; } }
  h1 small, .you-vs-breed .vs-select .breed h2 small, h2 small, .not-learn-page .page-title small {
    display: block;
    font: italic 1.25rem "Crimson Text", serif;
    float: left;
    letter-spacing: .18em;
    line-height: 1em;
    text-transform: lowercase;
    width: 100%; }
  h1.brown-head, .you-vs-breed .vs-select .breed h2.brown-head, h2.brown-head, .not-learn-page .page-title.brown-head {
    color: #bf692c; }
  h1[data-prefix], .you-vs-breed .vs-select .breed h2[data-prefix], h2[data-prefix], .not-learn-page .page-title[data-prefix] {
    position: relative;
    padding-top: 0.64516em; }
    h1[data-prefix]:before, .you-vs-breed .vs-select .breed h2[data-prefix]:before, h2[data-prefix]:before, .not-learn-page .page-title[data-prefix]:before {
      content: attr(data-prefix);
      font-size: 0.64516em;
      text-align: center;
      font-family: "Crimson Text", serif;
      font-style: italic;
      text-transform: none;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0; }

h2 {
  font: 1.25rem "Montserrat", sans-serif;
  letter-spacing: .1em; }
  @media screen and (min-width: 48em) {
    h2 {
      font-size: 1.75rem; } }
  h2 small {
    display: block;
    font: italic 1.25rem "Crimson Text", serif;
    float: left;
    letter-spacing: .18em;
    line-height: 1em;
    text-transform: lowercase;
    width: 100%; }

h3 {
  width: auto;
  font: 400 1em "Montserrat", sans-serif;
  letter-spacing: .1rem;
  position: relative;
  margin: 0 auto;
  color: #ff9c00; }
  h3 small {
    display: block;
    font: italic normal 1.25rem "Crimson Text", serif;
    float: left;
    letter-spacing: .1em;
    line-height: .5em;
    text-transform: lowercase;
    width: 100%; }
  h3 a {
    text-decoration: none;
    color: inherit;
    border: none; }

h4 {
  font: 0.75em "Montserrat", sans-serif;
  font-weight: bold; }

h5 {
  font: 0.875em "Crimson Text", serif;
  font-style: italic;
  text-transform: lowercase;
  letter-spacing: .18em; }

.shadow-images .slide span, .home-explore p, .match .name {
  color: #fff;
  text-transform: uppercase;
  text-align: center; }

.big-number {
  font-family: "Lato", sans-serif;
  letter-spacing: 0em; }

hr {
  margin: 1em 0 0 0;
  border: 0; }
  hr.redorange {
    border-top: 1px solid #ff5f2d; }
  hr.flush {
    margin: 0; }
  hr.gray {
    border-top: 1px solid #e3e3e3;
    width: 100%;
    max-width: 73.125em;
    margin: 0 auto;
    margin-bottom: 7.5rem; }

.dateviews {
  text-align: center;
  width: 85%;
  margin: 0 auto;
  color: #bf692c;
  font: italic 600 0.9em "Crimson Text", serif;
  border-top: .1em solid;
  border-bottom: .1em solid;
  display: block; }

.color-mast article, .image-mast article, .breadcrumbs > article, body.not-learn-page .main-nav, body.not-learn-page .secondary-level-nav > ul, .radio-list, .behavior-poll .akc-swiper-container, ul.vote, .fun-facts, .shorty-container .shorty, .mydog-uploads-content, .mydog-uploads-header, .home-masthead > article, .home-featured-breeds > article, .home-featured-stories > article, .home-explore > article, .explore-blocks > article, .register-home > article, .events-home > article, .dogs-owners-home > article, .home-social > article, .intro article, .title-mast > article, .block > article, .signed-out > article, .vs-select > article, .vs-results > article, .share-this > article, .feed-class article, .feed-info article, .feed-glance article, .feed-standard article, .feed-care article, .find-feed article, .explore-breeds article, .breed-video article, .breed-overview .feed-events-boxes, .page-intro-contain, .blog-holder, .event-holder, .history-slides ul.captions li.caption-holder, .page-two-col article, .four-buckets, .akc-match-swiper-container, .results-intro article, .results-grid article, .results-chosen, .results-other article, .compare-matches article, .my-dogs article, .my-favorites article, .my-dog-info ul, .to-compare article, .all-breeds article, .search-header, .search-also-try, .search-results, .search-pagination {
  padding: 0 1.125em;
  max-width: 73.125em;
  margin-left: auto;
  margin-right: auto; }
  .color-mast article::after, .image-mast article::after, .breadcrumbs > article::after, body.not-learn-page .main-nav::after, body.not-learn-page .secondary-level-nav > ul::after, .radio-list::after, .behavior-poll .akc-swiper-container::after, ul.vote::after, .fun-facts::after, .shorty-container .shorty::after, .mydog-uploads-content::after, .mydog-uploads-header::after, .home-masthead > article::after, .home-featured-breeds > article::after, .home-featured-stories > article::after, .home-explore > article::after, .explore-blocks > article::after, .register-home > article::after, .events-home > article::after, .dogs-owners-home > article::after, .home-social > article::after, .intro article::after, .title-mast > article::after, .block > article::after, .signed-out > article::after, .vs-select > article::after, .vs-results > article::after, .share-this > article::after, .feed-class article::after, .feed-info article::after, .feed-glance article::after, .feed-standard article::after, .feed-care article::after, .find-feed article::after, .explore-breeds article::after, .breed-video article::after, .breed-overview .feed-events-boxes::after, .page-intro-contain::after, .blog-holder::after, .event-holder::after, .history-slides ul.captions li.caption-holder::after, .page-two-col article::after, .four-buckets::after, .akc-match-swiper-container::after, .results-intro article::after, .results-grid article::after, .results-chosen::after, .results-other article::after, .compare-matches article::after, .my-dogs article::after, .my-favorites article::after, .my-dog-info ul::after, .to-compare article::after, .all-breeds article::after, .search-header::after, .search-also-try::after, .search-results::after, .search-pagination::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 73.125em) {
    .color-mast article, .image-mast article, .breadcrumbs > article, body.not-learn-page .main-nav, body.not-learn-page .secondary-level-nav > ul, .radio-list, .behavior-poll .akc-swiper-container, ul.vote, .fun-facts, .shorty-container .shorty, .mydog-uploads-content, .mydog-uploads-header, .home-masthead > article, .home-featured-breeds > article, .home-featured-stories > article, .home-explore > article, .explore-blocks > article, .register-home > article, .events-home > article, .dogs-owners-home > article, .home-social > article, .intro article, .title-mast > article, .block > article, .signed-out > article, .vs-select > article, .vs-results > article, .share-this > article, .feed-class article, .feed-info article, .feed-glance article, .feed-standard article, .feed-care article, .find-feed article, .explore-breeds article, .breed-video article, .breed-overview .feed-events-boxes, .page-intro-contain, .blog-holder, .event-holder, .history-slides ul.captions li.caption-holder, .page-two-col article, .four-buckets, .akc-match-swiper-container, .results-intro article, .results-grid article, .results-chosen, .results-other article, .compare-matches article, .my-dogs article, .my-favorites article, .my-dog-info ul, .to-compare article, .all-breeds article, .search-header, .search-also-try, .search-results, .search-pagination {
      padding: 0; } }

.centered-row {
  margin: 0 auto;
  display: table;
  text-align: center; }

.btn {
  font: bold 0.875rem "Montserrat", sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .1em;
  padding: 1.6em 1.25em;
  display: inline-block;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }
  .btn.overhang {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -1em;
    top: auto;
    position: absolute; }
  .btn.divider {
    margin: 0 auto;
    display: table; }
    .btn.divider::after {
      clear: both;
      content: "";
      display: table; }
  .btn.icon-right {
    padding: 1.05em 1.25em; }
    .btn.icon-right img {
      width: 2em;
      height: 2em;
      vertical-align: -.65em;
      position: relative; }
  .btn.icon-only {
    font-size: 1.5625em;
    padding: 0;
    height: 3.4375rem;
    width: 3.4375rem; }
    .btn.icon-only span {
      float: left;
      height: 100%;
      width: 100%;
      text-align: center;
      display: table;
      font-size: 1.5625rem; }
      .btn.icon-only span:before {
        display: table-cell;
        vertical-align: middle; }
  .btn.redorange {
    color: #fff;
    background: #ff5f2d; }
    .btn.redorange:hover {
      background: #D95126; }
  .btn.purple {
    background: #3d2d56; }
  .btn.outsider {
    display: none; }
    @media screen and (min-width: 48em) {
      .btn.outsider {
        display: table; } }

.button-row {
  clear: both;
  display: inline-block;
  width: 100%;
  position: relative; }
  .button-row a {
    float: left; }

.button-dropdown .menulet {
  display: inline-block;
  width: 3.625em;
  height: 3.625em;
  padding: 1.25em;
  float: left;
  cursor: pointer; }
  .button-dropdown .menulet:nth-child(n+1) {
    border-left: 1px solid #d95126; }
  .button-dropdown .menulet:first-child {
    border: none; }
  @media screen and (min-width: 48em) {
    .button-dropdown .menulet {
      position: relative; } }
  .button-dropdown .menulet.hover .submenu {
    display: block; }
  .button-dropdown .menulet.hover .flyout {
    display: block; }
  .button-dropdown .menulet img {
    height: 2em;
    vertical-align: top; }
  .button-dropdown .menulet.redorange {
    color: #fff;
    background: #ff5f2d;
    text-transform: uppercase; }
    .button-dropdown .menulet.redorange:hover {
      background: #D95126; }
.button-dropdown .submenu {
  display: none;
  background-color: #f8f1ec;
  float: left;
  position: absolute;
  right: 5%;
  top: 3.75em;
  z-index: 10;
  width: 90%; }
  @media screen and (min-width: 48em) {
    .button-dropdown .submenu {
      width: auto;
      right: 0; } }
  .button-dropdown .submenu:before {
    content: '';
    display: block;
    height: 1.25em;
    width: 1.25em;
    top: -.5em;
    right: 50%;
    margin-right: -2.45em;
    position: absolute;
    background-color: #f8f1ec;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
    @media screen and (min-width: 48em) {
      .button-dropdown .submenu:before {
        margin-right: 0;
        right: 1.25em; } }
  .button-dropdown .submenu li {
    float: left;
    border-bottom: 1px solid #e3dbd6;
    width: 100%; }
    @media screen and (min-width: 48em) {
      .button-dropdown .submenu li {
        width: 20em; } }
    .button-dropdown .submenu li:last-child {
      border-bottom: none; }
  .button-dropdown .submenu a {
    display: block;
    text-decoration: none;
    padding: 1.5em 1.25em;
    font: normal 0.8em "Montserrat", sans-serif;
    color: #3d2d56; }

button {
  background: #ff5f2d;
  border-radius: 0; }
  button:hover {
    background: #d95126; }
  button.coupled {
    float: left; }

.with-icon img {
  width: 2em;
  height: 2em;
  display: block; }

.icon-font-left {
  position: relative;
  background: #f8f1ec;
  color: #3d2d56;
  padding-left: 5.0625em;
  padding-right: 1.5625em; }
  .icon-font-left span {
    position: absolute;
    background: #ff5f2d;
    max-width: 4.0625em;
    padding: 1.5em;
    top: 0;
    left: 0;
    color: #fff;
    height: 100%; }
  .icon-font-left:after {
    content: '';
    height: 1em;
    width: 1em;
    position: absolute;
    top: 50%;
    left: 3.75em;
    margin-top: -.5em;
    background-color: #f8f1ec;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 0; }

.button-left-icon {
  position: relative;
  background: #f8f1ec;
  color: #2b2337;
  font-weight: 400;
  font-size: .75rem;
  width: 100%;
  padding: 1.3rem 5.0625rem 1.3rem 5.6rem;
  overflow: hidden; }
  .button-left-icon .icon-download {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1rem;
    background: #ff5f2d;
    color: #fff;
    height: 100%;
    padding: 0 1.3rem; }
    .button-left-icon .icon-download:hover {
      color: #fff; }
    .button-left-icon .icon-download:before {
      position: relative;
      top: 40%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
  .button-left-icon:after {
    content: '';
    height: 1rem;
    width: 1rem;
    position: absolute;
    top: 50%;
    left: 3.4375rem;
    margin-top: -.5rem;
    background-color: #f8f1ec;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 0; }

.flyout {
  display: none;
  background-color: #f8f1ec;
  position: absolute;
  z-index: 100;
  cursor: default; }
  .flyout.embed {
    float: left;
    width: 100vw;
    height: 17em;
    text-transform: none;
    top: 3.75em;
    left: 0; }
    @media screen and (min-width: 48em) {
      .flyout.embed {
        float: none;
        width: 30em;
        margin-left: -15em;
        left: 50%; } }
    .flyout.embed p {
      color: #3d2d56;
      padding: 0 1em; }
    .flyout.embed textarea {
      width: 90%;
      height: 6em;
      margin: 5% 5%; }
    .flyout.embed .keyboard {
      border: 1px solid #3d2d56;
      border-radius: 2px;
      padding: 2px 5px;
      margin-top: .5em;
      margin-bottom: .25em;
      display: inline-block; }
    .flyout.embed .btn {
      float: left;
      width: 40%;
      margin: 1em 30% 0; }
  .flyout:after {
    background-color: #f8f1ec;
    width: 1.25em;
    height: 1.25em;
    position: absolute;
    top: -.5em;
    left: 50%;
    margin-left: -2.45em; }
    @media screen and (min-width: 48em) {
      .flyout:after {
        margin-left: -.5em; } }

.myakc-link-dog-button {
  width: auto !important; }

.not-learn-page img, picture {
  width: 100%; }

.shadow-images .slide:after, .shadow-photo:after, .instadogs .block .instadog:after, .history-slides ul.hist-photos li.swiper-slide-active a:after, .history-slides ul.hist-photos li.active a:after, .result-dog .result-image:after, .match:after, .my-favorites .match:after, .my-dogs .match:after, .giphy .gif-holder:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  box-shadow: inset 0 0 0 10px rgba(0, 0, 0, 0.3); }

.dog-block-group article {
  max-width: 73.125em;
  margin-left: auto;
  margin-right: auto; }
  .dog-block-group article::after {
    clear: both;
    content: "";
    display: table; }
.dog-block-group a {
  display: block;
  height: 100%;
  position: relative;
  z-index: 200; }
  .dog-block-group a:hover span {
    color: #ff5f2d;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out; }
.dog-block-group .pagination {
  display: block; }
  @media screen and (min-width: 28.75em) {
    .dog-block-group .pagination {
      display: none; } }

.shadow-images {
  float: left;
  width: 100%;
  display: block; }
  @media screen and (min-width: 28.75em) {
    .shadow-images {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: distribute;
      -moz-box-pack: distribute;
      box-pack: distribute;
      -webkit-justify-content: space-around;
      -moz-justify-content: space-around;
      -ms-justify-content: space-around;
      -o-justify-content: space-around;
      justify-content: space-around;
      -ms-flex-pack: distribute;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  .shadow-images .slide {
    margin-right: 0;
    border-right: .5em solid #fff;
    border-left: .5em solid #fff;
    float: left;
    display: block;
    position: relative;
    overflow: hidden;
    width: 100vw;
    height: 100vw; }
    @media screen and (min-width: 25em) {
      .shadow-images .slide {
        border: none; } }
    @media screen and (min-width: 28.75em) {
      .shadow-images .slide {
        width: 14.625em;
        height: 14.625em; } }
    @media screen and (min-width: 48em) {
      .shadow-images .slide {
        margin: 0; } }
    .shadow-images .slide span {
      background: #3d2d56;
      float: left;
      position: absolute;
      z-index: 10;
      bottom: 0;
      left: 0;
      width: 100%;
      font: bold 0.9375em "Montserrat", sans-serif;
      padding: .625em .25em; }
      .shadow-images .slide span:hover {
        color: #ff5f2d; }

.shadow-photo {
  display: table;
  display: flex;
  position: relative;
  overflow: hidden; }

.shadow-video {
  margin-top: 2em;
  margin-bottom: 2em; }

.margin-tb-5-20 {
  margin: 5px 0 20px 0; }

.no-bg {
  background: none !important; }

.wide-short-photo-row {
  background: #f8f1ec;
  padding: 0.6875em; }
  .wide-short-photo-row .wide-short-photo-holder {
    max-width: 45.5em;
    position: relative;
    margin: 0 auto; }
  .wide-short-photo-row .wide-short-photo {
    height: 0;
    padding-bottom: 12.36264%;
    position: relative;
    background: #ead6c7; }
    .wide-short-photo-row .wide-short-photo img {
      width: 100%; }
  .wide-short-photo-row.compare-breeds {
    background-color: #fff;
    margin-bottom: 1em; }
    .wide-short-photo-row.compare-breeds .ad-space {
      background-color: inherit; }

.compare-grid .pagination {
  margin-top: 0; }

.pagination {
  width: 100%;
  text-align: center;
  float: left;
  display: block;
  margin-top: .9375em; }
  .pagination .dots {
    display: inline-block; }
  .pagination .dot {
    background: #979891;
    width: .5em;
    height: .5em;
    margin: 0 .25em;
    border-radius: 99em;
    float: left; }
    .pagination .dot.active {
      background-color: #ff9c00; }

.title-mast > article, .welcome-block > article {
  max-width: 73.125em;
  margin-left: auto;
  margin-right: auto; }
  .title-mast > article::after, .welcome-block > article::after {
    clear: both;
    content: "";
    display: table; }

.title-mast {
  padding: 1.75rem 0 2.0625rem;
  min-height: 10.625rem; }
  @media screen and (min-width: 48em) {
    .title-mast {
      padding: 4.0625em 0; } }
  .title-mast article {
    margin-top: .45em; }
  .title-mast small {
    width: 100%;
    padding-right: .35em;
    padding-top: .45em; }
    @media screen and (min-width: 48em) {
      .title-mast small {
        width: auto; } }
  .title-mast h1, .title-mast .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .title-mast h2, .title-mast .page-title {
    color: #bf692c;
    padding-top: 1.5em;
    font-size: 1.4375em;
    text-align: center; }
    @media screen and (min-width: 48em) {
      .title-mast h1, .title-mast .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .title-mast h2, .title-mast .page-title {
        font-size: 1.9375em;
        text-align: left; } }
    @media screen and (min-width: 64em) {
      .title-mast h1, .title-mast .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .title-mast h2, .title-mast .page-title {
        padding-top: 0; } }
  .title-mast.centered h1, .title-mast.centered .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .title-mast.centered h2 {
    text-align: center; }
  .title-mast.centered .page-title {
    text-align: center; }

.color-mast {
  position: relative;
  overflow: hidden; }
  .color-mast a {
    left: 50%; }
    .color-mast a.anchor {
      margin: 0; }
    .color-mast a.btn {
      margin-bottom: 6.875rem; }
  .color-mast form {
    clear: both; }
    .color-mast form .btn {
      margin-bottom: 0; }
  .color-mast h1, .color-mast .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .color-mast h2 {
    color: #bf692c;
    padding-top: 2.65625rem;
    padding-bottom: 1.875rem; }
    @media screen and (min-width: 48em) {
      .color-mast h1, .color-mast .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .color-mast h2 {
        padding-top: 4.375rem;
        padding-bottom: 3.7rem; } }
  .color-mast h2 {
    color: #fff;
    text-align: center;
    margin-bottom: 1.25rem; }
    .color-mast h2 a {
      display: block;
      text-decoration: none;
      color: inherit; }
      .color-mast h2 a:hover {
        color: #ff5f2d; }
  .color-mast p {
    color: #fff;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    font-size: .75em;
    margin-bottom: 3.125rem;
    line-height: 1.25rem; }
    @media screen and (min-width: 48em) {
      .color-mast p {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 44.44444%;
        margin-left: 27.77778%;
        margin-right: 27.77778%;
        margin-top: .5em;
        line-height: 1.3125rem; }
        .color-mast p:last-child {
          margin-right: 0; }
        .color-mast p:last-child {
          margin-bottom: 6.875rem; } }
  .color-mast form {
    margin-bottom: 4.375rem; }
  .color-mast .icon-akc-logo {
    font-size: 42em;
    display: none; }
    @media screen and (min-width: 48em) {
      .color-mast .icon-akc-logo {
        display: block;
        position: absolute;
        right: -20rem;
        top: -16rem; } }
  .color-mast.orange {
    background: #ff9c00; }
    .color-mast.orange h1, .color-mast.orange .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .color-mast.orange h2 {
      color: #3d2d56; }
    .color-mast.orange h2 {
      color: #fff; }
      .color-mast.orange h2 a:hover {
        color: #ff5f2d; }
    .color-mast.orange .icon-akc-logo {
      color: #000;
      opacity: .035; }
    .color-mast.orange .btn.mobile {
      margin: 0;
      position: relative;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      margin-bottom: 2.1875rem; }
      @media screen and (min-width: 48em) {
        .color-mast.orange .btn.mobile {
          display: none; } }
    .color-mast.orange p {
      margin-bottom: 1.5625rem; }
      @media screen and (min-width: 48em) {
        .color-mast.orange p {
          margin-bottom: 4.375rem; } }
    .color-mast.orange .type {
      color: #FFF; }
  .color-mast.purple {
    background: #3d2d56; }
    .color-mast.purple .icon-akc-logo {
      opacity: .02;
      color: #fff; }
    .color-mast.purple h1, .color-mast.purple .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .color-mast.purple h2 {
      color: #ff9c00; }
    .color-mast.purple h2, .color-mast.purple p {
      color: #979891;
      clear: both; }
    .color-mast.purple h5 {
      text-align: center;
      color: #ff9c00; }
    .color-mast.purple .btn {
      float: left;
      margin-top: 1.25rem;
      position: relative;
      margin-bottom: 3.9rem;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%); }
      @media screen and (min-width: 48em) {
        .color-mast.purple .btn {
          margin-bottom: 6.875rem; } }
  .color-mast.teal {
    background-color: #01d4b4; }
    .color-mast.teal h1, .color-mast.teal .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .color-mast.teal h2 {
      color: #3d2d56;
      padding-bottom: 2.5rem; }
    .color-mast.teal p {
      color: #fff;
      text-align: center;
      text-transform: uppercase; }
    .color-mast.teal > a, .color-mast.teal article > a, .color-mast.teal p > a {
      width: 8em;
      text-align: center;
      display: block;
      margin: 0 auto;
      margin-top: 2.5rem;
      margin-bottom: 4.375rem;
      text-decoration: none;
      color: #fff;
      font-size: .875em;
      text-transform: uppercase; }
      .color-mast.teal > a span, .color-mast.teal article > a span, .color-mast.teal p > a span {
        position: relative;
        top: 2px;
        font-size: 1.25rem;
        margin-left: 1.2em; }
        .color-mast.teal > a span:before, .color-mast.teal article > a span:before, .color-mast.teal p > a span:before {
          position: absolute;
          left: 2px;
          top: 2px; }
        .color-mast.teal > a span:after, .color-mast.teal article > a span:after, .color-mast.teal p > a span:after {
          content: '';
          left: 0;
          top: 0;
          width: 25px;
          height: 25px;
          border-radius: 99em;
          position: absolute;
          border: 2px solid #fff; }
  .color-mast.tan {
    background: #f8f1ec;
    position: relative; }
    .color-mast.tan .icon-akc-logo {
      opacity: .035;
      color: #000; }
  .color-mast .type {
    color: #01d4b4;
    width: 100%;
    font-family: "Crimson Text", serif;
    font-weight: 600;
    font-style: italic;
    line-height: 2.25em;
    margin: 0 auto;
    margin-top: 1em;
    margin-bottom: 2em;
    font-size: 1.125em;
    letter-spacing: .18rem;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center; }
    @media screen and (min-width: 48em) {
      .color-mast .type {
        margin-bottom: 1.5em; } }
    .color-mast .type img, .color-mast .type svg {
      float: left;
      display: inline-block;
      height: 2em;
      max-width: 5em;
      margin-right: .5em; }

.welcome-block {
  background-color: #ff9c00;
  position: relative;
  padding: 2.6875rem 1.875rem;
  text-align: center; }
  .welcome-block.empty {
    background-color: #fff; }
  @media screen and (min-width: 48em) {
    .welcome-block {
      text-align: left;
      padding: 7rem 0; } }
  .welcome-block h5 {
    color: #fff;
    text-transform: none;
    font-size: 1.1875em;
    font-weight: 600;
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 100%;
    padding-bottom: 1.25rem; }
    .welcome-block h5:last-child {
      margin-right: 0; }
    @media screen and (min-width: 48em) {
      .welcome-block h5 {
        margin-left: 17.09402%;
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 65.81197%;
        padding-bottom: 1rem;
        padding-top: 0; }
        .welcome-block h5:last-child {
          margin-right: 0; } }
  .welcome-block p {
    color: #bf692c;
    font-size: 1.125em;
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 100%;
    padding-bottom: 1.25rem;
    margin-bottom: 0; }
    .welcome-block p:last-child {
      margin-right: 0; }
    @media screen and (min-width: 48em) {
      .welcome-block p {
        margin-left: 17.09402%;
        padding-bottom: 0;
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 65.81197%; }
        .welcome-block p:last-child {
          margin-right: 0; } }
  .welcome-block em {
    font: 1.1875em "Crimson Text", serif;
    font-style: italic;
    text-transform: lowercase;
    letter-spacing: .18em;
    line-height: 1.3125rem; }
  .welcome-block ul {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 100%;
    list-style-type: none;
    letter-spacing: .1rem; }
    .welcome-block ul:last-child {
      margin-right: 0; }
    @media screen and (min-width: 48em) {
      .welcome-block ul {
        margin-left: 17.09402%;
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 65.81197%; }
        .welcome-block ul:last-child {
          margin-right: 0; } }
    .welcome-block ul li {
      color: #bf692c;
      font-size: 1.125em; }
    .welcome-block ul.disc {
      list-style-type: disc; }

.image-mast {
  height: 45vh;
  position: relative; }
  @media screen and (min-width: 25em) {
    .image-mast {
      height: 50vh; } }
  @media screen and (min-width: 48em) {
    .image-mast {
      height: 65vh; } }
  @media screen and (min-width: 93.75em) {
    .image-mast {
      height: 70vh; } }
  .image-mast article {
    float: left;
    height: 100%;
    position: relative; }
    @media screen and (min-width: 64em) {
      .image-mast article {
        position: static; } }
  .image-mast .bottom-lock {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 2.5em; }

.breadcrumbs {
  margin-top: 0;
  display: none;
  max-width: 73.125em;
  margin-left: auto;
  margin-right: auto;
  -webkit-transform: translateY(-1.1em);
  -moz-transform: translateY(-1.1em);
  -ms-transform: translateY(-1.1em);
  -o-transform: translateY(-1.1em);
  transform: translateY(-1.1em); }
  .breadcrumbs::after {
    clear: both;
    content: "";
    display: table; }
  .breadcrumbs.mast {
    bottom: 0;
    max-width: 73.125em;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0em; }
    .breadcrumbs.mast::after {
      clear: both;
      content: "";
      display: table; }
  @media screen and (min-width: 48em) {
    .breadcrumbs {
      display: block;
      width: 100%;
      height: 0; } }
  .breadcrumbs ul {
    float: left;
    margin: 0;
    position: relative;
    left: 0;
    width: 100%;
    float: left;
    padding: .625em 1em;
    background-color: #f8f1ec; }
  .breadcrumbs li:first-child {
    border-left: none; }
  .breadcrumbs li {
    display: inline-block;
    float: left;
    text-decoration: none;
    font-size: .75em;
    padding: 0 .75em;
    color: #ff5f2d;
    position: relative;
    letter-spacing: .1em; }
    .breadcrumbs li:last-child:after {
      display: none; }
    .breadcrumbs li:after {
      content: '';
      position: absolute;
      width: 1px;
      height: 10px;
      margin-top: -5px;
      top: 50%;
      right: 0;
      background-color: #979891; }
  .breadcrumbs a {
    color: #979891;
    text-decoration: none; }

body.not-learn-page .main-nav .top-level-nav > li > a, body.not-learn-page .mobile-nav-list li a, body.not-learn-page .mobile-nav-search input {
  color: #3d2d56;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  text-decoration: none; }
  body.not-learn-page .main-nav .top-level-nav > li > a:hover, body.not-learn-page .mobile-nav-list li a:hover, body.not-learn-page .mobile-nav-search input:hover, body.not-learn-page .main-nav .top-level-nav > li > a:active, body.not-learn-page .mobile-nav-list li a:active, body.not-learn-page .mobile-nav-search input:active {
    color: #ff5f2d; }
body.not-learn-page .nav-container {
  position: relative;
  background-color: #fff;
  width: 100%;
  z-index: 5000;
  border-bottom: 0.0625em solid #e3e3e3;
  height: 3.125em; }
  @media screen and (min-width: 48em) {
    body.not-learn-page .nav-container {
      height: 5.375em; } }
  body.not-learn-page .nav-container.fixed-header {
    position: fixed;
    top: 0;
    left: 0; }
  body.not-learn-page .nav-container.open {
    border-bottom: none; }
body.not-learn-page body.intro-active .nav-container.intro-active .logo {
  -webkit-transition: 0s;
  -moz-transition: 0s;
  transition: 0s;
  -webkit-transform: translateY(-120px);
  -moz-transform: translateY(-120px);
  -ms-transform: translateY(-120px);
  -o-transform: translateY(-120px);
  transform: translateY(-120px); }
body.not-learn-page .main-nav {
  height: 100%;
  padding: 0; }
  @media screen and (min-width: 64em) {
    body.not-learn-page .main-nav {
      position: relative;
      padding: 0 1.125em; } }
  body.not-learn-page .main-nav .logo {
    position: absolute;
    z-index: 9999;
    font-size: 5.3125em;
    max-width: 1em;
    text-align: center;
    background: #fff;
    border-radius: 100%;
    overflow: hidden;
    text-decoration: none;
    left: 50%;
    top: 16px;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    transition: 0.7s;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
    @media screen and (min-width: 48em) {
      body.not-learn-page .main-nav .logo {
        top: 24px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        left: 0; } }
    body.not-learn-page .main-nav .logo:before {
      max-width: 1em;
      z-index: 999; }
    body.not-learn-page .main-nav .logo.teal {
      color: #01d4b4; }
    body.not-learn-page .main-nav .logo.purple {
      color: #3d2d56; }
    body.not-learn-page .main-nav .logo.orange {
      color: #ff9c00; }
    body.not-learn-page .main-nav .logo.brown {
      color: #bf692c; }
  body.not-learn-page .main-nav .hamburger {
    height: 2.1875em;
    position: absolute;
    top: 1.875rem;
    left: 1em;
    margin-top: -.75em;
    display: block;
    z-index: 100; }
    body.not-learn-page .main-nav .hamburger.active {
      -webkit-animation: hamburger-dance 1s linear forwards;
      -moz-animation: hamburger-dance 1s linear forwards;
      animation: hamburger-dance 1s linear forwards; }
      body.not-learn-page .main-nav .hamburger.active .patty {
        background-color: #ff5f2d; }
    @media screen and (min-width: 48em) {
      body.not-learn-page .main-nav .hamburger {
        display: none; } }
    body.not-learn-page .main-nav .hamburger a {
      display: block;
      width: 1.25rem;
      float: left; }
    body.not-learn-page .main-nav .hamburger .patty {
      width: 100%;
      height: 0.1875rem;
      background-color: #3d2d56;
      margin-bottom: .25em;
      position: relative;
      z-index: 100001;
      display: block;
      float: left; }
  body.not-learn-page .main-nav .top-level-nav {
    background-color: #f8f1ec;
    float: left;
    z-index: 2000;
    width: 100%; }
    @media screen and (min-width: 48em) {
      body.not-learn-page .main-nav .top-level-nav {
        background-color: transparent;
        padding-top: 0;
        height: 5.375em;
        padding-left: 6em; } }
    @media screen and (min-width: 64em) {
      body.not-learn-page .main-nav .top-level-nav {
        padding-left: 10em; } }
    body.not-learn-page .main-nav .top-level-nav .here a {
      color: #ff5f2d; }
    body.not-learn-page .main-nav .top-level-nav > li {
      display: none;
      float: left;
      height: 100%;
      max-width: 14em;
      padding: 0em .25em;
      margin-right: .5em;
      padding-right: 0;
      padding-left: 0;
      letter-spacing: .1em; }
      @media screen and (min-width: 48em) {
        body.not-learn-page .main-nav .top-level-nav > li {
          margin-right: .1em;
          display: block; } }
      body.not-learn-page .main-nav .top-level-nav > li:hover, body.not-learn-page .main-nav .top-level-nav > li.open {
        background: #f8f1ec; }
        body.not-learn-page .main-nav .top-level-nav > li:hover a, body.not-learn-page .main-nav .top-level-nav > li.open a {
          color: #ff5f2d; }
      body.not-learn-page .main-nav .top-level-nav > li.my-akc-nav {
        position: absolute;
        display: block;
        right: 0px;
        top: 0;
        color: #979891; }
        @media screen and (min-width: 48em) {
          body.not-learn-page .main-nav .top-level-nav > li.my-akc-nav {
            right: 20px; } }
        body.not-learn-page .main-nav .top-level-nav > li.my-akc-nav a {
          padding-top: 1rem;
          font-size: .6875rem; }
          @media screen and (min-width: 48em) {
            body.not-learn-page .main-nav .top-level-nav > li.my-akc-nav a {
              padding-top: 1.5rem; } }
        body.not-learn-page .main-nav .top-level-nav > li.my-akc-nav:hover {
          background-color: transparent; }
        @media screen and (min-width: 48em) {
          body.not-learn-page .main-nav .top-level-nav > li.my-akc-nav {
            padding-top: 2em;
            top: auto;
            right: 4.5em; } }
        @media screen and (min-width: 64em) {
          body.not-learn-page .main-nav .top-level-nav > li.my-akc-nav {
            padding-top: 2em;
            top: auto;
            right: 6em; } }
      body.not-learn-page .main-nav .top-level-nav > li.open.my-akc-nav {
        background-color: transparent; }
        body.not-learn-page .main-nav .top-level-nav > li.open.my-akc-nav > a {
          color: #ff5f2d; }
        body.not-learn-page .main-nav .top-level-nav > li.open.my-akc-nav:after {
          content: '';
          display: block;
          position: absolute;
          bottom: -1px;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          transform: translateX(-50%);
          width: 0;
          height: 0;
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-bottom: 10px solid #3d2d56; }
      body.not-learn-page .main-nav .top-level-nav > li > a {
        display: table-cell;
        font-size: .875em;
        padding: 1.2em 1em 1em 1em; }
        @media screen and (max-width: 970px) {
          body.not-learn-page .main-nav .top-level-nav > li > a {
            padding: 3.75em .3em 1em .3em; } }
        @media screen and (min-width: 971px) {
          body.not-learn-page .main-nav .top-level-nav > li > a {
            padding: 3.75em 1.15em 1em 1.15em; } }
  body.not-learn-page .main-nav .sign-in {
    color: #979891;
    text-decoration: none;
    text-transform: uppercase;
    font: normal 0.6875em "Montserrat", sans-serif;
    position: relative;
    top: 1.75em;
    right: 1em;
    float: right;
    display: block; }
    @media screen and (min-width: 48em) {
      body.not-learn-page .main-nav .sign-in {
        top: 4.5em; } }
  body.not-learn-page .main-nav .nav-search {
    display: none;
    position: absolute;
    right: 1em;
    top: 3.22em; }
    @media screen and (min-width: 48em) {
      body.not-learn-page .main-nav .nav-search {
        display: block;
        right: .6em; } }
  body.not-learn-page .main-nav .open .nav-search-anchor:after {
    display: block; }
  body.not-learn-page .main-nav .open .nav-search-anchor span {
    color: #ff5f2d; }
  body.not-learn-page .main-nav .nav-search-anchor {
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    font-size: .6875rem;
    color: #3d2d56;
    text-decoration: none; }
    body.not-learn-page .main-nav .nav-search-anchor:hover {
      color: #ff5f2d; }
    body.not-learn-page .main-nav .nav-search-anchor:after {
      content: '';
      position: absolute;
      display: none;
      left: 50%;
      bottom: -12px;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid #f8f1ec; }
  body.not-learn-page .main-nav .nav-search-input {
    padding: .75em .5em;
    background: transparent;
    z-index: 2000;
    width: 13em;
    box-shadow: none;
    position: static;
    float: left;
    width: auto;
    font-size: 1.5em;
    max-width: 78em;
    min-width: 80%;
    margin-left: 5em;
    margin-right: 0;
    vertical-align: bottom;
    color: #3d2d56;
    border: none;
    outline: 0; }
    body.not-learn-page .main-nav .nav-search-input::-webkit-input-placeholder {
      color: #979891;
      font: italic 1.125rem "Crimson Text", serif;
      line-height: 1.5rem;
      letter-spacing: .18rem; }
    body.not-learn-page .main-nav .nav-search-input::-moz-placeholder {
      color: #979891;
      font: italic 1.125rem "Crimson Text", serif;
      line-height: 1.5rem;
      letter-spacing: .18rem; }
    body.not-learn-page .main-nav .nav-search-input:-moz-placeholder {
      color: #979891;
      font: italic 1.125rem "Crimson Text", serif;
      line-height: 1.5rem;
      letter-spacing: .18rem; }
    body.not-learn-page .main-nav .nav-search-input:-ms-input-placeholder {
      color: #979891;
      font: italic 1.125rem "Crimson Text", serif;
      line-height: 1.5rem;
      letter-spacing: .18rem; }
    body.not-learn-page .main-nav .nav-search-input:active, body.not-learn-page .main-nav .nav-search-input:focus {
      border: none;
      -webkit-appearance: none;
      box-shadow: none; }
  body.not-learn-page .main-nav .nav-searchbar.open {
    top: 100%;
    opacity: 1;
    -webkit-transition: opacity 0.1s linear;
    -moz-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear; }
    body.not-learn-page .main-nav .nav-searchbar.open .search-submit {
      background: transparent;
      color: #979891;
      float: left;
      font-size: 1.1em;
      padding-right: 0;
      margin-top: .6rem; }
    body.not-learn-page .main-nav .nav-searchbar.open .search-small {
      max-width: 73.125em;
      margin-left: auto;
      margin-right: auto; }
      body.not-learn-page .main-nav .nav-searchbar.open .search-small::after {
        clear: both;
        content: "";
        display: table; }
    body.not-learn-page .main-nav .nav-searchbar.open .close-nav {
      color: #979891;
      text-decoration: none;
      float: left;
      margin-left: 1em;
      margin-top: 1.45em; }
  body.not-learn-page .main-nav .nav-searchbar {
    opacity: 0;
    float: left;
    left: 0;
    top: -10em;
    width: 100%;
    height: 4em;
    position: absolute;
    z-index: 1;
    background: #f8f1ec;
    display: none; }
    @media screen and (min-width: 48em) {
      body.not-learn-page .main-nav .nav-searchbar {
        display: block; } }
  body.not-learn-page .main-nav #avatar-wrapper {
    position: relative; }
  body.not-learn-page .main-nav #avatar-container {
    position: absolute;
    height: 30px;
    width: 30px;
    top: -8px;
    left: -34px; }
  body.not-learn-page .main-nav #avatar-container img {
    border-radius: 25px;
    height: 100%;
    width: 100%; }
body.not-learn-page .secondary-nav {
  display: none;
  float: left;
  width: 100%;
  opacity: 1;
  position: absolute;
  top: 50px;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out; }
  @media screen and (min-width: 48em) {
    body.not-learn-page .secondary-nav {
      top: 86px; } }
  body.not-learn-page .secondary-nav .chosen {
    margin-bottom: .5em; }
  body.not-learn-page .secondary-nav .chosen-container-single .chosen-single {
    background-color: #fff;
    height: auto;
    padding: .5em 1em; }
body.not-learn-page .open .secondary-nav {
  opacity: 1;
  display: block;
  width: 100%;
  z-index: 2;
  -webkit-transition: opacity 0.3s ease-out 0.2s;
  -moz-transition: opacity 0.3s ease-out 0.2s;
  transition: opacity 0.3s ease-out 0.2s; }
body.not-learn-page .secondary-level-nav {
  display: none;
  background-color: #f8f1ec;
  padding-top: 3em; }
  body.not-learn-page .secondary-level-nav.secondary-color {
    background-color: #3d2d56; }
    @media screen and (min-width: 48em) {
      body.not-learn-page .secondary-level-nav.secondary-color li.colhead a {
        border-bottom: .1em solid black; } }
  body.not-learn-page .secondary-level-nav.active {
    display: block; }
  body.not-learn-page .secondary-level-nav > ul {
    padding: 0; }
    @media screen and (min-width: 48em) {
      body.not-learn-page .secondary-level-nav > ul {
        padding: 0 1.125em; } }
  body.not-learn-page .secondary-level-nav .column {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 100%; }
    body.not-learn-page .secondary-level-nav .column:last-child {
      margin-right: 0; }
    body.not-learn-page .secondary-level-nav .column:nth-child(2n) {
      margin-right: 0; }
    @media screen and (min-width: 48em) {
      body.not-learn-page .secondary-level-nav .column {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 48.71795%; }
        body.not-learn-page .secondary-level-nav .column:last-child {
          margin-right: 0; } }
    @media screen and (min-width: 60em) {
      body.not-learn-page .secondary-level-nav .column {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 23.07692%; }
        body.not-learn-page .secondary-level-nav .column:last-child {
          margin-right: 0; }
        body.not-learn-page .secondary-level-nav .column:nth-child(2n) {
          float: left;
          display: block;
          margin-right: 2.5641%;
          width: 23.07692%; }
          body.not-learn-page .secondary-level-nav .column:nth-child(2n):last-child {
            margin-right: 0; } }
    body.not-learn-page .secondary-level-nav .column > ul {
      padding-bottom: 1.5em; }
      @media screen and (min-width: 48em) {
        body.not-learn-page .secondary-level-nav .column > ul {
          padding-top: 0;
          background: 0; } }
  body.not-learn-page .secondary-level-nav li.colhead a {
    font: italic 1em "Crimson Text", serif;
    text-transform: none;
    padding-bottom: .5em;
    display: inline-block;
    color: #979891; }
    body.not-learn-page .secondary-level-nav li.colhead a.has-no-link {
      cursor: default; }
    @media screen and (min-width: 48em) {
      body.not-learn-page .secondary-level-nav li.colhead a {
        border-bottom: .1em solid #e5ddd8;
        font: italic 1em "Crimson Text", serif;
        margin-bottom: .5em; } }
  body.not-learn-page .secondary-level-nav li {
    display: none; }
    body.not-learn-page .secondary-level-nav li.column a, body.not-learn-page .secondary-level-nav li.column button {
      padding-left: 1.125em; }
      @media screen and (min-width: 48em) {
        body.not-learn-page .secondary-level-nav li.column a, body.not-learn-page .secondary-level-nav li.column button {
          padding-left: 0; } }
    body.not-learn-page .secondary-level-nav li li.links-container {
      display: block;
      clear: both; }
      body.not-learn-page .secondary-level-nav li li.links-container ul {
        display: none;
        margin-bottom: -1.5em;
        background: #f8f1ec;
        padding-top: 1em;
        padding-bottom: 1.5em; }
        @media screen and (min-width: 48em) {
          body.not-learn-page .secondary-level-nav li li.links-container ul {
            display: block;
            background: 0;
            margin-bottom: 0;
            padding-top: 0; } }
        body.not-learn-page .secondary-level-nav li li.links-container ul li {
          display: block; }
          body.not-learn-page .secondary-level-nav li li.links-container ul li a, body.not-learn-page .secondary-level-nav li li.links-container ul li button {
            padding-left: 2.5em;
            color: #bf692c; }
            @media screen and (min-width: 48em) {
              body.not-learn-page .secondary-level-nav li li.links-container ul li a, body.not-learn-page .secondary-level-nav li li.links-container ul li button {
                padding-left: 0; }
                body.not-learn-page .secondary-level-nav li li.links-container ul li a:hover, body.not-learn-page .secondary-level-nav li li.links-container ul li button:hover {
                  color: #ff5f2d; } }
    @media screen and (min-width: 48em) {
      body.not-learn-page .secondary-level-nav li {
        display: block; } }
    body.not-learn-page .secondary-level-nav li.colhead {
      display: block; }
      body.not-learn-page .secondary-level-nav li.colhead a {
        width: 100%;
        background: #3d2d56;
        cursor: pointer; }
        @media screen and (min-width: 48em) {
          body.not-learn-page .secondary-level-nav li.colhead a {
            float: none;
            background: 0; } }
        @media screen and (min-width: 48em) {
          body.not-learn-page .secondary-level-nav li.colhead a {
            cursor: default; } }
        body.not-learn-page .secondary-level-nav li.colhead a:hover {
          color: #979891; }
      body.not-learn-page .secondary-level-nav li.colhead .header-title {
        display: block;
        float: left; }
      body.not-learn-page .secondary-level-nav li.colhead .icon-arrow {
        float: left;
        margin-top: .6em;
        margin-left: 1em;
        color: #ff5f2d;
        font-size: .7em;
        display: none; }
      body.not-learn-page .secondary-level-nav li.colhead.open:last-child {
        padding-bottom: 0; }
      body.not-learn-page .secondary-level-nav li.colhead.open a {
        color: #ff5f2d; }
      body.not-learn-page .secondary-level-nav li.colhead.open .icon-arrow {
        display: block; }
  body.not-learn-page .secondary-level-nav li > a, body.not-learn-page .secondary-level-nav li button {
    font: 400 0.75em "Montserrat", sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    padding: .65em 0;
    color: #bf692c;
    display: block;
    background: 0;
    outline: 0;
    letter-spacing: .1em; }
    body.not-learn-page .secondary-level-nav li > a:hover, body.not-learn-page .secondary-level-nav li button:hover {
      color: #ff5f2d; }
body.not-learn-page body.mobile-nav-active {
  overflow-x: scroll;
  overflow-y: hidden; }
body.not-learn-page .nav-container, body.not-learn-page .footer-container, body.not-learn-page .main-page {
  -webkit-transition: -webkit-transform 0.2s ease-out;
  -moz-transition: -moz-transform 0.2s ease-out;
  transition: transform 0.2s ease-out; }
  body.not-learn-page .nav-container.mobile-nav-active, body.not-learn-page .footer-container.mobile-nav-active, body.not-learn-page .main-page.mobile-nav-active {
    -webkit-box-shadow: -1px -8px 8px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: -1px -8px 8px 0px rgba(0, 0, 0, 0.5);
    box-shadow: -1px -8px 8px 0px rgba(0, 0, 0, 0.5);
    -webkit-transform: translate3d(85%, 0, 0);
    -moz-transform: translate3d(85%, 0, 0);
    -ms-transform: translate3d(85%, 0, 0);
    -o-transform: translate3d(85%, 0, 0);
    transform: translate3d(85%, 0, 0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    overflow-x: hidden;
    overflow-y: hidden; }
body.not-learn-page .main-page.mobile-nav-active {
  overflow-x: scroll; }
body.not-learn-page .mobile-nav {
  position: fixed;
  width: 85%;
  height: 100%;
  top: 0;
  left: 0;
  background: #f8f1ec;
  overflow-x: hidden;
  overflow-y: auto;
  opacity: 0;
  -webkit-transition: opacity 0.1s linear 0.3s;
  -moz-transition: opacity 0.1s linear 0.3s;
  transition: opacity 0.1s linear 0.3s; }
  body.not-learn-page .mobile-nav.open {
    opacity: 1;
    -webkit-transition: opacity 0.1s linear;
    -moz-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear; }
body.not-learn-page .mobile-nav > .mobile-nav-list li a:after {
  right: 16px; }
body.not-learn-page .mobile-nav-list {
  position: relative; }
  body.not-learn-page .mobile-nav-list li ul {
    position: absolute;
    top: 0;
    left: 50%;
    display: none; }
  body.not-learn-page .mobile-nav-list li a {
    position: relative;
    display: block;
    font-size: 1.25rem;
    padding: .3rem .8rem;
    border-bottom: solid 1px #e3dbd6; }
    body.not-learn-page .mobile-nav-list li a:after {
      content: '\e62b';
      font-family: 'icomoon';
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      right: 10px;
      height: auto;
      font-size: 1.25em;
      line-height: 1; }
    body.not-learn-page .mobile-nav-list li a.home:after {
      content: '';
      display: none; }
  body.not-learn-page .mobile-nav-list ul li a {
    font-size: 1.1rem;
    padding: .3em 0 .3em 1.2em;
    display: block;
    color: #979891;
    text-decoration: none; }
body.not-learn-page .mobile-nav-search {
  position: relative; }
  body.not-learn-page .mobile-nav-search button {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%; }
body.not-learn-page .mobile-nav-search input {
  background: none;
  border: none;
  border-bottom: solid 1px #e3dbd6;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  line-height: 1.8;
  font-size: 1.4rem;
  padding: .3em 0 .2em .8em;
  margin: 0; }
  body.not-learn-page .mobile-nav-search input:focus {
    border-color: #e3dbd6;
    box-shadow: none;
    outline: none; }
body.not-learn-page .mobile-nav-steps {
  line-height: 1.5;
  position: relative;
  width: 300%;
  height: 100%;
  display: block;
  clear: both;
  -webkit-transition: -webkit-transform 0.2s;
  -moz-transition: -moz-transform 0.2s;
  transition: transform 0.2s; }
  body.not-learn-page .mobile-nav-steps.step-2 {
    -webkit-transform: translateX(-33.333%);
    -moz-transform: translateX(-33.333%);
    -ms-transform: translateX(-33.333%);
    -o-transform: translateX(-33.333%);
    transform: translateX(-33.333%); }
  body.not-learn-page .mobile-nav-steps.step-3 {
    -webkit-transform: translateX(-66.666%);
    -moz-transform: translateX(-66.666%);
    -ms-transform: translateX(-66.666%);
    -o-transform: translateX(-66.666%);
    transform: translateX(-66.666%); }
  body.not-learn-page .mobile-nav-steps .mobile-nav-step-1, body.not-learn-page .mobile-nav-steps .mobile-nav-step-2, body.not-learn-page .mobile-nav-steps .mobile-nav-step-3 {
    position: relative;
    width: 33.333%;
    float: left;
    letter-spacing: auto;
    line-height: inherit; }
  body.not-learn-page .mobile-nav-steps .mobile-nav-step-2 .mobile-nav-list, body.not-learn-page .mobile-nav-steps .mobile-nav-step-3 .mobile-nav-list {
    display: none; }
    body.not-learn-page .mobile-nav-steps .mobile-nav-step-2 .mobile-nav-list.open, body.not-learn-page .mobile-nav-steps .mobile-nav-step-3 .mobile-nav-list.open {
      display: block; }
    body.not-learn-page .mobile-nav-steps .mobile-nav-step-2 .mobile-nav-list li a, body.not-learn-page .mobile-nav-steps .mobile-nav-step-3 .mobile-nav-list li a {
      font-size: 1.25rem;
      background: #ede6e1;
      border-color: #f8f1ec;
      padding-left: 2.5rem;
      padding-right: 6.25rem;
      line-height: 1.3rem;
      padding-top: 1rem;
      padding-bottom: 1rem; }
    body.not-learn-page .mobile-nav-steps .mobile-nav-step-2 .mobile-nav-list .colhead a, body.not-learn-page .mobile-nav-steps .mobile-nav-step-3 .mobile-nav-list .colhead a {
      font-size: 1.25em;
      color: #ff5f2d;
      padding-left: 2.5rem;
      background-color: #f8f1ec; }
      body.not-learn-page .mobile-nav-steps .mobile-nav-step-2 .mobile-nav-list .colhead a:after, body.not-learn-page .mobile-nav-steps .mobile-nav-step-3 .mobile-nav-list .colhead a:after {
        content: '\e62b';
        -webkit-transform: rotate(180deg) translateY(-50%);
        -moz-transform: rotate(180deg) translateY(-50%);
        -ms-transform: rotate(180deg) translateY(-50%);
        -o-transform: rotate(180deg) translateY(-50%);
        transform: rotate(180deg) translateY(-50%);
        right: auto;
        left: 10px;
        top: 2px; }
body.not-learn-page .nav-search-close {
  display: none; }
body.not-learn-page div.gigya-screen-dialog {
  border-color: rgba(0, 0, 0, 0.3) !important; }
body.not-learn-page .gigya-screen-dialog-inner div.gigya-screen-dialog-top {
  background-color: #3d2d56; }
body.not-learn-page div.gigya-screen-dialog-caption {
  font-family: "Montserrat", sans-serif;
  color: #fff;
  text-transform: uppercase;
  padding-top: 7px; }
body.not-learn-page .gigya-composite-control.gigya-composite-control-header {
  font-family: "Montserrat", sans-serif;
  color: #3d2d56; }
body.not-learn-page .gigya-screen span {
  font-family: "Montserrat", sans-serif;
  color: #3d2d56; }
body.not-learn-page #gigya-login-screen a.forgotPassword, body.not-learn-page #gigya-login-screen a.forgotPassword:link {
  color: #ff9c00;
  font-family: "Lato", sans-serif; }
body.not-learn-page .gigya-label .gigya-label-text, body.not-learn-page .gigya-composite-control.gigya-composite-control-label {
  font-family: "Lato", sans-serif;
  color: #3d2d56; }
body.not-learn-page .gigya-composite-control.gigya-composite-control-submit .gigya-input-submit {
  padding: 8px 0px;
  margin-bottom: 5px;
  width: 100%;
  background: none;
  background-color: #ff5f2d;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  border-radius: 0;
  text-align: center; }
body.not-learn-page input.gigya-input-text, body.not-learn-page input.gigya-input-password {
  width: 100% !important;
  border: 1px solid #979891 !important; }
body.not-learn-page .gigya-screen-dialog-inner {
  background-color: #f8f1ec; }
body.not-learn-page .gigya-screen .gigya-layout-row .gigya-layout-cell {
  max-width: 50%; }
body.not-learn-page .gigya-composite-control.gigya-composite-control-label a {
  color: #ff9c00 !important;
  font-family: "Lato", sans-serif; }

.footer-container .footer-column.icons li .icon img {
  width: auto;
  float: none; }

.instadogs {
  padding: 0; }
  .instadogs article {
    max-width: 73.125em;
    margin-left: auto;
    margin-right: auto;
    position: relative; }
    .instadogs article::after {
      clear: both;
      content: "";
      display: table; }
  .instadogs h1, .instadogs .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .instadogs h2, .instadogs h2 {
    color: #bf692c;
    padding-bottom: 1em;
    padding-top: 2em;
    display: block; }
    @media screen and (min-width: 48em) {
      .instadogs h1, .instadogs .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .instadogs h2, .instadogs h2 {
        margin-top: 2em; } }
  @media screen and (min-width: 28.75em) {
    .instadogs .akc-swiper-container {
      width: 100%;
      position: relative; } }
  .instadogs .block {
    position: relative;
    float: left;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    perspective: 1000; }
    .instadogs .block a {
      height: 100%;
      width: 100%;
      float: left; }
    .instadogs .block:hover .front {
      -webkit-transform: rotateY(180deg);
      -moz-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      -o-transform: rotateY(180deg);
      transform: rotateY(180deg);
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      -o-transform-style: preserve-3d;
      transform-style: preserve-3d; }
    .instadogs .block:hover .back {
      -webkit-transform: rotateY(0deg);
      -moz-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      -o-transform: rotateY(0deg);
      transform: rotateY(0deg);
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      -o-transform-style: preserve-3d;
      transform-style: preserve-3d; }
    .instadogs .block .front, .instadogs .block .back {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-transition: all 0.3s ease-in;
      -moz-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in; }
    .instadogs .block .front {
      background-color: #3d2d56; }
    .instadogs .block .back {
      display: block;
      background-color: #3d2d56;
      -webkit-transform: rotateY(-180deg);
      -moz-transform: rotateY(-180deg);
      -ms-transform: rotateY(-180deg);
      -o-transform: rotateY(-180deg);
      transform: rotateY(-180deg);
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      -o-transform-style: preserve-3d;
      transform-style: preserve-3d; }
      .instadogs .block .back p {
        color: #fff;
        padding: 4em 1em 0 1em;
        font-family: "Montserrat", sans-serif;
        font-size: .75rem;
        text-transform: uppercase; }
      .instadogs .block .back .hashtag {
        font-family: "Crimson Text", serif;
        font-style: italic;
        color: #fff;
        font-size: .875rem;
        display: inline;
        word-break: break-word; }
    .instadogs .block.image img, .instadogs .block.video img {
      margin: 0;
      float: left; }
    .instadogs .block .instadog {
      position: relative;
      z-index: 50; }
  .instadogs .overlay {
    position: absolute;
    width: inherit;
    height: inherit;
    background-color: rgba(255, 95, 45, 0.9);
    -webkit-transition: opacity 0.15s ease-in;
    -moz-transition: opacity 0.15s ease-in;
    transition: opacity 0.15s ease-in;
    z-index: 100;
    top: 0;
    left: 0; }
    .instadogs .overlay.hidden {
      z-index: 0;
      opacity: 0;
      -webkit-transition: opacity 0.3s ease-out;
      -moz-transition: opacity 0.3s ease-out;
      transition: opacity 0.3s ease-out; }
    .instadogs .overlay p {
      -webkit-transform: translateY(-130%);
      -moz-transform: translateY(-130%);
      -ms-transform: translateY(-130%);
      -o-transform: translateY(-130%);
      transform: translateY(-130%);
      top: 50%;
      position: absolute;
      width: 100%;
      text-align: center;
      color: #fff;
      font-family: "Montserrat", sans-serif;
      text-transform: uppercase;
      font-size: .8rem; }
    .instadogs .overlay .icon-plus {
      display: block;
      font-size: .5em;
      z-index: 10;
      position: absolute;
      color: #fff;
      top: 50%;
      left: 50%;
      margin-left: -1.1em;
      -webkit-transform: translateY(50%);
      -moz-transform: translateY(50%);
      -ms-transform: translateY(50%);
      -o-transform: translateY(50%);
      transform: translateY(50%);
      -webkit-transform: translateX(50%);
      -moz-transform: translateX(50%);
      -ms-transform: translateX(50%);
      -o-transform: translateX(50%);
      transform: translateX(50%); }
      .instadogs .overlay .icon-plus:after {
        content: '';
        position: absolute;
        width: 1.6rem;
        height: 1.6rem;
        margin-left: -1.175rem;
        margin-top: -0.54rem;
        border: 2px solid #fff;
        border-radius: 99em; }
  .instadogs .instadogs-container {
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
    float: left;
    height: 29em; }
    @media screen and (min-width: 28.75em) {
      .instadogs .instadogs-container {
        height: auto;
        margin: 0; } }
  .instadogs .instadogs-wrapper {
    width: 100%;
    float: left;
    margin: 0 auto; }
    @media screen and (min-width: 28.75em) {
      .instadogs .instadogs-wrapper {
        width: 100%;
        min-height: 40em;
        float: left; } }
  .instadogs .pagination {
    position: relative;
    top: -5em; }
    @media screen and (min-width: 28.75em) {
      .instadogs .pagination {
        display: none; } }
  .instadogs .slide {
    float: left;
    width: 100%;
    display: inline;
    position: relative;
    height: 100vw; }
    @media screen and (min-width: 28.75em) {
      .instadogs .slide {
        max-height: 24.375em; } }
  .instadogs .large {
    display: block;
    height: 50vw;
    width: 50vw;
    float: left; }
    @media screen and (min-width: 28.75em) {
      .instadogs .large {
        height: 24.375em;
        width: 24.375em; } }
    .instadogs .large img {
      display: block;
      height: 100%;
      width: 100%; }
  .instadogs .small {
    display: block;
    height: 50vw;
    width: 50vw;
    float: left; }
    @media screen and (min-width: 28.75em) {
      .instadogs .small {
        height: 12.1875em;
        width: 12.1875em; } }
    .instadogs .small img {
      height: 100%;
      width: 100%; }
  .instadogs .add {
    height: 50vw;
    width: 50vw;
    float: left; }
    @media screen and (min-width: 28.75em) {
      .instadogs .add {
        height: 12.1875em;
        width: 12.1875em; } }
    .instadogs .add img {
      width: 2.5em;
      height: 2.5em;
      display: block;
      margin: 0 auto;
      margin-top: 4em; }
    .instadogs .add span {
      color: #ff5f2d;
      padding-top: .25em;
      font-family: "Montserrat", sans-serif;
      text-transform: uppercase;
      text-align: center;
      display: block; }
  .instadogs .video a:before {
    content: '';
    background: rgba(255, 95, 45, 0.9) url("/assets/icons/play.svg") no-repeat center center;
    background-size: 1em;
    display: block;
    position: absolute;
    width: 4em;
    height: 4em;
    opacity: .9;
    left: 50%;
    top: 50%;
    margin-left: -2em;
    margin-top: -2em; }
  .instadogs .more {
    background-color: #ff5f2d;
    height: 50vw;
    width: 50vw;
    display: none;
    position: relative;
    -webkit-transition: background-color 0.2s ease-in;
    -moz-transition: background-color 0.2s ease-in;
    transition: background-color 0.2s ease-in; }
    @media screen and (min-width: 28.75em) {
      .instadogs .more {
        display: block;
        height: 12.1875em;
        width: 12.1875em; } }
    .instadogs .more:hover {
      -webkit-transition: background-color 0.2s ease-in;
      -moz-transition: background-color 0.2s ease-in;
      transition: background-color 0.2s ease-in;
      background-color: #d95126; }
    .instadogs .more span {
      color: #fff;
      font-family: "Montserrat", sans-serif;
      text-transform: uppercase;
      text-align: center;
      padding-bottom: 1em;
      position: absolute;
      display: block;
      width: 100%;
      top: 35%; }
    .instadogs .more img {
      width: 2em;
      height: 2em;
      display: block;
      margin: 0 auto;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -1.25em; }

input[type='submit'], input[type='image'], label, select, button, .pointer {
  cursor: pointer; }

input:focus {
  outline: none; }

input[type='text'], textarea {
  font: normal 1em "Lato", sans-serif;
  border-radius: 0;
  outline: none;
  color: #3d2d56;
  border: none;
  width: 100%; }
  @media screen and (min-width: 48em) {
    input[type='text'], textarea {
      width: auto; } }
  input[type='text']:active, input[type='text']:focus, textarea:active, textarea:focus {
    box-shadow: none; }

fieldset {
  background: transparent;
  border: none; }

fieldset {
  border: none;
  padding: 0;
  margin: 0;
  display: block;
  width: 100%; }
  fieldset.center {
    text-align: center;
    margin: 0 auto; }

.zip-input {
  height: 3.425em;
  width: 100%;
  display: inline-block;
  letter-spacing: .0625em;
  margin: 0; }
  @media screen and (min-width: 48em) {
    .zip-input {
      width: 7em; } }
  .zip-input.dark {
    border: .0625em solid #211731; }
  .zip-input.light {
    border: .0625em solid #cbc2bc; }
  .zip-input:active {
    border: 0.0625em solid #ff5f2d; }

.radio-item {
  min-height: 5.625em;
  position: relative; }
  .radio-item label {
    width: 100%; }
    .radio-item label:before {
      content: '';
      background-color: #fff;
      width: 2.375em;
      height: 2.375em;
      margin-left: -1.1875em;
      position: absolute;
      top: 0;
      left: 50%;
      display: block;
      border-radius: 99em;
      border: .25em solid #fff;
      box-shadow: 0 0 0 0.1em #979891;
      -webkit-transition: all 0.1s ease-out;
      -moz-transition: all 0.1s ease-out;
      transition: all 0.1s ease-out;
      z-index: 2; }
  .radio-item [type=radio] {
    display: none; }
  .radio-item [type=radio]:checked ~ label {
    color: #fff;
    z-index: 2; }
    .radio-item [type=radio]:checked ~ label:before {
      content: "";
      font-weight: normal;
      display: block;
      background-color: #ff5f2d;
      text-align: center; }

.form-section {
  text-align: center;
  float: left;
  width: 100%; }
  .form-section::after {
    clear: both;
    content: "";
    display: table; }
  .form-section .brown-head {
    margin-bottom: 1.29032em; }
  .form-section .btn.icon-font-left {
    margin-bottom: 7.5rem; }

.radio-list.two-up .radio-item {
  float: left;
  display: block;
  margin-right: 2.5641%;
  width: 100%;
  padding-top: 1.875em;
  padding-bottom: 4.375rem; }
  .radio-list.two-up .radio-item:last-child {
    margin-right: 0; }
  @media screen and (min-width: 48em) {
    .radio-list.two-up .radio-item {
      float: left;
      display: block;
      margin-right: 2.5641%;
      width: 31.62393%; }
      .radio-list.two-up .radio-item:last-child {
        margin-right: 0; }
      .radio-list.two-up .radio-item:first-child {
        margin-left: 17.09402%; }
      .radio-list.two-up .radio-item:nth-child(3) {
        margin-left: 17.09402%; } }
.radio-list.three-up {
  padding-bottom: 3rem; }
  .radio-list.three-up .radio-item {
    padding-top: 2.375em;
    padding-bottom: 3em;
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 100%; }
    .radio-list.three-up .radio-item:last-child {
      margin-right: 0; }
    @media screen and (min-width: 48em) {
      .radio-list.three-up .radio-item {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 31.62393%; }
        .radio-list.three-up .radio-item:last-child {
          margin-right: 0; }
        .radio-list.three-up .radio-item:nth-child(3n) {
          margin-right: 0; }
        .radio-list.three-up .radio-item:nth-child(3n+1) {
          clear: left; } }
.radio-list .radio-item {
  text-align: center; }
  .radio-list .radio-item:hover h3, .radio-list .radio-item .big-radio:checked + h3 {
    color: #3d2d56; }
  .radio-list .radio-item h3 {
    font-size: 1.25em;
    color: #979891; }
    .radio-list .radio-item h3:after {
      border-bottom: none; }
  .radio-list .radio-item label .label-label {
    position: relative;
    width: 100%;
    margin-top: 1.1875em;
    text-align: center;
    z-index: 0; }
    @media screen and (min-width: 48em) {
      .radio-list .radio-item label .label-label {
        margin-top: 1.875em; } }
    .radio-list .radio-item label .label-label h3 {
      padding-bottom: 1.25rem; }
      @media screen and (min-width: 48em) {
        .radio-list .radio-item label .label-label h3 {
          padding-bottom: 0; } }
  .radio-list .radio-item label h3 {
    font-size: 1em;
    color: #979891;
    font-weight: normal; }
    @media screen and (min-width: 48em) {
      .radio-list .radio-item label h3 {
        font-size: 1.25em; }
        .radio-list .radio-item label h3 small {
          font-size: 1.0625rem;
          padding-bottom: .3em; } }
  .radio-list .radio-item label p {
    font-weight: normal; }
  .radio-list .radio-item [type=radio]:checked ~ label h3 {
    color: #3d2d56; }

.hacky-select {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border: 1px solid #e3e3e3;
  padding: 0 0 0 1.25em;
  background-color: #fff;
  margin: 0;
  z-index: 0; }
  @media screen and (min-width: 25em) {
    .hacky-select {
      overflow: visible;
      border: none;
      padding: 0;
      z-index: 1010; } }
  .hacky-select .fallback {
    display: inline-block; }
    @media screen and (min-width: 25em) {
      .hacky-select .fallback {
        display: none !important; } }
    .hacky-select .fallback:hover, .hacky-select .fallback:active, .hacky-select .fallback.active {
      border-color: #ff9c00;
      box-shadow: 0 0 3px #ff5f2d; }
  @media screen and (min-width: 25em) {
    .hacky-select .chosen-select {
      display: block; } }
  .hacky-select figcaption {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%; }
    .hacky-select figcaption:before {
      position: relative;
      width: 100%;
      display: block;
      text-align: center;
      color: #ff9c00; }
  .hacky-select select {
    position: relative;
    color: #ff9c00;
    text-transform: uppercase;
    margin-bottom: 0;
    border: none;
    background: transparent !important;
    padding-left: 1.6rem;
    z-index: 20;
    -webkit-appearance: none;
    appearance: none;
    outline: none; }
    @media screen and (max-width: 25em) {
      .hacky-select select {
        padding-left: 0.1rem; } }

.body-search-field {
  width: 100%; }
  .body-search-field input {
    border: 1px solid #ccc;
    height: 3.4375em;
    line-height: 3.4375em;
    border-radius: 0;
    outline: none;
    font: 1em "Montserrat", sans-serif;
    padding-left: 1.25em;
    padding-right: 3.4375em; }
    .body-search-field input::-webkit-input-placeholder {
      color: #ff9c00;
      text-transform: uppercase; }
    .body-search-field input:-moz-placeholder {
      /* Firefox 18- */
      color: #ff9c00;
      text-transform: uppercase; }
    .body-search-field input::-moz-placeholder {
      /* Firefox 19+ */
      color: #ff9c00;
      text-transform: uppercase; }
    .body-search-field input:-ms-input-placeholder {
      color: #ff9c00;
      text-transform: uppercase; }

.sharebox {
  display: inline-block; }
  .sharebox ul {
    float: left; }
  .sharebox li {
    float: left; }
    .sharebox li.share {
      background-color: #3d2d56; }
    .sharebox li.icon {
      background-color: #ff5f2d;
      border-left: .1em solid #d95126; }
      .sharebox li.icon:hover {
        background-color: #d95126; }
  .sharebox .facebook a:after {
    opacity: 0; }
  .sharebox.active .facebook a:after {
    opacity: 1; }
  .sharebox a, .sharebox .share {
    width: 100%;
    display: block;
    width: 56px;
    height: 58px;
    background-repeat: no-repeat;
    background-size: 40% 40%;
    background-position: center center; }
    .sharebox a:hover, .sharebox .share:hover {
      cursor: pointer; }
    .sharebox a span, .sharebox .share span {
      display: block;
      width: 100%;
      height: 100%; }
  .sharebox .share {
    background-image: url(/assets/social/share.svg);
    background-position: center 45%; }
  .sharebox .facebook a, .sharebox .twitter a, .sharebox .pinterest a {
    background-size: 20px 25px; }
  .sharebox .facebook a {
    background-image: url(/assets/social/facebook.svg);
    position: relative; }
    .sharebox .facebook a:hover:after {
      background-color: #d95126; }
    .sharebox .facebook a:after {
      content: '';
      height: 1em;
      width: 1em;
      position: absolute;
      top: 50%;
      left: -.5em;
      margin-top: -.5em;
      background-color: #ff5f2d;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      position: absolute;
      z-index: 1; }
  .sharebox .twitter a {
    background-image: url(/assets/social/twitter.svg); }
  .sharebox .pinterest a {
    background-image: url(/assets/social/pinterest.svg); }
  .sharebox .email a {
    background-image: url(/assets/social/email.svg);
    background-size: 25px 15px; }

.sharebox.fixed {
  position: fixed;
  right: -231px;
  top: 65%;
  z-index: 999;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s; }
  .sharebox.fixed .share:after {
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s; }
  .sharebox.fixed .facebook a:after {
    opacity: 0; }
  .sharebox.fixed:hover {
    -webkit-transform: translateX(-228px);
    -moz-transform: translateX(-228px);
    -ms-transform: translateX(-228px);
    -o-transform: translateX(-228px);
    transform: translateX(-228px); }
    .sharebox.fixed:hover .facebook a:after {
      opacity: 1; }
    .sharebox.fixed:hover .share:after {
      opacity: 1; }

.fb-activity {
  width: 100% !important; }

/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.2.0
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2014 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
.not-learn-page {
  /* @group Base */
  /* @end */
  /* @group Single Chosen */
  /* @end */
  /* @group Results */
  /* @end */
  /* @group Multi Chosen */
  /* @end */
  /* @group Active  */
  /* @end */
  /* @group Disabled Support */
  /* @end */
  /* @group Right to Left */ }
  .not-learn-page .chosen-holder {
    width: 30em;
    margin: 0 auto;
    margin-bottom: 2.5rem; }
  .not-learn-page .chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 1em;
    zoom: 1;
    *display: inline;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%; }
  .not-learn-page .chosen-container * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  .not-learn-page .chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    left: -9999px;
    z-index: 1010;
    width: 100%;
    border: .1em solid #aaa;
    border-top: 0;
    background-color: #fff; }
  .not-learn-page .chosen-container.chosen-with-drop .chosen-drop {
    left: 0; }
  .not-learn-page .chosen-container a {
    cursor: pointer; }
  .not-learn-page .chosen-container-single .chosen-single {
    position: relative;
    display: block;
    padding: 0 0 0 1.25em;
    height: 3.55em;
    border: 1px solid #e3e3e3;
    background-color: #fff;
    background-clip: padding-box;
    color: #ff9c00;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    line-height: 2em;
    font-family: "Montserrat", sans-serif;
    left: 0; }
  .not-learn-page .chosen-container-single .chosen-default {
    color: #999; }
  .not-learn-page .chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 1.625em;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 100%;
    line-height: 3.4em;
    text-align: left; }
  .not-learn-page .chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px; }
  .not-learn-page .chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url("/assets/up-arrow-bo.svg") -42px 1px no-repeat;
    font-size: 1px; }
  .not-learn-page .chosen-container-single .chosen-single abbr:hover {
    background-position: -42px -10px; }
  .not-learn-page .chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px; }
  .not-learn-page .chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 2em;
    height: 100%; }
    .not-learn-page .chosen-container-single .chosen-single div:hover b {
      background: url("/assets/down-arrow-hover.svg") no-repeat 75% center;
      background-size: 100%; }
  .not-learn-page .chosen-container-single .chosen-single div b {
    display: block;
    width: 50%;
    height: 100%;
    background: url("/assets/down-arrow-bo.svg") no-repeat 75% center;
    background-size: 100%; }
  .not-learn-page .chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: .1875em .25em;
    white-space: nowrap; }
  .not-learn-page .chosen-container-single .chosen-search input[type="text"] {
    margin: 1px 0;
    padding: .75em 1.25em .75em .25em;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #aaa;
    background: white url("/assets/icons/search.svg") no-repeat;
    background: url("/assets/icons/search.svg") no-repeat 98% 40%;
    background-size: 1.75em;
    color: #ff9c00;
    font-size: 1em;
    font-family: "Montserrat", sans-serif;
    line-height: normal;
    border-radius: 0; }
  .not-learn-page .chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box; }
  .not-learn-page .chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999px; }
  .not-learn-page .chosen-container .chosen-results {
    color: #979891;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 .25em;
    max-height: 15em;
    -webkit-overflow-scrolling: touch; }
  .not-learn-page .chosen-container .chosen-results li {
    display: none;
    margin: 0;
    letter-spacing: .1rem;
    padding: 1em .5em;
    list-style: none;
    line-height: .9375em;
    word-wrap: break-word;
    -webkit-touch-callout: none;
    font-family: "Montserrat", sans-serif;
    text-align: left; }
  .not-learn-page .chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    letter-spacing: .15rem; }
  .not-learn-page .chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #ccc;
    cursor: default; }
  .not-learn-page .chosen-container .chosen-results li.highlighted {
    background-color: #ff5f2d;
    color: #fff; }
  .not-learn-page .chosen-container .chosen-results li.no-results {
    color: #777;
    display: list-item;
    background: #f4f4f4; }
  .not-learn-page .chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: bold;
    cursor: default;
    color: #3d2d56;
    letter-spacing: .15em; }
  .not-learn-page .chosen-container .chosen-results li.group-option {
    padding-left: 15px; }
  .not-learn-page .chosen-container .chosen-results li em {
    font-style: normal;
    color: #3d2d56; }
  .not-learn-page .chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 5px;
    width: 100%;
    height: auto !important;
    height: 1%;
    border: 1px solid #aaa;
    background-color: #fff;
    cursor: text; }
  .not-learn-page .chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none; }
  .not-learn-page .chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap; }
  .not-learn-page .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    margin: 1px 0;
    padding: 0;
    height: 2em;
    outline: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none;
    color: #ff5f2d;
    font-size: 1em;
    font-family: "Montserrat", sans-serif;
    line-height: normal;
    border-radius: 0; }
  .not-learn-page .chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 3px 5px 3px 0;
    padding: 3px 20px 3px 5px;
    border: 1px solid #aaa;
    max-width: 100%;
    border-radius: 3px;
    background-color: #eeeeee;
    background-repeat: repeat-x;
    background-clip: padding-box;
    box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #333;
    line-height: 13px;
    cursor: default; }
  .not-learn-page .chosen-container-multi .chosen-choices li.search-choice span {
    word-wrap: break-word; }
  .not-learn-page .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 4px;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    background: url("/assets/up-arrow-bo.svg") -42px 1px no-repeat;
    font-size: 1px; }
  .not-learn-page .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: -42px -10px; }
  .not-learn-page .chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    color: #666; }
  .not-learn-page .chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4; }
  .not-learn-page .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px; }
  .not-learn-page .chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0; }
  .not-learn-page .chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default; }
  .not-learn-page .chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #aaa;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    box-shadow: 0 1px 0 #fff inset; }
  .not-learn-page .chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: none;
    background: transparent; }
  .not-learn-page .chosen-container-active.chosen-with-drop .chosen-single div b {
    background: url("/assets/up-arrow-bo.svg") no-repeat 75% center; }
  .not-learn-page .chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
  .not-learn-page .chosen-container-active .chosen-choices li.search-field input[type="text"] {
    color: #222 !important; }
  .not-learn-page .chosen-disabled {
    opacity: 0.5 !important;
    cursor: default; }
  .not-learn-page .chosen-disabled .chosen-single {
    cursor: default; }
  .not-learn-page .chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default; }
  .not-learn-page .chosen-rtl {
    text-align: right; }
  .not-learn-page .chosen-rtl .chosen-single {
    overflow: visible;
    padding: 0 8px 0 0; }
  .not-learn-page .chosen-rtl .chosen-single span {
    margin-right: 0;
    margin-left: 26px;
    direction: rtl; }
  .not-learn-page .chosen-rtl .chosen-single-with-deselect span {
    margin-left: 38px; }
  .not-learn-page .chosen-rtl .chosen-single div {
    right: auto;
    left: 3px; }
  .not-learn-page .chosen-rtl .chosen-single abbr {
    right: auto;
    left: 26px; }
  .not-learn-page .chosen-rtl .chosen-choices li {
    float: right; }
  .not-learn-page .chosen-rtl .chosen-choices li.search-field input[type="text"] {
    direction: rtl; }
  .not-learn-page .chosen-rtl .chosen-choices li.search-choice {
    margin: 3px 5px 3px 0;
    padding: 3px 5px 3px 19px; }
  .not-learn-page .chosen-rtl .chosen-choices li.search-choice .search-choice-close {
    right: auto;
    left: 4px; }
  .not-learn-page .chosen-rtl.chosen-container-single-nosearch .chosen-search,
  .not-learn-page .chosen-rtl .chosen-drop {
    left: 9999px; }
  .not-learn-page .chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0; }
  .not-learn-page .chosen-rtl .chosen-results li.group-option {
    padding-right: 15px;
    padding-left: 0; }
  .not-learn-page .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: none; }
  .not-learn-page .chosen-rtl .chosen-search input[type="text"] {
    padding: 4px 5px 4px 20px;
    background: white url("chosen-sprite.png") no-repeat -30px -20px;
    background: url("chosen-sprite.png") no-repeat -30px -20px;
    direction: rtl; }
  .not-learn-page .chosen-rtl.chosen-container-single .chosen-single div b {
    background-position: 6px 2px; }
  .not-learn-page .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
    background-position: -12px 2px; }
  @media only screen and (max-width: 400px) {
    .not-learn-page .chosen-label {
      position: relative;
      z-index: 20;
      background: #fff; }
      .not-learn-page .chosen-label .hacky-select {
        width: 100%;
        float: left;
        height: 3em; }
      .not-learn-page .chosen-label select {
        height: 3em; }
      .not-learn-page .chosen-label .icon-down-arrow-bo {
        position: absolute;
        top: 80%;
        right: .5em;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: .8em; } }
  .not-learn-page .icon-down-arrow-bo {
    display: block; }

/* @end */
/* @group Retina compatibility */
/* @end */
.breed-features {
  position: relative; }
  .breed-features figcaption {
    position: absolute; }
    .breed-features figcaption a {
      border: 0.25em solid #ff5f2d;
      border-radius: 99em;
      color: #ff5f2d;
      display: block;
      font: bold 1.0625em "Lato", sans-serif;
      height: 3em;
      padding-top: .6em;
      text-align: center;
      text-decoration: none;
      width: 3em;
      background-color: none;
      -webkit-transition: all 0.1s ease-in;
      -moz-transition: all 0.1s ease-in;
      transition: all 0.1s ease-in; }
      .breed-features figcaption a:hover {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
        color: #fff;
        border: 0.25em solid #ff5f2d;
        background: #ff5f2d;
        cursor: pointer; }
    .breed-features figcaption.js-selected a {
      color: #fff;
      border: 0.25em solid #ff5f2d;
      background: #ff5f2d; }

@-webkit-keyframes hamburger-dance {
  0% {
    left: 0; }
  40% {
    left: -10em;
    opacity: 0; }
  50% {
    left: 100%;
    opacity: 0; }
  60% {
    opacity: 0; }
  70% {
    opacity: 1;
    left: 90%; }
  100% {
    left: 90%;
    opacity: 1; } }
@-moz-keyframes hamburger-dance {
  0% {
    left: 0; }
  40% {
    left: -10em;
    opacity: 0; }
  50% {
    left: 100%;
    opacity: 0; }
  60% {
    opacity: 0; }
  70% {
    opacity: 1;
    left: 90%; }
  100% {
    left: 90%;
    opacity: 1; } }
@keyframes hamburger-dance {
  0% {
    left: 0; }
  40% {
    left: -10em;
    opacity: 0; }
  50% {
    left: 100%;
    opacity: 0; }
  60% {
    opacity: 0; }
  70% {
    opacity: 1;
    left: 90%; }
  100% {
    left: 90%;
    opacity: 1; } }
@-webkit-keyframes select-dog {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.7); }
  30% {
    -webkit-transform: scale(0.7); }
  60% {
    opacity: 1; }
  70% {
    -webkit-transform: scale(1.4); }
  85% {
    -webkit-transform: scale(0.8); }
  100% {
    -webkit-transform: scale(1);
    opacity: 1; } }
@-moz-keyframes select-dog {
  0% {
    opacity: 0;
    -moz-transform: scale(0.7); }
  30% {
    -moz-transform: scale(0.7); }
  60% {
    opacity: 1; }
  70% {
    -moz-transform: scale(1.4); }
  85% {
    -moz-transform: scale(0.8); }
  100% {
    -moz-transform: scale(1);
    opacity: 1; } }
@keyframes select-dog {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7); }
  30% {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7); }
  60% {
    opacity: 1; }
  70% {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4); }
  85% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
.behavior-poll {
  padding-bottom: 4.375em;
  overflow: hidden;
  width: 100%; }

.behavior-poll li h3 {
  color: #ff9c00;
  padding: 0.3125em 0;
  margin-bottom: 1.875em; }
  .behavior-poll li h3:after {
    display: none; }

.behavior-poll .akc-swiper-container {
  overflow: hidden;
  padding: 0; }

.behavior-poll .akc-swiper-wrapper > .slide {
  width: 100%;
  float: left;
  text-align: center;
  margin-bottom: 3.75em; }
  @media screen and (min-width: 35em) {
    .behavior-poll .akc-swiper-wrapper > .slide {
      float: left;
      display: block;
      margin-right: 2.5641%;
      width: 48.71795%;
      border-right: 2px solid #f8f1ec;
      margin-bottom: 0; }
      .behavior-poll .akc-swiper-wrapper > .slide:last-child {
        margin-right: 0; }
      .behavior-poll .akc-swiper-wrapper > .slide:nth-child(even) {
        margin-right: 0;
        border-right: none; } }
  @media screen and (min-width: 64em) {
    .behavior-poll .akc-swiper-wrapper > .slide {
      width: 25%;
      margin-right: 0;
      border-right: 2px solid #f8f1ec; }
      .behavior-poll .akc-swiper-wrapper > .slide:nth-child(even) {
        border-right: 2px solid #f8f1ec; }
      .behavior-poll .akc-swiper-wrapper > .slide:last-child {
        border-right: none; } }
  .behavior-poll .akc-swiper-wrapper > .slide .behavior-icon {
    padding: 0 2em;
    float: left;
    width: 100%;
    display: block;
    margin: 0; }
    .behavior-poll .akc-swiper-wrapper > .slide .behavior-icon svg {
      max-height: 8.4375em;
      max-width: 37.5em;
      width: 100%;
      display: block; }
  .behavior-poll .akc-swiper-wrapper > .slide .behavior-icon path {
    fill: #979891; }
  .behavior-poll .akc-swiper-wrapper > .slide.positive .behavior-icon path {
    fill: #3d2d56; }

.verdict .overall {
  font-size: 3.75em;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  margin-bottom: 0; }
.verdict .score {
  font-size: 2.5em;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  color: #979891;
  letter-spacing: 0;
  position: relative;
  padding-bottom: 0.375em; }
  .verdict .score span {
    font-size: 0.625em; }
  .verdict .score small {
    display: block;
    font-size: 0.375em;
    line-height: 0.9375em;
    font-family: "Crimson Text", serif;
    font-style: italic;
    letter-spacing: 4px; }
  .verdict .score:after {
    content: "";
    display: block;
    position: relative;
    text-align: center;
    height: 1px;
    width: 58px !important;
    margin: 0 auto;
    background: #e3e3e3;
    bottom: -0.375em; }

li.positive .verdict .overall {
  color: #01d4b4; }

ul.vote {
  padding-bottom: 1.875em; }
  ul.vote li {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 18.80342%;
    line-height: 3.125em;
    height: 3.125em; }
    ul.vote li:last-child {
      margin-right: 0; }
    ul.vote li:hover svg path.fill {
      fill: #d95126; }
    ul.vote li.upvote {
      margin-left: 28.63248%;
      margin-right: .4em; }
    ul.vote li.downvote {
      margin-left: .4em; }
      ul.vote li.downvote svg {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg); }
    ul.vote li svg {
      width: 3.125em; }
    ul.vote li svg path.fill {
      fill: #FC5912; }
      ul.vote li svg path.fill.active {
        fill: #3D2D56; }

.statement {
  height: 1em;
  display: block;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  color: #ff5f2d; }

/* These are the classes that are going to be applied: */
.fun-facts {
  padding: 0; }

.fun-facts .tile-item {
  text-transform: uppercase; }

.column {
  float: left;
  display: inline;
  margin: 0;
  width: 100%; }
  @media screen and (min-width: 48em) {
    .column {
      width: 50%; }
      .column:last-child {
        width: 100%; }
        .column:last-child .tile-item {
          width: 50%;
          margin: 0;
          float: left; } }
  @media screen and (min-width: 64em) {
    .column {
      width: 33%; }
      .column:last-child {
        width: 34%; }
        .column:last-child .tile-item {
          float: none;
          width: 100%; } }

.tan-tile, .tan-tile.mini-fact {
  background: #f8f1ec; }
  .tan-tile p, .tan-tile.mini-fact p {
    color: #bf692c;
    margin-bottom: 0; }

.teal-tile {
  background: #01d4b4; }
  .teal-tile p {
    color: #f8f1ec;
    margin-bottom: 0; }

.purp-tile {
  background: #3d2d56; }
  .purp-tile p {
    color: #f8f1ec;
    margin-bottom: 0; }

.white-tile {
  background: #fff; }
  .white-tile p {
    color: #3d2d56;
    margin-bottom: 0; }

.tile-item {
  text-transform: uppercase;
  margin: 0;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.05);
  height: 15rem;
  padding: 0 1.875em;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center; }
  @media screen and (min-width: 48em) {
    .tile-item {
      padding: 4.375em 1.75em; } }
  .tile-item p {
    vertical-align: middle;
    width: 100%;
    font-family: "Montserrat", sans-serif;
    font-size: .85em; }
  .tile-item.half p {
    width: 100%; }
    @media screen and (min-width: 48em) {
      .tile-item.half p {
        width: 90%; } }
  .tile-item.small {
    height: 10em; }
    @media screen and (min-width: 48em) {
      .tile-item.small {
        height: 13em; } }
  .tile-item.medium.half {
    height: 10em; }
    @media screen and (min-width: 48em) {
      .tile-item.medium.half {
        height: 13.375em;
        max-height: 13.375em; } }
  .tile-item.medium {
    height: 14rem; }
    @media screen and (min-width: 48em) {
      .tile-item.medium {
        height: 13.375em; } }
  .tile-item.large {
    height: 20rem; }
    @media screen and (min-width: 48em) {
      .tile-item.large {
        height: 26.75em;
        max-height: 26.75em; } }
  .tile-item.half {
    float: left;
    width: 100%; }
    @media screen and (min-width: 52em) {
      .tile-item.half {
        width: 50%; } }

.mini-fact p {
  font-family: "Crimson Text", serif;
  font-style: italic;
  text-transform: none;
  text-align: center;
  font-size: 1em; }

/** styles for blog-feed in right rail **/
.event-holder .sidebar .right-sidebar li.blog-feed-item {
  line-height: 1.25;
  clear: both;
  margin-bottom: 1em;
  height: 75px;
  overflow: hidden; }

.blog-feed-category {
  color: #FF9C00;
  font-size: .75em;
  width: 100%;
  font-style: normal;
  text-transform: uppercase;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif; }

.blog-feed-item {
  margin: 0 20px 20px 0;
  overflow: auto;
  padding-top: 0; }

.blog-feed-item-thumb {
  float: left;
  width: 120px;
  height: 75px;
  overflow: hidden; }

.blog-feed-item-thumb img {
  display: none; }

.blog-feed-item-contents {
  margin-left: 130px; }

.event-holder .sidebar .right-sidebar li.blog-feed-item a {
  display: block;
  min-height: 75px; }

table.akc-table, .entry-contain table, .event-contain table {
  width: 100%;
  table-layout: auto; }
  table.akc-table thead > tr:first-child, .entry-contain table thead > tr:first-child, .event-contain table thead > tr:first-child {
    background: transparent; }
    table.akc-table thead > tr:first-child th, .entry-contain table thead > tr:first-child th, .event-contain table thead > tr:first-child th {
      font-family: "Crimson Text", serif;
      font-style: italic;
      color: #01d4b4;
      font-weight: normal;
      border: none;
      letter-spacing: .18em;
      padding: 0.875em; }
  @media screen and (min-width: 48em) {
    table.akc-table th.mobile, .entry-contain table th.mobile, .event-contain table th.mobile {
      display: none; } }
  table.akc-table th.desktop, .entry-contain table th.desktop, .event-contain table th.desktop {
    display: none; }
    @media screen and (min-width: 48em) {
      table.akc-table th.desktop, .entry-contain table th.desktop, .event-contain table th.desktop {
        display: table-cell; } }
  table.akc-table tr:nth-child(odd), .entry-contain table tr:nth-child(odd), .event-contain table tr:nth-child(odd) {
    background: #f8f1ec; }
  table.akc-table tr td, .entry-contain table tr td, .event-contain table tr td {
    color: #3d2d56;
    font-size: 0.8125em;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    border: none;
    padding: 1.07692em; }
    table.akc-table tr td img, .entry-contain table tr td img, .event-contain table tr td img {
      max-width: 1.5625em; }

.footer-container, .subfooter {
  position: relative;
  overflow: hidden;
  width: 100%;
  background: #fff; }
  @media screen and (min-width: 48em) {
    .footer-container, .subfooter {
      padding-top: 1em; } }
  @media screen and (min-width: 48em) {
    .footer-container.fixed-footer, .subfooter.fixed-footer {
      position: fixed;
      bottom: 0;
      left: 0; } }
  .footer-container .footer-inner, .subfooter .footer-inner {
    display: block;
    max-width: 73.125em;
    margin-left: auto;
    margin-right: auto; }
    .footer-container .footer-inner::after, .subfooter .footer-inner::after {
      clear: both;
      content: "";
      display: table; }
    @media screen and (min-width: 48em) {
      .footer-container .footer-inner, .subfooter .footer-inner {
        padding: 0 1em; } }
    @media screen and (min-width: 64em) {
      .footer-container .footer-inner, .subfooter .footer-inner {
        padding: 0; } }
  @media screen and (min-width: 48em) {
    .footer-container .footer-column, .subfooter .footer-column {
      float: left;
      display: block;
      margin-right: 2.5641%;
      width: 14.52991%; }
      .footer-container .footer-column:last-child, .subfooter .footer-column:last-child {
        margin-right: 0; } }
  .footer-container .footer-column ul, .subfooter .footer-column ul {
    margin: 1em 0; }
    @media screen and (min-width: 48em) {
      .footer-container .footer-column ul, .subfooter .footer-column ul {
        margin: 20px 0 40px; } }
  @media screen and (min-width: 48em) {
    .footer-container .footer-column .colhead.two-line, .subfooter .footer-column .colhead.two-line {
      margin-top: -20px; } }
  @media screen and (min-width: 64em) {
    .footer-container .footer-column .colhead.two-line, .subfooter .footer-column .colhead.two-line {
      margin-top: 0; } }
  .footer-container .footer-column.icons .colhead, .subfooter .footer-column.icons .colhead {
    margin-bottom: 0; }
  .footer-container .footer-column.icons .icon ~ a, .subfooter .footer-column.icons .icon ~ a {
    text-align: center;
    padding: 1em 0;
    display: block; }
  .footer-container .footer-column.icons .icon, .subfooter .footer-column.icons .icon {
    color: #01d4b4;
    font-size: 1.5em;
    text-align: center;
    width: 100%;
    float: left; }
  @media screen and (min-width: 25em) {
    .footer-container li.colhead, .subfooter li.colhead {
      cursor: pointer; } }
  @media screen and (min-width: 48em) {
    .footer-container li.colhead.has-link, .subfooter li.colhead.has-link {
      cursor: pointer; }
    .footer-container li.colhead.has-no-link, .subfooter li.colhead.has-no-link {
      cursor: default; } }
  .footer-container li.colhead a, .subfooter li.colhead a {
    color: #979891;
    font-weight: bold;
    font-family: "Crimson Text", serif;
    font-style: italic;
    font-size: 1em;
    border-bottom: solid 1px #e3e3e3;
    padding: .5em; }
    .footer-container li.colhead a:hover, .subfooter li.colhead a:hover {
      color: #979891; }
    @media screen and (min-width: 48em) {
      .footer-container li.colhead a, .subfooter li.colhead a {
        margin-bottom: 20px;
        padding-left: 0;
        padding-right: 0; } }
  .footer-container li.colhead, .subfooter li.colhead {
    display: block; }
  .footer-container li a, .subfooter li a {
    text-decoration: none;
    font-size: .75em;
    padding: .5em 1em .5em 0;
    display: block;
    color: #979891; }
    .footer-container li a:hover, .subfooter li a:hover {
      color: #ff5f2d; }
  .footer-container .footer-long ul li, .subfooter .footer-long ul li {
    display: block;
    float: left;
    width: 33.3333%; }
    .footer-container .footer-long ul li:nth-of-type(3n+1), .subfooter .footer-long ul li:nth-of-type(3n+1) {
      clear: both; }
    .footer-container .footer-long ul li.colhead, .subfooter .footer-long ul li.colhead {
      width: 100%;
      clear: both; }

.footer-container .footer-column:last-child ul {
  margin-bottom: 0; }
  @media screen and (min-width: 48em) {
    .footer-container .footer-column:last-child ul {
      margin-bottom: 40px; } }

.footer-container .footer-column ul li.colhead {
  position: relative; }
  .footer-container .footer-column ul li.colhead .icon-arrow {
    display: none; }
  .footer-container .footer-column ul li.colhead.open a {
    color: #ff5f2d; }
  .footer-container .footer-column ul li.colhead.open .icon-arrow {
    display: inline-block;
    position: absolute;
    right: 12px;
    bottom: 12px;
    font-size: .7em;
    color: #ff5f2d; }
.footer-container .footer-column ul li.links-container ul {
  display: none;
  margin: 0;
  padding: 0;
  background: #3d2d56; }
  @media screen and (min-width: 48em) {
    .footer-container .footer-column ul li.links-container ul {
      display: block;
      background: 0; } }
  .footer-container .footer-column ul li.links-container ul li a {
    padding-left: .5em;
    padding-top: 1em;
    padding-bottom: 1em;
    font-size: .8em; }
    @media screen and (min-width: 48em) {
      .footer-container .footer-column ul li.links-container ul li a {
        padding-left: 0;
        padding-top: .5em;
        padding-bottom: .5em;
        background: 0;
        font-size: .75em; } }
.footer-container .footer-column ul li.links-container.last ul {
  background: 0;
  display: block; }

.subfooter {
  background: #f8f1ec;
  padding: 3em 0 4em 0; }
  .subfooter.divider {
    border-top: 0.1em solid #ff5f2d; }
  @media screen and (min-width: 48em) {
    .subfooter .footer-column {
      float: left;
      display: block;
      margin-right: 2.5641%;
      width: 31.62393%; }
      .subfooter .footer-column:last-child {
        margin-right: 0; } }

.shorty-container {
  padding-top: .95em;
  padding-bottom: 1em;
  background-color: #ff9c00;
  width: 100%;
  position: relative; }
  @media screen and (min-width: 48em) {
    .shorty-container {
      padding-bottom: 1em; } }
  .shorty-container .shorty-list {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 100%;
    padding-top: 3em;
    text-align: center; }
    .shorty-container .shorty-list:last-child {
      margin-right: 0; }
    @media screen and (min-width: 48em) {
      .shorty-container .shorty-list {
        padding-top: 0;
        text-align: left;
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 61.53846%; }
        .shorty-container .shorty-list:last-child {
          margin-right: 0; } }
    .shorty-container .shorty-list li {
      color: #979891;
      display: inline-block;
      position: relative;
      padding: 0 .5em 0 .25em; }
      .shorty-container .shorty-list li:last-child:after {
        display: none; }
      .shorty-container .shorty-list li:after {
        content: '';
        position: absolute;
        width: 1px;
        height: 10px;
        margin-top: -5px;
        top: 50%;
        right: 0;
        background-color: #f8f1ec; }
    .shorty-container .shorty-list li a {
      text-align: center;
      width: auto;
      display: inline-block;
      text-decoration: none;
      color: #f8f1ec;
      font-size: .7em;
      padding: 0; }
      @media screen and (min-width: 48em) {
        .shorty-container .shorty-list li a {
          float: left; } }
  .shorty-container .shorty-legal {
    text-align: right;
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 100%; }
    .shorty-container .shorty-legal:last-child {
      margin-right: 0; }
    @media screen and (min-width: 48em) {
      .shorty-container .shorty-legal {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 23.07692%; }
        .shorty-container .shorty-legal:last-child {
          margin-right: 0; } }
    .shorty-container .shorty-legal .copyright {
      padding-top: .5em;
      color: #f8f1ec;
      font-size: .6em;
      text-align: center;
      width: 100%;
      display: block; }
  .shorty-container .back-up {
    position: absolute;
    right: 0;
    top: 0;
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 100%;
    height: 3em;
    text-align: center;
    vertical-align: sub;
    text-decoration: none;
    background-color: #f8f1ec; }
    .shorty-container .back-up:last-child {
      margin-right: 0; }
    @media screen and (min-width: 48em) {
      .shorty-container .back-up {
        bottom: 0;
        background-color: #ff9c00;
        bottom: auto;
        border-top: 1px solid #bf692c;
        color: #f8f1ec;
        top: 0;
        height: 100%;
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 5.98291%;
        border-top: none;
        border-left: 1px solid #bf692c; }
        .shorty-container .back-up:last-child {
          margin-right: 0; }
        .shorty-container .back-up .mobile {
          display: none; } }
    .shorty-container .back-up .mobile {
      float: left;
      text-transform: uppercase;
      padding-top: .9em;
      padding-left: 1.25em; }
    .shorty-container .back-up .icon-up-arrow-bo {
      position: relative;
      font-size: .7em;
      width: 20px;
      height: 100%;
      float: right;
      margin-right: 1.25em; }
      .shorty-container .back-up .icon-up-arrow-bo:before {
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
      @media screen and (min-width: 48em) {
        .shorty-container .back-up .icon-up-arrow-bo {
          font-size: .95em; } }

.akc-swiper-container {
  overflow: hidden; }

.flyout:after, .mfp-title:before, .home-masthead .hero_content:after, .image-mast .compare-btn .tooltip:after, .image-mast .love-btn .tooltip:after, .feed-glance .hobbies .callout:before, .feed-standard .illustration .triangle, .feed-standard .caption:after, .history-slides ul.hist-photos li.swiper-slide-active:after, .history-slides ul.hist-photos li.active:before, .result-dog .callout:after {
  content: '';
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  display: block; }

.ad-space {
  position: relative;
  display: block;
  width: 100%;
  background-color: #f8f1ec;
  float: left; }
  @media screen and (min-width: 48em) {
    .ad-space {
      float: none;
      width: auto; } }
  .ad-space .ad {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center; }
    .ad-space .ad img {
      width: auto; }

.full-width-ad {
  width: 100%;
  margin-top: 4.375em;
  margin-bottom: 7.5em;
  padding: 1.5em;
  background-color: #f8f1ec; }
  .full-width-ad.last {
    margin-bottom: 0; }
  .full-width-ad span {
    display: block; }
    .full-width-ad span img {
      display: block;
      margin: 0 auto; }
  .full-width-ad article {
    max-width: 73.125em;
    margin-left: auto;
    margin-right: auto; }
    .full-width-ad article::after {
      clear: both;
      content: "";
      display: table; }
  .full-width-ad img {
    margin: 0 auto;
    max-width: 45.5em;
    display: block; }

.full-width-ad-blog-listing.blog-ad {
  margin: 1em 0 0; }

.full-width-ad-blog-listing {
  width: 100%;
  padding: 1.5em;
  background-color: #f8f1ec; }
  .full-width-ad-blog-listing.last {
    margin-bottom: 0; }
  .full-width-ad-blog-listing span {
    display: block; }
    .full-width-ad-blog-listing span img {
      display: block;
      margin: 0 auto; }
  .full-width-ad-blog-listing article {
    max-width: 73.125em;
    margin-left: auto;
    margin-right: auto; }
    .full-width-ad-blog-listing article::after {
      clear: both;
      content: "";
      display: table; }
  .full-width-ad-blog-listing img {
    margin: 0 auto;
    max-width: 45.5em;
    display: block; }

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #3d2d56;
  opacity: 0.95;
  filter: alpha(opacity=95); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: pointer; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: #3d2d56;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 4rem;
  height: 4rem;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 1;
  padding: 0 0 18px 0px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: 0em;
  top: 0;
  text-align: center; }

.mfp-counter {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 1;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 4em;
  height: 110px;
  background: #3d2d56;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before, .mfp-arrow:after,
  .mfp-arrow .mfp-b,
  .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }

.mfp-arrow-left {
  left: 0;
  top: 50%;
  height: 4em;
  background-color: #3d2d56;
  position: absolute;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.mfp-arrow-right {
  right: 0;
  top: 50%;
  height: 4em;
  background-color: #3d2d56;
  position: absolute; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: 0px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100vw;
  height: 95vw;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px 0 0px;
  margin: 0 auto; }
  @media screen and (min-width: 48em) {
    img.mfp-img {
      width: auto;
      max-width: 100%;
      height: 70vh; } }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0px;
    bottom: 0px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    background: none; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }

.mfp-bottom-bar {
  position: relative;
  cursor: auto; }
  .mfp-bottom-bar.service .mfp-title {
    top: 5em; }

.service-bar {
  background: #bf692c;
  position: relative;
  top: 3.75em;
  float: left;
  display: none;
  text-align: center;
  padding: .5em 0;
  color: #fff;
  font-family: "Crimson Text", serif;
  font-weight: 600;
  font-style: italic;
  width: 100%;
  left: 0; }
  @media screen and (min-width: 25em) {
    .service-bar {
      left: 50%;
      width: 20rem;
      margin-left: -10rem; } }
  @media screen and (min-width: 64em) {
    .service-bar {
      width: 30rem;
      margin-left: -15rem; } }
  .service-bar.active {
    display: block; }
  .service-bar .icon {
    position: absolute;
    left: 1em; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #979891;
  word-wrap: break-word;
  background-color: #f8f1ec;
  padding: 1em .5em;
  position: relative;
  top: -1em;
  font-size: .75em;
  width: 100%;
  left: 0; }
  @media screen and (min-width: 25em) {
    .mfp-title {
      left: 50%;
      width: 20rem;
      margin-left: -10rem; } }
  @media screen and (min-width: 64em) {
    .mfp-title {
      width: 30rem;
      margin-left: -15rem; } }
  .mfp-title:before {
    top: -.75em;
    left: 50%;
    margin-left: -.75em;
    background-color: #f8f1ec;
    height: 1.5em;
    width: 1.5em; }

.user-light {
  height: 5em;
  width: 5em;
  left: 50%;
  margin-left: -2.5em;
  position: absolute;
  top: -2.5em;
  border: 3px solid #f8f1ec;
  border-radius: 99em;
  overflow: hidden;
  -webkit-transition: all 2s linear;
  -moz-transition: all 2s linear;
  transition: all 2s linear;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg); }
  .user-light.animate {
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transition: all 4s linear;
    -moz-transition: all 4s linear;
    transition: all 4s linear; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure {
    /* The shadow behind the image */ }
    .mfp-img-mobile .mfp-figure:after {
      top: 0;
      bottom: 0; }
    .mfp-img-mobile .mfp-figure small {
      display: inline;
      margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

.gigya-screen *, div.gigya-screen, .gigya-screen span, .gigya-screen a:hover, .gigya-screen a:visited, .gigya-screen a:link, .gigya-screen a:active {
  border: none;
  padding: 0px;
  margin: 0px;
  color: inherit;
  text-decoration: none;
  width: auto;
  float: none;
  -moz-border-radius: 0;
  border-radius: 0;
  font-family: arial;
  font-size: 12px;
  color: #333333;
  background: none;
  text-align: left;
  font-family: arial;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.gigya-screen a, .gigya-screen a:visited, .gigya-screen a:link, .gigya-screen a:active {
  color: #0098ca;
  text-decoration: underline; }

.gigya-screen-set .gigya-screen {
  margin: 0 auto; }

.gigya-screen h2 {
  font-size: 16px;
  color: #333;
  font-weight: normal; }

.gigya-screen a:hover {
  text-decoration: none; }

.gigya-screen h1, .gigya-screen .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .gigya-screen h2 {
  border-bottom: 1px solid #dbdbdb;
  font-size: 16px;
  font-family: Arial;
  font-weight: bold;
  color: #333;
  padding-bottom: 5px;
  margin-bottom: 45px; }

.gigya-screen .gigya-layout-row {
  zoom: 1;
  display: block; }

.gigya-screen .gigya-layout-cell {
  float: left;
  min-width: 50%;
  max-width: 80%;
  margin-top: 1px; }

.gigya-screen .gigya-layout-cell .gigya-layout-cell {
  max-width: 50%; }

.gigya-screen select {
  margin: 5px 0px;
  padding: 5px;
  border-radius: 5px;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%; }

.gigya-screen option {
  padding: 5px; }

.gigya-screen option:hover {
  background-color: #3593C1; }

.gigya-screen .gigya-label {
  display: block;
  font-weight: bold;
  font-size: 12px; }

.gigya-input-text, .gigya-input-password {
  line-height: 26px; }

.gigya-input-text, .gigya-input-password, .gigya-textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 5px 0px;
  text-indent: 5px;
  border-radius: 4px;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  color: #555555;
  outline: none;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05); }

.gigya-textarea {
  padding: 5px; }

.gigya-input-text, .gigya-input-password, .gigya-screen select, .gigya-input-submit, .gigya-input-button {
  height: 28px; }

.gigya-input-text:focus, .gigya-input-password:focus, .gigya-textarea:focus, .gigya-screen select:focus {
  border: 1px solid #87B9EA;
  outline: none; }

.gigya-input-text:focus, .gigya-input-password:focus, .gigya-textarea:focus {
  box-shadow: 0 0 3px #50BADE, inset 0 1px 3px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 0 3px #50BADE, inset 0 1px 3px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 3px #50BADE, inset 0 1px 3px rgba(0, 0, 0, 0.05); }

.gigya-input-submit, .gigya-input-button {
  text-align: center;
  border: 1px solid #CECECE;
  cursor: pointer;
  padding: 0 12px;
  color: #333333;
  font-weight: bold;
  border-radius: 4px;
  line-height: 26px;
  background: #F2F2F2;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#F2F2F2");
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2));
  background: -moz-linear-gradient(top, #FFFFFF, #F2F2F2); }

.gigya-input-submit:hover, .gigya-input-button:hover {
  background: #FFFFFF;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F2F2F2", endColorstr="#FFFFFF");
  background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#FFFFFF));
  background: -moz-linear-gradient(top, #F2F2F2, #FFFFFF); }

.gigya-input-radio, .gigya-input-checkbox {
  margin-right: 5px;
  vertical-align: bottom;
  height: 14px;
  width: 14px; }

input.gigya-input-text, input.gigya-input-password {
  display: block; }

.gigya-screen .gigya-composite-control {
  padding: 5px 13px 5px 10px; }

.gigya-screen .gigya-composite-control-submit, .gigya-screen .gigya-composite-control-button, .gigya-screen .gigya-composite-control-form-error {
  padding-bottom: 5px;
  padding-right: 13px; }

.gigya-composite-control-multi-choice .gigya-multi-choice-item, .gigya-composite-control-checkboxes .gigya-checkboxes-item {
  padding-top: 5px; }

.gigya-composite-control-form-error {
  padding-bottom: 5px;
  padding-right: 5px; }

.gigya-screen .gigya-composite-control-submit {
  text-align: right; }

.gigya-screen .gigya-composite-control-label {
  display: block; }

.gigya-clear {
  clear: both;
  overflow: hidden;
  font-size: 0px; }

.gigya-composite-control-radio label {
  font-weight: normal; }

.gigya-composite-control-checkbox label {
  font-weight: normal; }

.gigya-screen .gigya-composite-control-checkbox {
  padding: 5px 10px; }

.gigya-screen .gigya-composite-control-checkbox label {
  display: inline;
  text-indent: 10px;
  margin-left: 0px; }

.gigya-screen .gigya-message {
  font-size: 14px;
  color: #333;
  display: block;
  text-align: center; }

.gigya-screen .gigya-error-display {
  display: block;
  visibility: hidden; }

.gigya-screen .gigya-error-display-active {
  display: block;
  visibility: visible; }

.gigya-screen .gigya-error-msg {
  line-height: 14px;
  color: #dd4b39;
  font-size: 11px;
  display: block;
  font-weight: normal;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.gigya-screen .gigya-form-error-msg {
  _height: 26px;
  min-height: 26px;
  line-height: 14px;
  color: #dd4b39;
  font-size: 11px;
  text-align: center;
  margin-top: 1px;
  border: 1px solid #FFDCCE;
  display: block;
  background: #FFE7E1;
  font-weight: normal;
  padding: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.gigya-screen a.gigya-composite-control-link {
  display: block;
  padding-left: 13px; }

.gigya-screen .gigya-composite-control a.gigya-composite-control-link {
  display: inline;
  padding: 0px; }

.gigya-screen .gigya-composite-control-checkbox .gigya-label, .gigya-screen .gigya-composite-control-radio .gigya-label {
  font-weight: normal; }

.gigya-layout-footer {
  text-align: right;
  clear: both; }

#gigya-login-screen .gigya-composite-control-social-login, #gigya-register-screen .gigya-composite-control-social-login {
  border-right: 1px solid #CCC;
  height: 125px;
  width: 285px;
  padding: 13px 38px 0 0px; }

#gigya-register-screen .gigya-composite-control-social-login {
  height: 240px; }

.gigya-required-display {
  color: red;
  display: inline-block;
  padding: 0 5px; }

#gigya-login-screen a.forgotPassword, #gigya-login-screen a.forgotPassword:link, #gigya-recent-login-screen a.forgotPassword, #gigya-recent-login-screen a.forgotPassword:link {
  float: right;
  font-weight: normal;
  text-decoration: none; }

#gigya-login-screen a.forgotPassword:hover, #gigya-login-screen a.forgotPassword:active, #gigya-recent-login-screen a.forgotPassword:hover, #gigya-recent-login-screen a.forgotPassword:active {
  text-decoration: underline; }

.akc-overlay {
  background: rgba(255, 255, 255, 0.9);
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  top: 0;
  left: 0; }
  .akc-overlay .akc-overlay-animation {
    width: 110px;
    height: 100px;
    margin: 0 auto;
    display: block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }

.entry-contain h1, .event-contain h1, .entry-contain .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .entry-contain h2, .event-contain .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .event-contain h2 {
  color: #ff9c00 !important; }
.entry-contain h2, .event-contain h2 {
  font-size: 1rem !important;
  padding-bottom: 1.25rem;
  color: #ff9c00 !important; }
.entry-contain h3, .event-contain h3, .entry-contain h4, .event-contain h4, .entry-contain h5, .event-contain h5, .entry-contain h6, .event-contain h6 {
  color: #ff9c00 !important;
  font-size: .8rem !important; }
.entry-contain header > *, .event-contain header > * {
  text-decoration: none; }
.entry-contain figure, .event-contain figure {
  margin-top: 1em;
  margin-bottom: 1em; }
.entry-contain p, .event-contain p {
  color: #3d2d56;
  font-size: 16px;
  line-height: 26px; }
.entry-contain ul, .event-contain ul {
  list-style-type: disc;
  margin-left: 1.25rem;
  margin-bottom: 1rem;
  font-size: 16px;
  line-height: 26px; }
  .entry-contain ul li, .event-contain ul li {
    color: #3d2d56; }
    .entry-contain ul li ul, .event-contain ul li ul {
      margin-bottom: 0.4rem; }
.entry-contain ol, .event-contain ol {
  list-style-type: decimal;
  margin-left: 1.6rem;
  margin-bottom: 1rem;
  font-size: 16px;
  line-height: 26px; }
  .entry-contain ol li, .event-contain ol li {
    color: #3d2d56; }
    .entry-contain ol li ol, .event-contain ol li ol {
      margin-bottom: 0.4rem; }
.entry-contain img, .event-contain img {
  width: auto !important; }
  .entry-contain img.img-responsive, .event-contain img.img-responsive {
    display: table-cell;
    width: 100% !important;
    height: auto;
    padding: 10px 0; }
.entry-contain .embed-responsive.embed-responsive-16by9, .event-contain .embed-responsive.embed-responsive-16by9 {
  padding-bottom: 56.25%; }
.entry-contain .embed-responsive, .event-contain .embed-responsive {
  display: block;
  height: 0;
  overflow: hidden;
  position: relative; }
.entry-contain #addl_resource_container, .event-contain #addl_resource_container {
  display: none; }

.mydog-uploads {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(61, 45, 86, 0.9);
  z-index: 5001;
  overflow: auto;
  padding-bottom: 75px;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s; }
  @media screen and (min-width: 48em) {
    .mydog-uploads {
      padding-bottom: 0; } }
  .mydog-uploads.active {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

.mydog-uploads-content {
  text-align: center;
  padding-top: 65px; }
  .mydog-uploads-content [class^="icon-"], .mydog-uploads-content [class*=" icon-"] {
    color: #fff;
    text-decoration: none;
    font-size: 3rem; }

.mydog-uploads-close {
  position: absolute;
  top: 0;
  right: 0;
  background: #3d2d56;
  text-decoration: none;
  padding: 20px; }
  .mydog-uploads-close span {
    color: #fff; }

.mydog-uploads-header {
  position: relative;
  margin-bottom: 30px; }
  .mydog-uploads-header .mydog-uploads-header-title {
    color: #ff9c00; }
  .mydog-uploads-header .mydog-uploads-header-back {
    position: absolute;
    top: -50px;
    left: 0;
    width: 100%;
    text-decoration: none;
    font-size: 1.2em;
    text-transform: uppercase; }
    @media screen and (min-width: 48em) {
      .mydog-uploads-header .mydog-uploads-header-back {
        top: 20px;
        left: 45px;
        width: auto; } }
  .mydog-uploads-header .icon-right-arrow {
    color: #ff5f2d;
    font-size: 0.9em; }

.mydog-uploads-options {
  width: 100%;
  text-align: center;
  margin: 110px 0;
  text-transform: uppercase; }
  @media screen and (min-width: 48em) {
    .mydog-uploads-options {
      margin-bottom: 110px; } }
  .mydog-uploads-options li {
    display: block;
    width: 100%;
    margin-bottom: 50px; }
    @media screen and (min-width: 48em) {
      .mydog-uploads-options li {
        display: inline-block;
        width: 30%;
        margin-bottom: 0; } }
    .mydog-uploads-options li p {
      color: #fff;
      margin-top: 20px; }
  .mydog-uploads-options input[data-mydog-upload-input] {
    display: none; }

.mydog-uploads-youtube {
  position: relative;
  width: 100%;
  text-align: center;
  margin: 0 auto; }
  @media screen and (min-width: 48em) {
    .mydog-uploads-youtube {
      width: 450px; } }
  .mydog-uploads-youtube .btn.icon-only {
    font-size: 8.8px;
    position: relative;
    top: 30px;
    right: auto; }
    @media screen and (min-width: 48em) {
      .mydog-uploads-youtube .btn.icon-only {
        position: absolute;
        top: 15px;
        right: -6px; } }
  .mydog-uploads-youtube .icon-youtube {
    cursor: pointer; }
    @media screen and (min-width: 48em) {
      .mydog-uploads-youtube .icon-youtube {
        position: relative;
        top: 18px;
        float: left; } }
  .mydog-uploads-youtube input[name="url"] {
    width: 90%;
    margin: 0 auto;
    position: relative;
    top: 15px;
    line-height: 2.45; }
    @media screen and (min-width: 48em) {
      .mydog-uploads-youtube input[name="url"] {
        width: 340px; } }

.mydog-uploads-thumb {
  display: inline-block;
  margin: 15px;
  width: 150px;
  min-height: 150px; }
  .mydog-uploads-thumb a {
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border: solid 2px #fff;
    width: 150px;
    height: 150px; }
  .mydog-uploads-thumb figcaption p {
    color: #fff;
    font-size: 0.75rem;
    margin: 10px 0;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis; }

.mydog-uploads-image {
  text-align: center; }
  .mydog-uploads-image img {
    max-height: 380px;
    width: auto; }

.mydog-uploads-caption {
  position: relative;
  top: -5px;
  background: #f8f1ec;
  width: 80%;
  margin: 0 auto;
  color: #ff5f2d;
  cursor: text; }
  .mydog-uploads-caption:after {
    content: '';
    display: block;
    position: absolute;
    top: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f8f1ec; }
  .mydog-uploads-caption span, .mydog-uploads-caption input {
    padding: 20px; }
  .mydog-uploads-caption span {
    display: block; }
  .mydog-uploads-caption input {
    display: none;
    width: 100%; }
  .mydog-uploads-caption.edit span {
    display: none; }
  .mydog-uploads-caption.edit input {
    display: block; }

.mydog-uploads-age, .mydog-uploads-age + .chosen-container {
  margin: 0 auto 10px;
  display: block;
  min-width: 230px; }

.ad img {
  height: auto; }
.ad.small {
  display: block;
  text-align: center; }
.ad.medium, .ad.large {
  display: none; }
@media screen and (min-width: 48em) {
  .ad.small, .ad.large {
    display: none; }
  .ad.medium {
    display: block; } }
@media screen and (min-width: 64em) {
  .ad.small, .ad.medium {
    display: none; }
  .ad.large {
    display: block; } }

.home-sections-wrapper {
  opacity: 1; }

.intro {
  background-color: #fff;
  height: 0;
  width: 0;
  opacity: 0;
  z-index: -1;
  position: absolute;
  top: -100em;
  left: 0;
  -webkit-transition: opacity 0.3s ease-out 0.5s, z-index 0.1s linear;
  -moz-transition: opacity 0.3s ease-out 0.5s, z-index 0.1s linear;
  transition: opacity 0.3s ease-out 0.5s, z-index 0.1s linear; }
  .intro.active {
    position: relative;
    top: 0px;
    height: 100vh;
    width: 100vw;
    z-index: 110;
    opacity: 1; }
    .intro.active article {
      opacity: 1; }
  .intro article {
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-out 0.4s;
    -moz-transition: opacity 0.2s ease-out 0.4s;
    transition: opacity 0.2s ease-out 0.4s;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media screen and (min-width: 48em) {
      .intro article {
        padding: 90px 9.6875rem 0; } }
  .intro .big-logo {
    text-align: center;
    margin: 0 auto;
    display: none; }
    @media screen and (min-width: 48em) {
      .intro .big-logo {
        display: block;
        width: 8.75em;
        height: 8.75em;
        margin-bottom: 4em; } }
  .intro h1, .intro .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .intro h2 {
    color: #01d4b4;
    font-family: "Crimson Text", serif;
    font-weight: 600;
    font-style: italic;
    text-transform: none;
    font-size: 1.5em;
    line-height: 1.5rem;
    padding: 3.625rem 4rem 4.0625rem 4rem;
    text-align: center; }
    @media screen and (min-width: 48em) {
      .intro h1, .intro .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .intro h2 {
        text-align: left;
        padding: 0 0 1.875rem 0;
        font-size: 2.125em; } }
  .intro p {
    font-family: "Montserrat", sans-serif;
    color: #3d2d56;
    margin-bottom: 0;
    font-size: 1.0625em;
    line-height: 1.375rem;
    text-align: center; }
    @media screen and (min-width: 48em) {
      .intro p {
        text-align: left;
        font-size: 1.6875rem;
        line-height: 2.4375rem; } }
  .intro .scrollto {
    color: #ff5f2d;
    text-align: center;
    display: block;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    padding-top: 3.8125rem;
    font-size: .75em; }
    @media screen and (min-width: 48em) {
      .intro .scrollto {
        font-size: .875rem; } }
  .intro .down-arrow {
    width: 1.5625em;
    height: 1.5625em;
    position: relative;
    display: block;
    left: 50%;
    margin-left: -.78125rem;
    margin-top: .9375rem; }

.home-masthead {
  position: relative;
  max-width: 100%; }
  @media screen and (min-width: 48em) {
    .home-masthead {
      height: 32.25em; } }
  @media screen and (min-width: 64em) {
    .home-masthead {
      height: 31em; } }
  @media screen and (min-width: 87.5em) {
    .home-masthead {
      height: 42em; } }
  .home-masthead article {
    height: 100%;
    padding: 0; }
    @media screen and (min-width: 64em) {
      .home-masthead article {
        max-width: 100%; } }
  .home-masthead .left {
    width: 100%;
    float: left;
    height: 65vh;
    position: relative;
    background-position: center center !important;
    margin-bottom: 12em;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end; }
    @media screen and (min-width: 48em) {
      .home-masthead .left {
        display: block;
        position: relative;
        width: 65%;
        height: 31em;
        overflow: hidden;
        margin-bottom: 0; } }
    @media screen and (min-width: 87.5em) {
      .home-masthead .left {
        height: 42em; } }
    .home-masthead .left .clickable {
      width: 100%;
      height: 100%;
      float: left;
      display: block;
      position: absolute;
      z-index: 101;
      top: 0;
      left: 0; }
  .home-masthead .hero_content {
    height: 13.5em;
    width: 100%;
    float: left;
    text-align: center;
    padding: 0 .5em;
    padding-top: 2em;
    position: absolute;
    top: 65vh;
    background-color: #f8f1ec;
    color: #3d2d56; }
    @media screen and (min-width: 48em) {
      .home-masthead .hero_content {
        width: 65%;
        bottom: auto;
        position: relative;
        position: absolute;
        padding-top: 1em;
        background-color: transparent;
        top: auto;
        bottom: 0em; }
        .home-masthead .hero_content.white * {
          color: #fff; }
        .home-masthead .hero_content.purple * {
          color: #3d2d56; }
        .home-masthead .hero_content.brown * {
          color: #bf692c; }
        .home-masthead .hero_content.teal * {
          color: #01d4b4; }
        .home-masthead .hero_content.orange * {
          color: #ff9c00; } }
    @media screen and (min-width: 64em) {
      .home-masthead .hero_content {
        height: 8em;
        bottom: 2em;
        top: auto; } }
    .home-masthead .hero_content h1, .home-masthead .hero_content .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .home-masthead .hero_content h2 {
      color: #3d2d56;
      position: relative;
      z-index: 10; }
    .home-masthead .hero_content p {
      float: left;
      display: block;
      margin-right: 2.5641%;
      width: 82.90598%;
      margin-left: 8.54701%;
      padding-top: 1em;
      color: #3d2d56;
      font-family: "Montserrat", sans-serif;
      text-transform: uppercase;
      font-size: .75em; }
      .home-masthead .hero_content p:last-child {
        margin-right: 0; }
    .home-masthead .hero_content:after {
      height: 1.5em;
      width: 1.5em;
      top: -.75em;
      left: 50%;
      z-index: 0;
      margin-left: -.75em;
      background-color: #f8f1ec; }
      @media screen and (min-width: 48em) {
        .home-masthead .hero_content:after {
          background-color: transparent; } }
  .home-masthead .right {
    width: 100%;
    position: relative;
    float: left;
    color: #fff;
    text-align: center;
    height: 31em; }
    @media screen and (min-width: 48em) {
      .home-masthead .right {
        width: 35%; } }
    @media screen and (min-width: 64em) {
      .home-masthead .right {
        height: 31em; } }
    @media screen and (min-width: 87.5em) {
      .home-masthead .right {
        height: 42em; } }
    .home-masthead .right .content {
      margin: 0 auto;
      display: table-cell;
      vertical-align: middle;
      padding: 0 2em; }
      @media screen and (min-width: 48em) {
        .home-masthead .right .content {
          height: auto;
          margin-top: 3em;
          padding: 0 1em; } }
      @media screen and (min-width: 64em) {
        .home-masthead .right .content {
          padding: 0 2em; } }
    .home-masthead .right .top, .home-masthead .right .bottom {
      float: left;
      width: 100%; }
      @media screen and (min-width: 48em) {
        .home-masthead .right .top, .home-masthead .right .bottom {
          height: 50%; } }
    .home-masthead .right .top {
      height: 18em;
      background-color: #01d4b4;
      display: table;
      position: relative;
      font-size: .8em;
      overflow: hidden; }
      .home-masthead .right .top.purple {
        background-color: #3d2d56; }
      .home-masthead .right .top.white {
        background-color: #fff; }
      .home-masthead .right .top.brown {
        background-color: #bf692c; }
      .home-masthead .right .top.teal {
        background-color: #01d4b4; }
      .home-masthead .right .top.orange {
        background-color: #ff9c00; }
      @media screen and (min-width: 48em) {
        .home-masthead .right .top {
          height: 50%; } }
      .home-masthead .right .top > .clickable {
        display: table; }
      .home-masthead .right .top .content {
        font-family: "Montserrat", sans-serif;
        font-size: .75em;
        line-height: .8em;
        padding-left: 3.4375rem;
        padding-right: 3.4375rem; }
        @media screen and (min-width: 48em) {
          .home-masthead .right .top .content {
            padding-left: 2.75rem;
            padding-right: 2.75rem; } }
        @media screen and (min-width: 64em) {
          .home-masthead .right .top .content {
            padding-left: 3.4375rem;
            padding-right: 3.4375rem; } }
      .home-masthead .right .top h4 {
        color: #3d2d56;
        font-weight: normal;
        font-size: 1rem; }
      .home-masthead .right .top h3 {
        font-size: 1.5625rem; }
      .home-masthead .right .top h3, .home-masthead .right .top p, .home-masthead .right .top h4, .home-masthead .right .top div {
        text-transform: uppercase;
        margin: 20px 0; }
      .home-masthead .right .top h3, .home-masthead .right .top p {
        color: #fff; }
    .home-masthead .right .clickable {
      width: 100%;
      height: 100%;
      float: left;
      display: block;
      position: absolute;
      z-index: 101;
      top: 0;
      left: 0;
      position: static; }
      @media screen and (min-width: 48em) {
        .home-masthead .right .clickable {
          position: absolute; } }
    .home-masthead .right .top a {
      width: 100%;
      color: #fff;
      text-decoration: none; }
    .home-masthead .right p {
      float: left;
      margin-top: 1em;
      color: #fff;
      font-size: .75em;
      font-weight: bold;
      text-transform: uppercase; }
    .home-masthead .right .bottom {
      float: left;
      height: 15em;
      position: relative; }
      @media screen and (min-width: 48em) {
        .home-masthead .right .bottom {
          height: 50%; } }
      .home-masthead .right .bottom span {
        position: absolute;
        bottom: 0; }
    .home-masthead .right .btn {
      width: 100%;
      left: 0; }
      @media screen and (min-width: 48em) {
        .home-masthead .right .btn {
          width: 70%;
          float: left;
          left: 15%;
          bottom: 0; } }

.home-featured-breeds article {
  overflow: hidden; }
.home-featured-breeds h1, .home-featured-breeds .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .home-featured-breeds h2 {
  color: #bf692c;
  padding-top: .5em;
  padding-bottom: 1em; }
  @media screen and (min-width: 64em) {
    .home-featured-breeds h1, .home-featured-breeds .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .home-featured-breeds h2 {
      padding-top: 1.5em; } }

.home-featured-stories article {
  overflow: hidden;
  margin-top: 9em; }
  @media screen and (min-width: 48em) {
    .home-featured-stories article {
      margin-top: 7.5em; } }
.home-featured-stories .akc-swiper-wrapper {
  width: 100%;
  float: left;
  display: block; }
.home-featured-stories .featured-story {
  background-color: #f8f1ec;
  padding-bottom: .5em;
  width: 95%;
  margin: 0;
  margin-bottom: 5em;
  float: left;
  display: block;
  position: relative; }
  @media screen and (min-width: 28.75em) {
    .home-featured-stories .featured-story {
      width: 100%; } }
  @media screen and (min-width: 64em) {
    .home-featured-stories .featured-story {
      margin: 0 auto;
      margin-bottom: 3.25em;
      float: none;
      height: 470px;
      float: left;
      display: block;
      margin-right: 2.5641%;
      width: 31.62393%; }
      .home-featured-stories .featured-story:last-child {
        margin-right: 0; } }
  .home-featured-stories .featured-story h2, .home-featured-stories .featured-story h3 {
    font-size: 1em;
    padding-top: 1.1em;
    width: 74%; }
    @media screen and (min-width: 48em) {
      .home-featured-stories .featured-story h2, .home-featured-stories .featured-story h3 {
        width: 82%; } }
  .home-featured-stories .featured-story .featured-share {
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden; }
    .home-featured-stories .featured-story .featured-share .sharebox {
      -webkit-transform: translateX(230px);
      -moz-transform: translateX(230px);
      -ms-transform: translateX(230px);
      -o-transform: translateX(230px);
      transform: translateX(230px);
      -webkit-transition: -webkit-transform 0.1s ease-in;
      -moz-transition: -moz-transform 0.1s ease-in;
      transition: transform 0.1s ease-in;
      width: 287px; }
      @media screen and (min-width: 48em) {
        .home-featured-stories .featured-story .featured-share .sharebox {
          width: auto; } }
      .home-featured-stories .featured-story .featured-share .sharebox .share:after {
        opacity: 0; }
      .home-featured-stories .featured-story .featured-share .sharebox.active {
        -webkit-transition: -webkit-transform 0.2s ease-out;
        -moz-transition: -moz-transform 0.2s ease-out;
        transition: transform 0.2s ease-out;
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
        position: relative;
        z-index: 20; }
        .home-featured-stories .featured-story .featured-share .sharebox.active .share:after {
          opacity: 1; }
.home-featured-stories .featured-story-content {
  margin: 0 1.2em 3em 1.2em; }
  @media screen and (min-width: 48em) {
    .home-featured-stories .featured-story-content {
      padding: 0 1.2em; } }
  .home-featured-stories .featured-story-content img {
    width: 1em;
    height: 1em; }
  .home-featured-stories .featured-story-content.no-image {
    padding-top: 20px; }
.home-featured-stories img {
  width: 100%; }
.home-featured-stories h2 {
  color: #bf692c;
  padding-bottom: .65em; }
  @media screen and (min-width: 64em) {
    .home-featured-stories h2 {
      padding-bottom: 1em; } }
.home-featured-stories h3 {
  color: #ff9c00;
  font-size: 1.25em;
  padding-top: .75em;
  padding: .5em 0 .25em; }
.home-featured-stories h4 {
  text-align: center;
  text-transform: uppercase;
  padding-top: 1em;
  padding-bottom: .1em; }
.home-featured-stories .dateviews {
  margin-top: 1em;
  padding: .5em 0; }
.home-featured-stories p {
  text-align: center;
  font-size: .9em; }
.home-featured-stories .btn {
  position: absolute !important;
  bottom: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%); }
.home-featured-stories .pagination {
  margin-top: 1.9375em; }
  @media screen and (min-width: 28.75em) {
    .home-featured-stories .pagination {
      display: none; } }

.home-explore {
  margin-top: 9rem;
  padding-bottom: 1em; }
  @media screen and (min-width: 48em) {
    .home-explore {
      margin-top: 5em; } }
  .home-explore h2 {
    color: #fff; }
  .home-explore p {
    font-size: .9em;
    margin-top: 0;
    margin-bottom: 1.85rem; }
  .home-explore fieldset {
    margin-bottom: 1em; }
  .home-explore button {
    display: none; }
  .home-explore .btn {
    position: relative;
    top: .85em;
    left: -.15em; }

.explore-blocks {
  position: relative;
  top: -1.75em;
  margin: 0 auto; }
  .explore-blocks .block {
    background-color: #f8f1ec;
    padding: 2.1875rem 2.1875rem 0em;
    position: relative;
    font-size: .9375em;
    line-height: 1.266666667em;
    margin-bottom: 3em; }
    @media screen and (min-width: 48em) {
      .explore-blocks .block {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 31.62393%;
        float: left; }
        .explore-blocks .block:last-child {
          margin-right: 0; } }
  .explore-blocks h3 {
    color: #ff9c00; }
  .explore-blocks p {
    padding-top: 1.25rem;
    padding-bottom: 0;
    margin-bottom: 1.875rem;
    text-align: center; }
  .explore-blocks .purple {
    font-size: 1.25em; }
    .explore-blocks .purple * {
      font-family: "Montserrat", sans-serif;
      font-size: .9375em;
      line-height: 1.333333333em;
      color: #3d2d56; }

.register-home article {
  margin-top: 6.25em; }
  @media screen and (min-width: 48em) {
    .register-home article {
      margin-top: 7.36em; } }
.register-home h2 {
  color: #bf692c;
  margin-bottom: 1em;
  font-size: 1.9375em; }
.register-home .block, .register-home .ad-space {
  background-color: #f8f1ec;
  padding: .5em .75em;
  margin-bottom: 3em;
  position: relative;
  min-height: 14em; }
  @media screen and (min-width: 48em) {
    .register-home .block, .register-home .ad-space {
      float: left;
      display: block;
      margin-right: 2.5641%;
      width: 31.62393%;
      height: 20em;
      margin-bottom: 6.875em; }
      .register-home .block:last-child, .register-home .ad-space:last-child {
        margin-right: 0; } }
.register-home h3 {
  color: #ff9c00;
  padding-top: 2em; }
  @media screen and (min-width: 48em) {
    .register-home h3 {
      padding-top: 4.625rem; } }
.register-home p {
  padding: 1em 0;
  text-align: center; }
.register-home .btn {
  bottom: -2em; }

.events-home {
  position: relative;
  background-color: #ff9c00;
  text-align: center;
  margin-top: 6.5rem;
  padding-top: 4.375em; }
  @media screen and (min-width: 25em) {
    .events-home {
      padding-bottom: 2em; } }
  .events-home h2 {
    font-size: 1.9375em;
    color: #3d2d56; }
    @media screen and (min-width: 48em) {
      .events-home h2 {
        padding-top: 0em;
        padding-bottom: .5em; } }
  .events-home h3 {
    color: #fff;
    width: 70%;
    font-weight: normal; }
    @media screen and (min-width: 48em) {
      .events-home h3 {
        width: 100%;
        margin: 0 auto;
        position: absolute; } }
  .events-home .bottom-align {
    position: relative; }
    @media screen and (min-width: 25em) {
      .events-home .bottom-align {
        min-height: 3em; } }
  .events-home p {
    color: #3d2d56;
    text-transform: uppercase;
    font-size: .9375em;
    line-height: 1.333333333em; }
    @media screen and (min-width: 48em) {
      .events-home p {
        height: 8em;
        padding: 1.875em 1.875em 0 1.875em; } }
    @media screen and (min-width: 48.5em) {
      .events-home p {
        padding: 0;
        padding-top: 1.875em; } }
  .events-home .event-listing-home {
    display: inline-block;
    margin-top: 2em; }
    @media screen and (min-width: 48em) {
      .events-home .event-listing-home {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 100%;
        margin-right: 0; }
        .events-home .event-listing-home:last-child {
          margin-right: 0; } }
    @media screen and (min-width: 48.5em) {
      .events-home .event-listing-home {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 65.81197%;
        margin-right: 0; }
        .events-home .event-listing-home:last-child {
          margin-right: 0; } }
    .events-home .event-listing-home li {
      text-align: center;
      border-top: 0.15em solid #bf692c;
      padding-top: 1.5em; }
      @media screen and (min-width: 48em) {
        .events-home .event-listing-home li {
          border-top: none;
          position: relative;
          padding-top: 0em;
          margin-bottom: 4em; } }
      @media screen and (min-width: 48em) {
        .events-home .event-listing-home li {
          float: left;
          display: block;
          margin-right: 2.5641%;
          width: 48.71795%;
          height: 16.5em; }
          .events-home .event-listing-home li:first-child {
            display: none; }
          .events-home .event-listing-home li:last-child {
            margin-right: 0; }
          .events-home .event-listing-home li:nth-child(2n) {
            margin-right: 0; }
          .events-home .event-listing-home li:nth-child(2n+1) {
            clear: left; } }
      @media screen and (min-width: 48.5em) and (max-width: 68em) {
        .events-home .event-listing-home li {
          float: left;
          display: block;
          margin-right: 2.5641%;
          width: 31.62393%;
          clear: none; }
          .events-home .event-listing-home li:first-child {
            display: none; }
          .events-home .event-listing-home li:last-child {
            margin-right: 0; }
          .events-home .event-listing-home li:last-child {
            margin-right: 0; }
          .events-home .event-listing-home li:nth-child(2n+1) {
            clear: none; }
          .events-home .event-listing-home li:nth-child(3n) {
            margin-right: 0; }
          .events-home .event-listing-home li:nth-child(3n+1) {
            clear: none; } }
      @media screen and (min-width: 68em) {
        .events-home .event-listing-home li {
          float: left;
          display: block;
          margin-right: 2.5641%;
          width: 23.07692%; }
          .events-home .event-listing-home li:first-child {
            display: inline-block; }
          .events-home .event-listing-home li:nth-child(2n+1), .events-home .event-listing-home li:nth-child(3n+1) {
            clear: none; }
          .events-home .event-listing-home li:last-child {
            margin-right: 0; }
          .events-home .event-listing-home li:nth-child(7n) {
            margin-right: 0; }
          .events-home .event-listing-home li:nth-child(7n+1) {
            clear: left; } }
  .events-home .dateviews {
    width: 65%;
    padding: .5em 0;
    margin-bottom: 1em; }
    @media screen and (min-width: 48em) {
      .events-home .dateviews {
        margin-bottom: 0; } }
  .events-home .btn.redorange {
    margin-bottom: 2em; }
    @media screen and (min-width: 48em) {
      .events-home .btn.redorange {
        position: absolute;
        bottom: -4em;
        margin-left: -1em; } }
  .events-home .ad-space {
    background: none;
    margin-top: 30px;
    display: none; }
    @media screen and (min-width: 25em) {
      .events-home .ad-space {
        display: block;
        margin-top: 1em; } }
    @media screen and (min-width: 48em) {
      .events-home .ad-space {
        position: absolute;
        top: 150px;
        right: 30px; } }
    @media screen and (min-width: 48.5em) {
      .events-home .ad-space {
        position: static;
        margin-top: .75em;
        margin-left: 2.5641%;
        float: right;
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 31.62393%;
        margin-right: 0; }
        .events-home .ad-space:last-child {
          margin-right: 0; } }

.dogs-owners-home article {
  overflow: hidden;
  margin-top: 9.375rem; }
  @media screen and (min-width: 48em) {
    .dogs-owners-home article {
      margin-top: 7.5em; } }
.dogs-owners-home h2 {
  font-size: 1.9375em;
  color: #bf692c;
  padding-bottom: 1.25rem; }
.dogs-owners-home .btn {
  font-size: .8em;
  width: 100%;
  text-align: center;
  margin-bottom: 1.5em; }
  @media screen and (min-width: 48em) {
    .dogs-owners-home .btn {
      width: 23em;
      display: block;
      margin: 0 auto;
      margin-bottom: 2.5rem; } }
.dogs-owners-home .btns {
  width: 100%; }
.dogs-owners-home .owner-block {
  background-color: #3d2d56;
  margin-bottom: 1em;
  float: left;
  width: 100%;
  border: .5em solid #fff;
  text-decoration: none; }
  @media screen and (min-width: 40em) {
    .dogs-owners-home .owner-block {
      float: left;
      display: block;
      margin-right: 2.5641%;
      width: 48.71795%; }
      .dogs-owners-home .owner-block:last-child {
        margin-right: 0; }
      .dogs-owners-home .owner-block:nth-child(2n) {
        margin-right: 0; }
      .dogs-owners-home .owner-block:nth-child(2n+1) {
        clear: left; } }
  @media screen and (min-width: 48em) {
    .dogs-owners-home .owner-block {
      float: left;
      display: block;
      margin-right: 2.5641%;
      width: 23.07692%; }
      .dogs-owners-home .owner-block:nth-child(2n) {
        margin-right: 2.5641%; }
      .dogs-owners-home .owner-block:nth-child(2n+1) {
        clear: none; }
      .dogs-owners-home .owner-block:last-child {
        margin-right: 0; } }
  .dogs-owners-home .owner-block a {
    text-decoration: none;
    display: block; }
  .dogs-owners-home .owner-block .top {
    position: relative;
    display: block;
    width: 100%;
    height: 9.375em; }
  .dogs-owners-home .owner-block .owner {
    position: absolute;
    bottom: -2em;
    width: 100%; }
    .dogs-owners-home .owner-block .owner .owner-image {
      margin: 0 auto;
      width: 4.375em;
      height: 4.375em;
      display: block;
      border-radius: 99em;
      border: 4px solid #fff; }
  .dogs-owners-home .owner-block h4 {
    text-align: center;
    width: 100%;
    margin-top: 3em;
    font-size: 1em;
    text-transform: uppercase; }
  .dogs-owners-home .owner-block .username {
    width: 100%;
    display: block;
    color: #bf692c;
    padding-top: .5em;
    padding-bottom: 2.5rem;
    font-size: .875em;
    font-family: "Crimson Text", serif;
    font-style: italic;
    text-align: center; }

.home-social {
  overflow: hidden;
  margin-top: 9rem; }
  @media screen and (min-width: 48em) {
    .home-social {
      margin-bottom: 2em;
      margin-top: 4.375em; } }
  .home-social h2 {
    color: #bf692c;
    font-size: 1.9375em; }
    @media screen and (min-width: 48em) {
      .home-social h2 {
        margin-top: 1em;
        margin-bottom: 1em; } }
  .home-social .home-social-title {
    margin-bottom: 20px;
    text-align: left;
    float: left;
    color: #ff9c00; }
  .home-social .column {
    margin-bottom: 30px; }
    @media screen and (min-width: 48em) {
      .home-social .column {
        margin-bottom: 0;
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 31.62393%; }
        .home-social .column:last-child {
          margin-right: 0; } }
  .home-social .news {
    float: left;
    width: 100%; }
    .home-social .news li a {
      padding-bottom: 15px;
      font-size: .9375em;
      display: block;
      color: #3d2d56;
      text-decoration: none; }
  .home-social .twitter-holder {
    float: left;
    width: 100%; }
  .home-social .facebook-holder {
    float: left;
    width: 100%; }

.homepage .color-mast.orange h2 {
  color: #3d2d56;
  font-size: 1.9375em;
  padding-top: 4.375rem;
  padding-bottom: 3.7rem; }
.homepage .color-mast.orange h3 {
  color: #FFF;
  margin-bottom: 1.25rem;
  font-size: 1.75rem; }

/* firefox hack. Hacky hack. Remove ASAP */
@-moz-document url-prefix() {
  .home-masthead .right .top h3 {
    margin-top: 2.25em; } }
.you-vs-breed {
  padding-bottom: 75px; }
  .you-vs-breed .vs-signed-out h3 {
    color: #ff9c00;
    margin-top: 2em; }
  .you-vs-breed .vs-signed-out .content {
    display: block;
    width: 18em;
    margin: 0 auto;
    margin-top: 2.325em; }
  .you-vs-breed .vs-signed-out img {
    float: left;
    width: 6.25em;
    margin-left: .75em; }
  .you-vs-breed .vs-signed-out span {
    display: block;
    text-align: center;
    color: #3d2d56;
    font-family: "Crimson Text", serif;
    font-style: italic;
    font-size: 1.375em;
    padding-top: .3em; }
  .you-vs-breed .vs-signed-out h2 {
    color: #3d2d56;
    font-size: 1.5625em; }
  .you-vs-breed .vs-signed-out .btn {
    margin-top: 2.5em;
    float: left;
    width: 100%;
    text-align: center; }
  .you-vs-breed .you-v-breed {
    margin-bottom: 10em; }
  .you-vs-breed .you-vs-breed-scores {
    margin-bottom: 40vh; }
  .you-vs-breed .vs-select {
    position: relative; }
    .you-vs-breed .vs-select .user, .you-vs-breed .vs-select .breed {
      float: left;
      display: block;
      margin-right: 2.5641%;
      width: 100%;
      background-color: #f8f1ec;
      padding-left: 2em;
      padding-right: 2em;
      margin-top: 2em;
      height: 29em; }
      .you-vs-breed .vs-select .user:last-child, .you-vs-breed .vs-select .breed:last-child {
        margin-right: 0; }
      @media screen and (min-width: 48em) {
        .you-vs-breed .vs-select .user, .you-vs-breed .vs-select .breed {
          margin-left: 8.54701%;
          float: left;
          display: block;
          margin-right: 2.5641%;
          width: 82.90598%; }
          .you-vs-breed .vs-select .user:last-child, .you-vs-breed .vs-select .breed:last-child {
            margin-right: 0; } }
      @media screen and (min-width: 64em) {
        .you-vs-breed .vs-select .user, .you-vs-breed .vs-select .breed {
          float: left;
          display: block;
          margin-right: 2.5641%;
          width: 31.62393%;
          margin-left: 0%; }
          .you-vs-breed .vs-select .user:last-child, .you-vs-breed .vs-select .breed:last-child {
            margin-right: 0; } }
    @media screen and (min-width: 64em) {
      .you-vs-breed .vs-select .user {
        margin-left: 17.09402%; } }
    .you-vs-breed .vs-select .user a {
      display: block;
      width: 100%;
      text-align: center;
      text-decoration: none;
      font: normal 0.9em "Montserrat", sans-serif;
      text-transform: uppercase;
      margin-top: 1.5em;
      margin-bottom: 2em; }
    .you-vs-breed .vs-select .user > .photo {
      border-radius: 99em;
      border: 0.4em solid #3d2d56;
      margin: 0 auto;
      display: block;
      height: 7.5em;
      width: 7.5em;
      background-position: center center;
      background-size: cover; }
      @media screen and (min-width: 64em) {
        .you-vs-breed .vs-select .user > .photo {
          height: 10.1em;
          width: 10.1em; } }
    .you-vs-breed .vs-select .user .name {
      font: normal 1.25em "Montserrat", sans-serif;
      text-transform: uppercase;
      text-align: center;
      display: block;
      border-top: 0.1rem solid #c9c9c6;
      border-bottom: 0.1rem solid #c9c9c6;
      padding: .5em 0;
      color: #3d2d56;
      margin-top: 2em;
      margin-bottom: 2em; }
    .you-vs-breed .vs-select .vs-circle {
      position: absolute;
      z-index: 100;
      padding: .8em;
      vertical-align: top;
      text-align: center;
      background-color: #3d2d56;
      border: .3em solid #fff;
      border-radius: 99em;
      color: #fff;
      font: normal 1.25em "Montserrat", sans-serif;
      left: 50%;
      margin-left: -2.2rem;
      top: 48%; }
      @media screen and (min-width: 64em) {
        .you-vs-breed .vs-select .vs-circle {
          top: 40%; } }
    @media screen and (min-width: 64em) {
      .you-vs-breed .vs-select .breed {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 31.62393%;
        position: relative; }
        .you-vs-breed .vs-select .breed:last-child {
          margin-right: 0; } }
    .you-vs-breed .vs-select .breed .dog-holder {
      height: 7.5em;
      width: 7.5em;
      border-radius: 99em;
      background-color: #fff;
      overflow: hidden;
      margin: 0 auto;
      border: 6px solid #3d2d56;
      margin-top: 4.5em;
      margin-bottom: 2.5em; }
      @media screen and (min-width: 64em) {
        .you-vs-breed .vs-select .breed .dog-holder {
          width: 10.1em;
          height: 10.1em; } }
    .you-vs-breed .vs-select .breed h2 {
      padding-bottom: 1em;
      text-align: center;
      font-size: 1.25em;
      color: #3d2d56; }
      @media screen and (min-width: 64em) {
        .you-vs-breed .vs-select .breed h2 {
          padding-bottom: 0; } }
      .you-vs-breed .vs-select .breed h2 small {
        font-size: .75em;
        color: #bf692c;
        width: 100%; }
    .you-vs-breed .vs-select .breed .chosen-container {
      margin-bottom: 5em;
      width: 100%; }
      @media screen and (min-width: 48em) {
        .you-vs-breed .vs-select .breed .chosen-container {
          margin-top: 1em;
          margin-bottom: 1em; } }
    .you-vs-breed .vs-select .breed .real-select {
      display: none;
      margin-right: 0;
      margin-left: 0;
      margin-top: 0em; }
      @media screen and (min-width: 48em) {
        .you-vs-breed .vs-select .breed .real-select {
          display: block; } }
    .you-vs-breed .vs-select .breed .hacky-select {
      display: block; }
      @media screen and (min-width: 48em) {
        .you-vs-breed .vs-select .breed .hacky-select {
          display: none; } }
    .you-vs-breed .vs-select .breed .btn {
      position: absolute;
      bottom: 0;
      left: 50%;
      margin-left: -6.25em; }
  .you-vs-breed .vs-results {
    max-width: 48.125em;
    margin: 0 auto; }
    .you-vs-breed .vs-results p {
      margin-top: 2.5em;
      color: #3d2d56;
      float: left;
      display: block;
      margin-right: 2.5641%;
      width: 100%; }
      .you-vs-breed .vs-results p:last-child {
        margin-right: 0; }
      @media screen and (min-width: 48em) {
        .you-vs-breed .vs-results p {
          float: left;
          display: block;
          margin-right: 2.5641%;
          width: 48.71795%; }
          .you-vs-breed .vs-results p:last-child {
            margin-right: 0; } }
      .you-vs-breed .vs-results p.vs-breed {
        margin-right: 0; }
    .you-vs-breed .vs-results .vs-graph {
      border-top: .1em solid #e3e3e3;
      display: block;
      float: left;
      margin-top: 2em; }
    .you-vs-breed .vs-results .bubble-graph {
      width: 100%;
      float: left;
      position: relative;
      padding: 1.5em 0;
      height: 5em; }
      .you-vs-breed .vs-results .bubble-graph:after {
        content: '';
        float: left;
        position: absolute;
        left: 0;
        height: 1px;
        width: 100%;
        display: block;
        bottom: 0; }
        @media screen and (min-width: 48em) {
          .you-vs-breed .vs-results .bubble-graph:after {
            border-bottom: .1em solid #e3e3e3; } }
        @media screen and (min-width: 64em) {
          .you-vs-breed .vs-results .bubble-graph:after {
            border-bottom: .1em solid #e3e3e3; } }
      .you-vs-breed .vs-results .bubble-graph .bubble {
        width: 1em;
        height: 1em;
        display: block;
        margin: 0 .2em;
        border: .125em solid #fff;
        box-shadow: 0 0 0 .1em #e1e1e1;
        border-radius: 99em;
        float: left;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out; }
        @media screen and (min-width: 35em) {
          .you-vs-breed .vs-results .bubble-graph .bubble {
            width: 2em;
            height: 2em;
            margin: 0 .4em;
            border: .25em solid #fff; } }
        .you-vs-breed .vs-results .bubble-graph .bubble.filled {
          background-color: #01d4b4; }
      @media screen and (min-width: 48em) {
        .you-vs-breed .vs-results .bubble-graph .left {
          margin-left: 8.54701%; } }
      @media screen and (min-width: 64em) {
        .you-vs-breed .vs-results .bubble-graph .left {
          margin-left: 4.2735%; } }
      .you-vs-breed .vs-results .bubble-graph .left:before {
        content: 'You'; }
      .you-vs-breed .vs-results .bubble-graph .right {
        margin-left: 17.09402%; }
        @media screen and (min-width: 48em) {
          .you-vs-breed .vs-results .bubble-graph .right {
            margin-left: 0%; } }
        .you-vs-breed .vs-results .bubble-graph .right:after {
          content: 'Breed'; }
      .you-vs-breed .vs-results .bubble-graph .left, .you-vs-breed .vs-results .bubble-graph .right {
        margin-top: 3em;
        position: relative;
        width: 50%;
        display: block;
        float: left;
        margin: 0;
        margin-top: 2em;
        text-align: center; }
        @media screen and (min-width: 48em) {
          .you-vs-breed .vs-results .bubble-graph .left, .you-vs-breed .vs-results .bubble-graph .right {
            margin-top: 0;
            float: left;
            display: block;
            margin-right: 2.5641%;
            width: 31.62393%; }
            .you-vs-breed .vs-results .bubble-graph .left:last-child, .you-vs-breed .vs-results .bubble-graph .right:last-child {
              margin-right: 0; } }
        @media screen and (min-width: 64em) {
          .you-vs-breed .vs-results .bubble-graph .left, .you-vs-breed .vs-results .bubble-graph .right {
            float: left;
            display: block;
            margin-right: 2.5641%;
            width: 35.89744%; }
            .you-vs-breed .vs-results .bubble-graph .left:last-child, .you-vs-breed .vs-results .bubble-graph .right:last-child {
              margin-right: 0; } }
        .you-vs-breed .vs-results .bubble-graph .left ul, .you-vs-breed .vs-results .bubble-graph .right ul {
          display: -webkit-box;
          display: -moz-box;
          display: box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -moz-box-pack: center;
          box-pack: center;
          -webkit-justify-content: center;
          -moz-justify-content: center;
          -ms-justify-content: center;
          -o-justify-content: center;
          justify-content: center;
          -ms-flex-pack: center; }
          @media screen and (min-width: 48em) {
            .you-vs-breed .vs-results .bubble-graph .left ul, .you-vs-breed .vs-results .bubble-graph .right ul {
              display: inline-block; } }
        .you-vs-breed .vs-results .bubble-graph .left:before, .you-vs-breed .vs-results .bubble-graph .left:after, .you-vs-breed .vs-results .bubble-graph .right:before, .you-vs-breed .vs-results .bubble-graph .right:after {
          text-align: center;
          width: 100%;
          position: absolute;
          top: -2em;
          display: block; }
          @media screen and (min-width: 48em) {
            .you-vs-breed .vs-results .bubble-graph .left:before, .you-vs-breed .vs-results .bubble-graph .left:after, .you-vs-breed .vs-results .bubble-graph .right:before, .you-vs-breed .vs-results .bubble-graph .right:after {
              display: none; } }
      .you-vs-breed .vs-results .bubble-graph .title {
        position: absolute;
        top: 0px;
        left: 0;
        width: 100%;
        text-align: center;
        color: #bf692c;
        font: italic 0.9em "Crimson Text", serif;
        vertical-align: bottom;
        line-height: 2.5em; }
        @media screen and (min-width: 48em) {
          .you-vs-breed .vs-results .bubble-graph .title {
            position: relative;
            width: auto;
            float: left;
            display: block;
            margin-right: 2.5641%;
            width: 23.07692%;
            display: block;
            float: left; }
            .you-vs-breed .vs-results .bubble-graph .title:last-child {
              margin-right: 0; } }
  .you-vs-breed .share-this h3 {
    margin-top: 2em;
    color: #ff9c00;
    margin-bottom: 2em; }
  .you-vs-breed .share-this .content {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 100%;
    text-align: center;
    margin-bottom: 2em; }
    .you-vs-breed .share-this .content:last-child {
      margin-right: 0; }

.image-mast article {
  width: 100%; }
.image-mast .breed-act {
  text-decoration: none;
  border-radius: 99em;
  width: 4em;
  height: 4em;
  padding: 1em .75em .75em;
  position: absolute;
  right: 1em;
  border: 0.2em solid rgba(43, 35, 55, 0.6);
  -webkit-transition: opacity 0.3s ease-in;
  -moz-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in; }
  .image-mast .breed-act.light {
    border: 0.2em solid rgba(248, 241, 236, 0.6); }
    .image-mast .breed-act.light .icon-heart, .image-mast .breed-act.light .icon-compare {
      color: #f8f1ec;
      opacity: .6; }
    .image-mast .breed-act.light.love-btn.active {
      opacity: 1;
      border-color: #f8f1ec; }
      .image-mast .breed-act.light.love-btn.active .icon-heart {
        opacity: 1;
        color: #f8f1ec; }
    .image-mast .breed-act.light.hover {
      border: 0.2em solid #f8f1ec;
      opacity: 1; }
      .image-mast .breed-act.light.hover .icon-compare {
        opacity: 1; }
  .image-mast .breed-act .icon-heart, .image-mast .breed-act .icon-compare {
    color: #2b2337;
    opacity: .6;
    font-size: 1.45em;
    text-align: center;
    margin-top: 2px;
    margin-left: 2px; }
  .image-mast .breed-act .icon-heart {
    margin-top: .1em; }
  .image-mast .breed-act.hover {
    border: 0.2em solid #2b2337;
    opacity: 1; }
    .image-mast .breed-act.hover .icon-heart, .image-mast .breed-act.hover .icon-compare {
      opacity: 1; }
.image-mast .love-btn {
  top: 20%; }
  @media screen and (min-width: 48em) {
    .image-mast .love-btn {
      top: 30%; } }
  .image-mast .love-btn.active {
    opacity: 1;
    border-color: #2b2337; }
  .image-mast .love-btn.active .icon-heart, .image-mast .love-btn.active .icon-compare {
    opacity: 1;
    color: #2b2337; }
.image-mast .compare-btn {
  top: 60%; }
  @media screen and (min-width: 48em) {
    .image-mast .compare-btn {
      top: 50%; } }
  .image-mast .compare-btn.hover {
    cursor: pointer; }
.image-mast .light.compare-btn .tooltip, .image-mast .light.love-btn .tooltip {
  background-color: #f8f1ec;
  color: #2b2337; }
  .image-mast .light.compare-btn .tooltip:after, .image-mast .light.love-btn .tooltip:after {
    background-color: #f8f1ec; }
.image-mast .compare-btn .tooltip, .image-mast .love-btn .tooltip {
  opacity: 0;
  background-color: #3d2d56;
  position: absolute;
  text-decoration: none;
  color: #fff;
  width: 20em;
  right: 5.5em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-size: .85em;
  padding: .5em 1em; }
  .image-mast .compare-btn .tooltip:after, .image-mast .love-btn .tooltip:after {
    width: 1em;
    height: 1em;
    right: -.5em;
    top: 50%;
    margin-top: -.5em;
    background-color: #3d2d56; }
.image-mast .compare-btn.hover .tooltip, .image-mast .love-btn.hover .tooltip {
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  opacity: 1;
  right: 5.5em; }

.feed-class h1, .feed-class .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .feed-class h2 {
  margin-top: 4.75rem;
  color: #bf692c; }
  @media screen and (min-width: 25em) {
    .feed-class h1, .feed-class .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .feed-class h2 {
      max-width: 90%; } }
.feed-class .adj {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  display: block;
  margin-top: .625rem; }
  @media screen and (min-width: 48em) {
    .feed-class .adj {
      font-size: .75em; } }
.feed-class .type {
  color: #01d4b4;
  width: 100%;
  font-family: "Crimson Text", serif;
  font-weight: 600;
  font-style: italic;
  line-height: 2.25em;
  margin: 0 auto;
  margin-top: 1em;
  margin-bottom: 2em;
  width: 100%;
  font-size: 1.125em;
  letter-spacing: .18rem;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center; }
  @media screen and (min-width: 48em) {
    .feed-class .type {
      margin-bottom: 1.5em; } }
  .feed-class .type img {
    display: inline-block;
    height: 2em;
    max-width: 5em;
    margin-right: .5em; }
.feed-class .findpuppies {
  max-width: 400px;
  min-width: 355px;
  min-height: 40px;
  margin-top: 25px;
  margin-bottom: 25px;
  text-align: center;
  line-height: 25px; }
  .feed-class .findpuppies i.icon {
    content: '';
    height: 25px;
    width: 25px;
    float: right;
    margin: auto 0 auto 0; }

.feed-info {
  position: relative;
  top: 1em; }
  @media screen and (min-width: 48em) {
    .feed-info {
      top: -1em; } }
  .feed-info .breed-versus {
    background-color: #3d2d56;
    position: relative;
    width: 100%;
    height: 14em; }
    @media screen and (min-width: 30em) {
      .feed-info .breed-versus {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 48.71795%;
        height: 22em; }
        .feed-info .breed-versus:last-child {
          margin-right: 0; } }
    @media screen and (min-width: 48em) {
      .feed-info .breed-versus {
        height: 17.125em; } }
    @media screen and (min-width: 68.75em) {
      .feed-info .breed-versus {
        top: 0;
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 31.62393%; }
        .feed-info .breed-versus:last-child {
          margin-right: 0; } }
    .feed-info .breed-versus h3 {
      color: #ff9c00;
      width: 90%;
      letter-spacing: .1rem;
      padding-top: 1.8125rem; }
      @media screen and (min-width: 48em) {
        .feed-info .breed-versus h3 {
          padding-top: 2.125rem; } }
    .feed-info .breed-versus > a {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%; }
    .feed-info .breed-versus img {
      width: 4em;
      height: 4em;
      margin-left: 2.75em;
      margin-top: .75em;
      display: block;
      float: left; }
      @media screen and (min-width: 48em) {
        .feed-info .breed-versus img {
          width: 5.625em;
          margin-left: 3em;
          margin-right: 1em;
          margin-top: 2em; } }
      @media screen and (min-width: 64em) {
        .feed-info .breed-versus img {
          margin-right: 0; } }
    .feed-info .breed-versus .btn {
      text-align: center;
      width: 100%;
      border-top: 0.1em solid #2b2337;
      margin-top: 2em;
      padding: .9em 0 1.2em; }
      .feed-info .breed-versus .btn .icon-right-arrow {
        font-size: 1.7em;
        position: relative;
        top: 4px; }
      .feed-info .breed-versus .btn:hover {
        background-color: #ff5f2d;
        color: #fff; }
  .feed-info .howsimilar {
    float: left;
    display: block;
    margin-top: 0em;
    margin-left: 1em; }
    @media screen and (min-width: 30em) {
      .feed-info .howsimilar {
        width: 100%; } }
    @media screen and (min-width: 68.75em) {
      .feed-info .howsimilar {
        margin-left: 0;
        margin-top: 0;
        position: absolute;
        left: 30%;
        width: 70%; } }
    .feed-info .howsimilar span {
      text-align: center;
      display: block;
      float: left;
      padding-top: 1.1rem;
      width: 100%;
      font-family: "Crimson Text", serif;
      font-style: italic;
      font-size: 1.25em;
      letter-spacing: .18rem; }
      @media screen and (min-width: 25em) {
        .feed-info .howsimilar span {
          padding-left: 5%;
          padding-top: .75rem; } }
      @media screen and (min-width: 48em) {
        .feed-info .howsimilar span {
          margin-top: 1rem; } }
    .feed-info .howsimilar h2 {
      font-size: 1.3em;
      width: 100%; }
      @media screen and (min-width: 48em) {
        .feed-info .howsimilar h2 {
          float: left;
          display: block; } }
  .feed-info .history, .feed-info .training, .feed-info .tone {
    background: #f8f1ec;
    position: relative;
    margin-top: 2.85em; }
    @media screen and (min-width: 30em) {
      .feed-info .history, .feed-info .training, .feed-info .tone {
        margin-top: 0; } }
    .feed-info .history h3, .feed-info .training h3, .feed-info .tone h3 {
      padding-top: 1.75rem;
      color: #ff9c00;
      width: 75%; }
      @media screen and (min-width: 48em) {
        .feed-info .history h3, .feed-info .training h3, .feed-info .tone h3 {
          padding-top: 1em; } }
    .feed-info .history .bigyear, .feed-info .training .bigyear, .feed-info .tone .bigyear {
      color: #3d2d56;
      display: block;
      width: 100%;
      text-align: center;
      font-size: 1.75em;
      font-weight: 700;
      padding-top: 1em;
      padding-bottom: .75em; }
    .feed-info .history p, .feed-info .training p, .feed-info .tone p {
      padding: 0 1em 4em 1em;
      text-align: center;
      line-height: 1rem;
      font-size: .8125rem;
      color: #3d2d56; }
    .feed-info .history .btn, .feed-info .training .btn, .feed-info .tone .btn {
      position: absolute;
      bottom: -1.71875rem;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%); }
      @media screen and (min-width: 48em) {
        .feed-info .history .btn, .feed-info .training .btn, .feed-info .tone .btn {
          display: none; } }
  .feed-info .history {
    width: 100%; }
    @media screen and (min-width: 30em) {
      .feed-info .history {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 48.71795%;
        height: 22em;
        margin-right: 0; }
        .feed-info .history:last-child {
          margin-right: 0; } }
    @media screen and (min-width: 48em) {
      .feed-info .history {
        height: 17.125rem; } }
    @media screen and (min-width: 68.75em) {
      .feed-info .history {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 31.62393%; }
        .feed-info .history:last-child {
          margin-right: 0; } }
    .feed-info .history h3 {
      padding-top: 3.3125rem; }
  .feed-info .training {
    width: 100%; }
    @media screen and (min-width: 30em) {
      .feed-info .training {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 48.71795%;
        height: 22em;
        margin-top: 2.5em; }
        .feed-info .training:last-child {
          margin-right: 0; } }
    @media screen and (min-width: 36em) {
      .feed-info .training {
        height: 17.125rem; } }
    @media screen and (min-width: 68.75em) {
      .feed-info .training {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 14.52991%;
        margin-top: 0;
        font-size: .9em; }
        .feed-info .training:last-child {
          margin-right: 0; } }
    .feed-info .training p {
      padding-top: 1em; }
    .feed-info .training h3 {
      padding-top: 2.3rem !important; }
  .feed-info .tone {
    position: relative;
    height: 22em; }
    @media screen and (min-width: 30em) {
      .feed-info .tone {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 48.71795%;
        margin-top: 2.5em; }
        .feed-info .tone:last-child {
          margin-right: 0; } }
    @media screen and (min-width: 36em) {
      .feed-info .tone {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 48.71795%;
        height: 17.125rem; }
        .feed-info .tone:last-child {
          margin-right: 0; } }
    @media screen and (min-width: 68.75em) {
      .feed-info .tone {
        margin-top: 0;
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 14.52991%; }
        .feed-info .tone:last-child {
          margin-right: 0; } }
    .feed-info .tone h3 a {
      font-size: .875em; }
      @media screen and (min-width: 48em) {
        .feed-info .tone h3 a {
          font-size: 1rem; } }
    .feed-info .tone .marking, .feed-info .tone .colors {
      position: absolute;
      display: block;
      color: #01d4b4;
      font-size: 6em; }
      @media screen and (min-width: 25em) {
        .feed-info .tone .marking, .feed-info .tone .colors {
          font-size: 3em;
          font-weight: 700; } }
    .feed-info .tone .colors .digit, .feed-info .tone .marking .digit {
      text-align: center;
      display: block;
      font-size: 4rem;
      font-weight: 700; }
      @media screen and (min-width: 48em) {
        .feed-info .tone .colors .digit, .feed-info .tone .marking .digit {
          font-size: 3.125rem; } }
    .feed-info .tone .colors .text, .feed-info .tone .marking .text {
      position: relative;
      display: block;
      font-size: .875rem;
      color: #bf692c;
      font-family: "Crimson Text", serif;
      font-weight: 600;
      font-style: italic;
      line-height: 0;
      width: 100%; }
    .feed-info .tone .colors {
      top: 28%;
      left: 25%; }
      @media screen and (min-width: 25em) {
        .feed-info .tone .colors {
          left: 15%; } }
    .feed-info .tone .marking {
      right: 25%;
      bottom: 20%; }
      @media screen and (min-width: 25em) {
        .feed-info .tone .marking {
          right: 15%; } }
    .feed-info .tone .divider {
      position: relative;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
      border-top: 1px solid #e3dbd6;
      display: block;
      width: 67.5%;
      left: 15%;
      margin-top: 8em; }
      @media screen and (min-width: 25em) {
        .feed-info .tone .divider {
          width: 90%;
          margin-top: 8em;
          left: 5%; } }
      @media screen and (min-width: 36em) {
        .feed-info .tone .divider {
          width: 13em;
          margin-top: 6em;
          left: 20%; } }
      @media screen and (min-width: 64em) {
        .feed-info .tone .divider {
          left: auto;
          margin-top: 5em;
          width: 10em; } }
  .feed-info .training h3, .feed-info .tone h3 {
    padding-top: 2.0625rem; }
  .feed-info .btn.redorange.divider {
    display: none; }
    @media screen and (min-width: 48em) {
      .feed-info .btn.redorange.divider {
        display: table; } }
  .feed-info .flush {
    display: none; }
    @media screen and (min-width: 48em) {
      .feed-info .flush {
        display: block; } }

.feed-glance {
  margin-top: 4.6875em; }
  @media screen and (min-width: 62em) {
    .feed-glance {
      margin-top: 6.5em;
      display: block; } }
  .feed-glance h1, .feed-glance .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .feed-glance h2 {
    color: #bf692c; }
  .feed-glance .energy, .feed-glance .hobbies, .feed-glance .personality, .feed-glance .ranking {
    float: left;
    width: 100%;
    border-left: 20px solid #fff;
    border-right: 20px solid #fff;
    position: relative; }
    @media screen and (min-width: 48em) {
      .feed-glance .energy, .feed-glance .hobbies, .feed-glance .personality, .feed-glance .ranking {
        height: 22em; } }
    .feed-glance .energy:after, .feed-glance .hobbies:after, .feed-glance .personality:after, .feed-glance .ranking:after {
      content: '';
      display: block;
      position: absolute;
      height: 90%;
      width: 1px;
      background-color: #e3e3e3;
      top: 0;
      left: -1.5em; }
      @media screen and (min-width: 25em) {
        .feed-glance .energy:after, .feed-glance .hobbies:after, .feed-glance .personality:after, .feed-glance .ranking:after {
          height: 80%;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%); } }
    .feed-glance .energy:before, .feed-glance .hobbies:before, .feed-glance .personality:before, .feed-glance .ranking:before {
      content: '';
      display: block;
      position: absolute;
      height: 90%;
      width: 1px;
      background-color: #e3e3e3;
      top: 0;
      left: -1em; }
      @media screen and (min-width: 25em) {
        .feed-glance .energy:before, .feed-glance .hobbies:before, .feed-glance .personality:before, .feed-glance .ranking:before {
          height: 80%;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%); } }
      @media screen and (min-width: 28.75em) {
        .feed-glance .energy:before, .feed-glance .hobbies:before, .feed-glance .personality:before, .feed-glance .ranking:before {
          display: none; } }
  .feed-glance .energy {
    width: 100%; }
    @media screen and (min-width: 28.75em) {
      .feed-glance .energy {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 48.71795%; }
        .feed-glance .energy:last-child {
          margin-right: 0; } }
    @media screen and (min-width: 62em) {
      .feed-glance .energy {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 23.07692%; }
        .feed-glance .energy:last-child {
          margin-right: 0; } }
    .feed-glance .energy h3 {
      padding-top: 3em;
      color: #ff9c00; }
      @media screen and (min-width: 25em) {
        .feed-glance .energy h3 {
          padding-top: 2em; } }
    .feed-glance .energy .meter {
      margin-top: 3em;
      position: relative; }
    .feed-glance .energy .battery-f, .feed-glance .energy .battery-e {
      position: absolute;
      width: 100%;
      height: .8em; }
      .feed-glance .energy .battery-f img, .feed-glance .energy .battery-e img {
        display: block;
        width: 1.5em;
        height: 1.5em;
        margin: 0 auto; }
    .feed-glance .energy .battery-f {
      top: -1em;
      background: transparent url("/assets/battery-full.svg") center top no-repeat; }
    .feed-glance .energy .battery-e {
      bottom: -1em;
      background: transparent url("/assets/battery-empty.svg") center top no-repeat; }
    .feed-glance .energy .circle {
      background-color: #fff;
      display: block;
      margin: 0 auto;
      width: 8.75em;
      height: 8.75em;
      border: 0.4em solid #3d2d56;
      border-radius: 99em;
      position: relative; }
      .feed-glance .energy .circle .dot {
        background: #01d4b4;
        height: 1.5em;
        width: 1.5em;
        display: block;
        position: absolute;
        border-radius: 99em;
        z-index: 10; }
      .feed-glance .energy .circle:before, .feed-glance .energy .circle:after {
        content: '';
        position: absolute;
        display: block;
        float: left;
        background-color: #979891;
        opacity: .6; }
      .feed-glance .energy .circle:before {
        width: 80%;
        height: 1px;
        margin-left: 10%;
        top: 50%; }
      .feed-glance .energy .circle:after {
        left: 50%;
        margin-top: 10%;
        height: 80%;
        width: 1px; }
    .feed-glance .energy .dogs {
      position: absolute;
      bottom: .3em;
      width: 100%;
      height: 4.5em;
      background: transparent url("/assets/energysize.svg") center bottom no-repeat;
      z-index: 10; }
      .feed-glance .energy .dogs:after {
        content: '';
        border-top: 1px solid #3d2d56;
        position: absolute;
        bottom: 0em;
        display: block;
        width: 100%; }
      .feed-glance .energy .dogs img {
        width: 100%; }
    .feed-glance .energy .description {
      margin-top: 1.5em;
      color: #01d4b4;
      font-family: "Montserrat", sans-serif;
      text-align: center; }
      .feed-glance .energy .description .size {
        text-transform: lowercase;
        font-family: "Crimson Text", serif;
        font-style: italic; }
      .feed-glance .energy .description .energy_levels {
        text-transform: uppercase; }
  .feed-glance .ranking {
    width: 100%; }
    @media screen and (min-width: 28.75em) {
      .feed-glance .ranking {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 48.71795%;
        margin-right: 0; }
        .feed-glance .ranking:last-child {
          margin-right: 0; } }
    @media screen and (min-width: 62em) {
      .feed-glance .ranking {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 23.07692%; }
        .feed-glance .ranking:last-child {
          margin-right: 0; } }
    .feed-glance .ranking h3 {
      color: #ff9c00;
      padding-top: 2em; }
    .feed-glance .ranking .bigrank {
      font-size: 5.5em;
      width: 100%;
      color: #01d4b4;
      font-weight: 700;
      text-align: center;
      letter-spacing: 0; }
      @media screen and (min-width: 48em) {
        .feed-glance .ranking .bigrank {
          font-size: 7em; } }
      .feed-glance .ranking .bigrank .ordinal {
        font-size: 1.25rem;
        font-family: "Crimson Text", serif; }
    .feed-glance .ranking .stat {
      color: #3d2d56;
      font-family: "Montserrat", sans-serif;
      font-size: .85em;
      text-transform: uppercase;
      text-align: center;
      display: block; }
    .feed-glance .ranking .rank {
      font-family: "Crimson Text", serif;
      font-style: italic;
      display: block;
      text-align: center;
      color: #3d2d56;
      letter-spacing: .18em; }
  .feed-glance .personality {
    width: 100%; }
    @media screen and (min-width: 28.75em) {
      .feed-glance .personality {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 48.71795%; }
        .feed-glance .personality:last-child {
          margin-right: 0; } }
    @media screen and (min-width: 62em) {
      .feed-glance .personality {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 23.07692%; }
        .feed-glance .personality:last-child {
          margin-right: 0; } }
    .feed-glance .personality h3 {
      padding-top: 2em;
      color: #ff9c00; }
    .feed-glance .personality .attributes {
      padding-top: 1em; }
    .feed-glance .personality li {
      float: left;
      display: block;
      position: relative;
      font-family: "Montserrat", sans-serif;
      color: #01d4b4;
      text-transform: uppercase;
      line-height: 2em;
      margin: 0 .5em 0 0;
      margin-top: .9375rem;
      width: 100%; }
      .feed-glance .personality li .item {
        display: table;
        float: left;
        padding-left: 2.25em;
        font-size: 1.2rem; }
      .feed-glance .personality li .checkbox {
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        border: 0.1em solid #979891;
        height: 1.25rem;
        width: 1.25rem; }
      .feed-glance .personality li img {
        width: 1.5625rem;
        height: 1.5625rem;
        float: left;
        position: absolute;
        top: 40%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 10;
        margin-left: .1em;
        margin-top: 2px;
        left: 0; }
    .feed-glance .personality .info {
      color: #3d2d56;
      display: block;
      text-align: center;
      font-family: "Crimson Text", serif;
      float: left;
      padding-top: 1.25rem;
      letter-spacing: .18rem;
      font-weight: 600;
      font-style: italic; }
  .feed-glance .hobbies {
    width: 100%;
    float: left; }
    .feed-glance .hobbies .wygwam-box {
      margin-top: 1.5em; }
      .feed-glance .hobbies .wygwam-box ol {
        list-style-type: decimal; }
      .feed-glance .hobbies .wygwam-box ul {
        list-style-type: disc; }
      .feed-glance .hobbies .wygwam-box * {
        background: #FFF;
        border-radius: 0;
        border: none;
        color: #000;
        font: normal;
        height: auto;
        margin: 0;
        padding: 0;
        letter-spacing: normal;
        line-height: normal;
        text-transform: normal;
        visibility: visible;
        width: auto;
        word-spacing: normal;
        z-index: auto;
        list-style-position: inside; }
      .feed-glance .hobbies .wygwam-box a {
        color: #ff5f2d; }
    .feed-glance .hobbies li.slide:nth-child(n+2) {
      display: none; }
      @media screen and (min-width: 28.75em) {
        .feed-glance .hobbies li.slide:nth-child(n+2) {
          display: block; } }
    @media screen and (min-width: 28.75em) {
      .feed-glance .hobbies {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 48.71795%; }
        .feed-glance .hobbies:last-child {
          margin-right: 0; } }
    @media screen and (min-width: 62em) {
      .feed-glance .hobbies {
        float: none;
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 23.07692%;
        position: relative; }
        .feed-glance .hobbies:last-child {
          margin-right: 0; } }
    .feed-glance .hobbies h3 {
      color: #ff9c00;
      padding-top: 2em;
      white-space: nowrap;
      overflow: hidden; }
    .feed-glance .hobbies img {
      border: 0.3em solid #3d2d56;
      border-radius: 99em;
      width: 5em;
      height: 5em;
      display: block;
      margin: 0 auto; }
      @media screen and (min-width: 25em) {
        .feed-glance .hobbies img {
          margin-top: 1.5em; } }
    .feed-glance .hobbies .akc-swiper-wrapper {
      margin-top: 2em;
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      box-direction: normal;
      -ms-flex-direction: normal;
      -webkit-box-lines: single;
      -moz-box-lines: single;
      box-lines: single;
      -webkit-flex-wrap: nowrap;
      -moz-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      box-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      -webkit-align-content: flex-start;
      -moz-align-content: flex-start;
      align-content: flex-start;
      -ms-flex-line-pack: start;
      -webkit-box-align: start;
      -moz-box-align: start;
      box-align: start;
      -webkit-align-items: flex-start;
      -moz-align-items: flex-start;
      -ms-align-items: flex-start;
      -o-align-items: flex-start;
      align-items: flex-start;
      -ms-flex-align: start; }
      @media screen and (min-width: 25em) {
        .feed-glance .hobbies .akc-swiper-wrapper {
          margin-top: 0;
          display: block; }
          .feed-glance .hobbies .akc-swiper-wrapper .slide {
            -webkit-box-ordinal-group: 0;
            -moz-box-ordinal-group: 0;
            box-ordinal-group: 0;
            -webkit-order: 0;
            -moz-order: 0;
            order: 0;
            -ms-flex-order: 0;
            -webkit-align-self: auto;
            -moz-align-self: auto;
            align-self: auto;
            -ms-flex-item-align: auto; } }
    @media screen and (min-width: 25em) {
      .feed-glance .hobbies .slide {
        display: inline-block;
        position: relative;
        width: 100%;
        float: left; } }
    .feed-glance .hobbies .akc-swiper-container {
      overflow: hidden; }
    .feed-glance .hobbies .callout {
      color: #979891;
      font-size: .75em;
      position: relative;
      margin-top: 2em;
      margin-bottom: 1.5em; }
      @media screen and (min-width: 25em) {
        .feed-glance .hobbies .callout {
          display: inline-block;
          width: 100%;
          margin-bottom: 0;
          border-left: 1em solid #fff;
          border-right: 1em solid #fff; } }
      .feed-glance .hobbies .callout:before {
        background-color: #f8f1ec;
        height: 3em;
        width: 3em;
        left: 50%;
        margin-left: -1.5em;
        z-index: 1;
        margin-top: -.75em; }
    .feed-glance .hobbies .tweet {
      padding: 1em 2em;
      display: inline-block;
      width: 100%;
      background-color: #f8f1ec;
      position: relative;
      z-index: 10;
      text-align: center; }
    .feed-glance .hobbies .username {
      background-color: #01d4b4;
      display: inline-block;
      width: 100%;
      font-family: "Crimson Text", serif;
      text-align: center;
      color: #fff;
      padding: .5rem 0;
      font-size: .875rem;
      color: #f8f1ec;
      font-weight: 600; }
    .feed-glance .hobbies p {
      color: #3d2d56;
      margin-top: 1.75em;
      font-size: 1.2em; }
  @media screen and (min-width: 62em) {
    .feed-glance.no-hobbies .energy, .feed-glance.no-hobbies .ranking, .feed-glance.no-hobbies .personality {
      float: left;
      display: block;
      margin-right: 2.5641%;
      width: 31.62393%; }
      .feed-glance.no-hobbies .energy:last-child, .feed-glance.no-hobbies .ranking:last-child, .feed-glance.no-hobbies .personality:last-child {
        margin-right: 0; } }

.feed-standard article {
  padding: 0;
  margin-top: 4.6875em; }
  @media screen and (min-width: 48em) {
    .feed-standard article {
      margin-top: 5.25em; } }
  .feed-standard article p.breed-downloads {
    padding-top: 0; }
.feed-standard h1, .feed-standard .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .feed-standard h2 {
  color: #bf692c; }
.feed-standard .button-row .icon-embed {
  font-size: 1.4em;
  position: relative;
  left: -2px;
  top: -2px; }
.feed-standard article > p {
  color: #3d2d56;
  text-align: center;
  padding-top: 2.5rem; }
.feed-standard .illustration {
  width: 100%;
  margin: 0 auto;
  display: block;
  float: left;
  position: relative;
  z-index: 2; }
  @media screen and (min-width: 64em) {
    .feed-standard .illustration {
      float: none;
      display: table;
      margin: 0;
      margin: 2em 0em;
      position: relative; } }
  .feed-standard .illustration .diagram {
    position: relative;
    width: 100%;
    display: block;
    float: left; }
    @media screen and (min-width: 64em) {
      .feed-standard .illustration .diagram {
        float: none;
        display: table-cell;
        width: 60%; } }
  .feed-standard .illustration img {
    padding: 2em 0 0 2em;
    float: left;
    width: 100%; }
  .feed-standard .illustration .triangle {
    display: none; }
    @media screen and (min-width: 64em) {
      .feed-standard .illustration .triangle {
        -webkit-transition: top 0.4s ease-out;
        -moz-transition: top 0.4s ease-out;
        transition: top 0.4s ease-out;
        background-color: #f8f1ec;
        height: 1.5em;
        width: 1.5em;
        display: block;
        top: 1.3em;
        margin-left: -.75em;
        z-index: 2;
        left: 0; } }
  .feed-standard .illustration .tag {
    position: absolute;
    border: 4px solid #ff5f2d;
    border-radius: 99em;
    color: #ff5f2d;
    display: block;
    font: bold 1.0625em "Lato", sans-serif;
    text-align: center;
    text-decoration: none;
    background-color: none;
    background-color: rgba(255, 255, 255, 0.7);
    width: 3rem;
    height: 3rem;
    padding-top: .5rem;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in; }
    @media screen and (min-width: 28.75em) {
      .feed-standard .illustration .tag {
        background-color: transparent;
        color: #ff5f2d; } }
    .feed-standard .illustration .tag.active {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1);
      color: #fff;
      border: 0.25em solid #ff5f2d;
      background: #ff5f2d; }
    .feed-standard .illustration .tag:hover {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1);
      color: #fff;
      border: 0.25em solid #ff5f2d;
      background: #ff5f2d;
      cursor: pointer; }
  .feed-standard .illustration.js-selected a {
    color: #fff;
    border: 0.25em solid #ff5f2d;
    background: #ff5f2d; }
.feed-standard .dog-glamourshot {
  position: relative; }
  @media screen and (min-width: 48em) {
    .feed-standard .dog-glamourshot {
      top: -3em; } }
.feed-standard .tip-container {
  top: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }
  @media screen and (min-width: 28.75em) {
    .feed-standard .tip-container {
      width: 100%; } }
  @media screen and (min-width: 48em) {
    .feed-standard .tip-container {
      position: static;
      overflow: visible; } }
  @media screen and (min-width: 64em) {
    .feed-standard .tip-container {
      position: absolute;
      z-index: 10; } }
@media screen and (min-width: 28.75em) {
  .feed-standard .tip-container, .feed-standard .wrapper {
    float: left; } }
@media screen and (min-width: 64em) {
  .feed-standard .tip-container, .feed-standard .wrapper {
    float: none; } }
.feed-standard .pagination {
  display: block; }
  @media screen and (min-width: 28.75em) {
    .feed-standard .pagination {
      display: none; } }
.feed-standard .pagination .dots li {
  padding: 0;
  font-size: 1em;
  margin-bottom: 1.3125rem; }
.feed-standard .caption {
  position: relative;
  width: 90%;
  margin-left: 5%;
  margin-top: 2em;
  float: left;
  height: auto; }
  @media screen and (min-width: 28.75em) {
    .feed-standard .caption {
      height: 30vh; } }
  @media screen and (min-width: 64em) {
    .feed-standard .caption {
      height: 100%;
      float: none;
      width: 40%;
      margin-left: 0;
      margin-top: 0;
      display: inline-block;
      top: 0;
      position: absolute; } }
  .feed-standard .caption:after {
    background-color: #f8f1ec;
    height: 1.5em;
    width: 1.5em;
    display: block;
    left: 50%;
    top: -.75em;
    margin-left: -.75em;
    z-index: 2; }
    @media screen and (min-width: 64em) {
      .feed-standard .caption:after {
        display: none; } }
  .feed-standard .caption .slide {
    padding: 1.75em 0;
    background: #f8f1ec;
    display: block;
    float: left;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff; }
    @media screen and (min-width: 28.75em) {
      .feed-standard .caption .slide {
        display: none;
        position: absolute;
        border-left: none;
        border-right: none; }
        .feed-standard .caption .slide.active {
          width: 100%;
          display: block; } }
  .feed-standard .caption h3 {
    color: #ff9c00;
    position: relative;
    z-index: 10;
    margin-bottom: .9375rem; }
    @media screen and (min-width: 48em) {
      .feed-standard .caption h3 {
        margin-bottom: 1rem; } }
  .feed-standard .caption p {
    text-align: left;
    padding: 0 1rem;
    color: #3d2d56; }
    @media screen and (min-width: 48em) {
      .feed-standard .caption p {
        padding: .5rem 2.5rem;
        font-size: .8125em; } }

.feed-care {
  background: #01d4b4; }
  .feed-care h1, .feed-care .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .feed-care h2, .feed-care h2 {
    color: #3d2d56;
    padding-top: 2.5rem;
    padding-bottom: 0;
    margin-bottom: -.5rem; }
    @media screen and (min-width: 28.75em) {
      .feed-care h1, .feed-care .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .feed-care h2, .feed-care h2 {
        margin-bottom: 0; } }
    @media screen and (min-width: 48em) {
      .feed-care h1, .feed-care .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .feed-care h2, .feed-care h2 {
        padding-top: 4.375rem;
        padding-bottom: 2.3rem; } }
  .feed-care .akc-swiper-container {
    overflow: hidden;
    margin-top: 2em; }
    @media screen and (min-width: 25em) {
      .feed-care .akc-swiper-container {
        margin-top: 0; } }
  .feed-care .care-item {
    width: 100%;
    float: left;
    padding: 0 .5em 6em .5em;
    position: relative; }
    @media screen and (min-width: 28.75em) {
      .feed-care .care-item {
        padding-bottom: 2em;
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 100%;
        margin-bottom: 1em; }
        .feed-care .care-item:last-child {
          margin-right: 0; } }
    @media screen and (min-width: 48em) {
      .feed-care .care-item {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 14.52991%; }
        .feed-care .care-item:last-child {
          margin-right: 0; } }
    .feed-care .care-item a {
      text-decoration: none; }
      .feed-care .care-item a:hover .care-icon {
        -webkit-transition: background-color 0.2s ease-in, border-color 0.25s ease-out;
        -moz-transition: background-color 0.2s ease-in, border-color 0.25s ease-out;
        transition: background-color 0.2s ease-in, border-color 0.25s ease-out;
        border-color: #ff5f2d;
        background-color: #ff5f2d; }
        .feed-care .care-item a:hover .care-icon svg path {
          fill: white; }
    .feed-care .care-item:after {
      content: '';
      display: block;
      position: absolute;
      height: 90%;
      width: 2px;
      background-color: #3d2d56;
      top: 0;
      left: -.5em; }
      @media screen and (min-width: 28.75em) {
        .feed-care .care-item:after {
          display: none; } }
    .feed-care .care-item:before {
      content: '';
      display: block;
      position: absolute;
      height: 90%;
      width: 2px;
      background-color: #3d2d56;
      top: 0;
      right: -.5em; }
      @media screen and (min-width: 28.75em) {
        .feed-care .care-item:before {
          display: none; } }
    .feed-care .care-item svg {
      width: 100%;
      height: 100%;
      display: inline-block;
      text-align: center; }
    .feed-care .care-item svg path {
      fill: #3d2d56; }
    .feed-care .care-item h3 {
      color: #fff;
      font-size: 1.5em;
      font-weight: 400;
      margin-bottom: 1em;
      padding-top: 2.5rem; }
      @media screen and (min-width: 48em) {
        .feed-care .care-item h3 {
          font-size: 1em; } }
    .feed-care .care-item p {
      color: #3d2d56;
      text-align: center; }
      @media screen and (min-width: 48em) {
        .feed-care .care-item p {
          font-size: .8125em; } }
      .feed-care .care-item p a {
        color: #fff;
        text-decoration: underline; }
    .feed-care .care-item .btn.redorange {
      position: absolute;
      left: 50%;
      bottom: 0;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%); }
      @media screen and (min-width: 28.75em) {
        .feed-care .care-item .btn.redorange {
          display: none; } }
  .feed-care .dot {
    background: #fff; }
  .feed-care .dot.active {
    background: #3d2d56; }
  @media screen and (min-width: 28.75em) {
    .feed-care .pagination {
      display: none; } }
  .feed-care .care-icon {
    margin: 0 auto;
    width: 5em;
    height: 5em;
    border-radius: 99em;
    border: 4px solid #3d2d56;
    display: block;
    padding: 1em; }
  .feed-care .ad-space {
    margin-top: 1em;
    margin-bottom: 1em; }
    @media screen and (min-width: 48em) {
      .feed-care .ad-space {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 31.62393%;
        margin-right: 0;
        height: 20em;
        margin-left: 1em; }
        .feed-care .ad-space:last-child {
          margin-right: 0; } }

.breed-video {
  padding-bottom: 4.375rem;
  background: #01d4b4; }
  @media screen and (min-width: 48em) {
    .breed-video {
      border-bottom: 0.1em solid #ff5f2d; } }
  .breed-video h1, .breed-video .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .breed-video h2, .breed-video h2 {
    color: #3d2d56;
    padding-top: 2.5rem;
    padding-bottom: 0;
    margin-bottom: -.5rem; }
    @media screen and (min-width: 28.75em) {
      .breed-video h1, .breed-video .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .breed-video h2, .breed-video h2 {
        margin-bottom: 0; } }
    @media screen and (min-width: 48em) {
      .breed-video h1, .breed-video .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .breed-video h2, .breed-video h2 {
        padding-top: 4.375rem;
        padding-bottom: 2.3rem; } }
  .breed-video .video-wrap {
    position: relative;
    padding-bottom: 28%;
    padding-top: 20px;
    height: 0;
    margin: auto;
    width: 50%;
    margin-top: 2.5rem; }
    @media screen and (max-width: 25em) {
      .breed-video .video-wrap {
        width: 100%;
        margin-bottom: 2.75em; } }
    .breed-video .video-wrap .video-frame {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      .breed-video .video-wrap .video-frame > div {
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.3); }

.breed-overview .feed-events-boxes {
  position: relative;
  top: -2em; }
  .breed-overview .feed-events-boxes h1, .breed-overview .feed-events-boxes .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .breed-overview .feed-events-boxes h2, .breed-overview .feed-events-boxes h2 {
    font-size: .9375em;
    text-align: center;
    color: #3d2d56;
    margin-top: 2em; }
    .breed-overview .feed-events-boxes h1 small, .breed-overview .feed-events-boxes .you-vs-breed .vs-select .breed h2 small, .you-vs-breed .vs-select .breed .breed-overview .feed-events-boxes h2 small, .breed-overview .feed-events-boxes h2 small {
      color: #bf692c;
      font-size: .875em; }
  .breed-overview .feed-events-boxes h3 {
    color: #ff9c00;
    font-size: 1rem;
    padding-top: 2em;
    text-align: center;
    font-weight: 400; }
  .breed-overview .feed-events-boxes .two-col, .breed-overview .feed-events-boxes .meetups, .breed-overview .feed-events-boxes .ad-space {
    margin-bottom: 4.675em;
    background-color: #f8f1ec;
    padding: 0 .75em;
    padding-bottom: 3.65rem;
    position: relative;
    max-height: 20em; }
    @media screen and (min-width: 48em) {
      .breed-overview .feed-events-boxes .two-col, .breed-overview .feed-events-boxes .meetups, .breed-overview .feed-events-boxes .ad-space {
        padding-bottom: 0;
        max-height: auto;
        height: 20em; } }
  .breed-overview .feed-events-boxes .two-col {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 100%; }
    .breed-overview .feed-events-boxes .two-col:last-child {
      margin-right: 0; }
    @media screen and (min-width: 37.5em) {
      .breed-overview .feed-events-boxes .two-col {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 48.71795%; }
        .breed-overview .feed-events-boxes .two-col:last-child {
          margin-right: 0; } }
    .breed-overview .feed-events-boxes .two-col:nth-child(2) {
      margin-right: 0; }
    @media screen and (min-width: 62em) {
      .breed-overview .feed-events-boxes .two-col {
        padding-bottom: 0;
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 18.80342%; }
        .breed-overview .feed-events-boxes .two-col:last-child {
          margin-right: 0; }
        .breed-overview .feed-events-boxes .two-col:nth-child(2) {
          margin-right: 2.5641%; } }
    .breed-overview .feed-events-boxes .two-col .localclubzip {
      margin-top: 1.25em; }
      .breed-overview .feed-events-boxes .two-col .localclubzip input {
        width: 100%;
        float: left;
        margin-bottom: 0; }
        @media screen and (min-width: 73.125em) {
          .breed-overview .feed-events-boxes .two-col .localclubzip input {
            width: 71%; } }
    .breed-overview .feed-events-boxes .two-col p {
      text-align: center;
      margin-top: .5em;
      margin-bottom: 3em; }
    .breed-overview .feed-events-boxes .two-col .localclub {
      visibility: visible;
      opacity: 1;
      -webkit-transition: all 0.5s ease-out;
      -moz-transition: all 0.5s ease-out;
      transition: all 0.5s ease-out; }
      .breed-overview .feed-events-boxes .two-col .localclub.hidden {
        visibility: none;
        opacity: 0; }
      .breed-overview .feed-events-boxes .two-col .localclub .withouturl, .breed-overview .feed-events-boxes .two-col .localclub .withurl {
        text-decoration: none;
        margin-top: 2em;
        text-align: center;
        float: left;
        width: 100%; }
      .breed-overview .feed-events-boxes .two-col .localclub .hidden {
        display: none; }
  .breed-overview .feed-events-boxes .zip-box {
    padding-top: 1.2em; }
  .breed-overview .feed-events-boxes .meetups {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 100%; }
    .breed-overview .feed-events-boxes .meetups:last-child {
      margin-right: 0; }
    @media screen and (min-width: 37.5em) {
      .breed-overview .feed-events-boxes .meetups {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 48.71795%; }
        .breed-overview .feed-events-boxes .meetups:last-child {
          margin-right: 0; } }
    @media screen and (min-width: 62em) {
      .breed-overview .feed-events-boxes .meetups {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 23.07692%;
        margin-top: 0; }
        .breed-overview .feed-events-boxes .meetups:last-child {
          margin-right: 0; } }
    .breed-overview .feed-events-boxes .meetups p {
      text-align: center;
      margin-top: .5em;
      margin-bottom: 3em;
      color: #3d2d56; }
    .breed-overview .feed-events-boxes .meetups input {
      margin-bottom: 0;
      float: left;
      width: 100%; }
      @media screen and (min-width: 73.125em) {
        .breed-overview .feed-events-boxes .meetups input {
          width: 70%; } }
    .breed-overview .feed-events-boxes .meetups .btn {
      left: 50%;
      position: relative;
      display: inline-block;
      float: left;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%); }
      @media screen and (min-width: 73.125em) {
        .breed-overview .feed-events-boxes .meetups .btn {
          left: auto;
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0); } }
  .breed-overview .feed-events-boxes .ad-space {
    margin-right: 0;
    padding-top: 1.825rem;
    padding-bottom: 1.825rem;
    max-height: none; }
    @media screen and (min-width: 37.5em) {
      .breed-overview .feed-events-boxes .ad-space {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 48.71795%; }
        .breed-overview .feed-events-boxes .ad-space:last-child {
          margin-right: 0; } }
    @media screen and (min-width: 48em) {
      .breed-overview .feed-events-boxes .ad-space {
        margin-top: 0;
        max-height: 20em; } }
    @media screen and (min-width: 64em) {
      .breed-overview .feed-events-boxes .ad-space {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 31.62393%; }
        .breed-overview .feed-events-boxes .ad-space:last-child {
          margin-right: 0; } }

.explore-breeds article {
  margin-top: 7.5em; }
.explore-breeds h1, .explore-breeds .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .explore-breeds h2, .explore-breeds h2 {
  color: #bf692c;
  padding-bottom: 1em; }
.explore-breeds .chosen-container {
  width: 100% !important;
  margin-bottom: 2em; }
  @media screen and (min-width: 48em) {
    .explore-breeds .chosen-container {
      margin-bottom: 7.4751em;
      width: 48.675% !important;
      float: left;
      display: block;
      margin-right: 2.5641%;
      width: 48.71795%; }
      .explore-breeds .chosen-container:last-child {
        margin-right: 0; } }
  .explore-breeds .chosen-container .chosen-single {
    background: none; }

.breed-overview .wide-short-photo-row {
  padding-left: 0;
  padding-right: 0; }
.breed-overview h2 {
  font-size: 1.9375em; }
  .breed-overview h2 small {
    display: block;
    font: italic 1.25rem "Crimson Text", serif;
    float: left;
    letter-spacing: .18em;
    line-height: 1em;
    text-transform: lowercase;
    width: 100%; }
.breed-overview .color-mast.orange h2 {
  color: #3d2d56;
  padding-top: 4.375rem;
  padding-bottom: 3.7rem; }
.breed-overview .color-mast.orange h3 {
  color: #fff;
  font-size: 1.75rem;
  margin-bottom: 1.25rem; }
.breed-overview .color-mast.purple h2 {
  color: #ff9c00;
  padding-top: 4.375rem;
  padding-bottom: 3.7rem;
  margin-bottom: 0; }
.breed-overview .color-mast.purple h3 {
  color: #fff;
  font-size: 1.75rem;
  margin-bottom: 1.25rem; }
.breed-overview .feed-glance h2, .breed-overview .feed-standard h2, .breed-overview .instadogs h2, .breed-overview .explore-breeds h2, .breed-overview .dog-block-group h2 {
  color: #bf692c; }

@media screen and (min-width: 25em) {
  .feed-class h1, .feed-class .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .feed-class h2 {
    max-width: 100%; } }
.breed-overview .btn.redorange.divider.outsider {
  margin-bottom: 2em; }

.breed-overview .breed-standard-link-block {
  display: block;
  height: 100%;
  width: 100%;
  text-decoration: none; }

.reset-page {
  overflow-x: hidden; }
  .reset-page .info {
    max-width: 73.125em;
    margin-left: auto;
    margin-right: auto; }
    .reset-page .info::after {
      clear: both;
      content: "";
      display: table; }
    @media screen and (max-width: 1224px) {
      .reset-page .info {
        margin: auto;
        max-width: 90%; } }
    .reset-page .info .tertiary-nav {
      max-width: 73.125em;
      margin-left: auto;
      margin-right: auto;
      padding-bottom: 10px; }
      .reset-page .info .tertiary-nav::after {
        clear: both;
        content: "";
        display: table; }
    .reset-page .info p, .reset-page .info ul li {
      color: #3d2d56; }
    .reset-page .info ul {
      margin-left: 17px;
      margin-bottom: 30px; }
    .reset-page .info ul li {
      list-style: disc; }
    .reset-page .info .data {
      max-width: 73.125em;
      margin-left: auto;
      margin-right: auto;
      position: relative;
      margin-bottom: 4.375em; }
      .reset-page .info .data::after {
        clear: both;
        content: "";
        display: table; }
      .reset-page .info .data .input, .reset-page .info .data form input[type="text"],
      .reset-page .info .data form input[type="password"],
      .reset-page .info .data form textarea,
      .reset-page .info .data form select.select {
        background-clip: padding-box;
        background-color: #fff;
        border: 1px solid #e3e3e3;
        color: #3d2d56;
        display: block;
        font-family: "Montserrat", sans-serif;
        font-weight: 400;
        height: 3.55em;
        line-height: 2em;
        padding: 0 0 0 1.25em;
        position: relative;
        text-decoration: none;
        text-transform: uppercase;
        white-space: nowrap; }
    .reset-page .info input[type=text], .reset-page .info select, .reset-page .info textarea,
    .reset-page .info .twitter-typeahead {
      width: 100%;
      color: #3d2d56; }
    .reset-page .info textarea {
      height: 17.1875em;
      padding: 1.25em;
      font-family: "Montserrat", sans-serif; }
    .reset-page .info label {
      width: auto;
      display: block;
      padding-bottom: 0.625em;
      color: #ff9c00;
      text-transform: uppercase; }
      .reset-page .info label small {
        float: left;
        width: 100%;
        margin-bottom: 0.5em;
        color: #979891; }
    .reset-page .info > h2 {
      margin-top: 1.875em; }
      @media screen and (min-width: 25em) {
        .reset-page .info > h2 {
          margin-top: 1.875em; } }
      @media screen and (min-width: 48em) {
        .reset-page .info > h2 {
          margin-top: 0; } }
      @media screen and (min-width: 64em) {
        .reset-page .info > h2 {
          margin-top: 0; } }
    .reset-page .info h3.simple {
      padding-bottom: 0.625em; }
    .reset-page .info .radio {
      margin-bottom: 1.25em; }
      .reset-page .info .radio label {
        display: inline !important; }
    .reset-page .info .half {
      width: 50%; }
  .reset-page .circle-border {
    border: 5px solid #fff;
    border-radius: 99em;
    height: 8.5rem;
    overflow: hidden;
    width: 8.5rem;
    z-index: 100; }
  .reset-page .error {
    max-width: 73.125em;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid red;
    margin-bottom: 2.5em;
    background-color: rgba(255, 0, 0, 0.1); }
    .reset-page .error::after {
      clear: both;
      content: "";
      display: table; }
    .reset-page .error ul {
      padding: 1.25em; }
      .reset-page .error ul li {
        margin-bottom: 0.625em; }
        .reset-page .error ul li:last-child {
          margin: 0; }
        .reset-page .error ul li p {
          color: red;
          margin: 0 !important; }
        .reset-page .error ul li span {
          color: red; }

.reset-page.create .info {
  max-width: 720px;
  margin: 0 auto; }

.reset-page .info .full-col textarea, .reset-page .info .error ul textarea, .reset-page .error .info ul textarea {
  height: 7.188em; }

#create-service-select {
  margin-bottom: 60px; }

.content-blurb {
  float: left;
  display: block;
  margin-right: 2.5641%;
  width: 100%; }
  .content-blurb:last-child {
    margin-right: 0; }
  @media screen and (min-width: 48em) {
    .content-blurb {
      float: left;
      display: block;
      margin-right: 2.5641%;
      width: 65.81197%;
      margin-left: 17.09402%; }
      .content-blurb:last-child {
        margin-right: 0; } }
  .content-blurb ul {
    margin-bottom: 7.5em; }
  .content-blurb ul li {
    text-align: left;
    color: #2b2337; }
  .content-blurb .btn {
    max-width: 90vw;
    margin: 3em 0 7.5rem 0; }
    @media screen and (min-width: 48em) {
      .content-blurb .btn {
        max-width: none;
        margin: 0 auto;
        margin-bottom: 0; } }
    @media screen and (min-width: 48em) {
      .content-blurb .btn.button-left-icon {
        margin-bottom: 7.5rem; } }
  .content-blurb p {
    font-size: .9375rem;
    color: #3d2d56;
    padding: 0 1.25rem 2.875rem; }
    @media screen and (min-width: 48em) {
      .content-blurb p {
        padding: 0 0 2.875rem 0; } }

#registration-form {
  margin-top: 4.5rem;
  max-width: 73.125em;
  margin-left: auto;
  margin-right: auto; }
  #registration-form::after {
    clear: both;
    content: "";
    display: table; }
  #registration-form .form-section {
    position: absolute;
    left: -1000em; }
    #registration-form .form-section.active {
      position: relative;
      left: auto; }

.photo-masthead {
  height: 0;
  padding-bottom: 112.5%;
  position: relative;
  overflow: hidden; }
  @media screen and (max-width: 800px) and (orientation: landscape) {
    .photo-masthead {
      padding-bottom: 50%; } }
  @media screen and (min-width: 48em) {
    .photo-masthead {
      height: 0;
      padding-bottom: 66.27604%;
      position: relative; } }
  @media screen and (min-width: 64em) {
    .photo-masthead {
      height: 0;
      padding-bottom: 39.76563%;
      position: relative; } }
  .photo-masthead > * {
    z-index: 1; }
  .photo-masthead img, .photo-masthead iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    left: 0; }
    .photo-masthead img.mobile, .photo-masthead iframe.mobile {
      display: block; }
    .photo-masthead img.tablet, .photo-masthead img.desktop, .photo-masthead iframe.tablet, .photo-masthead iframe.desktop {
      display: none; }
    @media screen and (min-width: 48em) {
      .photo-masthead img.tablet, .photo-masthead iframe.tablet {
        display: block; }
      .photo-masthead img.mobile, .photo-masthead img.desktop, .photo-masthead iframe.mobile, .photo-masthead iframe.desktop {
        display: none; } }
    @media screen and (min-width: 64em) {
      .photo-masthead img.desktop, .photo-masthead iframe.desktop {
        display: block; }
      .photo-masthead img.mobile, .photo-masthead img.tablet, .photo-masthead iframe.mobile, .photo-masthead iframe.tablet {
        display: none; } }

.blog-detail .photo-masthead,
.akc-breeds .photo-masthead {
  height: 0;
  padding-bottom: 25%;
  position: relative;
  position: relative;
  overflow: hidden; }
  @media screen and (min-width: 48em) {
    .blog-detail .photo-masthead,
    .akc-breeds .photo-masthead {
      height: 0;
      padding-bottom: 10.62699%;
      position: relative; } }
  @media screen and (min-width: 64em) {
    .blog-detail .photo-masthead,
    .akc-breeds .photo-masthead {
      height: 0;
      padding-bottom: 6.25%;
      position: relative; } }

.akc-breeds .scale-img {
  display: block; }
  .akc-breeds .scale-img .image {
    display: block; }
    @media screen and (min-width: 48em) {
      .akc-breeds .scale-img .image {
        display: none; } }
  .akc-breeds .scale-img .scale-img-image {
    display: none; }
    @media screen and (min-width: 48em) {
      .akc-breeds .scale-img .scale-img-image {
        display: block; } }

.akc-breeds .page-intro .seo-video .video-wrap {
  position: relative;
  padding-bottom: 56%;
  padding-top: 20px;
  height: 0;
  margin: auto;
  width: 100%;
  margin-top: 2.5rem; }
  @media screen and (max-width: 25em) {
    .akc-breeds .page-intro .seo-video .video-wrap {
      width: 100%;
      margin-bottom: 2.75em; } }
  .akc-breeds .page-intro .seo-video .video-wrap .video-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .akc-breeds .page-intro .seo-video .video-wrap .video-frame > div {
      box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.3); }
@media screen and (min-width: 48em) {
  .akc-breeds .page-intro {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 57.26496%;
    margin-left: 21.36752%;
    padding-bottom: 2.5em;
    padding-top: 1rem; }
    .akc-breeds .page-intro:last-child {
      margin-right: 0; } }

.akc-breeds .event .scale-img + h2 a {
  padding: 0; }

.page-intro, .section-intro {
  float: left;
  display: block;
  margin-right: 2.5641%;
  width: 100%;
  text-align: center;
  padding: 2.5em 0 5.625em 0;
  font-size: .9375rem;
  padding-top: 4.6875rem;
  padding-bottom: 1.875rem; }
  .page-intro:last-child, .section-intro:last-child {
    margin-right: 0; }
  @media screen and (min-width: 48em) {
    .page-intro, .section-intro {
      float: left;
      display: block;
      margin-right: 2.5641%;
      width: 57.26496%;
      margin-left: 21.36752%;
      padding-bottom: 2.5em;
      padding-top: 7.5rem; }
      .page-intro:last-child, .section-intro:last-child {
        margin-right: 0; } }
  .page-intro.short, .section-intro.short {
    padding-top: 4.375rem; }
  .page-intro.crumb, .section-intro.crumb {
    padding-top: 2rem; }
  .page-intro p, .section-intro p {
    color: #3d2d56;
    margin: 2.5rem 0; }
    @media screen and (min-width: 48em) {
      .page-intro p, .section-intro p {
        margin-bottom: 4.9rem; } }
    .page-intro p.facebook, .section-intro p.facebook {
      margin-bottom: 4.375rem; }
  .page-intro h1, .page-intro .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .page-intro h2, .section-intro h1, .section-intro .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .section-intro h2 {
    font-size: 1.4375rem; }

.blog-holder, .event-holder {
  display: block; }
  .blog-holder .entry-contain, .event-holder .entry-contain, .blog-holder .event-contain, .event-holder .event-contain {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 100%; }
    .blog-holder .entry-contain:last-child, .event-holder .entry-contain:last-child, .blog-holder .event-contain:last-child, .event-holder .event-contain:last-child {
      margin-right: 0; }
    @media screen and (min-width: 64em) {
      .blog-holder .entry-contain, .event-holder .entry-contain, .blog-holder .event-contain, .event-holder .event-contain {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 65.81197%;
        padding-right: 4.375em;
        border-right: 2px solid #f8f1ec;
        padding-bottom: 2.5rem; }
        .blog-holder .entry-contain:last-child, .event-holder .entry-contain:last-child, .blog-holder .event-contain:last-child, .event-holder .event-contain:last-child {
          margin-right: 0; } }
    .blog-holder .entry-contain > h1, .event-holder .entry-contain > h1, .blog-holder .event-contain > h1, .event-holder .event-contain > h1, .blog-holder .you-vs-breed .vs-select .breed .entry-contain > h2, .you-vs-breed .vs-select .breed .blog-holder .entry-contain > h2, .event-holder .you-vs-breed .vs-select .breed .entry-contain > h2, .you-vs-breed .vs-select .breed .event-holder .entry-contain > h2, .blog-holder .you-vs-breed .vs-select .breed .event-contain > h2, .you-vs-breed .vs-select .breed .blog-holder .event-contain > h2, .event-holder .you-vs-breed .vs-select .breed .event-contain > h2, .you-vs-breed .vs-select .breed .event-holder .event-contain > h2 {
      margin-top: 1em; }
      @media screen and (min-width: 48em) {
        .blog-holder .entry-contain > h1, .event-holder .entry-contain > h1, .blog-holder .event-contain > h1, .event-holder .event-contain > h1, .blog-holder .you-vs-breed .vs-select .breed .entry-contain > h2, .you-vs-breed .vs-select .breed .blog-holder .entry-contain > h2, .event-holder .you-vs-breed .vs-select .breed .entry-contain > h2, .you-vs-breed .vs-select .breed .event-holder .entry-contain > h2, .blog-holder .you-vs-breed .vs-select .breed .event-contain > h2, .you-vs-breed .vs-select .breed .blog-holder .event-contain > h2, .event-holder .you-vs-breed .vs-select .breed .event-contain > h2, .you-vs-breed .vs-select .breed .event-holder .event-contain > h2 {
          margin-top: 0; } }
    .blog-holder .entry-contain ul, .event-holder .entry-contain ul, .blog-holder .event-contain ul, .event-holder .event-contain ul {
      list-style-type: disc; }
      .blog-holder .entry-contain ul ul, .event-holder .entry-contain ul ul, .blog-holder .event-contain ul ul, .event-holder .event-contain ul ul {
        list-style-type: circle; }
        .blog-holder .entry-contain ul ul ul, .event-holder .entry-contain ul ul ul, .blog-holder .event-contain ul ul ul, .event-holder .event-contain ul ul ul {
          list-style-type: square; }
    .blog-holder .entry-contain ol, .event-holder .entry-contain ol, .blog-holder .event-contain ol, .event-holder .event-contain ol {
      list-style-type: decimal; }
      .blog-holder .entry-contain ol ol, .event-holder .entry-contain ol ol, .blog-holder .event-contain ol ol, .event-holder .event-contain ol ol {
        list-style-type: lower-alpha; }
        .blog-holder .entry-contain ol ol ol, .event-holder .entry-contain ol ol ol, .blog-holder .event-contain ol ol ol, .event-holder .event-contain ol ol ol {
          list-style-type: lower-roman; }
  .blog-holder .entry, .event-holder .entry {
    text-align: left;
    margin-bottom: 3.125em; }
    .blog-holder .entry .ad.callout, .event-holder .entry .ad.callout {
      margin: 10px 0; }
  .blog-holder h3, .event-holder h3 {
    color: #ff9c00;
    left: 0;
    margin: 0; }
    .blog-holder h3:hover, .event-holder h3:hover, .blog-holder h3:hover a, .event-holder h3:hover a {
      color: #ff5f2d; }
    .blog-holder h3 a, .event-holder h3 a {
      display: inline-block;
      text-decoration: none;
      color: #ff9c00; }
  .blog-holder figure, .event-holder figure {
    margin: 2em 0 2em 0;
    display: table; }
    .blog-holder figure figcaption, .event-holder figure figcaption {
      width: 100%;
      padding: 1.125em 1.375em 1.375em;
      background: #3d2d56;
      color: #f8f1ec;
      position: relative;
      margin: 0 auto;
      top: -18px;
      text-align: center; }
      @media screen and (min-width: 48em) {
        .blog-holder figure figcaption, .event-holder figure figcaption {
          width: 75.7%; } }
      .blog-holder figure figcaption span, .event-holder figure figcaption span {
        position: relative;
        z-index: 1;
        font-size: 0.875em;
        color: #979891;
        line-height: .875rem; }
      .blog-holder figure figcaption:before, .event-holder figure figcaption:before {
        content: "";
        width: 1.25em;
        height: 1.25em;
        background: #3d2d56;
        position: absolute;
        top: -0.5625em;
        left: 50%;
        margin-left: -0.625em;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        z-index: 0; }
  .blog-holder .sidebar, .event-holder .sidebar {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 100%; }
    .blog-holder .sidebar:last-child, .event-holder .sidebar:last-child {
      margin-right: 0; }
    @media screen and (min-width: 64em) {
      .blog-holder .sidebar, .event-holder .sidebar {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 31.62393%;
        margin-right: 0; }
        .blog-holder .sidebar:last-child, .event-holder .sidebar:last-child {
          margin-right: 0; } }
    .blog-holder .sidebar .side-nav, .event-holder .sidebar .side-nav {
      width: 100%;
      margin-right: 0;
      letter-spacing: .1rem; }
      @media screen and (min-width: 48em) {
        .blog-holder .sidebar .side-nav, .event-holder .sidebar .side-nav {
          float: left;
          display: block;
          margin-right: 2.5641%;
          width: 48.71795%; }
          .blog-holder .sidebar .side-nav:last-child, .event-holder .sidebar .side-nav:last-child {
            margin-right: 0; } }
      @media screen and (min-width: 64em) {
        .blog-holder .sidebar .side-nav, .event-holder .sidebar .side-nav {
          width: 100%;
          margin-right: 0; } }
    .blog-holder .sidebar .side-download, .event-holder .sidebar .side-download {
      margin-bottom: 3.125em;
      width: 100%;
      margin-right: 0; }
      @media screen and (min-width: 48em) {
        .blog-holder .sidebar .side-download, .event-holder .sidebar .side-download {
          float: left;
          display: block;
          margin-right: 2.5641%;
          width: 48.71795%;
          margin-right: 0; }
          .blog-holder .sidebar .side-download:last-child, .event-holder .sidebar .side-download:last-child {
            margin-right: 0; } }
      @media screen and (min-width: 64em) {
        .blog-holder .sidebar .side-download, .event-holder .sidebar .side-download {
          width: 100%; } }
      .blog-holder .sidebar .side-download h6, .event-holder .sidebar .side-download h6 {
        margin-bottom: 1.25em; }
    .blog-holder .sidebar h6, .event-holder .sidebar h6 {
      font: italic 0.875em "Crimson Text", serif;
      padding-bottom: 0.4375em;
      border-bottom: 1px solid #e3e3e3;
      letter-spacing: .1rem; }
    .blog-holder .sidebar ul, .event-holder .sidebar ul {
      padding-top: 1.25em;
      margin-bottom: 2.5em; }
      .blog-holder .sidebar ul:first-child, .event-holder .sidebar ul:first-child {
        padding-top: 0; }
    .blog-holder .sidebar li, .event-holder .sidebar li {
      font-family: "Lato", sans-serif;
      font-size: 0.8125em;
      line-height: 2; }
      .blog-holder .sidebar li a, .event-holder .sidebar li a {
        color: #2b2337;
        text-decoration: none; }
    .blog-holder .sidebar .side-img-list, .event-holder .sidebar .side-img-list {
      /*display: none; /* commented-out to allow ads to appear on phone */ }
      @media screen and (min-width: 64em) {
        .blog-holder .sidebar .side-img-list, .event-holder .sidebar .side-img-list {
          display: block;
          width: 100%;
          float: left; } }
    .blog-holder .sidebar .side-img-list li, .event-holder .sidebar .side-img-list li {
      background-color: #f8f1ec;
      /* &.has-contents { */
      margin-bottom: 4.375em;
      padding: 2.1875em;
      /*}*/ }
      @media screen and (min-width: 25em) {
        .blog-holder .sidebar .side-img-list li, .event-holder .sidebar .side-img-list li {
          /* added to allow ads to be contained within block on phone  */
          display: inline-block;
          margin-bottom: 0.0625em;
          margin-left: -17px; } }
      @media screen and (max-width: 25em) {
        .blog-holder .sidebar .side-img-list li, .event-holder .sidebar .side-img-list li {
          /* added to allow ads to be contained within block on phone  */
          display: inline-block;
          margin-bottom: 0.0625em;
          margin-left: -17px; } }
      .blog-holder .sidebar .side-img-list li a, .event-holder .sidebar .side-img-list li a {
        display: block; }
  @media screen and (min-width: 64em) {
    .blog-holder.generic2 .entry-contain, .generic2.event-holder .entry-contain, .blog-holder.generic2 .event-contain, .generic2.event-holder .event-contain {
      float: left;
      display: block;
      margin-right: 2.5641%;
      width: 65.81197%;
      padding-left: 4.375em;
      padding-right: 0;
      border-left: 2px solid #f8f1ec;
      border-right: 0;
      padding-bottom: 2.5rem;
      float: right;
      margin-right: 0;
      margin-left: 2.5641%; }
      .blog-holder.generic2 .entry-contain:last-child, .generic2.event-holder .entry-contain:last-child, .blog-holder.generic2 .event-contain:last-child, .generic2.event-holder .event-contain:last-child {
        margin-right: 0; } }
  .blog-holder.generic2 .sidebar, .generic2.event-holder .sidebar {
    float: left; }
  @media screen and (min-width: 64em) {
    .blog-holder.generic3 .entry-contain, .generic3.event-holder .entry-contain, .blog-holder.generic3 .event-contain, .generic3.event-holder .event-contain {
      float: left;
      display: block;
      margin-right: 0;
      width: 100%;
      padding-right: 0;
      border-right: none;
      padding-bottom: 2.5rem; } }
  .blog-holder.generic3 .sidebar, .generic3.event-holder .sidebar {
    display: none; }

.blog-holder .sidebar .right-sidebar.blog-feed li, .event-holder .sidebar .right-sidebar.blog-feed li {
  line-height: 1.3;
  display: block;
  clear: both; }

.you-vs-breed {
  padding-bottom: 75px; }
  .you-vs-breed .vs-signed-out h3 {
    color: #ff9c00;
    margin-top: 2em; }
  .you-vs-breed .vs-signed-out .content {
    display: block;
    width: 18em;
    margin: 0 auto;
    margin-top: 2.325em; }
  .you-vs-breed .vs-signed-out img {
    float: left;
    width: 6.25em;
    margin-left: .75em; }
  .you-vs-breed .vs-signed-out span {
    display: block;
    text-align: center;
    color: #3d2d56;
    font-family: "Crimson Text", serif;
    font-style: italic;
    font-size: 1.375em;
    padding-top: .3em; }
  .you-vs-breed .vs-signed-out h2 {
    color: #3d2d56;
    font-size: 1.5625em; }
  .you-vs-breed .vs-signed-out .btn {
    margin-top: 2.5em;
    float: left;
    width: 100%;
    text-align: center; }
  .you-vs-breed .you-v-breed {
    margin-bottom: 10em; }
  .you-vs-breed .you-vs-breed-scores {
    margin-bottom: 40vh; }
  .you-vs-breed .vs-select {
    position: relative; }
    .you-vs-breed .vs-select .user, .you-vs-breed .vs-select .breed {
      float: left;
      display: block;
      margin-right: 2.5641%;
      width: 100%;
      background-color: #f8f1ec;
      padding-left: 2em;
      padding-right: 2em;
      margin-top: 2em;
      height: 29em; }
      .you-vs-breed .vs-select .user:last-child, .you-vs-breed .vs-select .breed:last-child {
        margin-right: 0; }
      @media screen and (min-width: 48em) {
        .you-vs-breed .vs-select .user, .you-vs-breed .vs-select .breed {
          margin-left: 8.54701%;
          float: left;
          display: block;
          margin-right: 2.5641%;
          width: 82.90598%; }
          .you-vs-breed .vs-select .user:last-child, .you-vs-breed .vs-select .breed:last-child {
            margin-right: 0; } }
      @media screen and (min-width: 64em) {
        .you-vs-breed .vs-select .user, .you-vs-breed .vs-select .breed {
          float: left;
          display: block;
          margin-right: 2.5641%;
          width: 31.62393%;
          margin-left: 0%; }
          .you-vs-breed .vs-select .user:last-child, .you-vs-breed .vs-select .breed:last-child {
            margin-right: 0; } }
    @media screen and (min-width: 64em) {
      .you-vs-breed .vs-select .user {
        margin-left: 17.09402%; } }
    .you-vs-breed .vs-select .user a {
      display: block;
      width: 100%;
      text-align: center;
      text-decoration: none;
      font: normal 0.9em "Montserrat", sans-serif;
      text-transform: uppercase;
      margin-top: 1.5em;
      margin-bottom: 2em; }
    .you-vs-breed .vs-select .user > .photo {
      border-radius: 99em;
      border: 0.4em solid #3d2d56;
      margin: 0 auto;
      display: block;
      height: 7.5em;
      width: 7.5em;
      background-position: center center;
      background-size: cover; }
      @media screen and (min-width: 64em) {
        .you-vs-breed .vs-select .user > .photo {
          height: 10.1em;
          width: 10.1em; } }
    .you-vs-breed .vs-select .user .name {
      font: normal 1.25em "Montserrat", sans-serif;
      text-transform: uppercase;
      text-align: center;
      display: block;
      border-top: 0.1rem solid #c9c9c6;
      border-bottom: 0.1rem solid #c9c9c6;
      padding: .5em 0;
      color: #3d2d56;
      margin-top: 2em;
      margin-bottom: 2em; }
    .you-vs-breed .vs-select .vs-circle {
      position: absolute;
      z-index: 100;
      padding: .8em;
      vertical-align: top;
      text-align: center;
      background-color: #3d2d56;
      border: .3em solid #fff;
      border-radius: 99em;
      color: #fff;
      font: normal 1.25em "Montserrat", sans-serif;
      left: 50%;
      margin-left: -2.2rem;
      top: 48%; }
      @media screen and (min-width: 64em) {
        .you-vs-breed .vs-select .vs-circle {
          top: 40%; } }
    @media screen and (min-width: 64em) {
      .you-vs-breed .vs-select .breed {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 31.62393%;
        position: relative; }
        .you-vs-breed .vs-select .breed:last-child {
          margin-right: 0; } }
    .you-vs-breed .vs-select .breed .dog-holder {
      height: 7.5em;
      width: 7.5em;
      border-radius: 99em;
      background-color: #fff;
      overflow: hidden;
      margin: 0 auto;
      border: 6px solid #3d2d56;
      margin-top: 4.5em;
      margin-bottom: 2.5em; }
      @media screen and (min-width: 64em) {
        .you-vs-breed .vs-select .breed .dog-holder {
          width: 10.1em;
          height: 10.1em; } }
    .you-vs-breed .vs-select .breed h2 {
      padding-bottom: 1em;
      text-align: center;
      font-size: 1.25em;
      color: #3d2d56; }
      @media screen and (min-width: 64em) {
        .you-vs-breed .vs-select .breed h2 {
          padding-bottom: 0; } }
      .you-vs-breed .vs-select .breed h2 small {
        font-size: .75em;
        color: #bf692c;
        width: 100%; }
    .you-vs-breed .vs-select .breed .chosen-container {
      margin-bottom: 5em;
      width: 100%; }
      @media screen and (min-width: 48em) {
        .you-vs-breed .vs-select .breed .chosen-container {
          margin-top: 1em;
          margin-bottom: 1em; } }
    .you-vs-breed .vs-select .breed .real-select {
      display: none;
      margin-right: 0;
      margin-left: 0;
      margin-top: 0em; }
      @media screen and (min-width: 48em) {
        .you-vs-breed .vs-select .breed .real-select {
          display: block; } }
    .you-vs-breed .vs-select .breed .hacky-select {
      display: block; }
      @media screen and (min-width: 48em) {
        .you-vs-breed .vs-select .breed .hacky-select {
          display: none; } }
    .you-vs-breed .vs-select .breed .btn {
      position: absolute;
      bottom: 0;
      left: 50%;
      margin-left: -6.25em; }
  .you-vs-breed .vs-results {
    max-width: 48.125em;
    margin: 0 auto; }
    .you-vs-breed .vs-results p {
      margin-top: 2.5em;
      color: #3d2d56;
      float: left;
      display: block;
      margin-right: 2.5641%;
      width: 100%; }
      .you-vs-breed .vs-results p:last-child {
        margin-right: 0; }
      @media screen and (min-width: 48em) {
        .you-vs-breed .vs-results p {
          float: left;
          display: block;
          margin-right: 2.5641%;
          width: 48.71795%; }
          .you-vs-breed .vs-results p:last-child {
            margin-right: 0; } }
      .you-vs-breed .vs-results p.vs-breed {
        margin-right: 0; }
    .you-vs-breed .vs-results .vs-graph {
      border-top: .1em solid #e3e3e3;
      display: block;
      float: left;
      margin-top: 2em; }
    .you-vs-breed .vs-results .bubble-graph {
      width: 100%;
      float: left;
      position: relative;
      padding: 1.5em 0;
      height: 5em; }
      .you-vs-breed .vs-results .bubble-graph:after {
        content: '';
        float: left;
        position: absolute;
        left: 0;
        height: 1px;
        width: 100%;
        display: block;
        bottom: 0; }
        @media screen and (min-width: 48em) {
          .you-vs-breed .vs-results .bubble-graph:after {
            border-bottom: .1em solid #e3e3e3; } }
        @media screen and (min-width: 64em) {
          .you-vs-breed .vs-results .bubble-graph:after {
            border-bottom: .1em solid #e3e3e3; } }
      .you-vs-breed .vs-results .bubble-graph .bubble {
        width: 1em;
        height: 1em;
        display: block;
        margin: 0 .2em;
        border: .125em solid #fff;
        box-shadow: 0 0 0 .1em #e1e1e1;
        border-radius: 99em;
        float: left;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out; }
        @media screen and (min-width: 35em) {
          .you-vs-breed .vs-results .bubble-graph .bubble {
            width: 2em;
            height: 2em;
            margin: 0 .4em;
            border: .25em solid #fff; } }
        .you-vs-breed .vs-results .bubble-graph .bubble.filled {
          background-color: #01d4b4; }
      @media screen and (min-width: 48em) {
        .you-vs-breed .vs-results .bubble-graph .left {
          margin-left: 8.54701%; } }
      @media screen and (min-width: 64em) {
        .you-vs-breed .vs-results .bubble-graph .left {
          margin-left: 4.2735%; } }
      .you-vs-breed .vs-results .bubble-graph .left:before {
        content: 'You'; }
      .you-vs-breed .vs-results .bubble-graph .right {
        margin-left: 17.09402%; }
        @media screen and (min-width: 48em) {
          .you-vs-breed .vs-results .bubble-graph .right {
            margin-left: 0%; } }
        .you-vs-breed .vs-results .bubble-graph .right:after {
          content: 'Breed'; }
      .you-vs-breed .vs-results .bubble-graph .left, .you-vs-breed .vs-results .bubble-graph .right {
        margin-top: 3em;
        position: relative;
        width: 50%;
        display: block;
        float: left;
        margin: 0;
        margin-top: 2em;
        text-align: center; }
        @media screen and (min-width: 48em) {
          .you-vs-breed .vs-results .bubble-graph .left, .you-vs-breed .vs-results .bubble-graph .right {
            margin-top: 0;
            float: left;
            display: block;
            margin-right: 2.5641%;
            width: 31.62393%; }
            .you-vs-breed .vs-results .bubble-graph .left:last-child, .you-vs-breed .vs-results .bubble-graph .right:last-child {
              margin-right: 0; } }
        @media screen and (min-width: 64em) {
          .you-vs-breed .vs-results .bubble-graph .left, .you-vs-breed .vs-results .bubble-graph .right {
            float: left;
            display: block;
            margin-right: 2.5641%;
            width: 35.89744%; }
            .you-vs-breed .vs-results .bubble-graph .left:last-child, .you-vs-breed .vs-results .bubble-graph .right:last-child {
              margin-right: 0; } }
        .you-vs-breed .vs-results .bubble-graph .left ul, .you-vs-breed .vs-results .bubble-graph .right ul {
          display: -webkit-box;
          display: -moz-box;
          display: box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -moz-box-pack: center;
          box-pack: center;
          -webkit-justify-content: center;
          -moz-justify-content: center;
          -ms-justify-content: center;
          -o-justify-content: center;
          justify-content: center;
          -ms-flex-pack: center; }
          @media screen and (min-width: 48em) {
            .you-vs-breed .vs-results .bubble-graph .left ul, .you-vs-breed .vs-results .bubble-graph .right ul {
              display: inline-block; } }
        .you-vs-breed .vs-results .bubble-graph .left:before, .you-vs-breed .vs-results .bubble-graph .left:after, .you-vs-breed .vs-results .bubble-graph .right:before, .you-vs-breed .vs-results .bubble-graph .right:after {
          text-align: center;
          width: 100%;
          position: absolute;
          top: -2em;
          display: block; }
          @media screen and (min-width: 48em) {
            .you-vs-breed .vs-results .bubble-graph .left:before, .you-vs-breed .vs-results .bubble-graph .left:after, .you-vs-breed .vs-results .bubble-graph .right:before, .you-vs-breed .vs-results .bubble-graph .right:after {
              display: none; } }
      .you-vs-breed .vs-results .bubble-graph .title {
        position: absolute;
        top: 0px;
        left: 0;
        width: 100%;
        text-align: center;
        color: #bf692c;
        font: italic 0.9em "Crimson Text", serif;
        vertical-align: bottom;
        line-height: 2.5em; }
        @media screen and (min-width: 48em) {
          .you-vs-breed .vs-results .bubble-graph .title {
            position: relative;
            width: auto;
            float: left;
            display: block;
            margin-right: 2.5641%;
            width: 23.07692%;
            display: block;
            float: left; }
            .you-vs-breed .vs-results .bubble-graph .title:last-child {
              margin-right: 0; } }
  .you-vs-breed .share-this h3 {
    margin-top: 2em;
    color: #ff9c00;
    margin-bottom: 2em; }
  .you-vs-breed .share-this .content {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 100%;
    text-align: center;
    margin-bottom: 2em; }
    .you-vs-breed .share-this .content:last-child {
      margin-right: 0; }

.blog-row {
  width: 100%;
  margin-bottom: 3.75em; }
  @media screen and (min-width: 48em) {
    .blog-row {
      max-width: 73.125em;
      margin-left: auto;
      margin-right: auto; }
      .blog-row::after {
        clear: both;
        content: "";
        display: table; } }

.title-mast.centered.blog-title-mast {
  padding: 1.875em;
  border-bottom: 4px solid #ff9c00; }
  .title-mast.centered.blog-title-mast h1, .title-mast.centered.blog-title-mast .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .title-mast.centered.blog-title-mast h2, .title-mast.centered.blog-title-mast .page-title {
    font-size: 1.875em;
    color: #ff9c00; }
  .title-mast.centered.blog-title-mast .pagename {
    font-family: "Crimson Text", serif;
    font-weight: bold;
    font-style: italic;
    color: #2b2337;
    text-transform: lowercase;
    margin-left: -.3em; }
  @media screen and (min-width: 25em) {
    .title-mast.centered.blog-title-mast h1, .title-mast.centered.blog-title-mast .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .title-mast.centered.blog-title-mast h2, .title-mast.centered.blog-title-mast .page-title {
      font-size: 5.125em; } }

.blog-crumbs {
  padding-bottom: 3.125em; }
  .blog-crumbs article {
    top: auto; }
  .blog-crumbs ul {
    bottom: -18px; }

.blog-header {
  width: 100%;
  padding-top: 2.8125em; }
  .blog-header::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 48em) {
    .blog-header {
      max-width: 73.125em;
      margin-left: auto;
      margin-right: auto; }
      .blog-header::after {
        clear: both;
        content: "";
        display: table; } }
  .blog-header #head-cols {
    margin-bottom: 4.0625em;
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 91.45299%;
    margin-left: 4.2735%; }
    .blog-header #head-cols:last-child {
      margin-right: 0; }
    @media screen and (min-width: 48em) {
      .blog-header #head-cols {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 48.71795%;
        margin-left: 34.18803%; }
        .blog-header #head-cols:last-child {
          margin-right: 0; } }
  .blog-header .hacky-select {
    width: 13.75em;
    height: 3.4375em;
    display: block;
    float: left; }
    @media screen and (min-width: 48em) {
      .blog-header .hacky-select {
        width: 16.875em;
        height: 3.4375em; } }
    .blog-header .hacky-select figcaption {
      width: 3.4375em; }
      .blog-header .hacky-select figcaption:before {
        font-size: 0.625em;
        line-height: 5.5em;
        color: #ff9c00; }
    .blog-header .hacky-select select.cat-drop {
      width: 19.375em;
      height: 3.4375em;
      font: 1em "Montserrat", sans-serif; }
  .blog-header .icon-rss {
    width: 3.75em;
    float: right;
    padding: 0; }

.icon-rss {
  display: inline-block;
  height: 3.4375em;
  padding: 0 1.25em;
  background-color: #ff5f2d;
  text-align: center;
  color: #fff;
  text-decoration: none;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s; }
  .icon-rss:before {
    font-family: "icomoon";
    line-height: 2.75em;
    font-size: 1.25em;
    color: #FFF; }
  .icon-rss:hover {
    background-color: #f93b00;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s; }

.sidebar-header .icon-rss {
  margin-bottom: 1.875em;
  text-transform: uppercase;
  font: 0.875em "Montserrat", sans-serif;
  vertical-align: middle; }
  .sidebar-header .icon-rss:hover {
    color: #fff;
    cursor: pointer; }
  .sidebar-header .icon-rss:before {
    margin-right: 0.625em; }
  .sidebar-header .icon-rss span {
    position: relative;
    top: -2px; }
.sidebar-header .body-search-field {
  position: relative;
  margin-bottom: 1.875em; }
  .sidebar-header .body-search-field button[type="submit"] {
    position: absolute;
    top: 0.0625rem;
    right: 0;
    padding: 0.625rem;
    background-color: transparent;
    color: #ff9c00;
    font-size: 2rem; }

.blog-featured-post, .blog-article-heading {
  width: 100%;
  margin-bottom: 2.25em;
  margin-top: 2.5em;
  position: relative; }
  .blog-featured-post::after, .blog-article-heading::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 48em) {
    .blog-featured-post, .blog-article-heading {
      max-width: 73.125em;
      margin-left: auto;
      margin-right: auto; }
      .blog-featured-post::after, .blog-article-heading::after {
        clear: both;
        content: "";
        display: table; } }
  .blog-featured-post .post-head, .blog-article-heading .post-head {
    position: relative;
    z-index: 1;
    margin-bottom: 1.25em; }
  .blog-featured-post .title-author, .blog-article-heading .title-author {
    padding: 15em 5px 0 5px;
    float: left; }
    @media screen and (min-width: 25em) {
      .blog-featured-post .title-author, .blog-article-heading .title-author {
        margin: 0;
        padding: 15em 5px 0 5px; } }
    @media screen and (min-width: 48em) {
      .blog-featured-post .title-author, .blog-article-heading .title-author {
        margin: 0;
        padding-top: 0; } }
    @media screen and (min-width: 64em) {
      .blog-featured-post .title-author, .blog-article-heading .title-author {
        margin: 0 1.25em; } }
  .blog-featured-post .entry, .blog-article-heading .entry {
    overflow: hidden;
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 100%; }
    .blog-featured-post .entry:last-child, .blog-article-heading .entry:last-child {
      margin-right: 0; }
    @media screen and (min-width: 48em) {
      .blog-featured-post .entry, .blog-article-heading .entry {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 65.81197%;
        margin-left: 17.09402%; }
        .blog-featured-post .entry:last-child, .blog-article-heading .entry:last-child {
          margin-right: 0; } }
  .blog-featured-post hr, .blog-article-heading hr {
    display: none; }
    @media screen and (min-width: 48em) {
      .blog-featured-post hr, .blog-article-heading hr {
        display: block;
        width: 100%; } }
  .blog-featured-post .btn.divider, .blog-article-heading .btn.divider {
    visibility: hidden; }
    @media screen and (min-width: 48em) {
      .blog-featured-post .btn.divider, .blog-article-heading .btn.divider {
        visibility: visible; } }
  .blog-featured-post .article-img, .blog-article-heading .article-img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    float: left; }
    @media screen and (min-width: 48em) {
      .blog-featured-post .article-img, .blog-article-heading .article-img {
        position: relative;
        float: none; } }
  .blog-featured-post .author, .blog-article-heading .author {
    display: block;
    margin-bottom: 0.625em; }
  .blog-featured-post .view-count, .blog-article-heading .view-count {
    float: left;
    display: inline-block; }
  .blog-featured-post .social, .blog-article-heading .social {
    float: right; }
    .blog-featured-post .social::after, .blog-article-heading .social::after {
      clear: both;
      content: "";
      display: table; }
    .blog-featured-post .social li, .blog-article-heading .social li {
      float: left;
      margin-right: 0.625em;
      line-height: 1.125em;
      height: 1.125em; }
      .blog-featured-post .social li a, .blog-article-heading .social li a {
        display: inline-block; }
      .blog-featured-post .social li span, .blog-article-heading .social li span {
        display: none;
        color: #979891;
        display: inline-block;
        font: italic 0.8125em "Crimson Text", serif;
        line-height: 1.38462em;
        height: 1.38462em;
        vertical-align: middle; }
        .blog-featured-post .social li span:before, .blog-article-heading .social li span:before {
          font-size: 1.125em;
          height: 1em;
          color: #ff5f2d; }

.blog-summary {
  background-color: #01d4b4;
  margin-bottom: 4.375em; }
  .blog-summary article {
    padding: 3.125em 0;
    max-width: 73.125em;
    margin-left: auto;
    margin-right: auto; }
    .blog-summary article::after {
      clear: both;
      content: "";
      display: table; }
    .blog-summary article p {
      color: #fff;
      font-size: .9375em;
      width: 100%;
      padding: 0 1.25rem; }
      @media screen and (min-width: 48em) {
        .blog-summary article p {
          padding: 0;
          float: left;
          display: block;
          margin-right: 2.5641%;
          width: 65.81197%;
          margin-left: 17.09402%; }
          .blog-summary article p:last-child {
            margin-right: 0; } }

.post-head::after {
  clear: both;
  content: "";
  display: table; }
.post-head time {
  display: inline-block;
  float: left;
  text-align: center;
  font: bold 0.875em "Crimson Text", serif;
  font-style: italic;
  color: #bf692c;
  background: #f8f1ec;
  margin-right: 0.5em; }
  .post-head time span {
    display: block;
    color: #01d4b4;
    font: bold 3.57143em "Lato", sans-serif;
    font-style: normal;
    letter-spacing: 0;
    padding: 0 .125em; }
  .post-head time .year {
    background: #ff9c00;
    margin: 5px 0 0;
    padding: 3px;
    color: white; }
.post-head .title-author {
  float: left;
  display: block;
  margin-right: 2.5641%;
  width: 100%; }
  .post-head .title-author:last-child {
    margin-right: 0; }
  @media screen and (min-width: 48em) {
    .post-head .title-author {
      float: left;
      display: block;
      margin-right: 2.5641%;
      width: 82.90598%; }
      .post-head .title-author:last-child {
        margin-right: 0; } }
  @media screen and (min-width: 64em) {
    .post-head .title-author {
      float: left;
      display: block;
      margin-right: 2.5641%;
      width: 87.17949%; }
      .post-head .title-author:last-child {
        margin-right: 0; } }
  .post-head .title-author h1, .post-head .title-author .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .post-head .title-author h2 {
    font-size: 1em;
    color: #ff9c00; }
    @media screen and (min-width: 48em) {
      .post-head .title-author h1, .post-head .title-author .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .post-head .title-author h2 {
        max-width: 70%; } }
  .post-head .title-author a {
    color: #ff9c00;
    text-decoration: none; }
  .post-head .title-author address {
    font-size: 0.875em;
    font-style: normal; }
  .post-head .title-author .view-count {
    font: bold 0.875em "Crimson Text", serif;
    font-style: italic;
    color: #bf692c; }

.article-img {
  width: 100%;
  margin: 0;
  overflow: hidden; }
  .article-img a {
    display: block;
    width: 100%;
    height: 20em; }
    @media screen and (min-width: 48em) {
      .article-img a {
        height: 30em; } }

.blog-post {
  position: relative;
  float: left;
  display: block;
  margin-right: 2.5641%;
  width: 100%;
  margin-bottom: 3.75em; }
  .blog-post:last-child {
    margin-right: 0; }
  @media screen and (min-width: 48em) {
    .blog-post {
      float: left;
      display: block;
      margin-right: 2.5641%;
      width: 48.71795%;
      margin-bottom: 0; }
      .blog-post:last-child {
        margin-right: 0; } }
  @media screen and (min-width: 64em) {
    .blog-post {
      float: left;
      display: block;
      margin-right: 2.5641%;
      width: 31.62393%; }
      .blog-post:last-child {
        margin-right: 0; } }
  .blog-post.long {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 100%; }
    .blog-post.long:last-child {
      margin-right: 0; }
    @media screen and (min-width: 48em) {
      .blog-post.long {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 48.71795%; }
        .blog-post.long:last-child {
          margin-right: 0; } }
  @media screen and (min-width: 64em) {
    .blog-post:first-child {
      margin-left: 8.54701%; } }
  .blog-post.fat, .blog-post.skinny {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 100%;
    min-height: 30em;
    padding: 7.8125em 2.5em 4.0625em 2.5em; }
    .blog-post.fat:last-child, .blog-post.skinny:last-child {
      margin-right: 0; }
    @media screen and (min-width: 48em) {
      .blog-post.fat, .blog-post.skinny {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 48.71795%; }
        .blog-post.fat:last-child, .blog-post.skinny:last-child {
          margin-right: 0; } }
    .blog-post.fat .entry, .blog-post.skinny .entry {
      width: 100%; }
  .blog-post.skinny {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 100%; }
    .blog-post.skinny:last-child {
      margin-right: 0; }
    @media screen and (min-width: 48em) {
      .blog-post.skinny {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 48.71795%; }
        .blog-post.skinny:last-child {
          margin-right: 0; } }
    @media screen and (min-width: 64em) {
      .blog-post.skinny {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 31.62393%; }
        .blog-post.skinny:last-child {
          margin-right: 0; } }
    .blog-post.skinny .social {
      margin-bottom: 0.3125em; }
    .blog-post.skinny .post-head {
      margin-bottom: 0.9375em; }
    .blog-post.skinny .post-head .title-author .view-count {
      float: left;
      display: block; }
  .blog-post time {
    position: absolute;
    top: 0;
    left: 0; }
  .blog-post .article-img {
    height: 81.08108%; }
  .blog-post .author {
    margin-bottom: 1.5625em; }
  .blog-post .social::after {
    clear: both;
    content: "";
    display: table; }
  .blog-post .social li {
    float: left;
    margin-right: 0.625em;
    line-height: 1.125em;
    height: 1.125em; }
    .blog-post .social li a {
      display: inline-block; }
    .blog-post .social li span {
      color: #979891;
      display: inline-block;
      font: italic 0.8125em "Crimson Text", serif;
      line-height: 1.38462em;
      height: 1.38462em;
      vertical-align: middle; }
  .blog-post .social .st_facebook_custom, .blog-post .social .st_twitter_custom, .blog-post .social .st_pinterest_custom {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer; }
  .blog-post .view-count {
    display: inline-block;
    float: right;
    margin-bottom: 0;
    padding-top: 0.125em; }

.blog-row .blog-post .article-img {
  margin-bottom: 1.25em; }
.blog-row .blog-post .title-author {
  width: 100%; }
  @media screen and (min-width: 25em) {
    .blog-row .blog-post .title-author {
      padding-left: 1em;
      padding-right: 1em; } }
  @media screen and (min-width: 64em) {
    .blog-row .blog-post .title-author {
      padding-left: 0;
      padding-right: 0; } }
  .blog-row .blog-post .title-author h1, .blog-row .blog-post .title-author .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .blog-row .blog-post .title-author h2 {
    max-width: 90%; }

.blog-article .blog-holder .entry p, .blog-article .event-holder .entry p {
  color: #3d2d56; }

.teal-post {
  background: #01d4b4; }
  .teal-post .post-head {
    margin-bottom: 1.5625em; }
  .teal-post .title-author a {
    color: #2b2337; }
  .teal-post p, .teal-post li, .teal-post li a, .teal-post .title-author .view-count, .teal-post .social li a {
    color: #f8f1ec; }
  .teal-post .social li:before {
    color: #fff; }

.purple-post {
  background: #3d2d56; }
  .purple-post .post-head {
    margin-bottom: 1.5625em; }
  .purple-post .title-author a {
    color: #ff9c00; }
  .purple-post p, .purple-post li, .purple-post li a, .purple-post .title-author .view-count, .purple-post .social li a {
    color: #979891; }
  .purple-post .social li:before {
    color: #fff; }

.blog-article-pagination {
  position: relative; }
  @media screen and (min-width: 48em) {
    .blog-article-pagination {
      max-width: 73.125em;
      margin-left: auto;
      margin-right: auto; }
      .blog-article-pagination::after {
        clear: both;
        content: "";
        display: table; } }
  .blog-article-pagination .graphic-pagination {
    border-top: 1px solid #ccc;
    display: none; }
    .blog-article-pagination .graphic-pagination::after {
      clear: both;
      content: "";
      display: table; }
    @media screen and (min-width: 48em) {
      .blog-article-pagination .graphic-pagination {
        display: block;
        float: left;
        height: 18.75em;
        width: 100%; } }
  .blog-article-pagination .graphic-pagination li {
    width: 50%;
    float: left; }
    .blog-article-pagination .graphic-pagination li a {
      text-decoration: none; }
    .blog-article-pagination .graphic-pagination li.left, .blog-article-pagination .graphic-pagination li.right {
      width: 50%;
      float: left; }
    .blog-article-pagination .graphic-pagination li:first-child, .blog-article-pagination .graphic-pagination li:last-child {
      position: absolute;
      top: 6.25em;
      width: 3.4375em;
      height: 6.25em;
      background: #ff5f2d;
      z-index: 99; }
      .blog-article-pagination .graphic-pagination li:first-child a, .blog-article-pagination .graphic-pagination li:last-child a {
        color: #fff;
        height: 100%;
        width: 100%;
        text-align: center;
        display: block; }
        .blog-article-pagination .graphic-pagination li:first-child a:before, .blog-article-pagination .graphic-pagination li:last-child a:before {
          line-height: 6.25em; }
    .blog-article-pagination .graphic-pagination li.arrow:hover {
      background: #f93b00; }
    .blog-article-pagination .graphic-pagination li.arrow:first-child {
      left: 0; }
      .blog-article-pagination .graphic-pagination li.arrow:first-child a {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg); }
    .blog-article-pagination .graphic-pagination li.arrow {
      z-index: 100; }
    .blog-article-pagination .graphic-pagination li.arrow:last-child {
      right: 0; }
      .blog-article-pagination .graphic-pagination li.arrow:last-child a {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); }
    .blog-article-pagination .graphic-pagination li .post-content {
      z-index: 2;
      position: relative; }
    .blog-article-pagination .graphic-pagination li.no-image, .blog-article-pagination .graphic-pagination li.has-image {
      height: 18.75em;
      position: absolute;
      width: 50%;
      background: #fff;
      top: 1px;
      overflow: hidden; }
      .blog-article-pagination .graphic-pagination li.no-image.left, .blog-article-pagination .graphic-pagination li.has-image.left {
        left: 0; }
      .blog-article-pagination .graphic-pagination li.no-image.right, .blog-article-pagination .graphic-pagination li.has-image.right {
        right: 0; }
      .blog-article-pagination .graphic-pagination li.no-image:nth-child(even) a, .blog-article-pagination .graphic-pagination li.has-image:nth-child(even) a {
        padding-left: 6.25em; }
      .blog-article-pagination .graphic-pagination li.no-image:nth-child(odd) a, .blog-article-pagination .graphic-pagination li.has-image:nth-child(odd) a {
        padding-right: 6.25em; }
      .blog-article-pagination .graphic-pagination li.no-image:hover .photo-overlay:before, .blog-article-pagination .graphic-pagination li.has-image:hover .photo-overlay:before {
        opacity: .7;
        -webkit-transition: opacity 0.2s;
        -moz-transition: opacity 0.2s;
        transition: opacity 0.2s; }
      .blog-article-pagination .graphic-pagination li.no-image a, .blog-article-pagination .graphic-pagination li.has-image a {
        display: block;
        padding: 3.75em 4.375em 4.375em 4.375em;
        text-align: center; }
      .blog-article-pagination .graphic-pagination li.no-image .photo-overlay, .blog-article-pagination .graphic-pagination li.has-image .photo-overlay {
        position: absolute;
        height: 18.75em;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        overflow: hidden; }
        .blog-article-pagination .graphic-pagination li.no-image .photo-overlay:before, .blog-article-pagination .graphic-pagination li.has-image .photo-overlay:before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          background: #2b2337;
          opacity: .8;
          -webkit-transition: opacity 0.3s;
          -moz-transition: opacity 0.3s;
          transition: opacity 0.3s;
          z-index: 1; }
      .blog-article-pagination .graphic-pagination li.no-image time, .blog-article-pagination .graphic-pagination li.has-image time {
        display: block;
        text-align: center;
        font: bold 0.875em "Crimson Text", serif;
        font-style: italic;
        color: #ff9c00;
        position: relative;
        z-index: 99;
        margin-bottom: 1.5em; }
        .blog-article-pagination .graphic-pagination li.no-image time span, .blog-article-pagination .graphic-pagination li.has-image time span {
          display: block;
          color: #ff9c00;
          font: bold 3.57143em "Lato", sans-serif;
          font-style: normal; }
    .blog-article-pagination .graphic-pagination li.has-image img {
      width: 100%;
      max-height: 200%;
      max-width: 200%;
      float: left;
      display: block;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      top: 50%;
      position: relative;
      z-index: 0; }
    .blog-article-pagination .graphic-pagination li.has-image time {
      color: #fff; }
      .blog-article-pagination .graphic-pagination li.has-image time span {
        color: #fff; }
    .blog-article-pagination .graphic-pagination li.has-image h3 {
      color: #fff; }

.blog-mobile-pagination {
  width: 100%;
  border-top: 1px solid #ccc; }
  .blog-mobile-pagination::after {
    clear: both;
    content: "";
    display: table; }
  .blog-mobile-pagination li {
    width: 50%;
    float: left;
    height: 4.58333em;
    line-height: 4.58333em;
    font-size: 0.75em;
    text-transform: uppercase; }
    .blog-mobile-pagination li:last-child {
      border-left: 1px solid #ccc; }
      .blog-mobile-pagination li:last-child a {
        text-align: right;
        padding-right: 5em; }
      .blog-mobile-pagination li:last-child a span {
        right: 0;
        text-align: left; }
        .blog-mobile-pagination li:last-child a span:before {
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg); }
    .blog-mobile-pagination li:first-child a {
      padding-left: 4.16667em; }
      .blog-mobile-pagination li:first-child a span {
        left: 0; }
        .blog-mobile-pagination li:first-child a span:before {
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg); }
    .blog-mobile-pagination li a {
      height: 100%;
      width: 100%;
      display: block;
      color: #ff9c00;
      text-decoration: none;
      position: relative; }
      .blog-mobile-pagination li a span {
        position: absolute;
        display: inline-block;
        top: 0;
        width: 3.33333em;
        height: 4.58333em;
        line-height: 4.58333em;
        color: #fff;
        background: #ff5f2d; }
        .blog-mobile-pagination li a span:before {
          position: absolute;
          width: 100%;
          text-align: center; }
  @media screen and (min-width: 48em) {
    .blog-mobile-pagination {
      display: none; } }

.history-slides {
  position: relative; }
  .history-slides .swiper-container {
    overflow: hidden; }
  .history-slides .pagination {
    position: absolute;
    bottom: 1em;
    z-index: 10; }
    @media screen and (min-width: 28.75em) {
      .history-slides .pagination {
        display: none; } }
  .history-slides ul.hist-photos {
    position: relative; }
    @media screen and (min-width: 28.75em) {
      .history-slides ul.hist-photos {
        max-width: 73.125em;
        margin-left: auto;
        margin-right: auto; }
        .history-slides ul.hist-photos::after {
          clear: both;
          content: "";
          display: table; } }
    .history-slides ul.hist-photos li {
      overflow: hidden; }
      @media screen and (min-width: 28.75em) {
        .history-slides ul.hist-photos li {
          width: 20%; } }
      .history-slides ul.hist-photos li.active a:before, .history-slides ul.hist-photos li.swiper-slide-active a:before {
        background-color: rgba(61, 45, 86, 0);
        -webkit-transition: background 0.2s linear;
        -moz-transition: background 0.2s linear;
        transition: background 0.2s linear; }
      .history-slides ul.hist-photos li a:before {
        -webkit-transition: background 0.2s linear;
        -moz-transition: background 0.2s linear;
        transition: background 0.2s linear;
        content: '';
        height: 100%;
        width: 100%;
        float: left;
        position: absolute;
        z-index: 10;
        top: 0;
        left: 0;
        background-color: rgba(61, 45, 86, 0.7); }
      .history-slides ul.hist-photos li a {
        display: block;
        height: 0;
        padding-bottom: 100%;
        position: relative;
        position: relative; }
      .history-slides ul.hist-photos li.swiper-slide-active {
        -webkit-transition: opacity 0.2s ease-out;
        -moz-transition: opacity 0.2s ease-out;
        transition: opacity 0.2s ease-out; }
        .history-slides ul.hist-photos li.swiper-slide-active:after {
          width: 1.5625em;
          height: 1.5625em;
          background: #3d2d56;
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          transform: rotate(45deg);
          left: 50%;
          z-index: 20;
          bottom: -.78125em;
          margin-left: -.78125em; }
      @media screen and (min-width: 28.75em) {
        .history-slides ul.hist-photos li.active:before {
          width: 1.5625em;
          height: 1.5625em;
          background: #3d2d56;
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          transform: rotate(45deg);
          left: 50%;
          z-index: 20;
          bottom: -.78125em;
          margin-left: -.78125em; } }
      .history-slides ul.hist-photos li.active a img {
        opacity: 1; }
    .history-slides ul.hist-photos .slide {
      position: relative;
      display: block;
      border-left: 10px solid #fff;
      border-right: 10px solid #fff;
      padding: 0 0em;
      float: left; }
      @media screen and (min-width: 28.75em) {
        .history-slides ul.hist-photos .slide {
          border: none; } }
  .history-slides ul.captions {
    position: relative;
    width: 100%;
    min-height: 16.5625em;
    background: #3d2d56;
    overflow: hidden;
    left: 0; }
    .history-slides ul.captions:before {
      content: "";
      width: 2em;
      height: 2em;
      background: #3d2d56;
      position: absolute;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      left: 50%;
      z-index: 20;
      top: -1em;
      margin-left: -1em;
      display: block;
      float: left; }
      @media screen and (min-width: 28.75em) {
        .history-slides ul.captions:before {
          display: none; } }
    .history-slides ul.captions li.caption-holder {
      position: absolute;
      top: 999em;
      padding: 1.875em 0 2.8125em 0;
      opacity: 0;
      z-index: -1;
      -webkit-transition: opacity 0.2s linear;
      -moz-transition: opacity 0.2s linear;
      transition: opacity 0.2s linear; }
      .history-slides ul.captions li.caption-holder.active {
        -webkit-transition: opacity 0.4s linear;
        -moz-transition: opacity 0.4s linear;
        transition: opacity 0.4s linear;
        opacity: 1;
        position: relative;
        z-index: 0;
        top: 0; }
      .history-slides ul.captions li.caption-holder .capt-col {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 100%;
        padding: 1em 1.25em;
        font-size: .9375em; }
        .history-slides ul.captions li.caption-holder .capt-col:last-child {
          margin-right: 0; }
        @media screen and (min-width: 28.75em) {
          .history-slides ul.captions li.caption-holder .capt-col {
            padding-left: 2%;
            padding-right: 6%;
            float: left;
            display: block;
            margin-right: 2.5641%;
            width: 48.71795%; }
            .history-slides ul.captions li.caption-holder .capt-col:last-child {
              margin-right: 0; } }
        @media screen and (min-width: 28.75em) {
          .history-slides ul.captions li.caption-holder .capt-col:first-child {
            padding-left: 6%;
            padding-right: 2%; } }

.colors-table {
  margin-bottom: 2.5em; }
  @media screen and (min-width: 48em) {
    .colors-table {
      margin-bottom: 4.375em; } }

.markings-table {
  margin-bottom: 2.5em; }

.colors-table table td, .markings-table table td {
  width: 33%; }

.colors-table h3, .markings-table h3 {
  padding: 0 1em; }
  @media screen and (min-width: 48em) {
    .colors-table h3, .markings-table h3 {
      padding: auto; } }
@media screen and (min-width: 48em) {
  .colors-table, .markings-table {
    max-width: 73.125em;
    margin-left: auto;
    margin-right: auto; }
    .colors-table::after, .markings-table::after {
      clear: both;
      content: "";
      display: table; } }
.colors-table h3, .markings-table h3 {
  text-align: left; }

.page-two-col {
  background-color: #3d2d56; }
  .page-two-col.tan {
    background-color: #f8f1ec; }
    .page-two-col.tan p {
      color: #3d2d56; }
  .page-two-col article {
    padding-top: 4.6875em; }
    @media screen and (min-width: 48em) {
      .page-two-col article {
        padding-top: 7.75em;
        padding-bottom: 3em; } }
  .page-two-col h1, .page-two-col .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .page-two-col h2 {
    color: #bf692c;
    text-align: center;
    padding-bottom: 1.875em; }
    @media screen and (min-width: 48em) {
      .page-two-col h1, .page-two-col .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .page-two-col h2 {
        padding-bottom: 1em; } }
  .page-two-col p {
    color: #979891;
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 100%;
    font-size: .9375em; }
    .page-two-col p:last-child {
      margin-right: 0; }
    @media screen and (min-width: 48em) {
      .page-two-col p {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 35.89744%;
        margin-left: 8.54701%; }
        .page-two-col p:last-child {
          margin-right: 0; }
        .page-two-col p:last-child {
          margin-left: 8.54701%;
          float: left;
          display: block;
          margin-right: 2.5641%;
          width: 40.17094%; }
          .page-two-col p:last-child:last-child {
            margin-right: 0; } }

.page-single-col article {
  max-width: 73.125em;
  margin-left: auto;
  margin-right: auto; }
  .page-single-col article::after {
    clear: both;
    content: "";
    display: table; }
.page-single-col.tealbg {
  background-color: #01d4b4; }
  .page-single-col.tealbg h1, .page-single-col.tealbg .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .page-single-col.tealbg h2 {
    padding-top: 4.375rem;
    color: #3d2d56; }
.page-single-col h1, .page-single-col .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .page-single-col h2 {
  color: #bf692c;
  text-align: center;
  padding-bottom: 1em;
  padding-top: 7.5rem; }
.page-single-col p {
  float: left;
  display: block;
  margin-right: 2.5641%;
  width: 100%;
  color: #3d2d56;
  padding: 0 1.25rem 3em;
  font-size: .9375em; }
  .page-single-col p:last-child {
    margin-right: 0; }
  @media screen and (min-width: 48em) {
    .page-single-col p {
      text-align: center;
      padding: 0;
      float: left;
      display: block;
      margin-right: 2.5641%;
      width: 65.81197%;
      margin-left: 17.09402%; }
      .page-single-col p:last-child {
        margin-right: 0; } }

.breed-detail section h2, .breed-detail section h3 {
  color: #bf692c;
  text-align: center;
  padding-bottom: 0;
  font-size: 1.4375rem; }
  .breed-detail section h2 small, .breed-detail section h3 small {
    display: block;
    font: italic 1.25rem "Crimson Text", serif;
    float: left;
    letter-spacing: .18em;
    line-height: 1em;
    text-transform: lowercase;
    width: 100%; }

.breed-detail-care section h2 {
  font-size: 1.9375em;
  padding-bottom: 1em; }

.breed-detail .page-single-col h2 {
  padding-top: 7.5rem; }

.breed-detail .page-single-col.tealbg h2 {
  padding-top: 4.375rem;
  color: #3d2d56; }

.two-graphs {
  overflow: hidden; }
  .two-graphs .bargraph {
    width: 100%;
    display: block;
    margin: 0;
    float: left; }
    @media screen and (min-width: 25em) {
      .two-graphs .bargraph {
        margin: 0 auto; } }
    @media screen and (min-width: 48em) {
      .two-graphs .bargraph {
        margin: 0;
        width: 50%; } }

.single-graph {
  display: block;
  overflow: hidden; }
  .single-graph .bargraph {
    width: 100%;
    margin: 0 auto;
    position: relative; }
    @media screen and (min-width: 64em) {
      .single-graph .bargraph {
        margin: 0; } }

.bargraph .graph {
  width: 80%;
  margin: 0 auto;
  display: block;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center; }
  @media screen and (min-width: 48em) {
    .bargraph .graph {
      display: block; } }
  @media screen and (min-width: 64em) {
    .bargraph .graph {
      width: 20em; } }
.bargraph .left, .bargraph .right {
  position: absolute;
  bottom: 0;
  z-index: 10; }
.bargraph .bars {
  width: 100%;
  height: 8em;
  position: relative; }
  @media screen and (min-width: 48em) {
    .bargraph .bars {
      width: 100%;
      height: 9em; } }
  .bargraph .bars > div {
    width: 17.5%;
    position: absolute;
    bottom: 0; }
.bargraph .tan > div {
  background-color: #f8f1ec; }
  .bargraph .tan > div.full {
    background-color: #ff9c00; }
.bargraph .teal > div {
  background-color: #979891; }
  .bargraph .teal > div.full {
    background-color: #3d2d56; }
.bargraph .bar1 {
  height: 44%;
  left: 00%; }
.bargraph .bar2 {
  height: 58.0%;
  left: 20%; }
.bargraph .bar3 {
  height: 72%;
  left: 40%; }
.bargraph .bar4 {
  height: 86.0%;
  left: 60%; }
.bargraph .bar5 {
  height: 100%;
  left: 80%; }
.bargraph .desc {
  float: left;
  width: 100%;
  text-align: center;
  padding-top: 1em;
  padding-bottom: 1.25rem; }
  @media screen and (min-width: 48em) {
    .bargraph .desc {
      padding-bottom: 0; } }
  .bargraph .desc .title {
    color: #3d2d56;
    font-family: "Crimson Text", serif;
    font-weight: 600;
    font-style: italic;
    letter-spacing: .18em;
    width: 100%;
    display: block; }
  .bargraph .desc .adj {
    color: #01d4b4;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    width: 100%;
    display: block;
    font-size: 1.125em; }
    .bargraph .desc .adj.white {
      color: #fff; }

#coat-graph .left {
  left: -1em;
  width: 2em;
  max-height: 3em; }
  @media screen and (min-width: 48em) {
    #coat-graph .left {
      left: -2em; } }
#coat-graph .right {
  right: -1em;
  width: 3em;
  max-height: 5em; }
  @media screen and (min-width: 48em) {
    #coat-graph .right {
      right: -2em; } }

#grooming-graph .left {
  left: -2em;
  width: 4em;
  max-height: 3em; }
  @media screen and (min-width: 48em) {
    #grooming-graph .left {
      left: -3em; } }
#grooming-graph .right {
  right: -2em;
  width: 6em;
  max-height: 5em; }
  @media screen and (min-width: 48em) {
    #grooming-graph .right {
      right: -5em; } }

#energy-graph {
  margin-bottom: 9em; }
  #energy-graph .left {
    width: 4em;
    max-height: 3em;
    left: 0em; }
    @media screen and (min-width: 48em) {
      #energy-graph .left {
        left: -4em;
        width: 5em;
        max-height: 3em;
        bottom: -.5em; } }
  #energy-graph .right {
    right: -2em;
    width: 6em;
    max-height: 8em; }
    @media screen and (min-width: 48em) {
      #energy-graph .right {
        right: -3.75em; } }
  #energy-graph .left-batt, #energy-graph .right-batt {
    position: absolute;
    bottom: 0;
    z-index: 10; }
  #energy-graph .left-batt {
    width: 2em;
    max-height: 2em;
    left: -2em; }
    @media screen and (min-width: 48em) {
      #energy-graph .left-batt {
        left: -5.5em; } }
  #energy-graph .right-batt {
    right: -2em;
    width: 2em;
    max-height: 2em; }
    @media screen and (min-width: 48em) {
      #energy-graph .right-batt {
        right: -3em; } }

.akc-breed-code .entry-contain, .akc-breed-code .event-contain {
  min-height: 310px; }
  .akc-breed-code .entry-contain p.select-breed, .akc-breed-code .event-contain p.select-breed {
    margin: 30px 0; }
  .akc-breed-code .entry-contain p.breed-code-wrap, .akc-breed-code .event-contain p.breed-code-wrap {
    margin-top: 30px;
    font-size: 1em;
    font-weight: bold; }

.mast-cont .bottom-lock {
  position: absolute;
  bottom: 3.125em;
  left: 50%;
  z-index: 10;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%); }
  .mast-cont .bottom-lock img {
    margin-left: 3em;
    width: .9375rem;
    height: 1.5625rem; }

.event-contain > h2 {
  color: #ff9c00;
  font-size: 1em;
  padding-bottom: 1.5em;
  display: block;
  float: left;
  width: 100%; }
  @media screen and (min-width: 64em) {
    .event-contain > h2 {
      width: 50%; } }
.event-contain .sponsor-logo {
  max-width: 80%;
  text-align: center;
  margin: 2em auto; }
.event-contain p {
  color: #3d2d56;
  font-size: .9rem;
  line-height: 1.25rem; }

.is-single-event .event-contain h2 {
  text-align: left;
  padding-bottom: 5px; }

.is-single-event .dog-album .slider-arrow a {
  width: inherit; }

.is-single-event .dog-album .slider-arrow.left a {
  left: -10px;
  width: auto; }

.is-single-event .dog-album .slider-arrow.right a {
  right: -35px;
  width: auto; }

.is-single-event .dog-album .slider-arrow {
  top: 135px;
  width: 2.5em;
  height: 4.25em; }

.is-single-event .dog-album .instadogs-wrapper {
  min-height: initial; }

.gallery-swiper-container,
.gallery-swiper-wrapper {
  max-height: 346px !important; }

.gallery-swiper-container {
  position: relative; }

.is-single-event .dog-photo-grid {
  margin: 0;
  max-width: inherit;
  height: 346px;
  overflow: hidden; }

.is-single-event .gallery-item {
  width: 396px;
  float: left;
  margin: 0;
  max-width: inherit; }

.is-single-event .dog-photo-grid .grid-item {
  width: 12.11em; }

.is-single-event .dog-album .pagination {
  display: block;
  margin-top: 0;
  top: 0; }

.is-single-event .swiper-pagination-switch {
  background: #A8A8A8;
  width: 7px;
  height: 7px;
  display: block;
  border-radius: 1000px;
  display: inline-block;
  margin-right: 4px; }

.is-single-event .swiper-active-switch {
  background: #737373; }

@media screen and (min-width: 48em) {
  .scale-img-parent {
    padding-left: 140px; } }

.eventstadogs .instadogs-container {
  height: auto; }
.eventstadogs .dog-photo-grid .grid-item {
  max-width: 45vw; }

.scale-img {
  display: none; }
  @media screen and (min-width: 48em) {
    .scale-img {
      display: block;
      overflow: hidden;
      max-width: 145px;
      height: 100%;
      position: absolute;
      top: 0px;
      left: 0px; } }

.scale-img-image {
  display: block;
  max-height: 100%;
  width: auto !important;
  max-width: none; }

.event {
  background-color: #f8f1ec;
  margin-bottom: 1.25em;
  width: 100%;
  float: left;
  overflow: hidden;
  padding-bottom: 1em;
  position: relative; }
  .event:last-child {
    margin-bottom: 4.375rem; }
  @media screen and (min-width: 48em) {
    .event {
      float: left;
      display: block;
      margin-right: 2.5641%;
      width: 100%;
      height: 9.0625em;
      padding-bottom: 0; }
      .event:last-child {
        margin-right: 0; } }
  .event .image {
    width: 100% !important;
    float: none;
    margin-right: 1.875rem;
    height: 13.5em; }
    @media screen and (min-width: 48em) {
      .event .image {
        width: 20% !important;
        float: left;
        display: block;
        height: 100%; } }
    .event .image a {
      height: 100%; }
  .event h2, .event h2 a {
    color: #3d2d56 !important;
    font-size: .9375em;
    margin-top: 1em;
    float: left;
    padding: 0 .5em 0 0;
    width: 100%; }
    @media screen and (min-width: 48em) {
      .event h2, .event h2 a {
        float: none; } }
  .event h2 a {
    margin-top: 0;
    font-weight: normal;
    font-size: 1em;
    padding-left: 1.875rem; }
  .event .location {
    color: #bf692c;
    font: italic 0.875em "Crimson Text", serif;
    padding: 0 .5em 0 1.875rem; }
  .event p {
    font-size: .8125em;
    padding-left: 1.875rem; }
    @media screen and (min-width: 64em) {
      .event p {
        padding-top: .5em;
        max-height: 2.75rem; } }
  .event a {
    width: 100%;
    padding: 0 .5em 1.375rem 1.875rem;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.875em;
    display: block; }
  .event a.image-container {
    display: inline;
    padding: 0; }
  .event.akc-rss {
    height: unset; }

.four-buckets h1, .four-buckets .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .four-buckets h2, .four-buckets h2 {
  text-align: center;
  color: #bf692c;
  padding-bottom: 1em; }
.four-buckets .bucket {
  background-color: #01d4b4;
  padding: 0 .5em;
  padding-bottom: 4em;
  position: relative;
  min-height: 12em;
  margin-bottom: 1em;
  float: left;
  display: block;
  margin-right: 2.5641%;
  width: 100%; }
  .four-buckets .bucket:last-child {
    margin-right: 0; }
  @media screen and (min-width: 48em) {
    .four-buckets .bucket {
      height: 15em;
      float: left;
      display: block;
      margin-right: 2.5641%;
      width: 48.71795%; }
      .four-buckets .bucket:last-child {
        margin-right: 0; }
      .four-buckets .bucket:nth-child(even) {
        margin-right: 0; } }
  @media screen and (min-width: 64em) {
    .four-buckets .bucket {
      float: left;
      display: block;
      margin-right: 2.5641%;
      width: 23.07692%; }
      .four-buckets .bucket:last-child {
        margin-right: 0; }
      .four-buckets .bucket:nth-child(even) {
        margin-right: 2.5641%; }
      .four-buckets .bucket:nth-child(4n) {
        margin-right: 0; }
      .four-buckets .bucket:nth-child(4n+1) {
        clear: left; } }
  .four-buckets .bucket h3 {
    text-align: center;
    color: #fff;
    font-weight: 400;
    padding-top: 1em;
    position: relative;
    padding-bottom: .25em; }
    .four-buckets .bucket h3:after {
      content: '';
      display: block;
      position: absolute;
      height: 2px;
      width: 70%;
      background-color: #fff;
      bottom: -5px;
      left: 0;
      right: 0;
      margin: 0 auto;
      max-width: 200px; }
  .four-buckets .bucket p {
    text-align: center;
    color: #3d2d56;
    font-size: .9375em;
    text-transform: uppercase;
    padding-top: 1em;
    font-family: "Montserrat", sans-serif; }
  .four-buckets .bucket a {
    width: 100%;
    display: block;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    font-family: "Montserrat", sans-serif;
    position: absolute;
    bottom: 1em;
    left: 0; }

.instadogs {
  margin-bottom: 3em; }
  .instadogs h1, .instadogs .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .instadogs h2, .instadogs h2, .instadogs p {
    text-align: center; }
  .instadogs p {
    padding-bottom: 1em; }

.akcEventDetails {
  margin-top: 1em; }
  @media screen and (min-width: 48em) {
    .akcEventDetails {
      margin-top: 0; } }

.akcEventDetails-meta {
  margin-bottom: 15px !important;
  display: block; }

.subfooter li > a {
  color: #3d2d56;
  font-size: .75em;
  padding-left: .5em; }
  @media screen and (min-width: 48em) {
    .subfooter li > a {
      padding-left: 0em; } }

.event .scale-contents {
  padding-left: 1.875rem; }

.event .scale-contents * {
  padding-left: 0; }

.westmemester h1, .westmemester .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .westmemester h2 {
  color: #bf692c; }
.westmemester .sponsor-logo {
  float: left;
  display: block;
  margin-right: 2.5641%;
  width: 48.71795%;
  margin-left: 25.64103%; }
  .westmemester .sponsor-logo:last-child {
    margin-right: 0; }
  .westmemester .sponsor-logo img {
    max-width: 20em; }

.westmemester-intro .section-intro {
  padding-top: 3.125rem;
  padding-bottom: 2.5rem; }
.westmemester-intro h1, .westmemester-intro .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .westmemester-intro h2 {
  width: 100%;
  float: left;
  margin-top: 1.25rem; }

.sponsored {
  color: #bf692c;
  font-family: "Crimson Text", serif;
  font-style: italic;
  font-size: 1.25rem;
  margin-bottom: 1.25rem;
  display: block; }

.teal-type {
  color: #01d4b4; }

.speech-block {
  position: relative;
  text-align: center; }
  .speech-block:before {
    content: "";
    position: absolute;
    height: 50px;
    width: 50px;
    left: 50%;
    margin-left: -25px;
    top: -10px;
    z-index: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  .speech-block p {
    position: relative;
    z-index: 1;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    text-transform: uppercase; }

.split-photos {
  max-width: 73.125em;
  margin-left: auto;
  margin-right: auto; }
  .split-photos::after {
    clear: both;
    content: "";
    display: table; }
  .split-photos .photo-list, .split-photos .speech-block, .split-photos .show-data {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 100%; }
    .split-photos .photo-list:last-child, .split-photos .speech-block:last-child, .split-photos .show-data:last-child {
      margin-right: 0; }
    .split-photos .photo-list::after, .split-photos .speech-block::after, .split-photos .show-data::after {
      clear: both;
      content: "";
      display: table; }
    @media screen and (min-width: 48em) {
      .split-photos .photo-list, .split-photos .speech-block, .split-photos .show-data {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 82.90598%;
        margin-left: 8.54701%; }
        .split-photos .photo-list:last-child, .split-photos .speech-block:last-child, .split-photos .show-data:last-child {
          margin-right: 0; } }
  .split-photos .show-data {
    margin-right: 0; }
    .split-photos .show-data.hide-on-tablet-up {
      background: #f8f1ec;
      padding: 1.6875em; }
      .split-photos .show-data.hide-on-tablet-up h1, .split-photos .show-data.hide-on-tablet-up .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .split-photos .show-data.hide-on-tablet-up h2, .split-photos .show-data.hide-on-tablet-up h3 {
        width: 100%;
        text-align: center; }
      .split-photos .show-data.hide-on-tablet-up h1, .split-photos .show-data.hide-on-tablet-up .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .split-photos .show-data.hide-on-tablet-up h2 {
        font-size: 2.625em; }
        .split-photos .show-data.hide-on-tablet-up h1 span, .split-photos .show-data.hide-on-tablet-up .you-vs-breed .vs-select .breed h2 span, .you-vs-breed .vs-select .breed .split-photos .show-data.hide-on-tablet-up h2 span {
          display: block; }
      .split-photos .show-data.hide-on-tablet-up h3 {
        font-size: 0.75em; }
  .split-photos .speech-block {
    background: #ff9c00;
    height: 2.625em;
    line-height: 2.625em; }
    @media screen and (min-width: 48em) {
      .split-photos .speech-block {
        height: 4.0625em;
        line-height: 4.0625em; } }
    .split-photos .speech-block:before {
      background: #ff9c00;
      height: 30px;
      width: 30px;
      margin-left: -15px;
      top: -5px; }
    .split-photos .speech-block p {
      font-size: 0.8125em;
      line-height: 3.23077em;
      margin-bottom: 0; }
      @media screen and (min-width: 48em) {
        .split-photos .speech-block p {
          font-size: 1.75em;
          line-height: 2.32143em; } }
  .split-photos li {
    width: 50%;
    float: left;
    line-height: 0;
    padding-bottom: 50%; }
  .split-photos hr {
    width: 100%;
    position: relative;
    display: none; }
    @media screen and (min-width: 48em) {
      .split-photos hr {
        display: block; } }
  .split-photos a.btn.redorange.divider {
    display: none; }
    @media screen and (min-width: 48em) {
      .split-photos a.btn.redorange.divider {
        display: table; } }

.show-data h1, .show-data .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .show-data h2 {
  color: #01d4b4;
  width: 50%;
  float: left;
  font-size: 2.5em;
  line-height: 1em;
  display: inline-block;
  vertical-align: text-bottom; }
  .show-data h1 span, .show-data .you-vs-breed .vs-select .breed h2 span, .you-vs-breed .vs-select .breed .show-data h2 span {
    color: #bf692c;
    font-size: 0.45em; }
.show-data h3 {
  width: 50%;
  float: right;
  display: inline-block;
  color: #2b2337;
  font-family: "Crimson Text", serif;
  font-style: italic;
  font-size: 1.125em;
  line-height: 3.33333em;
  text-transform: none;
  text-align: right;
  vertical-align: text-bottom; }

#westmeme-search {
  max-width: 73.125em;
  margin-left: auto;
  margin-right: auto; }
  #westmeme-search::after {
    clear: both;
    content: "";
    display: table; }
  #westmeme-search .title-mast {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 100%;
    text-align: center; }
    #westmeme-search .title-mast:last-child {
      margin-right: 0; }
    @media screen and (min-width: 48em) {
      #westmeme-search .title-mast {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 82.90598%;
        margin-left: 8.54701%; }
        #westmeme-search .title-mast:last-child {
          margin-right: 0; } }
    #westmeme-search .title-mast article {
      float: left;
      display: block;
      margin-right: 2.5641%;
      width: 100%; }
      #westmeme-search .title-mast article:last-child {
        margin-right: 0; }
      @media screen and (min-width: 48em) {
        #westmeme-search .title-mast article {
          float: left;
          display: block;
          margin-right: 2.5641%;
          width: 31.62393%;
          margin-left: 34.18803%; }
          #westmeme-search .title-mast article:last-child {
            margin-right: 0; } }
    #westmeme-search .title-mast h1, #westmeme-search .title-mast .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed #westmeme-search .title-mast h2 {
      text-align: center;
      margin-bottom: 1.875em; }

.meme-list-contain .wide-short-photo-row {
  margin-bottom: 2.125em; }

.meme-list {
  max-width: 73.125em;
  margin-left: auto;
  margin-right: auto; }
  .meme-list::after {
    clear: both;
    content: "";
    display: table; }
  .meme-list > li {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 100%;
    background: #f8f1ec;
    text-align: center;
    padding-bottom: 1.75em;
    margin-bottom: 2.125em; }
    .meme-list > li:last-child {
      margin-right: 0; }
    @media screen and (min-width: 48em) {
      .meme-list > li {
        height: auto;
        padding: 0.5625em;
        padding-bottom: 1.25em;
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 48.71795%; }
        .meme-list > li:last-child {
          margin-right: 0; }
        .meme-list > li::after {
          clear: both;
          content: "";
          display: table; }
        .meme-list > li:nth-child(even) {
          clear: right;
          margin-right: 0; } }
    @media screen and (min-width: 64em) {
      .meme-list > li {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 31.62393%; }
        .meme-list > li:last-child {
          margin-right: 0; }
        .meme-list > li:nth-child(even) {
          clear: none;
          margin-right: 2.5641%; }
        .meme-list > li:nth-child(3n+3) {
          clear: right;
          margin-right: 0; } }
    .meme-list > li.bestinmeme {
      background: #3d2d56; }
    .meme-list > li p:last-child a {
      text-transform: uppercase;
      text-decoration: none;
      font-family: "Montserrat", sans-serif;
      font-size: 0.875em; }
  .meme-list .meme-event-holder {
    position: static;
    width: auto;
    height: auto; }
    @media screen and (min-width: 48em) {
      .meme-list .meme-event-holder {
        position: static;
        width: auto;
        height: auto; } }
  .meme-list .meme-photo-holder {
    float: none;
    width: 100%;
    margin: 0; }
    @media screen and (min-width: 48em) {
      .meme-list .meme-photo-holder {
        float: none;
        width: 100%; } }
  .meme-list .meme-photo {
    background: #ddbaa1;
    height: 0;
    padding-bottom: 100%;
    position: relative; }
    .meme-list .meme-photo.video:before {
      content: '';
      display: block;
      position: absolute;
      width: 4em;
      height: 4em;
      background-color: #ff5f2d;
      opacity: .9;
      left: 50%;
      top: 50%;
      margin-left: -2em;
      margin-top: -2em;
      z-index: 1; }
    .meme-list .meme-photo.video:after {
      content: '';
      display: block;
      height: 0;
      width: 0;
      border-top: .9em solid transparent;
      border-bottom: .9em solid transparent;
      position: absolute;
      border-left: 1em solid #fff;
      top: 50%;
      left: 50%;
      margin-left: -.5em;
      margin-top: -.9em;
      z-index: 2; }
  .meme-list .speech-block {
    width: 100%;
    height: 2.5em;
    line-height: 2.5em;
    background: #01d4b4;
    position: relative;
    margin-bottom: 0.625em; }
    @media screen and (min-width: 48em) {
      .meme-list .speech-block {
        height: 2.875em;
        line-height: 2.875em; } }
    .meme-list .speech-block:before {
      width: 1.875em;
      height: 1.875em;
      margin-left: -0.9375em;
      top: -5px;
      background: #01d4b4; }
    .meme-list .speech-block p {
      font-size: 0.875em;
      line-height: 2.85714em;
      margin-bottom: 0; }
      @media screen and (min-width: 48em) {
        .meme-list .speech-block p {
          font-size: 1em;
          height: 2.875em;
          line-height: 2.875em; } }
  .meme-list .show-info {
    width: 100%;
    padding-top: 0;
    height: auto;
    float: none;
    position: relative; }
    .meme-list .show-info .view-dog-link {
      display: none; }
      @media screen and (min-width: 48em) {
        .meme-list .show-info .view-dog-link {
          display: block; } }
    .meme-list .show-info .submission-info {
      margin-bottom: 1.75em; }
    .meme-list .show-info .prof-pic {
      position: relative;
      margin: -3.75em auto 0 auto;
      width: 4.1875em;
      height: 4.1875em;
      border-radius: 100%;
      overflow: hidden;
      border: 4px solid #2b2337; }
    .meme-list .show-info .time-ago {
      position: absolute;
      top: 3rem;
      right: 0;
      font-family: "Crimson Text", serif;
      font-weight: 600;
      font-style: italic;
      font-size: .875em; }
    .meme-list .show-info figcaption {
      padding-top: 0.625em; }
      .meme-list .show-info figcaption a {
        text-decoration: none;
        color: #bf692c;
        font-family: "Crimson Text", serif;
        font-style: italic;
        font-size: 1.5em;
        margin-bottom: 1.375rem;
        display: block; }
      .meme-list .show-info figcaption p {
        color: #2b2337;
        line-height: 1rem;
        font-size: 0.8125em;
        height: 4rem;
        overflow: hidden; }
  .meme-list h2 {
    font-size: 3.0625em;
    color: #01d4b4;
    font-family: "Lato", sans-serif;
    font-weight: bold;
    margin-bottom: 0.10204em; }
  .meme-list h3 {
    font-size: 0.8125em;
    color: #bf692c;
    font-family: "Lato", sans-serif;
    margin-bottom: 0.52632em; }
    @media screen and (min-width: 48em) {
      .meme-list h3 {
        font-size: 1.1875em; } }
  .meme-list .show-started {
    font-size: 0.8125em;
    color: #2b2337;
    font-family: "Crimson Text", serif;
    font-style: italic; }
    @media screen and (min-width: 48em) {
      .meme-list .show-started {
        font-size: 0.875em; } }
  .meme-list .submission-stats {
    height: 2.375em; }
    .meme-list .submission-stats li {
      display: inline-block;
      font-size: 1.125em;
      font-family: "Crimson Text", serif;
      font-style: italic;
      margin-right: 1em;
      line-height: 2.11111em;
      height: 2.11111em;
      vertical-align: middle; }
      .meme-list .submission-stats li:before {
        font-family: "icomoon";
        color: #ff5f2d;
        font-style: normal;
        font-size: 1.11111em;
        margin-right: 0.3125em; }
  .meme-list > li.bestinmeme .show-info figcaption a {
    color: #f8f1ec; }
  .meme-list > li.bestinmeme .show-info figcaption p {
    color: #979891; }
  .meme-list > li.bestinmeme .submission-stats li {
    color: #979891; }
    .meme-list > li.bestinmeme .submission-stats li:before {
      color: #f8f1ec; }
  .meme-list > li.bestinmeme li.icon-badge {
    font-size: 2.375em;
    line-height: 1em;
    height: 1em; }
    .meme-list > li.bestinmeme li.icon-badge:before {
      color: #01d4b4; }

.findamatch .title-mast {
  border-bottom: 4px solid #e3e3e3; }

@media screen and (min-width: 48em) {
  .findamatch .breadcrumbs {
    height: auto; } }

.back-and-pagecount {
  width: 100%;
  margin-bottom: 1.875em; }
  .back-and-pagecount::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 48em) {
    .back-and-pagecount {
      position: absolute;
      top: 4.375em;
      left: 0;
      margin-bottom: 0; } }
  .back-and-pagecount .back-btn {
    float: left;
    text-decoration: none;
    text-transform: uppercase; }
    .back-and-pagecount .back-btn i {
      position: relative;
      font-size: 1.5em;
      top: 3px; }
      .back-and-pagecount .back-btn i:before {
        display: inline-block;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg); }
  .back-and-pagecount h4 {
    text-align: center;
    font-size: 0.9375em;
    font-family: "Lato", sans-serif;
    color: #bf692c; }
    @media screen and (min-width: 48em) {
      .back-and-pagecount h4 {
        float: right;
        font-size: 1.5625em; } }

.match-slide {
  max-width: 73.125em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 3.125em 0; }
  .match-slide::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 48em) {
    .match-slide {
      padding: 4.375em 0;
      min-height: 51.25em; } }
  .match-slide .slide-content {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 100%; }
    .match-slide .slide-content:last-child {
      margin-right: 0; }
    @media screen and (min-width: 48em) {
      .match-slide .slide-content {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 65.81197%;
        margin-left: 17.09402%; }
        .match-slide .slide-content:last-child {
          margin-right: 0; } }
  .match-slide .match-head {
    font-size: 1.25em;
    color: #01d4b4;
    text-align: center;
    margin-bottom: 1.125rem;
    line-height: 1.375rem;
    padding: 0 1.25em;
    text-transform: none; }
    @media screen and (min-width: 48em) {
      .match-slide .match-head {
        font-size: 2.125em;
        line-height: 2.375rem;
        margin-bottom: 1.29032em; } }
  .match-slide .location-icon {
    display: none;
    margin-bottom: 2.8125em;
    text-align: center; }
    @media screen and (min-width: 48em) {
      .match-slide .location-icon {
        display: block; } }
    .match-slide .location-icon svg {
      max-width: 8.125em;
      fill: #e2e2e0; }
  @media screen and (min-width: 48em) {
    .match-slide .goto-next-slide, .match-slide .show-me-matches {
      position: absolute;
      bottom: 1.28rem;
      border: none; } }
  .match-slide .show-me-matches {
    font-size: .875em; }
  .match-slide .goto-next-slide {
    text-align: center;
    margin-bottom: 1.25em; }
    .match-slide .goto-next-slide::after {
      clear: both;
      content: "";
      display: table; }
    @media screen and (min-width: 48em) {
      .match-slide .goto-next-slide {
        width: 100%; } }
    .match-slide .goto-next-slide a {
      text-decoration: none;
      text-transform: uppercase;
      color: #979891; }
      .match-slide .goto-next-slide a:hover {
        color: #ff5f2d; }
    .match-slide .goto-next-slide .back-btn {
      float: left;
      padding-left: 1.25em; }
      @media screen and (min-width: 48em) {
        .match-slide .goto-next-slide .back-btn {
          display: none; } }
      .match-slide .goto-next-slide .back-btn i {
        font-size: 1.5em;
        position: relative;
        top: .15em; }
        .match-slide .goto-next-slide .back-btn i:before {
          display: inline-block;
          -webkit-transform: rotate(180deg);
          -moz-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          transform: rotate(180deg); }
    .match-slide .goto-next-slide .cont-btn {
      float: right;
      padding-right: 1.25em; }
      .match-slide .goto-next-slide .cont-btn.hide {
        visibility: hidden; }
      .match-slide .goto-next-slide .cont-btn.active {
        color: #ff5f2d; }
      @media screen and (min-width: 48em) {
        .match-slide .goto-next-slide .cont-btn {
          float: none;
          padding-right: 0; } }
      .match-slide .goto-next-slide .cont-btn .icon-right-arrow {
        position: relative;
        top: .175em;
        font-size: 1.5rem; }
  @media screen and (min-width: 48em) {
    .match-slide[data-hash="slide1"] .goto-next-slide {
      bottom: 16.28rem; } }
  .match-slide[data-hash="slide1"] .goto-next-slide .inactiveLink {
    pointer-events: none;
    cursor: default; }
  .match-slide[data-hash="slide6"] .show-me-matches {
    right: auto;
    width: 100%;
    text-align: center; }
    .match-slide[data-hash="slide6"] .show-me-matches a {
      display: block; }
  .match-slide .show-me-matches {
    text-align: center;
    text-transform: uppercase;
    height: 2.75em;
    line-height: 2.75em;
    border-top: 1px solid #e3e3e3; }
    @media screen and (min-width: 48em) {
      .match-slide .show-me-matches {
        position: absolute;
        right: 0;
        bottom: 1.28rem;
        border: none;
        text-align: right; } }
    .match-slide .show-me-matches a {
      text-decoration: none; }
      .match-slide .show-me-matches a .icon-right-arrow {
        position: relative;
        top: .175em;
        font-size: 1.5rem; }

/* Specify Swiper's Size: */
.akc-match-swiper-container {
  padding: 0; }

.akc-match-swiper {
  overflow: hidden;
  width: 100%; }
  .akc-match-swiper .match-slide {
    float: left; }

#my-location .location-form {
  width: 100%;
  position: relative;
  margin: 0 auto 5.875em auto; }
  @media screen and (min-width: 48em) {
    #my-location .location-form {
      margin-bottom: 4.6875em; } }
#my-location .location-form-field {
  position: relative;
  width: 12.5em;
  margin: 0 auto;
  display: block; }
#my-location .location-form-field-zip {
  width: 5.88235em;
  font-size: 2.125em;
  font-family: "Crimson Text", serif;
  font-style: italic;
  border: none;
  border-bottom: 1px solid #e3e3e3;
  letter-spacing: .1rem;
  padding-bottom: .625rem;
  color: #3d2d56; }
#my-location .location-form-pin {
  position: absolute;
  right: 0;
  top: 0.75em;
  display: inline-block;
  width: 0.875em;
  font-size: 1.375em;
  color: #ff5f2d; }
#my-location .location-form-field-address {
  margin-top: 1.875rem;
  display: block;
  font-family: "Montserrat", sans-serif;
  font-size: 1.125em;
  color: #979891;
  text-align: center; }
#my-location .cont-btn {
  float: none;
  padding-right: 0; }
  #my-location .cont-btn i {
    font-size: 1.4em;
    position: relative;
    top: 3px; }

#housing-type .slide-content {
  float: left;
  display: block;
  margin-right: 2.5641%;
  width: 100%; }
  #housing-type .slide-content:last-child {
    margin-right: 0; }
  @media screen and (min-width: 48em) {
    #housing-type .slide-content {
      float: left;
      display: block;
      margin-right: 2.5641%;
      width: 70.08547%;
      margin-left: 14.95726%; }
      #housing-type .slide-content:last-child {
        margin-right: 0; } }
#housing-type h3 {
  font-size: 0.9375em; }
  @media screen and (min-width: 48em) {
    #housing-type h3 {
      font-size: 1.25em; } }
#housing-type #house-apartment {
  position: relative;
  min-height: 26.875em;
  background-image: url("/assets/bg-neighborhood.png");
  background-image: none, url("/assets/bg-neighborhood.svg");
  background-size: 27.4375em 13.4375em;
  background-position: -1.125em 8.75em;
  background-repeat: no-repeat; }
  @media screen and (min-width: 48em) {
    #housing-type #house-apartment {
      background-size: 50.6875em 10.4375em;
      background-position: center 8.125em; } }
  #housing-type #house-apartment .living-in {
    position: absolute;
    left: 50%;
    top: 0; }
    #housing-type #house-apartment .living-in path {
      fill: #3d2d56; }
  #housing-type #house-apartment .house {
    top: 13.125em;
    width: 5.625em;
    margin-left: -2.25em;
    background-color: #fff; }
    @media screen and (min-width: 48em) {
      #housing-type #house-apartment .house {
        top: 10.6875em;
        width: 7.75em;
        margin-left: -3.875em; } }
  #housing-type #house-apartment .apartment {
    top: 5.75em;
    width: 6.625em;
    margin-left: -3em;
    background-color: #fff; }
    @media screen and (min-width: 48em) {
      #housing-type #house-apartment .apartment {
        top: 0.25em;
        width: 9.125em;
        margin-left: -4.5625em; } }
  #housing-type #house-apartment [type=radio]:checked ~ label ~ .living-in svg path {
    fill: #ff5f2d; }
#housing-type .housing-form {
  margin: 0 auto 4.6875em auto; }
  #housing-type .housing-form .radio-item {
    width: 48%;
    display: inline-block;
    padding-top: 23.875em;
    padding-bottom: 0; }
    @media screen and (min-width: 48em) {
      #housing-type .housing-form .radio-item {
        width: 31%;
        padding-top: 23.875em; } }
    @media screen and (min-width: 48em) {
      #housing-type .housing-form .radio-item:first-child {
        margin-left: 12.82051%; } }
    @media screen and (min-width: 48em) {
      #housing-type .housing-form .radio-item:last-child {
        margin-left: 14.10256%; } }
    #housing-type .housing-form .radio-item label:before {
      top: 20.75em; }

.quantity-adjuster h3 {
  font-size: 1em;
  color: #2b2337;
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  padding-bottom: 0.875em; }
  @media screen and (min-width: 48em) {
    .quantity-adjuster h3 {
      font-size: 1.25em; } }
  .quantity-adjuster h3:after {
    content: '';
    width: 25%;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    border-bottom: 1px solid #e3e3e3; }
.quantity-adjuster .plusminus {
  padding-top: 0.875em; }
  .quantity-adjuster .plusminus li {
    line-height: 1em;
    display: inline-block;
    border-radius: 100%;
    margin: 5%;
    border: 1px solid #979891;
    width: 2.5em;
    height: 2.5em; }
    .quantity-adjuster .plusminus li:hover {
      border: 1px solid #ff5f2d; }
  .quantity-adjuster .plusminus a {
    display: block;
    text-decoration: none;
    font-size: 1.2em;
    line-height: 1.9375em;
    padding-left: 1px; }
    @media screen and (min-width: 48em) {
      .quantity-adjuster .plusminus a {
        padding-left: 0;
        line-height: 2.375em;
        font-size: 1rem; } }

#roomate-numbers .slide-content {
  float: left;
  display: block;
  margin-right: 2.5641%;
  width: 100%;
  margin-left: 0%; }
  #roomate-numbers .slide-content:last-child {
    margin-right: 0; }
  #roomate-numbers .slide-content .form-head-contain {
    max-width: 73.125em;
    margin-left: auto;
    margin-right: auto; }
    #roomate-numbers .slide-content .form-head-contain::after {
      clear: both;
      content: "";
      display: table; }
  #roomate-numbers .slide-content h1, #roomate-numbers .slide-content .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed #roomate-numbers .slide-content h2 {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 100%; }
    #roomate-numbers .slide-content h1:last-child, #roomate-numbers .slide-content .you-vs-breed .vs-select .breed h2:last-child, .you-vs-breed .vs-select .breed #roomate-numbers .slide-content h2:last-child {
      margin-right: 0; }
    @media screen and (min-width: 48em) {
      #roomate-numbers .slide-content h1, #roomate-numbers .slide-content .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed #roomate-numbers .slide-content h2 {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 65.81197%;
        margin-left: 17.09402%; }
        #roomate-numbers .slide-content h1:last-child, #roomate-numbers .slide-content .you-vs-breed .vs-select .breed h2:last-child, .you-vs-breed .vs-select .breed #roomate-numbers .slide-content h2:last-child {
          margin-right: 0; } }
#roomate-numbers #roomate-list {
  float: left;
  display: block;
  margin-right: 2.5641%;
  width: 100%;
  margin-right: 0;
  margin-bottom: 3.75em; }
  #roomate-numbers #roomate-list:last-child {
    margin-right: 0; }
  #roomate-numbers #roomate-list h3 {
    font-size: 0.9375em; }
    @media screen and (min-width: 48em) {
      #roomate-numbers #roomate-list h3 {
        font-size: 1.25em; } }
  #roomate-numbers #roomate-list .fellow-humans, #roomate-numbers #roomate-list .fellow-dogs {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 48.71795%;
    text-align: center; }
    #roomate-numbers #roomate-list .fellow-humans:last-child, #roomate-numbers #roomate-list .fellow-dogs:last-child {
      margin-right: 0; }
    @media screen and (min-width: 48em) {
      #roomate-numbers #roomate-list .fellow-humans, #roomate-numbers #roomate-list .fellow-dogs {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 23.07692%; }
        #roomate-numbers #roomate-list .fellow-humans:last-child, #roomate-numbers #roomate-list .fellow-dogs:last-child {
          margin-right: 0; } }
    #roomate-numbers #roomate-list .fellow-humans .number, #roomate-numbers #roomate-list .fellow-dogs .number {
      font-size: 4.375em;
      color: #ff9c00;
      font-family: "Lato", sans-serif;
      font-weight: 600; }
    #roomate-numbers #roomate-list .fellow-humans .human-vector, #roomate-numbers #roomate-list .fellow-humans .dog-vector, #roomate-numbers #roomate-list .fellow-dogs .human-vector, #roomate-numbers #roomate-list .fellow-dogs .dog-vector {
      min-height: 9.4375em;
      margin-bottom: 1.5625em; }
      @media screen and (min-width: 48em) {
        #roomate-numbers #roomate-list .fellow-humans .human-vector, #roomate-numbers #roomate-list .fellow-humans .dog-vector, #roomate-numbers #roomate-list .fellow-dogs .human-vector, #roomate-numbers #roomate-list .fellow-dogs .dog-vector {
          margin-bottom: 3.75em; } }
      #roomate-numbers #roomate-list .fellow-humans .human-vector svg, #roomate-numbers #roomate-list .fellow-humans .dog-vector svg, #roomate-numbers #roomate-list .fellow-dogs .human-vector svg, #roomate-numbers #roomate-list .fellow-dogs .dog-vector svg {
        position: relative; }
  @media screen and (min-width: 48em) {
    #roomate-numbers #roomate-list .fellow-humans {
      margin-left: 25.64103%; } }
  #roomate-numbers #roomate-list .human-vector {
    background-image: url("/assets/bg-roomate-kids.png");
    background-image: none, url("/assets/bg-roomate-kids.svg");
    background-repeat: no-repeat;
    background-position: center bottom; }
    @media screen and (min-width: 48em) {
      #roomate-numbers #roomate-list .human-vector {
        background-position: center top; } }
    #roomate-numbers #roomate-list .human-vector svg, #roomate-numbers #roomate-list .human-vector path {
      top: 0.3125em;
      width: 4.9375em;
      fill: #3d2d56;
      -webkit-transition-duration: 0.2s;
      -moz-transition-duration: 0.2s;
      transition-duration: 0.2s; }
    #roomate-numbers #roomate-list .human-vector.active svg, #roomate-numbers #roomate-list .human-vector.active path {
      fill: #ff5f2d;
      -webkit-transition-duration: 0.2s;
      -moz-transition-duration: 0.2s;
      transition-duration: 0.2s; }
  #roomate-numbers #roomate-list .dog-vector {
    background-image: url("/assets/bg-roomate-dogs.png");
    background-image: none, url("/assets/bg-roomate-dogs.svg");
    background-repeat: no-repeat;
    background-size: 4.0625em 3.9375em;
    background-position: 6.9375em 4.6875em; }
    @media screen and (min-width: 48em) {
      #roomate-numbers #roomate-list .dog-vector {
        background-position: 8.9375em 4.6875em; } }
    #roomate-numbers #roomate-list .dog-vector svg {
      top: 1.25em;
      width: 5.4375em;
      fill: #3d2d56;
      -webkit-transition-duration: 0.2s;
      -moz-transition-duration: 0.2s;
      transition-duration: 0.2s; }
    #roomate-numbers #roomate-list .dog-vector.active svg {
      fill: #ff5f2d;
      -webkit-transition-duration: 0.2s;
      -moz-transition-duration: 0.2s;
      transition-duration: 0.2s; }

#quality-time-type, #cleanliness-level {
  z-index: -1; }
  #quality-time-type.swiper-slide-visible, #cleanliness-level.swiper-slide-visible {
    z-index: 1; }
  #quality-time-type .slider-tabs, #cleanliness-level .slider-tabs {
    position: relative;
    min-height: 29.375em;
    clear: both; }
    @media screen and (min-width: 48em) {
      #quality-time-type .slider-tabs, #cleanliness-level .slider-tabs {
        min-height: 29.375em;
        margin: 1.5625em 0; } }
    #quality-time-type .slider-tabs:after, #cleanliness-level .slider-tabs:after {
      content: "";
      position: absolute;
      z-index: 1;
      left: 50%;
      margin-left: -44%;
      bottom: 5.3125em;
      height: 0.0625em;
      width: 88%; }
      @media screen and (min-width: 48em) {
        #quality-time-type .slider-tabs:after, #cleanliness-level .slider-tabs:after {
          bottom: 5.25em;
          z-index: -1;
          width: 100%;
          margin-left: 0;
          left: 0; } }
  #quality-time-type .tab-item, #cleanliness-level .tab-item {
    float: left;
    margin-left: calc(50vw - 88px); }
    @media screen and (min-width: 48em) {
      #quality-time-type .tab-item, #cleanliness-level .tab-item {
        margin-left: 40%; } }
    #quality-time-type .tab-item:first-child, #cleanliness-level .tab-item:first-child {
      margin-left: 1.25em; }
      @media screen and (min-width: 48em) {
        #quality-time-type .tab-item:first-child, #cleanliness-level .tab-item:first-child {
          margin-left: 0; } }
    #quality-time-type .tab-item:last-child, #cleanliness-level .tab-item:last-child {
      float: right;
      margin-right: 1.25em;
      margin-left: 0; }
      @media screen and (min-width: 48em) {
        #quality-time-type .tab-item:last-child, #cleanliness-level .tab-item:last-child {
          margin-right: 0; } }
  #quality-time-type .tab-item label, #cleanliness-level .tab-item label {
    margin-top: 1.5625em;
    background: #fff;
    border-radius: 100%;
    height: 2.625em;
    width: 2.625em;
    border: 0.0625em solid #979891;
    margin-left: -0.0625em;
    position: relative;
    top: 20.9375em;
    left: 0.0625em;
    z-index: 99; }
    @media screen and (min-width: 48em) {
      #quality-time-type .tab-item label, #cleanliness-level .tab-item label {
        height: 3.125em;
        width: 3.125em;
        top: 20.9375em; } }
    #quality-time-type .tab-item label:before, #cleanliness-level .tab-item label:before {
      content: "";
      font-weight: normal;
      display: block;
      color: #fff;
      text-align: center;
      width: 2.33333em;
      height: 2.33333em;
      font-size: 1.125em; }
      @media screen and (min-width: 48em) {
        #quality-time-type .tab-item label:before, #cleanliness-level .tab-item label:before {
          height: 2.27273em;
          width: 2.27273em;
          font-size: 1.375em; } }
    #quality-time-type .tab-item label h3, #cleanliness-level .tab-item label h3 {
      position: absolute;
      margin-left: 50%;
      left: -5.25em;
      font-size: 0.75em;
      margin-top: 1.25em;
      width: 10.5em;
      text-align: center;
      word-wrap: break-word;
      font-weight: normal;
      letter-spacing: .1em;
      color: #979891; }
      @media screen and (min-width: 48em) {
        #quality-time-type .tab-item label h3, #cleanliness-level .tab-item label h3 {
          font-size: 1.25em;
          left: -5.75em;
          margin-top: 1em;
          width: 11.8em; } }
      #quality-time-type .tab-item label h3 small, #cleanliness-level .tab-item label h3 small {
        font-size: 1em;
        line-height: 1.375rem; }
        @media screen and (min-width: 48em) {
          #quality-time-type .tab-item label h3 small, #cleanliness-level .tab-item label h3 small {
            font-size: 1.0625em; } }
  #quality-time-type .tab-item [type=radio], #cleanliness-level .tab-item [type=radio] {
    display: none; }
  #quality-time-type .content, #cleanliness-level .content {
    min-height: 17.1875em;
    overflow: hidden;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0; }
    #quality-time-type .content .tab-bg, #cleanliness-level .content .tab-bg {
      width: 100%;
      overflow: hidden !important; }
    @media screen and (min-width: 48em) {
      #quality-time-type .content, #cleanliness-level .content {
        max-height: 20.9375em;
        overflow: visible; } }
    #quality-time-type .content img, #cleanliness-level .content img {
      min-width: 48em;
      margin-left: -14.25em;
      margin-top: 1.5em; }
      @media screen and (min-width: 48em) {
        #quality-time-type .content img, #cleanliness-level .content img {
          min-width: auto;
          margin-left: 0;
          margin-top: 0; } }
  #quality-time-type [type=radio]:checked ~ label, #cleanliness-level [type=radio]:checked ~ label {
    background: #ff5f2d;
    color: #fff;
    border-color: #ff5f2d;
    z-index: 2; }
    #quality-time-type [type=radio]:checked ~ label h3, #cleanliness-level [type=radio]:checked ~ label h3 {
      color: #3d2d56; }
    #quality-time-type [type=radio]:checked ~ label:before, #cleanliness-level [type=radio]:checked ~ label:before {
      content: "";
      background-color: #ff5f2d;
      display: block;
      font-weight: normal;
      text-align: center;
      border: 0.25em solid #fff;
      border-radius: 99em;
      box-shadow: 0 0 0 0.1em #979891; }
      @media screen and (min-width: 48em) {
        #quality-time-type [type=radio]:checked ~ label:before, #cleanliness-level [type=radio]:checked ~ label:before {
          width: 2.27273em; } }

.swiper-slide-visible#quality-time-type [type=radio]:checked ~ label ~ .content,
.swiper-slide-visible#cleanliness-level [type=radio]:checked ~ label ~ .content {
  z-index: 1;
  overflow: visible; }

#cleanliness-level .slider-tabs {
  min-height: 31em; }
#cleanliness-level .tab-item label {
  top: 22.5625em; }
#cleanliness-level .content {
  height: 18.75em; }
  @media screen and (min-width: 48em) {
    #cleanliness-level .content {
      height: 23.375em;
      max-height: 23.375em; } }
  #cleanliness-level .content .tab-bg {
    width: 100%;
    overflow: hidden !important; }
    #cleanliness-level .content .tab-bg img {
      position: absolute;
      bottom: 0;
      left: 1.25em;
      min-width: 31.25em; }
      @media screen and (min-width: 48em) {
        #cleanliness-level .content .tab-bg img {
          min-width: 48.125em;
          left: -1.4875em; } }
  #cleanliness-level .content .vac-icon {
    display: none;
    position: absolute;
    left: 2.5em;
    bottom: 0.5625em;
    width: 8.125em;
    min-width: 1em;
    z-index: 9;
    /*  &:before {
            font-size: 300%;
            @include media(\$tablet) {
                font-size: 1300%;
            }
        } */ }
    @media screen and (min-width: 48em) {
      #cleanliness-level .content .vac-icon {
        left: -9.0625em;
        bottom: 1.25em;
        width: 12.8125em; } }
#cleanliness-level .tab-item:last-child .content .vac-icon {
  right: -1.5625em;
  left: auto; }
#cleanliness-level [type=radio]:checked ~ label ~ .content .vac-icon {
  display: block; }

#noise-level .match-head {
  margin-bottom: 1.25em; }
  @media screen and (min-width: 48em) {
    #noise-level .match-head {
      margin-bottom: 5em; } }
#noise-level .volume-bar {
  margin-bottom: 5.9375em;
  padding: 0 1.25em; }
  @media screen and (min-width: 48em) {
    #noise-level .volume-bar {
      padding: 0 0; } }
  #noise-level .volume-bar path {
    fill: #2b2337; }
#noise-level .vol-icons {
  display: none; }
  @media screen and (min-width: 48em) {
    #noise-level .vol-icons {
      display: block;
      max-width: 73.125em;
      margin-left: auto;
      margin-right: auto;
      position: relative; }
      #noise-level .vol-icons::after {
        clear: both;
        content: "";
        display: table; } }
  #noise-level .vol-icons li {
    position: absolute;
    top: 6.25em;
    left: -3.3125em;
    width: 2.5em; }
    #noise-level .vol-icons li:last-child {
      top: 3.125em;
      left: auto;
      right: -4.4375em;
      width: 3.625em; }
#noise-level .vol-scale {
  max-width: 73.125em;
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  #noise-level .vol-scale::after {
    clear: both;
    content: "";
    display: table; }
  #noise-level .vol-scale .operands {
    font-size: 2em;
    font-style: normal;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    display: block;
    line-height: 1em;
    height: 1em; }
  #noise-level .vol-scale li {
    position: absolute;
    top: 1.875em;
    left: 0;
    color: #2b2337;
    font-family: "Crimson Text", serif;
    font-style: italic; }
  #noise-level .vol-scale li:last-child {
    left: auto;
    right: 0; }
#noise-level .volume-bar.vol-level-1 .volbar-1 {
  fill: #ff5f2d; }
#noise-level .volume-bar.vol-level-2 .volbar-1, #noise-level .volume-bar.vol-level-2 .volbar-2 {
  fill: #ff5f2d; }
#noise-level .volume-bar.vol-level-3 .volbar-1,
#noise-level .volume-bar.vol-level-3 .volbar-2,
#noise-level .volume-bar.vol-level-3 .volbar-3 {
  fill: #ff5f2d; }
#noise-level .volume-bar.vol-level-4 .volbar-1, #noise-level .volume-bar.vol-level-4 .volbar-2,
#noise-level .volume-bar.vol-level-4 .volbar-3, #noise-level .volume-bar.vol-level-4 .volbar-4 {
  fill: #ff5f2d; }
#noise-level .volume-bar.vol-level-5 .volbar-1, #noise-level .volume-bar.vol-level-5 .volbar-2,
#noise-level .volume-bar.vol-level-5 .volbar-3, #noise-level .volume-bar.vol-level-5 .volbar-4,
#noise-level .volume-bar.vol-level-5 .volbar-5 {
  fill: #ff5f2d; }
#noise-level .volume-bar.vol-level-6 .volbar-1, #noise-level .volume-bar.vol-level-6 .volbar-2,
#noise-level .volume-bar.vol-level-6 .volbar-3, #noise-level .volume-bar.vol-level-6 .volbar-4,
#noise-level .volume-bar.vol-level-6 .volbar-5, #noise-level .volume-bar.vol-level-6 .volbar-6 {
  fill: #ff5f2d; }
#noise-level .volume-bar.vol-level-7 .volbar-1, #noise-level .volume-bar.vol-level-7 .volbar-2,
#noise-level .volume-bar.vol-level-7 .volbar-3, #noise-level .volume-bar.vol-level-7 .volbar-4,
#noise-level .volume-bar.vol-level-7 .volbar-5, #noise-level .volume-bar.vol-level-7 .volbar-6,
#noise-level .volume-bar.vol-level-7 .volbar-7 {
  fill: #ff5f2d; }
#noise-level .volume-bar.vol-level-8 .volbar-1, #noise-level .volume-bar.vol-level-8 .volbar-2,
#noise-level .volume-bar.vol-level-8 .volbar-3, #noise-level .volume-bar.vol-level-8 .volbar-4,
#noise-level .volume-bar.vol-level-8 .volbar-5, #noise-level .volume-bar.vol-level-8 .volbar-6,
#noise-level .volume-bar.vol-level-8 .volbar-7, #noise-level .volume-bar.vol-level-8 .volbar-8 {
  fill: #ff5f2d; }
#noise-level .volume-bar.vol-level-9 .volbar-1, #noise-level .volume-bar.vol-level-9 .volbar-2,
#noise-level .volume-bar.vol-level-9 .volbar-3, #noise-level .volume-bar.vol-level-9 .volbar-4,
#noise-level .volume-bar.vol-level-9 .volbar-5, #noise-level .volume-bar.vol-level-9 .volbar-6,
#noise-level .volume-bar.vol-level-9 .volbar-7, #noise-level .volume-bar.vol-level-9 .volbar-8,
#noise-level .volume-bar.vol-level-9 .volbar-9 {
  fill: #ff5f2d; }
#noise-level .quantity-adjuster {
  max-width: 73.125em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3.125em;
  text-align: center; }
  #noise-level .quantity-adjuster::after {
    clear: both;
    content: "";
    display: table; }
  #noise-level .quantity-adjuster h3, #noise-level .quantity-adjuster .plusminus {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 48.71795%;
    margin-left: 25.64103%; }
    #noise-level .quantity-adjuster h3:last-child, #noise-level .quantity-adjuster .plusminus:last-child {
      margin-right: 0; }
#noise-level .vol-level-4 ~ .quantity-adjuster > h3,
#noise-level .vol-level-3 ~ .quantity-adjuster > h3,
#noise-level .vol-level-2 ~ .quantity-adjuster > h3,
#noise-level .vol-level-1 ~ .quantity-adjuster > h3,
#noise-level .vol-level-0 ~ .quantity-adjuster > h3 {
  display: block; }
#noise-level .vol-level-4 ~ .quantity-adjuster > h3.lotsof-noise, #noise-level .vol-level-4 ~ .quantity-adjuster > h3.some-noise,
#noise-level .vol-level-3 ~ .quantity-adjuster > h3.lotsof-noise,
#noise-level .vol-level-3 ~ .quantity-adjuster > h3.some-noise,
#noise-level .vol-level-2 ~ .quantity-adjuster > h3.lotsof-noise,
#noise-level .vol-level-2 ~ .quantity-adjuster > h3.some-noise,
#noise-level .vol-level-1 ~ .quantity-adjuster > h3.lotsof-noise,
#noise-level .vol-level-1 ~ .quantity-adjuster > h3.some-noise,
#noise-level .vol-level-0 ~ .quantity-adjuster > h3.lotsof-noise,
#noise-level .vol-level-0 ~ .quantity-adjuster > h3.some-noise {
  display: none; }
#noise-level .vol-level-7 ~ .quantity-adjuster > h3,
#noise-level .vol-level-6 ~ .quantity-adjuster > h3,
#noise-level .vol-level-5 ~ .quantity-adjuster > h3 {
  display: block; }
#noise-level .vol-level-7 ~ .quantity-adjuster > h3.lotsof-noise, #noise-level .vol-level-7 ~ .quantity-adjuster > h3.little-noise,
#noise-level .vol-level-6 ~ .quantity-adjuster > h3.lotsof-noise,
#noise-level .vol-level-6 ~ .quantity-adjuster > h3.little-noise,
#noise-level .vol-level-5 ~ .quantity-adjuster > h3.lotsof-noise,
#noise-level .vol-level-5 ~ .quantity-adjuster > h3.little-noise {
  display: none; }
#noise-level .vol-level-8 ~ .quantity-adjuster > h3,
#noise-level .vol-level-9 ~ .quantity-adjuster > h3 {
  display: block; }
#noise-level .vol-level-8 ~ .quantity-adjuster > h3.some-noise, #noise-level .vol-level-8 ~ .quantity-adjuster > h3.little-noise,
#noise-level .vol-level-9 ~ .quantity-adjuster > h3.some-noise,
#noise-level .vol-level-9 ~ .quantity-adjuster > h3.little-noise {
  display: none; }

.fullbleed {
  width: 100%;
  height: 3px;
  background-color: #e3e3e3;
  position: relative;
  top: -1.1rem;
  display: none; }
  @media screen and (min-width: 48em) {
    .fullbleed {
      display: block; } }

.results-intro {
  margin-top: 5em; }
  .results-intro p {
    width: 100%;
    color: #3d2d56;
    font-family: "Montserrat", sans-serif;
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.75rem; }
    @media screen and (min-width: 48em) {
      .results-intro p {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 82.90598%;
        margin-left: 8.54701%;
        font-size: 2em;
        line-height: 3.4375rem; }
        .results-intro p:last-child {
          margin-right: 0; } }
    .results-intro p .orange {
      color: #ff5f2d;
      font-family: "Crimson Text", serif;
      font-weight: 600;
      padding-bottom: 2px;
      border-bottom: 2px solid #ff5f2d;
      text-decoration: none;
      font-style: italic;
      font-size: 1.25rem; }
      @media screen and (min-width: 48em) {
        .results-intro p .orange {
          font-size: 2.5rem; } }
  .results-intro h5 {
    color: #bf692c;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 1em;
    margin-top: 2em;
    margin-bottom: 3em; }
    @media screen and (min-width: 48em) {
      .results-intro h5 {
        margin-top: 6em;
        margin-bottom: 0; } }
  .results-intro .missed-questions {
    width: 100%;
    float: left;
    font-family: "Montserrat", sans-serif;
    text-align: center;
    text-decoration: none; }
    .results-intro .missed-questions:hover {
      text-decoration: underline; }

.results-grid {
  margin-top: 3em;
  overflow: hidden; }
  .results-grid .clearfix {
    height: 5.7em; }

.results-grid-swiper {
  width: 100%;
  float: left;
  height: 100%; }
  @media screen and (min-width: 61em) {
    .results-grid-swiper {
      overflow: hidden;
      height: 55.5em; } }
  .results-grid-swiper .wrapper {
    height: inherit;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -ms-flex-direction: normal;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    box-lines: single;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-content: flex-start;
    -moz-align-content: flex-start;
    align-content: flex-start;
    -ms-flex-line-pack: start;
    -webkit-box-align: start;
    -moz-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start; }

.slide {
  width: 100%; }
  @media screen and (min-width: 41em) {
    .slide {
      width: 16.5625em; } }
  @media screen and (min-width: 61em) {
    .slide {
      width: 20%; } }

.result-dog {
  display: block;
  float: left; }
  .result-dog .result-image {
    width: 90vw;
    height: 90vw;
    position: relative; }
    @media screen and (min-width: 41em) {
      .result-dog .result-image {
        width: 14.625em;
        height: 14.625em;
        margin: 0 auto; } }
  .result-dog h3 {
    text-align: center;
    color: #3d2d56;
    padding: 0 .75rem;
    height: 4rem;
    position: relative;
    font-size: .875rem;
    line-height: 1.25rem; }
    @media screen and (min-width: 48em) {
      .result-dog h3 {
        font-size: .9375rem; } }
    .result-dog h3:after {
      content: '';
      height: 3em;
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -2em;
      width: 1px;
      background-color: #e3e3e3; }
    .result-dog h3 small {
      padding-bottom: .25em;
      font-size: .8125rem;
      padding-top: 3px; }
  .result-dog .callout {
    background-color: #01d4b4;
    position: relative;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    text-align: center;
    text-transform: uppercase;
    font-size: .8em;
    padding: 1.25rem 1.1rem;
    display: table;
    top: -1em;
    width: 90%;
    margin-left: 5%;
    height: 8rem; }
    @media screen and (min-width: 48em) {
      .result-dog .callout {
        height: 12rem; } }
    .result-dog .callout span {
      font-size: .75rem;
      line-height: 1rem;
      display: table-cell;
      vertical-align: middle; }
      @media screen and (min-width: 48em) {
        .result-dog .callout span {
          font-size: .9rem;
          line-height: 1.25rem; } }
    .result-dog .callout:after {
      background-color: #01d4b4;
      width: 1em;
      height: 1em;
      left: 50%;
      margin-left: -.5em;
      top: -.5em; }
  .result-dog .small-table {
    width: 100%;
    padding-top: 1.25em;
    margin-top: .5em; }
    .result-dog .small-table li {
      letter-spacing: 0;
      width: 100%;
      text-align: center;
      font-family: "Montserrat", sans-serif;
      color: #3d2d56;
      text-transform: uppercase;
      padding: .85rem 0 .95rem;
      font-size: .75em; }
      .result-dog .small-table li span {
        display: block;
        color: #ff5f2d;
        font-style: italic;
        text-transform: lowercase;
        font-size: .85em;
        line-height: 1.4em;
        letter-spacing: .1em; }
      @media screen and (min-width: 48em) {
        .result-dog .small-table li {
          font-size: .8rem; } }
      .result-dog .small-table li:nth-child(odd) {
        background-color: #f8f1ec; }
  .result-dog.add {
    margin-top: 4em;
    position: relative; }
    .result-dog.add .add-block {
      background-color: #3d2d56;
      height: 14.625em; }
    .result-dog.add a {
      width: 100%;
      height: 100%;
      display: block;
      position: absolute;
      top: 0;
      left: 0; }
    .result-dog.add p {
      text-align: center;
      width: 100%;
      color: #ff5f2d;
      text-transform: uppercase;
      font-family: "Montserrat", sans-serif;
      font-size: .875em; }
    .result-dog.add .icon-add-dog {
      font-size: 2em;
      color: #fff;
      text-align: center;
      padding-top: 2.5em;
      padding-bottom: .5em; }

.results-chosen {
  margin-top: 6em;
  margin-bottom: 7.5em;
  text-align: center; }
  .results-chosen article {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 100%; }
    .results-chosen article:last-child {
      margin-right: 0; }
    @media screen and (min-width: 48em) {
      .results-chosen article {
        margin-left: 25.64103%;
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 48.71795%; }
        .results-chosen article:last-child {
          margin-right: 0; } }
  .results-chosen h5 {
    text-align: center;
    color: #bf692c;
    font-size: 1em;
    margin-bottom: 1em; }
  .results-chosen select {
    margin: 0 auto;
    margin-top: 1em; }

.results-other, .compare-matches, .my-dogs, .my-favorites {
  position: relative; }
  .results-other .clearfix, .compare-matches .clearfix, .my-dogs .clearfix, .my-favorites .clearfix {
    width: 100%;
    clear: both;
    height: 0; }
  .results-other h3, .compare-matches h3, .my-dogs h3, .my-favorites h3 {
    text-align: center;
    position: relative;
    top: 2.875em; }
  .results-other .compare.btn, .compare-matches .compare.btn, .my-dogs .compare.btn, .my-favorites .compare.btn {
    width: 88vw;
    margin-bottom: 2em;
    position: relative;
    float: left;
    margin-top: 2em;
    text-align: center;
    padding: .5em;
    font-size: .75em; }
    @media screen and (min-width: 43.75em) {
      .results-other .compare.btn, .compare-matches .compare.btn, .my-dogs .compare.btn, .my-favorites .compare.btn {
        font-size: 1rem;
        padding: .9em;
        width: 13em;
        left: auto;
        margin-top: 0;
        float: right;
        top: -.775em; } }
    .results-other .compare.btn .icon-compare, .compare-matches .compare.btn .icon-compare, .my-dogs .compare.btn .icon-compare, .my-favorites .compare.btn .icon-compare {
      padding-left: 1rem;
      line-height: 1.5em;
      vertical-align: -.25em;
      display: inline;
      margin-right: .5em;
      font-size: 1.5em; }
  .results-other .results-swiper-container, .compare-matches .results-swiper-container, .my-dogs .results-swiper-container, .my-favorites .results-swiper-container {
    overflow: hidden;
    margin: 0 auto;
    width: 100%; }
    @media screen and (min-width: 32em) {
      .results-other .results-swiper-container, .compare-matches .results-swiper-container, .my-dogs .results-swiper-container, .my-favorites .results-swiper-container {
        width: 29.25em; } }
    @media screen and (min-width: 45.625em) {
      .results-other .results-swiper-container, .compare-matches .results-swiper-container, .my-dogs .results-swiper-container, .my-favorites .results-swiper-container {
        width: 43.875em; } }
    @media screen and (min-width: 80em) {
      .results-other .results-swiper-container, .compare-matches .results-swiper-container, .my-dogs .results-swiper-container, .my-favorites .results-swiper-container {
        width: 100%; } }
  .results-other .slide, .compare-matches .slide, .my-dogs .slide, .my-favorites .slide {
    float: left; }
    @media screen and (min-width: 1em) {
      .results-other .slide, .compare-matches .slide, .my-dogs .slide, .my-favorites .slide {
        width: 100%;
        height: 100%; } }
    @media screen and (min-width: 32em) {
      .results-other .slide, .compare-matches .slide, .my-dogs .slide, .my-favorites .slide {
        width: 29.25em;
        height: 29.25em; } }
    @media screen and (min-width: 45.625em) {
      .results-other .slide, .compare-matches .slide, .my-dogs .slide, .my-favorites .slide {
        width: 43.875em;
        height: 43.875em; } }
    @media screen and (min-width: 80em) {
      .results-other .slide, .compare-matches .slide, .my-dogs .slide, .my-favorites .slide {
        width: 100%; } }
  .results-other .pagination, .compare-matches .pagination, .my-dogs .pagination, .my-favorites .pagination {
    font-family: "Crimson Text", serif;
    color: #bf692c;
    font-style: italic;
    margin-top: 1em; }
    @media screen and (min-width: 48em) {
      .results-other .pagination, .compare-matches .pagination, .my-dogs .pagination, .my-favorites .pagination {
        margin-bottom: 7.5em; } }
  .results-other .controls a, .compare-matches .controls a, .my-dogs .controls a, .my-favorites .controls a {
    height: 6.25em;
    width: 3em;
    background-color: #ff5f2d;
    position: absolute;
    top: 60vw;
    line-height: 5em;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    text-decoration: none;
    display: none; }
    @media screen and (min-width: 35.3125em) {
      .results-other .controls a, .compare-matches .controls a, .my-dogs .controls a, .my-favorites .controls a {
        display: block; } }
    .results-other .controls a .icon-menu-arrow, .compare-matches .controls a .icon-menu-arrow, .my-dogs .controls a .icon-menu-arrow, .my-favorites .controls a .icon-menu-arrow {
      position: relative;
      top: 50%;
      margin-top: -.5em; }
    @media screen and (min-width: 32em) {
      .results-other .controls a, .compare-matches .controls a, .my-dogs .controls a, .my-favorites .controls a {
        top: 25em; } }
  .results-other .controls .left, .compare-matches .controls .left, .my-dogs .controls .left, .my-favorites .controls .left {
    left: 0; }
    .results-other .controls .left .icon-menu-arrow, .compare-matches .controls .left .icon-menu-arrow, .my-dogs .controls .left .icon-menu-arrow, .my-favorites .controls .left .icon-menu-arrow {
      -webkit-transform: rotate(-180deg);
      -moz-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
      -o-transform: rotate(-180deg);
      transform: rotate(-180deg); }
  .results-other .controls .right, .compare-matches .controls .right, .my-dogs .controls .right, .my-favorites .controls .right {
    right: 0; }

.startover {
  float: right;
  margin: 2em 0 1em; }
  @media screen and (min-width: 48em) {
    .startover {
      margin: 0 auto 40px; } }

.match, .my-favorites .match, .my-dogs .match {
  width: 44vw;
  height: 44vw;
  float: left;
  position: relative;
  overflow: hidden;
  cursor: pointer; }
  .match.empty:after {
    display: none; }
  @media screen and (min-width: 32em) {
    .match, .my-favorites .match, .my-dogs .match {
      width: 14.625em;
      height: 14.625em; } }
  .match .data {
    float: left;
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
    width: 100%; }
  .match .name {
    float: left;
    position: relative;
    z-index: 10;
    background: #3d2d56;
    font: bold 0.9375em "Montserrat", sans-serif;
    padding-top: .625em;
    padding-bottom: .625em;
    width: 100%; }
  .match .hoverstate {
    bottom: -5em;
    -webkit-transition: bottom 0.2s ease-in;
    -moz-transition: bottom 0.2s ease-in;
    transition: bottom 0.2s ease-in;
    position: relative;
    background-color: #ff5f2d;
    opacity: .9;
    width: 100%;
    float: left;
    height: 3.75em; }
    .match .hoverstate.active {
      bottom: 0;
      -webkit-transition: bottom 0.3s ease-out;
      -moz-transition: bottom 0.3s ease-out;
      transition: bottom 0.3s ease-out; }
    .match .hoverstate .icon-heart {
      font-size: 1.25em;
      padding: .5em;
      color: #d95126;
      -webkit-transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
      -moz-transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
      transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
      .match .hoverstate .icon-heart:hover {
        color: #efefef;
        -webkit-transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        -moz-transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        -webkit-transform: scale(1.25);
        -moz-transform: scale(1.25);
        -ms-transform: scale(1.25);
        -o-transform: scale(1.25);
        transform: scale(1.25); }
    .match .hoverstate a {
      color: #fff;
      text-decoration: none; }
  .match .favorite {
    position: absolute;
    left: .7em;
    top: 50%;
    margin-top: -1.2em;
    float: left;
    display: block; }
    .match .favorite .icon-heart {
      color: #d95126; }
  .match .active.favorite .icon-heart {
    color: #fff; }
  .match .explore {
    display: block;
    font-size: .875em;
    text-align: center;
    height: 100%;
    width: 10rem;
    margin-left: 4rem;
    padding-left: 1rem;
    padding-top: .65rem;
    float: left;
    border-left: 2px solid #d95126;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase; }
    .match .explore.full {
      width: 100%;
      border-left: 0;
      margin-left: 0; }

.dog-grid-mast {
  width: 100%; }
  .dog-grid-mast::after {
    clear: both;
    content: "";
    display: table; }

.grid-col {
  width: 100%;
  float: left; }
  .grid-col::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 48em) {
    .grid-col {
      width: 51.25%; } }
  .grid-col.half {
    width: 100%; }
    @media screen and (min-width: 48em) {
      .grid-col.half {
        width: 50% !important;
        margin-right: 0; } }
  .grid-col .dog-wrapper {
    width: 100%;
    height: inherit;
    position: relative; }
    .grid-col .dog-wrapper .edit-cover {
      background-color: rgba(255, 95, 45, 0.8);
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      display: none; }
      .grid-col .dog-wrapper .edit-cover.hover {
        display: block; }
      .grid-col .dog-wrapper .edit-cover .add-text {
        text-transform: uppercase;
        font-family: "Montserrat", sans-serif;
        text-align: center;
        color: #fff;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
    .grid-col .dog-wrapper.empty {
      background-color: #ff5f2d;
      width: 100%;
      height: 38.4375em; }
      .grid-col .dog-wrapper.empty.purple {
        background-color: #3d2d56; }
        .grid-col .dog-wrapper.empty.purple .btn {
          position: relative;
          left: 50%;
          top: 45%;
          margin: 0;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%);
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          transform: translateX(-50%); }
      .grid-col .dog-wrapper.empty .add-text {
        width: 25em;
        left: 50%;
        margin: 0 auto;
        top: 50%; }
        .grid-col .dog-wrapper.empty .add-text .icon-add {
          margin-top: .25em;
          margin-bottom: .5em;
          position: relative;
          font-size: .7em;
          width: 2em;
          height: 2em;
          padding: .2em;
          border: 2px solid #fff;
          color: #fff;
          text-indent: 1px;
          float: left;
          bottom: 1px; }
      .grid-col .dog-wrapper.empty .add {
        text-align: center;
        text-decoration: none;
        font-family: "Montserrat", sans-serif;
        text-transform: uppercase;
        display: block;
        color: #fff;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
    .grid-col .dog-wrapper .owner {
      overflow: hidden;
      position: absolute;
      z-index: 100;
      border-radius: 99em;
      border: 3px solid #3d2d56;
      left: 50%;
      width: 6em;
      height: 6em;
      bottom: -3em;
      margin-left: -3em; }
      @media screen and (min-width: 25em) {
        .grid-col .dog-wrapper .owner {
          width: 7.5rem;
          height: 7.5rem;
          bottom: -3.75rem;
          margin-left: -3.75rem; } }
      .grid-col .dog-wrapper .owner .edit {
        height: 9.5em;
        position: relative;
        padding-top: 20px;
        top: -10px;
        opacity: 0;
        left: -10em;
        -webkit-transition: opacity 0.2s ease-out;
        -moz-transition: opacity 0.2s ease-out;
        transition: opacity 0.2s ease-out; }
        .grid-col .dog-wrapper .owner .edit.hover {
          -webkit-transition: opacity 0.2s ease-out;
          -moz-transition: opacity 0.2s ease-out;
          transition: opacity 0.2s ease-out;
          left: 0;
          opacity: 1;
          background-color: rgba(255, 95, 45, 0.8); }
      .grid-col .dog-wrapper .owner.empty {
        background-color: #ff5f2d;
        text-align: center;
        padding-top: .5em;
        text-transform: uppercase;
        font-family: "Montserrat", sans-serif;
        font-size: .85em;
        text-decoration: none; }
        .grid-col .dog-wrapper .owner.empty .icon-add {
          margin-top: .25em;
          margin-bottom: .5em;
          position: relative;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          transform: translateX(-50%);
          font-size: .9em;
          width: 2em;
          height: 2em;
          padding: .25em;
          border: 2px solid #fff;
          color: #fff;
          text-indent: 1px; }
        .grid-col .dog-wrapper .owner.empty p {
          color: #fff; }
  .grid-col .dog-image {
    height: 0;
    padding-bottom: 112.5%;
    position: relative; }
    @media screen and (min-width: 48em) {
      .grid-col .dog-image {
        height: 0;
        padding-bottom: 79.68254%;
        position: relative; } }
  .grid-col.multi-grid {
    display: none; }
    @media screen and (min-width: 48em) {
      .grid-col.multi-grid {
        width: 24.6%;
        display: block; } }
    .grid-col.multi-grid .dog-image {
      height: 0;
      padding-bottom: 80.95238%;
      position: relative; }
    .grid-col.multi-grid:last-child {
      width: 25.4%; }
      .grid-col.multi-grid:last-child .dog-image {
        height: 0;
        padding-bottom: 78.46154%;
        position: relative; }
  .grid-col .dog-wrapper {
    width: 100%; }

.my-dog-info {
  padding-bottom: 3.75em; }

.info-item {
  padding-top: 3.75em; }
  @media screen and (min-width: 48em) {
    .info-item {
      float: left;
      display: block;
      margin-right: 2.5641%;
      width: 23.07692%; }
      .info-item:last-child {
        margin-right: 0; } }
  .info-item:nth-child(4) {
    margin-right: 0;
    clear: right; }
    .info-item:nth-child(4) h3 {
      color: #2b2337;
      font-weight: normal;
      padding-bottom: 0.9375em; }
    .info-item:nth-child(4) ul {
      padding-top: 1.25em;
      border-top: 1px solid #eee; }
    .info-item:nth-child(4) li {
      text-transform: uppercase; }
    .info-item:nth-child(4) li a {
      font-family: "Montserrat", sans-serif;
      text-decoration: none; }
  .info-item > p {
    padding-top: 0.9375em; }
  .info-item p, .info-item dd {
    font-size: 0.9375em;
    color: #3d2d56;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif; }
  .info-item dt {
    color: #01d4b4;
    font-family: "Crimson Text", serif;
    font-style: italic; }
  .info-item .dog-cert dt {
    font-size: 0.8125em;
    color: #979891;
    font-family: "Montserrat", sans-serif;
    font-style: normal; }
  .info-item .dog-cert a {
    text-decoration: none;
    font-weight: bold; }
  .info-item .achievements {
    padding-top: 0.9375em;
    border-top: 1px solid #eee; }
    .info-item .achievements dt {
      font-size: 0.8125em;
      display: inline-block;
      color: #ccc;
      font-family: "Lato", sans-serif;
      font-style: normal;
      margin-right: 0.3125em;
      margin-top: 0.125em; }
    .info-item .achievements dd {
      display: inline-block;
      margin-right: 2.5em; }

.dog-album {
  overflow: hidden;
  position: relative;
  margin-bottom: 3rem;
  margin-top: 3rem; }
  .dog-album input {
    margin: 0 auto;
    max-width: 73.125em; }
  .dog-album > article {
    margin-bottom: 2.5em;
    text-align: center; }
    .dog-album > article h1, .dog-album > article .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .dog-album > article h2 {
      color: #bf692c;
      margin-bottom: 0.625em; }
  .dog-album .dog-age-swiper {
    position: relative;
    margin: 0 auto;
    margin-top: 5.625em;
    overflow: hidden;
    max-width: 87.5em; }
  .dog-album .dog-age-wrapper {
    width: 100%; }
    .dog-album .dog-age-wrapper li {
      display: table-cell;
      text-align: center;
      text-transform: uppercase;
      font-family: "Montserrat", sans-serif; }
      .dog-album .dog-age-wrapper li a {
        text-decoration: none;
        color: #979891; }
      .dog-album .dog-age-wrapper li.swiper-slide-active a {
        color: #ff5f2d; }
  .dog-album .slide {
    width: 100%; }
    .dog-album .slide a {
      width: inherit;
      display: block; }
  .dog-album .page-count {
    text-align: center;
    font-family: "Crimson Text", serif;
    font-style: italic;
    color: #bf692c;
    padding-top: 1.25em;
    clear: both;
    float: left;
    width: 100%; }
  .dog-album .slider-arrow {
    display: none;
    position: absolute;
    width: 3.5em;
    height: 6.25em;
    background: #ff5f2d;
    z-index: 99;
    top: 27.5em; }
    @media screen and (min-width: 31.875em) {
      .dog-album .slider-arrow {
        display: block; } }
    @media screen and (min-width: 55em) {
      .dog-album .slider-arrow {
        top: 34.375em; } }
    .dog-album .slider-arrow.left {
      left: -10em;
      -webkit-transition: left 0.2s ease-out 0.25s;
      -moz-transition: left 0.2s ease-out 0.25s;
      transition: left 0.2s ease-out 0.25s; }
      .dog-album .slider-arrow.left a {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg); }
      .dog-album .slider-arrow.left.active {
        -webkit-transition: left 0.2s ease-out;
        -moz-transition: left 0.2s ease-out;
        transition: left 0.2s ease-out;
        left: 0; }
    .dog-album .slider-arrow.right {
      right: -10em;
      -webkit-transition: right 0.2s ease-out 0.25s;
      -moz-transition: right 0.2s ease-out 0.25s;
      transition: right 0.2s ease-out 0.25s; }
      .dog-album .slider-arrow.right a {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); }
      .dog-album .slider-arrow.right.active {
        right: 0;
        -webkit-transition: right 0.2s ease-out;
        -moz-transition: right 0.2s ease-out;
        transition: right 0.2s ease-out; }
    .dog-album .slider-arrow a {
      position: absolute;
      top: 0;
      left: 0;
      color: #fff;
      height: 100%;
      width: 100%;
      text-align: center;
      text-decoration: none;
      display: block; }
      .dog-album .slider-arrow a:before {
        line-height: 6.25em; }
    .dog-album .slider-arrow:hover {
      background: #f93b00; }

.gallery-divider {
  display: block;
  height: 1px;
  width: 100%;
  margin: 0;
  margin-bottom: 2em;
  border-bottom: 1px solid #DDD;
  position: relative; }
  .gallery-divider:before {
    content: '';
    display: block;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 12px solid #ff5f2d;
    position: absolute;
    left: 50%;
    top: 1px;
    margin-left: -13px; }

.loading {
  float: left;
  width: 100%;
  margin: 0 auto;
  display: block;
  top: 100em;
  opacity: 0;
  z-index: 500;
  -webkit-transition: top 0s linear 0.1s, opacity 0.1s ease-in;
  -moz-transition: top 0s linear 0.1s, opacity 0.1s ease-in;
  transition: top 0s linear 0.1s, opacity 0.1s ease-in; }
  .loading.active {
    opacity: 1;
    -webkit-transition: top 0.2s linear, opacity 0.2s ease-in;
    -moz-transition: top 0.2s linear, opacity 0.2s ease-in;
    transition: top 0.2s linear, opacity 0.2s ease-in;
    top: 100px; }
  .loading h4 {
    text-transform: uppercase;
    text-align: center; }
  .loading .holder {
    position: absolute;
    width: 300px;
    left: 50%;
    top: 40%;
    margin-left: -150px; }
  .loading .loading-gif {
    height: 100px;
    width: 130px;
    display: block;
    margin: 0 auto;
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1); }

.year-swiper-container {
  margin: 0 auto;
  position: absolute;
  overflow: hidden;
  top: 100em;
  height: inherit;
  -webkit-transition: opacity 0.2s ease-in 0.2s;
  -moz-transition: opacity 0.2s ease-in 0.2s;
  transition: opacity 0.2s ease-in 0.2s;
  opacity: 0;
  z-index: 0;
  width: 100%; }
  @media screen and (min-width: 24.375em) {
    .year-swiper-container {
      width: 24.375em; } }
  @media screen and (min-width: 55em) {
    .year-swiper-container {
      width: 48.75em; } }
  @media screen and (min-width: 80em) {
    .year-swiper-container {
      max-width: none;
      width: 100%; } }
  .year-swiper-container.active {
    position: relative;
    top: 0;
    opacity: 1;
    z-index: 100;
    -webkit-transition: top 0.2s linear, opacity 0.2s ease-in 0.2s;
    -moz-transition: top 0.2s linear, opacity 0.2s ease-in 0.2s;
    transition: top 0.2s linear, opacity 0.2s ease-in 0.2s; }
    .year-swiper-container.active:hover {
      cursor: grab; }
    .year-swiper-container.active:active {
      cursor: grabbing; }
  .year-swiper-container .year-swiper-wrapper {
    float: left; }
  .year-swiper-container .slide {
    width: 100%;
    float: left; }

.galleries {
  position: relative;
  height: 25em; }
  @media screen and (min-width: 55em) {
    .galleries {
      max-width: 73.125em;
      margin-left: auto;
      margin-right: auto;
      height: 37em; }
      .galleries::after {
        clear: both;
        content: "";
        display: table; } }

.dog-photo-grid {
  position: relative;
  float: left;
  display: block;
  max-width: 100vw; }
  .dog-photo-grid .grid-item {
    max-width: 50vw;
    float: left;
    display: block;
    position: relative; }
    @media screen and (min-width: 24.375em) {
      .dog-photo-grid .grid-item {
        width: 12.1875em; } }
    .dog-photo-grid .grid-item.video .lightbox:before {
      content: '';
      display: block;
      position: absolute;
      width: 4em;
      height: 4em;
      background-color: #ff5f2d;
      opacity: .9;
      left: 50%;
      top: 50%;
      margin-left: -2em;
      margin-top: -2em;
      z-index: 1; }
    .dog-photo-grid .grid-item.video .lightbox:after {
      content: '';
      display: block;
      height: 0;
      width: 0;
      border-top: .9em solid transparent;
      border-bottom: .9em solid transparent;
      position: absolute;
      border-left: 1em solid #fff;
      top: 50%;
      left: 50%;
      margin-left: -.5em;
      margin-top: -.9em;
      z-index: 2; }
  .dog-photo-grid .shadow-photo {
    height: 0;
    padding-bottom: 100%;
    position: relative; }
    @media screen and (min-width: 24.375em) {
      .dog-photo-grid .shadow-photo {
        height: 0;
        padding-bottom: 100%;
        position: relative; } }
  .dog-photo-grid .empty {
    height: 12.1875em;
    text-align: center; }
    .dog-photo-grid .empty a {
      display: block;
      height: 100%;
      text-decoration: none;
      font: 0.9375em "Montserrat", sans-serif;
      text-transform: uppercase;
      padding: 1.73333em; }
      .dog-photo-grid .empty a small {
        display: block;
        font: 0.875em "Crimson Text", serif;
        font-style: italic;
        text-transform: lowercase; }
  .dog-photo-grid .teal {
    background: #01d4b4; }
    .dog-photo-grid .teal .icon-add-dog {
      font-size: 2em;
      padding-top: 1em;
      padding-bottom: .5em; }
    .dog-photo-grid .teal a {
      color: #f8f1ec;
      cursor: pointer; }

.dog-block-group article {
  margin-top: 9em; }
  @media screen and (min-width: 48em) {
    .dog-block-group article {
      margin-top: 64px; } }
.dog-block-group h1, .dog-block-group .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .dog-block-group h2, .dog-block-group h2 {
  color: #bf692c;
  padding-bottom: 1em; }

.new_my_dog {
  float: none;
  width: 100%;
  margin: 0;
  float: none;
  width: 100%;
  margin: 0; }
  .new_my_dog .new_my_dog h1, .new_my_dog .new_my_dog .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .new_my_dog .new_my_dog h2 {
    padding-bottom: 1.5625rem; }
  .new_my_dog input, .new_my_dog textarea {
    position: relative;
    z-index: 10;
    width: 100%;
    color: #ff5f2d;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 1.875rem; }
    .new_my_dog input::-webkit-input-placeholder, .new_my_dog textarea::-webkit-input-placeholder {
      color: #ff5f2d; }
    .new_my_dog input::-moz-placeholder, .new_my_dog textarea::-moz-placeholder {
      color: #ff5f2d; }
    .new_my_dog input:-moz-placeholder, .new_my_dog textarea:-moz-placeholder {
      color: #ff5f2d; }
    .new_my_dog input:-ms-input-placeholder, .new_my_dog textarea:-ms-input-placeholder {
      color: #ff5f2d; }
  .new_my_dog textarea {
    height: 20em;
    font-size: .75em;
    padding: 1.25em 1em 0;
    font-weight: 700;
    letter-spacing: .1em; }
    @media screen and (min-width: 48em) {
      .new_my_dog textarea {
        height: 15em; } }
  .new_my_dog input[type="text"] {
    color: #ff5f2d;
    font-family: "Montserrat", sans-serif;
    letter-spacing: .1em;
    font-size: 1.2em; }
    .new_my_dog input[type="text"].normal {
      font-size: .875em;
      padding: 1.125em; }
    .new_my_dog input[type="text"].border {
      border: 1px solid #e3e3e3; }
    @media screen and (min-width: 48em) {
      .new_my_dog input[type="text"] {
        font-size: 1.9375em; } }
  .new_my_dog input[type="submit"] {
    display: none; }

.cancel {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  text-align: center;
  width: 10em;
  margin: 0 auto;
  margin-top: 1.875em;
  margin-bottom: 7.5em; }

p.dog-description {
  color: black; }

p.dog-description-edit {
  color: #666;
  font-style: italic;
  cursor: pointer; }

textarea[name="dog_desc"] {
  width: 100%; }

.btn.edit-submit {
  display: none; }

.new_my_dog .btn.edit-submit {
  display: block; }

.new_my_dog h1 input, .new_my_dog .you-vs-breed .vs-select .breed h2 input, .you-vs-breed .vs-select .breed .new_my_dog h2 input {
  font-size: 0.8em;
  padding: 10px;
  margin-top: 35px; }

.myakc-unlink-dog-button {
  font-size: .8em;
  text-decoration: none; }

#compareform, #comparereturn {
  display: none; }

.to-compare {
  margin-top: 3em; }
  .to-compare article {
    padding-top: 1em; }
  .to-compare .callout {
    display: block;
    width: 100%; }
    .to-compare .callout::after {
      clear: both;
      content: "";
      display: table; }
    @media screen and (min-width: 41em) {
      .to-compare .callout {
        margin: 0 auto;
        margin-bottom: 2em;
        width: 40em; } }
    .to-compare .callout img {
      width: 6em;
      margin: 0 auto;
      display: block; }
      @media screen and (min-width: 44em) {
        .to-compare .callout img {
          float: left; } }
    .to-compare .callout small {
      margin-top: .5em; }
    .to-compare .callout h1, .to-compare .callout .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .to-compare .callout h2 {
      width: 100%;
      color: #3d2d56;
      text-align: center;
      margin-top: 1em;
      margin-bottom: 2em; }
      @media screen and (min-width: 44em) {
        .to-compare .callout h1, .to-compare .callout .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .to-compare .callout h2 {
          text-align: left;
          width: auto;
          margin-left: 4.5em;
          margin-bottom: 0;
          font-size: 1.5625rem; } }
  .to-compare .compare.btn {
    width: 13em;
    position: relative;
    display: block;
    float: left;
    left: 50%;
    margin-top: 4em;
    margin-left: -6.5em;
    margin-bottom: 4.375rem; }
    .to-compare .compare.btn .icon-compare {
      padding-left: 1rem;
      line-height: 1.5em;
      vertical-align: -.25em;
      display: inline;
      margin-right: .5em;
      font-size: 1.5em; }
    .to-compare .compare.btn.hidden {
      display: none; }
  .to-compare .match {
    overflow: visible; }
  .to-compare .comparison {
    margin-top: 3em;
    margin: 0 auto;
    width: 100%;
    height: 100vw;
    overflow: hidden; }
    @media screen and (min-width: 35em) {
      .to-compare .comparison {
        height: 21.5em; } }
    @media screen and (min-width: 57em) {
      .to-compare .comparison {
        margin: 0; } }
    .to-compare .comparison .comparison-list {
      height: 14.625em;
      display: block; }
      @media screen and (min-width: 57em) {
        .to-compare .comparison .comparison-list {
          float: left;
          position: relative;
          display: block;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          transform: translateX(-50%); } }
      .to-compare .comparison .comparison-list .interaction {
        display: none; }
    .to-compare .comparison .slide {
      width: 14.625em;
      height: 14.625em;
      float: left;
      position: relative;
      display: inline-block; }
      @media screen and (min-width: 57em) {
        .to-compare .comparison .slide {
          width: 14em;
          height: 14em;
          margin-right: .5em; } }
      .to-compare .comparison .slide:before {
        content: '';
        position: absolute;
        right: -.75em;
        top: 50%;
        margin-top: -5vw;
        display: none;
        width: 2.5em;
        height: 2.5em;
        z-index: 10;
        background: url("/assets/icons/compare-circle.svg") no-repeat center center;
        background-size: cover; }
        @media screen and (min-width: 35em) {
          .to-compare .comparison .slide:before {
            display: block; } }
        @media screen and (min-width: 51em) {
          .to-compare .comparison .slide:before {
            right: -1.5em;
            margin-top: -1.25em; } }
      .to-compare .comparison .slide:last-child:before {
        display: none; }
    .to-compare .comparison .match {
      position: relative;
      width: 100%;
      height: 90vw; }
      @media screen and (min-width: 35em) {
        .to-compare .comparison .match {
          width: 30vw;
          height: 30vw; } }
      @media screen and (min-width: 57em) {
        .to-compare .comparison .match {
          width: 14.625em;
          height: 14.625em;
          margin-bottom: 0; } }
      @media screen and (min-width: 73.25em) {
        .to-compare .comparison .match {
          float: left;
          width: 14em;
          height: 14em; } }
      .to-compare .comparison .match .remove {
        font-family: "Montserrat", sans-serif;
        font-size: 1.25em;
        float: left;
        width: 100%;
        text-align: center;
        text-decoration: none;
        position: absolute;
        bottom: -30px; }
    .to-compare .comparison .slide.empty:last-child .match {
      background: url("/assets/icons/lab.svg") no-repeat center;
      background-size: 35%; }
    .to-compare .comparison .empty .match {
      position: relative;
      border: 3px solid #e3e3e3; }
      .to-compare .comparison .empty .match:after {
        box-shadow: none; }
      .to-compare .comparison .empty .match:last-child {
        background: url("/assets/icons/scottish-terrier.svg") no-repeat center;
        background-size: 35%; }

.all-breeds {
  margin-top: 2em;
  margin-bottom: 2em; }
  .all-breeds h1, .all-breeds .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .all-breeds h2 {
    text-align: center;
    color: #bf692c;
    margin-bottom: 1em;
    margin-top: 1em; }
  .all-breeds .hacky-select {
    padding: 0 .5em;
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 100%; }
    .all-breeds .hacky-select:last-child {
      margin-right: 0; }
    @media screen and (min-width: 48em) {
      .all-breeds .hacky-select {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 48.71795%; }
        .all-breeds .hacky-select:last-child {
          margin-right: 0; } }
    .all-breeds .hacky-select select {
      width: 100%;
      padding: 1em 0; }
    .all-breeds .hacky-select .icon-down-arrow-bo {
      right: 1em;
      top: 50%;
      margin-top: -.5em;
      font-size: .75em; }

.my-favorites article, .my-dogs article {
  display: table;
  margin-bottom: 4em; }
.my-favorites h1, .my-favorites .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .my-favorites h2, .my-dogs h1, .my-dogs .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .my-dogs h2 {
  margin-top: 1em;
  margin-bottom: 1em;
  text-align: center;
  color: #bf692c; }
.my-favorites .match, .my-dogs .match {
  display: table-cell;
  text-align: center;
  overflow: hidden; }

.compare-matches h1, .compare-matches .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .compare-matches h2, .my-dogs h1, .my-dogs .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .my-dogs h2, .my-favorites h1, .my-favorites .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .my-favorites h2 {
  color: #bf692c;
  text-align: center;
  margin-bottom: 1em;
  margin-top: 7.5rem; }
.compare-matches .match .interaction, .my-dogs .match .interaction, .my-favorites .match .interaction {
  background-color: rgba(61, 45, 86, 0.9);
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  float: left;
  height: 100%;
  width: 100%;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: opacity 0.2s ease-in;
  -moz-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in; }
  .compare-matches .match .interaction a, .my-dogs .match .interaction a, .my-favorites .match .interaction a {
    color: #fff;
    text-decoration: none;
    text-align: center;
    display: block;
    font-size: 2em;
    width: 100%;
    height: 100%;
    float: left; }
  .compare-matches .match .interaction .icon-check, .my-dogs .match .interaction .icon-check, .my-favorites .match .interaction .icon-check {
    height: 100%;
    position: relative;
    top: 20%;
    font-size: .8em;
    line-height: 3.25rem; }
    @media screen and (min-width: 36em) {
      .compare-matches .match .interaction .icon-check, .my-dogs .match .interaction .icon-check, .my-favorites .match .interaction .icon-check {
        line-height: 10.5rem;
        font-size: 1.2rem;
        top: 50%;
        margin-top: -5.5em; } }
    .compare-matches .match .interaction .icon-check:after, .my-dogs .match .interaction .icon-check:after, .my-favorites .match .interaction .icon-check:after {
      content: '';
      position: absolute;
      height: 2.3em;
      width: 2.3em;
      border: 2px solid #fff;
      left: 50%;
      top: 0;
      margin-top: 0;
      margin-left: -1.1em;
      border-radius: 99em; }
      @media screen and (min-width: 36em) {
        .compare-matches .match .interaction .icon-check:after, .my-dogs .match .interaction .icon-check:after, .my-favorites .match .interaction .icon-check:after {
          top: 50%;
          margin-top: -2.9em;
          margin-left: -1.2em; } }
  .compare-matches .match .interaction.hover, .my-dogs .match .interaction.hover, .my-favorites .match .interaction.hover {
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    opacity: 1; }
  .compare-matches .match .interaction .hover, .my-dogs .match .interaction .hover, .my-favorites .match .interaction .hover {
    font-size: 1.125rem;
    padding-top: 35%;
    text-transform: uppercase;
    vertical-align: middle;
    color: #ff5f2d;
    font-family: "Montserrat", sans-serif; }
  .compare-matches .match .interaction.clicked, .my-dogs .match .interaction.clicked, .my-favorites .match .interaction.clicked {
    opacity: 1; }
    .compare-matches .match .interaction.clicked .hover, .my-dogs .match .interaction.clicked .hover, .my-favorites .match .interaction.clicked .hover {
      display: none; }
    .compare-matches .match .interaction.clicked .icon-check, .my-dogs .match .interaction.clicked .icon-check, .my-favorites .match .interaction.clicked .icon-check {
      -webkit-animation: select-dog 0.3s ease-in;
      -moz-animation: select-dog 0.3s ease-in;
      animation: select-dog 0.3s ease-in; }
    .compare-matches .match .interaction.clicked p, .my-dogs .match .interaction.clicked p, .my-favorites .match .interaction.clicked p {
      float: left;
      position: absolute;
      text-align: center;
      color: #fff;
      width: 100%;
      font-size: 1.125rem;
      font-family: "Montserrat", sans-serif;
      text-transform: uppercase;
      display: none; }
      @media screen and (min-width: 25em) {
        .compare-matches .match .interaction.clicked p, .my-dogs .match .interaction.clicked p, .my-favorites .match .interaction.clicked p {
          display: block;
          bottom: 3rem; } }

.my-favorites .akc-swiper-container, .my-dogs .akc-swiper-container {
  width: 92vw; }
  @media screen and (min-width: 28.75em) {
    .my-favorites .akc-swiper-container, .my-dogs .akc-swiper-container {
      width: auto; } }

main.compare section.mast-cont {
  height: 100px; }
  main.compare section.mast-cont section.photo-masthead {
    height: 100px;
    padding-bottom: initial;
    position: initial;
    overflow: initial; }

.error404 {
  max-width: 73.125em;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
  margin-bottom: 2em; }
  .error404::after {
    clear: both;
    content: "";
    display: table; }
  .error404 article {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 82.90598%;
    margin-left: 8.54701%; }
    .error404 article:last-child {
      margin-right: 0; }
  .error404 h1, .error404 .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .error404 h2 {
    color: #01d4b4;
    text-align: center;
    font-size: 4em;
    padding-bottom: 1rem; }
    .error404 h1 small, .error404 .you-vs-breed .vs-select .breed h2 small, .you-vs-breed .vs-select .breed .error404 h2 small {
      margin-bottom: -12px; }
  .error404 .btn {
    width: 100%;
    text-align: center;
    margin-bottom: 1em; }
    @media screen and (min-width: 48em) {
      .error404 .btn {
        margin-bottom: 0;
        width: auto;
        margin-right: 2em; } }
  .error404 p {
    color: #3d2d56;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 2rem;
    font-family: "Montserrat", sans-serif;
    font-size: .75rem;
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 100%; }
    .error404 p:last-child {
      margin-right: 0; }
    @media screen and (min-width: 48em) {
      .error404 p {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 65.81197%;
        margin-left: 17.09402%; }
        .error404 p:last-child {
          margin-right: 0; } }

.giphy {
  background-color: #f8f1ec;
  position: relative; }
  .giphy article {
    max-width: 73.125em;
    margin-left: auto;
    margin-right: auto; }
    .giphy article::after {
      clear: both;
      content: "";
      display: table; }
  .giphy .gif-holder {
    position: relative;
    margin: 0 auto; }
    .giphy .gif-holder img {
      display: block;
      width: 100%;
      max-height: 40em; }
  .giphy .giphy-logo {
    position: absolute;
    right: 1em;
    bottom: 1em;
    width: 3em; }
  .giphy .microsites-404 {
    clear: both;
    display: block;
    padding: 10px 0;
    text-align: center; }
    .giphy .microsites-404 li {
      display: inline;
      border-left: 1px solid #3d2d56;
      padding: 0 15px; }
      .giphy .microsites-404 li a {
        color: #3d2d56;
        display: inline-block;
        font-family: "Montserrat",sans-serif;
        font-weight: normal;
        letter-spacing: 0.1em;
        position: relative;
        text-decoration: none;
        text-transform: uppercase;
        font-weight: bold; }
    .giphy .microsites-404 li.first {
      border-left: none; }
  @media (max-width: 48em) {
    .giphy .microsites-404 {
      padding: 60px 0 20px; } }

.alphabetical-nav {
  display: block;
  margin-bottom: 1em; }
  .alphabetical-nav li {
    display: inline-block;
    padding: 0 0.02em; }
  .alphabetical-nav .active {
    text-decoration: none;
    color: #2b2337; }

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

.search-also-try {
  border: 1px solid #F8F1EC;
  padding: .5em;
  margin-bottom: 20px; }

.search-result::after {
  clear: both;
  content: "";
  display: table; }

.search-result-title {
  font-size: 1em; }
  .search-result-title a {
    text-decoration: none;
    color: #3d2d56; }

.search-result-more a {
  text-decoration: none; }

.search-result-img {
  width: 270px;
  height: 146px;
  margin: 20px auto; }
  @media screen and (min-width: 48em) {
    .search-result-img {
      margin: 0 30px 20px 0;
      float: left; } }

.search-result-img[style~="url('')"] {
  display: none; }
  @media screen and (min-width: 48em) {
    .search-result-img[style~="url('')"] {
      display: block; } }

.search-results-none {
  margin: 6em 0 14em 0;
  text-align: center; }

.search-results-none-head {
  font-weight: normal;
  margin: 0.4375em 0; }

.search-results-none-icon {
  font-size: 2.25em;
  color: #ff9c00; }

.search-results-none-subhead {
  font-size: 1.0625em;
  color: #3d2d56;
  margin: 0.4375em 0; }

.search-pagination {
  position: relative;
  height: 7.25em;
  max-width: 100%;
  border-top: 1px solid #E3E3E3; }
  .search-pagination li {
    position: absolute;
    top: -1px;
    width: 3.4375em;
    height: 6.25em;
    background: #ff5f2d;
    z-index: 99; }
    .search-pagination li a {
      color: #fff;
      height: 100%;
      width: 100%;
      text-align: center;
      display: block;
      text-decoration: none; }
      .search-pagination li a:before {
        line-height: 6.25em; }
    .search-pagination li:hover {
      background: #f93b00; }
    .search-pagination li.arrow.search-pagination-prev {
      left: 0; }
      .search-pagination li.arrow.search-pagination-prev a {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg); }
    .search-pagination li.arrow {
      z-index: 100; }
    .search-pagination li.arrow.search-pagination-next {
      right: 0; }
      .search-pagination li.arrow.search-pagination-next a {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        position: relative;
        left: -1.4em;
        top: 1.4em;
        width: 6.25em;
        height: 3.4375em; }
        .search-pagination li.arrow.search-pagination-next a:before {
          line-height: 3.125em; }

.search-pagination-pages {
  text-align: center;
  font-family: "Crimson Text", serif;
  font-style: italic;
  color: #bf692c;
  padding-top: 2.625em; }

h2.search-result-title {
  text-transform: initial; }

article.search-result strong {
  border-bottom: 1px dotted; }

.search-result-more a {
  border-bottom: 1px dotted; }

.search-result-more a:hover {
  border-bottom: 1px solid; }

.search-pagination-link {
  padding: 0.25em; }

.search-pagination-links {
  text-align: center; }

.search-result {
  line-height: 1.3;
  display: block;
  clear: both;
  margin-bottom: 1em; }

.search-result .result-container {
  display: block;
  min-height: 146px; }

.search-result-thumb {
  float: left;
  width: 270px;
  height: 146px;
  overflow: hidden;
  margin-right: 1em; }

.search-result-thumb img {
  display: none; }

@media only screen and (max-width: 669px) {
  .search-result-thumb {
    display: none;
    width: 0px;
    height: 0px;
    margin-right: 0;
    float: none; }

  .ie9 .search-result-thumb {
    max-width: 270px;
    float: left;
    margin-right: 1em; } }
a.search-thumb {
  display: block;
  width: 270px;
  height: 146px; }

body.disable-scrolling {
  overflow: hidden; }

main.main-page {
  position: relative;
  z-index: 2;
  background: #fff;
  height: 100%;
  border-bottom: 0.2em solid #01d4b4; }
@media screen and (min-width: 48em) {
  main.fixed-footer {
    margin-bottom: 540px; } }
@media screen and (min-width: 48em) {
  main.fixed-header {
    padding-top: 86px; } }

.clearfix::after {
  clear: both;
  content: "";
  display: table; }

svg {
  max-width: 100%; }
