@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.
 */
@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=fd56bb80-58f8-4336-a7b7-1d5e93c8ba5c");
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"] {
  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;
  font-family: "Montserrat";
  font-size: 1em;
  line-height: 1.5; }

h1, .you-vs-breed .vs-select .breed h2,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat";
  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; }

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: $form-font-family;
  font-size: $form-font-size;
}
*/
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: "Montserrat";
  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; }

/*
html {font-size: 1.125em;}

body {
	background-color: white;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	line-height: 1.45;
	color: ;
}

p {margin-bottom: 1.3em;}

h1, h2, h3, h4 {
	margin: 1.414em 0 0.5em;
	font-family: Montserrat;
	font-weight: inherit;
	line-height: 1.2;
}

h1 {
	margin-top: 0;
	font-size: 2.074em;
}

h2 {font-size: 1.728em;}

h3 {font-size: 1.44em;}

h4 {font-size: 1.2em;}

small, .font_small {font-size: 0.833em;}
*/
.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; }

.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"; }

.learn-page span.icon-search {
  position: relative;
  top: -12px; }

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: #333333; }
  @media screen and (min-width: 64em) {
    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-size: 18px; } }
  @media screen and (max-width: 767px) {
    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-size: 16px; } }

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; }

p {
  font-size: 1rem; }

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, .generic-slideshow 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, .generic-slideshow article .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .generic-slideshow 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, .generic-slideshow 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, .generic-slideshow article h3, .dog-block-group h3 {
  text-align: center; }

h1, .you-vs-breed .vs-select .breed h2, h2, .not-learn-page .page-title {
  font: 2.1em "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: 2.1rem; } }
  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.7rem "Montserrat", sans-serif;
  letter-spacing: .1em; }
  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 1.44rem "Montserrat", sans-serif;
  letter-spacing: .1rem;
  position: relative;
  margin: 0 auto;
  color: #ff9c00; }
  h3 small {
    display: block;
    font: italic normal 0.833rem "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: 1.2rem "Montserrat", sans-serif;
  font-weight: bold; }

h5 {
  font: 1.1rem "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: 65em;
    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; }

.squished {
  letter-spacing: 0px; }

li.child {
  padding-left: 1em; }

li.grandchild {
  padding-left: 2em; }

body.learn-page main .article-body ol,
body.learn-page .main-page .article-body ol {
  font-size: 1em; }

/**
Options for styling .sponsored:
.photo-overlay: on the photos of a list page
.copy: before the title of the tiles on a list page
.display: before the title on a full-display (detail) page
.sponsored(.gallery||.video||.article||.blog)(.list||.display||.home): which kinds of item we're prepending, so:
    .sponsored.article.list styles a Sponsored Article in a list
    .sponsored.video.display styles a Sponsored Video on a display (detail) page
    .sponsored.blog.home styles a Sponsored blog on the Home Page
*/
.photo-overlay .sponsored, .featured-story.slide .sponsored.list.pic {
  color: #fff;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-size: .75rem;
  margin-bottom: .75rem;
  display: inline-block;
  background-color: #000;
  padding: 2px 8px;
  position: absolute;
  top: 0px;
  z-index: 9999; }

.copy .sponsored, .media-title .sponsored {
  display: none; }

.sponsored.display {
  color: #666;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-size: .75rem;
  margin-bottom: .5rem;
  display: inline;
  text-transform: capitalize; }

.sponsored.blog.home {
  font-family: "Lato", sans-serif;
  font-style: normal;
  position: absolute;
  top: -35px;
  left: -27px;
  background-color: #000;
  color: #fff;
  padding: 3px 8px; }

.color-mast article, .image-mast article, .breadcrumbs > article, body.not-learn-page .akc-top-nav .akc-top-nav-inner, 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, .generic-slideshow 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: 65em;
  margin-left: auto;
  margin-right: auto; }
  .color-mast article::after, .image-mast article::after, .breadcrumbs > article::after, body.not-learn-page .akc-top-nav .akc-top-nav-inner::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, .generic-slideshow 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: 65em) {
    .color-mast article, .image-mast article, .breadcrumbs > article, body.not-learn-page .akc-top-nav .akc-top-nav-inner, 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, .generic-slideshow 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/2 "Montserrat", sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .1em;
  padding: 1.6em 1.25em;
  -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;
    display: inline-block; }
    .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: #fcf8f5;
  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: #fcf8f5;
    -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: #333333; }

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: #fcf8f5;
  color: #333333;
  padding-left: 4.5em;
  padding-right: 1.38889em; }
  .icon-font-left span {
    position: absolute;
    background: #ff5f2d;
    max-width: 3.61111em;
    padding: 1.33333em;
    top: 0;
    left: 0;
    color: #fff;
    height: 100%; }
  .icon-font-left:after {
    content: '';
    height: 1em;
    width: 1em;
    position: absolute;
    top: 50%;
    left: 3.33333em;
    margin-top: -.5em;
    background-color: #fcf8f5;
    -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: #fcf8f5;
  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: #fcf8f5;
    -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: #fcf8f5;
  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: #333333;
      padding: 0 1em; }
    .flyout.embed textarea {
      width: 90%;
      height: 6em;
      margin: 5% 5%; }
    .flyout.embed .keyboard {
      border: 1px solid #333333;
      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: #fcf8f5;
    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: 65em;
  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: 12.625em;
        height: 12.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: #fcf8f5;
  padding-top: 0.61111em;
  padding-bottom: 0.61111em; }
  @media screen and (min-width: 48em) {
    .wide-short-photo-row {
      padding: 0.61111em; } }
  .wide-short-photo-row .wide-short-photo-holder {
    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: 3em; }

.pagination {
  width: 100%;
  text-align: center;
  float: left;
  display: block;
  margin-top: .9375em; }
  .pagination .dots {
    display: inline-block; }
  .pagination .dot {
    background: #333333;
    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: 65em;
  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.27778em;
    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.72222em;
        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: #333333; }
    .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: #333333;
      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: #333333;
      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: #fcf8f5;
    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 h5 {
    font-family: "Crimson Text", serif;
    font-style: italic;
    letter-spacing: .18em;
    -webkit-margin-before: 0;
    -webkit-margin-after: 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;
    -webkit-margin-before: 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: 1em; }
    .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: 55vh; } }
  @media screen and (min-width: 93.75em) {
    .image-mast {
      height: 65vh; } }
  .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.22222em; }
    .image-mast .bottom-lock .btn.redorange {
      display: inline-block; }

#content .breadcrumbs {
  margin-top: 30px; }
  #content .breadcrumbs a {
    text-decoration: none;
    color: #979891; }

.breadcrumbs {
  margin-top: 0;
  display: none;
  transform: translateY(-1.1em);
  max-width: 65em;
  margin-left: auto;
  margin-right: auto; }
  .breadcrumbs a {
    text-decoration: none;
    color: #979891; }
  .breadcrumbs::after {
    clear: both;
    content: "";
    display: table; }
  .breadcrumbs.mast {
    bottom: 0;
    max-width: 65em;
    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%; } }
  .breadcrumbs ul {
    float: left;
    margin: 0;
    position: relative;
    left: 0;
    width: 100%;
    float: left;
    padding: .625em 1em;
    background-color: #fcf8f5; }
  .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; }

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: #333333;
  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: 5003;
  border-bottom: 0.0625em solid #e3e3e3;
  height: 3.410em; }
  @media screen and (min-width: 48em) {
    body.not-learn-page .nav-container {
      height: 5.375em; } }
  @media screen and (min-width: 64em) {
    body.not-learn-page .nav-container.top-ad {
      height: 11.6em; } }
  @media screen and (max-width: 767px) {
    body.not-learn-page .nav-container {
      position: fixed;
      top: 0;
      transition: top 0.7s ease-in-out !important; } }
  body.not-learn-page .nav-container.fixed-header {
    position: fixed;
    top: 0;
    left: 0; }
  body.not-learn-page .nav-container.nav-up {
    top: -92px; }
@media screen and (max-width: 767px) {
  body.not-learn-page .main-page {
    padding-top: 55px; } }
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 .akc-top-nav {
  background-color: #e3e3e3; }
  @media screen and (max-width: 767px) {
    body.not-learn-page .akc-top-nav {
      display: none; } }
  @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
    body.not-learn-page .akc-top-nav {
      display: none; } }
  @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
    body.not-learn-page .akc-top-nav {
      display: none; } }
  body.not-learn-page .akc-top-nav .akc-top-nav-inner {
    padding: 2px 0px;
    text-align: right; }
    @media screen and (min-width: 64em) {
      body.not-learn-page .akc-top-nav .akc-top-nav-inner {
        position: relative;
        padding: 2px 1.125em; } }
    body.not-learn-page .akc-top-nav .akc-top-nav-inner a {
      color: #3d2d56;
      font-size: 11px;
      border-right: 1px solid #3d2d56;
      padding: 0px 8px;
      margin-left: 3px;
      text-decoration: none;
      cursor: pointer; }
      body.not-learn-page .akc-top-nav .akc-top-nav-inner a:hover, body.not-learn-page .akc-top-nav .akc-top-nav-inner a.open {
        color: #ff5f2d; }
      body.not-learn-page .akc-top-nav .akc-top-nav-inner a:last-child {
        border: none; }
  body.not-learn-page .akc-top-nav #search_link {
    border: none; }
  body.not-learn-page .akc-top-nav .nav-search {
    display: none;
    position: absolute;
    right: 1em;
    top: 3em; }
    @media screen and (min-width: 48em) {
      body.not-learn-page .akc-top-nav .nav-search {
        display: block;
        right: .6em;
        top: 3.2em; } }
    @media screen and (min-width: 64em) {
      body.not-learn-page .akc-top-nav .nav-search {
        display: block;
        right: .6em;
        top: 3em; } }
  body.not-learn-page .akc-top-nav .open .nav-search-anchor:after {
    display: block; }
  body.not-learn-page .akc-top-nav .open .nav-search-anchor span {
    color: #ff5f2d; }
  body.not-learn-page .akc-top-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;
    margin-left: 5em;
    margin-right: 0;
    vertical-align: bottom;
    color: #333333;
    border: none;
    outline: 0; }
    @media screen and (min-width: 48em) {
      body.not-learn-page .akc-top-nav .nav-search-input {
        min-width: 74%; } }
    @media screen and (min-width: 64em) {
      body.not-learn-page .akc-top-nav .nav-search-input {
        min-width: 78%; } }
    body.not-learn-page .akc-top-nav .nav-search-input::-webkit-input-placeholder {
      color: #333333;
      font: italic 1.125rem "Crimson Text", serif;
      line-height: 1.5rem;
      letter-spacing: .18rem; }
    body.not-learn-page .akc-top-nav .nav-search-input::-moz-placeholder {
      color: #333333;
      font: italic 1.125rem "Crimson Text", serif;
      line-height: 1.5rem;
      letter-spacing: .18rem; }
    body.not-learn-page .akc-top-nav .nav-search-input:-moz-placeholder {
      color: #333333;
      font: italic 1.125rem "Crimson Text", serif;
      line-height: 1.5rem;
      letter-spacing: .18rem; }
    body.not-learn-page .akc-top-nav .nav-search-input:-ms-input-placeholder {
      color: #333333;
      font: italic 1.125rem "Crimson Text", serif;
      line-height: 1.5rem;
      letter-spacing: .18rem; }
    body.not-learn-page .akc-top-nav .nav-search-input:active, body.not-learn-page .akc-top-nav .nav-search-input:focus {
      border: none;
      -webkit-appearance: none;
      box-shadow: none; }
  body.not-learn-page .akc-top-nav .nav-searchbar.open {
    opacity: 1;
    z-index: 10000;
    -webkit-transition: opacity 0.1s linear;
    -moz-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear; }
    @media screen and (min-width: 48em) {
      body.not-learn-page .akc-top-nav .nav-searchbar.open {
        top: 32%; } }
    @media screen and (min-width: 64em) {
      body.not-learn-page .akc-top-nav .nav-searchbar.open {
        top: 100%; } }
    body.not-learn-page .akc-top-nav .nav-searchbar.open .search-submit {
      background: transparent;
      color: #333333;
      float: left;
      font-size: 1.2em;
      padding-right: 0;
      margin-top: .6rem;
      padding-left: 0.1em; }
    body.not-learn-page .akc-top-nav .nav-searchbar.open .search-small {
      max-width: 65em;
      margin-left: auto;
      margin-right: auto; }
      body.not-learn-page .akc-top-nav .nav-searchbar.open .search-small::after {
        clear: both;
        content: "";
        display: table; }
    body.not-learn-page .akc-top-nav .nav-searchbar.open .close-nav {
      font-size: .9em;
      color: #333333;
      text-decoration: none;
      float: left;
      margin-left: 0.7em;
      margin-top: 1.78em; }
  body.not-learn-page .akc-top-nav .nav-searchbar {
    opacity: 0;
    float: left;
    left: 0;
    top: -10em;
    width: 100%;
    height: 4em;
    position: absolute;
    z-index: 1;
    background: #fcf8f5;
    display: none; }
    @media screen and (min-width: 48em) {
      body.not-learn-page .akc-top-nav .nav-searchbar {
        display: block; } }
  body.not-learn-page .akc-top-nav #avatar-wrapper {
    position: relative; }
  body.not-learn-page .akc-top-nav #avatar-container {
    position: absolute;
    height: 20px;
    width: 20px;
    top: -4px;
    left: -30px; }
  body.not-learn-page .akc-top-nav #avatar-container img {
    border-radius: 25px;
    height: 100%;
    width: 100%; }
body.not-learn-page .open .akc-top-nav .secondary-nav {
  top: 30px;
  z-index: 10000; }
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; } }
  @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
    body.not-learn-page .main-nav .just-mobile {
      display: block; } }
  body.not-learn-page .main-nav .logo {
    position: absolute;
    z-index: 9999;
    font-size: 4.72222em;
    max-width: 1em;
    text-align: center;
    background: #fff;
    border-radius: 100%;
    overflow: hidden;
    text-decoration: none;
    left: 50%;
    top: 15px;
    -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: 30px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        left: 0; } }
    @media screen and (min-width: 64em) {
      body.not-learn-page .main-nav .logo {
        top: 15px; } }
    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: #333333; }
    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.66667rem;
    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.11111rem;
      float: left; }
    body.not-learn-page .main-nav .hamburger .patty {
      width: 100%;
      height: 0.16667rem;
      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: #ffffff;
    float: left;
    z-index: 2000;
    width: 100%;
    padding-left: 10em;
    height: 3.375em; }
    @media screen and (min-width: 48em) {
      body.not-learn-page .main-nav .top-level-nav {
        padding-top: 1.8em; } }
    @media screen and (min-width: 64em) {
      body.not-learn-page .main-nav .top-level-nav {
        padding-top: 0.8em; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
      body.not-learn-page .main-nav .top-level-nav {
        padding-left: 6em; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
      body.not-learn-page .main-nav .top-level-nav {
        padding-left: 6em; } }
    body.not-learn-page .main-nav .top-level-nav .here a {
      color: #ff5f2d; }
    body.not-learn-page .main-nav .top-level-nav > li {
      position: relative;
      top: -1px;
      display: none;
      float: left;
      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 {
          display: block; } }
      body.not-learn-page .main-nav .top-level-nav > li a {
        color: #3d2d56; }
      body.not-learn-page .main-nav .top-level-nav > li:hover, body.not-learn-page .main-nav .top-level-nav > li.open {
        background: #fcf8f5; }
        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 {
        border: none;
        position: absolute;
        display: block;
        right: 0px;
        top: 0px;
        color: #333333; }
        @media screen and (max-width: 767px) {
          body.not-learn-page .main-nav .top-level-nav > li.my-akc-nav {
            top: 0px; } }
        @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: 0.2rem; } }
          @media screen and (min-width: 64em) {
            body.not-learn-page .main-nav .top-level-nav > li.my-akc-nav a {
              padding-top: 1rem; } }
        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: 0em;
            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: 0em;
            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: -20px;
          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: 0em .3em; } }
        @media screen and (min-width: 971px) {
          body.not-learn-page .main-nav .top-level-nav > li > a {
            padding: 1em 1.15em 1.1em 1.15em; } }
  body.not-learn-page .main-nav .my-akc-nav-microblog a {
    color: #333333;
    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 .my-akc-nav-microblog a {
        top: 4.5em; } }
  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: 95px; } }
  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;
    text-transform: none; }
@media screen and (min-width: 64em) {
  body.not-learn-page .top-ad .secondary-nav {
    top: 205px !important; }
  body.not-learn-page .top-ad .akc-top-nav .secondary-nav {
    top: 140px !important; } }
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: #fcf8f5;
  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: normal 0.8em "Montserrat", sans-serif;
    text-transform: none;
    padding-bottom: .5em;
    display: inline-block;
    color: #bf692c; }
    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: normal 0.8em "Montserrat", sans-serif;
        margin-bottom: .5em; } }
    body.not-learn-page .secondary-level-nav li.colhead a:hover {
      text-decoration: none; }
  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: #fcf8f5;
        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: #bf692c; }
      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.85rem "Montserrat", sans-serif;
    text-transform: none;
    text-decoration: none;
    padding: .65em 0;
    color: #3d2d56;
    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: #3d2d56;
      text-decoration: underline; }
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: #fcf8f5;
  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 {
    z-index: 5005;
    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;
  margin-bottom: 0px;
  padding-left: 0px; }
  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: #333333;
    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%;
    color: #fff; }
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.11111rem;
      background: #ede6e1;
      border-color: #f8f1ec;
      padding-left: 2.22222rem;
      padding-right: 5.55556rem;
      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.22222rem;
      background-color: #fcf8f5; }
      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; }

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

.instadogs {
  padding: 0; }
  .instadogs article {
    max-width: 65em;
    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-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: 2em 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; } }
    @media screen and (min-width: 64em) {
      .instadogs .instadogs-container {
        margin-top: 2em; } }
  .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: 21.66667em;
        width: 21.66667em; } }
    .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: 10.83333em;
        width: 10.83333em; } }
    .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: 10.83333em;
        width: 10.83333em; } }
    .instadogs .add img {
      width: 2.5em;
      height: 2.5em;
      display: block;
      margin: 0 auto;
      margin-top: 3.5em; }
    .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: 10.83333em;
        width: 10.83333em; } }
    .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: #333333;
  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: 5em;
  position: relative; }
  .radio-item label {
    width: 100%; }
    .radio-item label:before {
      content: '';
      background-color: #fff;
      width: 2.11111em;
      height: 2.11111em;
      margin-left: -1.05556em;
      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.66667em;
  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.11111em;
    padding-bottom: 2.66667em;
    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: #333333 !important; }
  .radio-list .radio-item h3 {
    font-size: 1.11111em;
    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.05556em;
    text-align: center;
    z-index: 0; }
    @media screen and (min-width: 48em) {
      .radio-list .radio-item label .label-label {
        margin-top: 1.66667em; } }
    .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: 0.88889em;
    color: #979891;
    font-weight: normal; }
    @media screen and (min-width: 48em) {
      .radio-list .radio-item label h3 {
        font-size: 1.11111em; }
        .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: #333333; }

.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: 767px) {
      .hacky-select select {
        padding-left: 0.1rem; } }

.body-search-field {
  width: 100%; }
  .body-search-field input {
    border: 1px solid #ccc;
    height: 3.05556em;
    line-height: 3.05556em;
    border-radius: 0;
    outline: none;
    font: 0.88889em "Montserrat", sans-serif;
    padding-left: 1.11111em;
    padding-right: 3.05556em; }
    .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 {
    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 .email a {
    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; }
  .sharebox.fixed img {
    width: auto;
    padding: 18px;
    margin-top: 2px; }

@media screen and (max-width: 768px) {
  .sharebox.fixed {
    display: none; } }
.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: #333333;
    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: #333333;
    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: #333333; }
  .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; }

.compare .chosen-container-active {
  z-index: 1001; }
  .compare .chosen-container-active * {
    z-index: 1001; }

/* @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: 3.88889em;
  overflow: hidden;
  width: 100%; }

.behavior-poll li h3 {
  color: #ff9c00;
  padding: 0.27778em 0;
  margin-bottom: 1.66667em; }
  .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.33333em; }
  @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 1.77778em;
    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: #333333; }
  .behavior-poll .akc-swiper-wrapper > .slide.positive .behavior-icon path {
    fill: #333333; }

.verdict .overall {
  font-size: 3.33333em;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  margin-bottom: 0; }
.verdict .score {
  font-size: 2.22222em;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  color: #333333;
  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.83333em;
    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.66667em; }
  ul.vote li {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 18.80342%;
    line-height: 2.77778em;
    height: 2.77778em; }
    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: #333333; }

.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: #fcf8f5; }
  .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: #333333;
    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: 3.88889em 1.55556em; } }
  .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: 80px;
  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;
  margin: 0; }

.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; }

body.article_group_index .category_image {
  display: none; }

body.article_group_index .category_image:nth-of-type(1) {
  display: block; }

table.akc-table, .entry-contain table, .event-contain table {
  width: 100%;
  table-layout: auto; }
  @media screen and (max-width: 767px) {
    table.akc-table, .entry-contain table, .event-contain table {
      width: 100% !important;
      table-layout: fixed; } }
  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.77778em; }
  @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: #fcf8f5; }
  table.akc-table tr td, .entry-contain table tr td, .event-contain table tr td {
    color: #333333;
    font-size: 0.72222em;
    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.38889em; }

.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: 65em;
    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;
    list-style-type: none; }
    @media screen and (min-width: 48em) {
      .footer-container .footer-column ul, .subfooter .footer-column ul {
        margin: 20px 0px 40px;
        padding-left: 0px; } }
  @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: #3d2d56;
    font-weight: normal;
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-size: .8em;
    border-bottom: solid 1px #e3e3e3;
    padding: .5em; }
    .footer-container li.colhead a:hover, .subfooter li.colhead a:hover {
      color: #3d2d56;
      text-decoration: none; }
    @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: #333333; }
    .footer-container li a:hover, .subfooter li a:hover {
      color: #333333;
      text-decoration: underline; }
  .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: #fcf8f5; }
  @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;
    line-height: 1.2em; }
    @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;
        padding-right: 0px;
        background: 0;
        font-size: .75em; } }
.footer-container .footer-column ul li.links-container.last ul {
  background: 0;
  display: block; }

.subfooter {
  background: #fcf8f5;
  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;
    padding-left: 0px;
    margin-bottom: 0px; }
    .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: 65.81197%; }
        .shorty-container .shorty-list:last-child {
          margin-right: 0; } }
    .shorty-container .shorty-list li {
      color: #979891;
      display: inline-block;
      position: relative;
      padding: 0 .25em 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: #3d2d56; }
    .shorty-container .shorty-list li a {
      text-align: center;
      width: auto;
      display: inline-block;
      text-decoration: none;
      color: #3d2d56;
      font-size: 0.750rem;
      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: #3d2d56;
      font-size: 0.750rem;
      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: #fcf8f5; }
    .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.11111em; }
    .shorty-container .back-up .icon-up-arrow-bo {
      position: relative;
      font-size: .7em;
      width: 20px;
      height: 100%;
      float: right;
      margin-right: 1.11111em; }
      .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; } }

body.not-learn-page.content ul.mobile-nav-list {
  list-style-type: none; }

@media screen and (max-width: 767px) {
  .gumgum-footer {
    display: none; } }
@media screen and (min-width: 64em) {
  .gumgum-footer {
    display: block;
    margin-bottom: 5em; } }

.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: #fcf8f5;
  float: left; }
  @media screen and (min-width: 48em) {
    .ad-space {
      float: none;
      width: auto; } }
  .ad-space .ad {
    width: 100%;
    height: auto;
    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 {
  text-align: center;
  width: 100%;
  margin-top: 4.375em;
  margin-bottom: 7.5em;
  padding: 1.5em;
  background-color: #fcf8f5; }
  .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: 65em;
    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: 40.4em;
    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: #fcf8f5; }
  .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: 65em;
    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: 40.4em;
    display: block; }

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #333333;
  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: #333333;
  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: #333333; }
  .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: #fcf8f5;
  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: #fcf8f5;
    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; }

/* Home Slider */
.main-slides {
  position: relative;
  height: 360px;
  padding: 10px 0 0;
  background: #fff;
  box-sizing: content-box; }
  @media (max-width: 767px) {
    .main-slides {
      height: auto; } }
  @media (min-width: 768px) {
    .main-slides:before {
      content: ' ';
      position: absolute;
      z-index: 9;
      left: 0;
      top: 0;
      width: 50%;
      height: 10px;
      background: #e4f0f1;
      background: linear-gradient(transparent, rgba(0, 0, 0, 0.2)); } }
  @media (min-width: 768px) {
    .main-slides:after {
      content: ' ';
      position: absolute;
      z-index: 9;
      right: 0;
      top: 0;
      width: 50%;
      height: 10px;
      background: #e4f0fb;
      background: linear-gradient(transparent, rgba(0, 0, 0, 0.2)); } }
  .main-slides__slider > div {
    outline: 0 !important; }
  .main-slides__controls {
    display: none; }
    @media (min-width: 768px) {
      .main-slides__controls {
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 45px;
        text-align: center;
        line-height: 45px !important;
        background: rgba(0, 0, 0, 0.5); } }
  .main-slides__prev, .main-slides__next {
    display: none; }
    @media (min-width: 768px) {
      .main-slides__prev, .main-slides__next {
        display: block;
        position: absolute;
        bottom: 0;
        color: #fff;
        font-size: 18px;
        letter-spacing: normal !important;
        line-height: 45px !important;
        transition: color 150ms ease-in 0ms;
        cursor: pointer; }
        .main-slides__prev:hover, .main-slides__prev:focus, .main-slides__next:hover, .main-slides__next:focus {
          color: #d9d9d9; } }
  @media (min-width: 768px) {
    .main-slides__prev {
      left: 45px;
      text-align: left; }
      .main-slides__prev:before {
        content: '« Prev'; } }
  @media (min-width: 768px) {
    .main-slides__next {
      right: 45px;
      text-align: right; }
      .main-slides__next:before {
        content: 'Next »'; } }
  .main-slides__dots {
    display: none; }
    @media (min-width: 768px) {
      .main-slides__dots {
        display: inline-block;
        line-height: 45px !important; }
        .main-slides__dots li {
          display: inline-block; }
        .main-slides__dots button {
          width: 10px;
          height: 10px;
          text-indent: -9999px;
          outline: 0 !important;
          padding: 0;
          margin: 0 4px;
          background: #959595;
          border-radius: 10px;
          transition: background 150ms ease-in 0ms; }
          .main-slides__dots button:hover, .main-slides__dots button:focus {
            background: #bbbbbb; }
        .main-slides__dots .slick-active button {
          background: #fff; } }
  .main-slides__std {
    position: relative;
    height: 360px; }
    @media (max-width: 767px) {
      .main-slides__std {
        min-height: calc(100vh - 130px);
        padding-bottom: 50px;
        box-sizing: border-box; } }
    @media (max-width: 767px) {
      .main-slides__std {
        min-height: 100vh; }
        .main-slides__std.slide-1 {
          min-height: calc(100vh - 65px); } }
    @media (min-width: 768px) {
      .main-slides__std:before {
        content: ' ';
        position: absolute;
        z-index: 3;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(transparent, rgba(0, 0, 0, 0.2)); } }
    .main-slides__std > div {
      max-width: 1170px;
      margin: 0 auto;
      height: 360px; }
    @media (min-width: 768px) {
      .main-slides__std-image {
        float: left;
        width: 50%;
        height: 360px;
        opacity: 0; } }
    @media (min-width: 768px) {
      .main-slides__std-image-item {
        height: 360px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 0px; } }
    @media (max-width: 767px) {
      .main-slides__std-image-item {
        position: absolute;
        left: 0;
        bottom: 50px;
        width: 100%;
        height: 50vh;
        background-position: 50% 100%;
        background-repeat: no-repeat;
        background-size: cover; } }
    @media (max-height: 500px) {
      .main-slides__std-image-item {
        background-size: contain; } }
    @media (min-width: 768px) {
      .main-slides__std-content {
        float: right;
        width: 50%;
        padding: 35px 0 0 35px;
        text-align: left; } }
    @media (max-width: 767px) {
      .main-slides__std-content {
        text-align: center;
        padding-top: 5px; } }
    .main-slides__std-badge {
      display: inline-block;
      white-space: nowrap;
      height: 27px;
      color: #000;
      font-size: 20px;
      font-family: "Montserrat";
      letter-spacing: normal !important;
      line-height: 27px !important;
      padding: 0 40px 0 5px;
      margin-bottom: 9px;
      background: #f2f2f2 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAbBAMAAABVShjJAAAAIVBMVEUAAAD29vb8/Pz9/f339/f19fX8/Pz7+/v29vb09PT9/f1Yi29tAAAACnRSTlMASbaqVTmOtjkc1HEv2AAAAFpJREFUCNctyKERgDAQRNHLDPHMmVg0Ch2FSgPpghKwlEAD0VclR/6tebNf2AnLgc/gVmw2uNhtmis2m+YLu/36xdfQQg3TjqLoAaWgBxRFDyglTDeKhmlDWT+GVjm0VRsy4QAAAABJRU5ErkJggg==") no-repeat 100% 50%; }
      @media (min-width: 768px) {
        .main-slides__std-badge {
          opacity: 0; } }
      @media (max-width: 767px) {
        .main-slides__std-badge {
          color: white;
          padding: 0 22px;
          background-color: #f5a623;
          background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAbBAMAAABVShjJAAAAIVBMVEUAAAD29vb8/Pz9/f339/f19fX8/Pz7+/v29vb09PT9/f1Yi29tAAAACnRSTlMASbaqVTmOtjkc1HEv2AAAAFpJREFUCNctyKERgDAQRNHLDPHMmVg0Ch2FSgPpghKwlEAD0VclR/6tebNf2AnLgc/gVmw2uNhtmis2m+YLu/36xdfQQg3TjqLoAaWgBxRFDyglTDeKhmlDWT+GVjm0VRsy4QAAAABJRU5ErkJggg=="), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAbBAMAAABVShjJAAAAIVBMVEUAAAD29vb9/f38/Pz39/f7+/v19fX8/Pz29vb09PT9/f3hqrCAAAAACnRSTlMASaq2VbY5jjkcxnAYTgAAAFdJREFUCNctylENgDAMRdEnYSIW/udgFnCACr6RgASyhZBUJc3u68/JbasuptpxYVT7dYxqx4GxYX5gnEs+ggWOG+PBWbBxf0tKyimnnHIqE/eFZsEGcv4WaznpGkVgbAAAAABJRU5ErkJggg==");
          background-repeat: no-repeat, no-repeat;
          background-position: 100% 50%, 0 50%;
          margin-top: 40px; } }
    .main-slides__std-title {
      position: relative;
      z-index: 4;
      color: #666666;
      font-size: 31px;
      line-height: 36px !important;
      letter-spacing: -1px !important;
      margin: 0 0 9px;
      text-transform: uppercase;
      font-family: "Montserrat";
      font-weight: bold;
      max-height: 72px;
      max-width: 476px;
      overflow: hidden; }
      @media (min-width: 768px) {
        .main-slides__std-title {
          opacity: 0; } }
      @media (max-width: 767px) {
        .main-slides__std-title {
          text-align: center;
          padding: 0;
          letter-spacing: -1.5px !important;
          margin: 0 auto 9px; }
          .main-slides__std-title br {
            display: none; } }
      @media (max-width: 350px) {
        .main-slides__std-title {
          font-size: 28px;
          line-height: 31px !important; } }
    .main-slides__std-descn {
      position: relative;
      z-index: 4;
      color: #333333;
      font-size: 18px;
      line-height: 1.2 !important;
      letter-spacing: normal !important;
      margin: 0 0 27px;
      max-width: 400px;
      min-height: 21px;
      max-height: 63px;
      overflow: hidden;
      box-sizing: border-box; }
      @media (min-width: 768px) {
        .main-slides__std-descn {
          opacity: 0; } }
      @media (max-width: 767px) {
        .main-slides__std-descn {
          padding: 0 15px;
          font-size: 18px;
          margin: 0 auto 14px;
          line-height: 21px !important; }
          .main-slides__std-descn br {
            display: none; } }
      @media (max-width: 350px) {
        .main-slides__std-descn {
          font-size: 16px; } }
    .main-slides__std-cta {
      position: relative;
      z-index: 4; }
      @media (max-width: 767px) {
        .main-slides__std-cta {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%; } }
      .main-slides__std-cta a {
        display: inline-block;
        color: #fff;
        height: 45px;
        line-height: 45px !important;
        letter-spacing: normal !important;
        padding: 0 25px;
        text-decoration: none;
        background: #ff5f2d;
        transition: background 150ms ease-in 0ms;
        text-transform: uppercase; }
        @media (min-width: 768px) {
          .main-slides__std-cta a {
            opacity: 0; } }
        @media (max-width: 767px) {
          .main-slides__std-cta a {
            display: block;
            width: 100%;
            box-sizing: border-box;
            height: 50px;
            line-height: 50px !important; } }
        .main-slides__std-cta a:hover, .main-slides__std-cta a:focus {
          background: #ff4c14; }
  .main-slides__col3 {
    background: linear-gradient(45deg, #469baa, #82cabb); }
    @media (min-width: 768px) {
      .main-slides__col3 {
        height: 360px; } }
    .main-slides__col3-title {
      color: #fff;
      font-size: 31px;
      font-weight: 700;
      line-height: 1 !important;
      letter-spacing: normal !important;
      text-align: center;
      text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
      padding: 28px 0;
      box-sizing: content-box;
      text-transform: uppercase;
      font-family: "Montserrat";
      font-weight: bold; }
      @media (min-width: 768px) {
        .main-slides__col3-title {
          opacity: 0; } }
      @media (max-width: 767px) {
        .main-slides__col3-title {
          padding: 45px 45px 40px; } }
    .main-slides__col3-content {
      max-width: 1024px;
      text-align: center;
      margin: 0 auto;
      padding: 0 20px;
      box-sizing: content-box; }
      @media (min-width: 768px) {
        .main-slides__col3-content {
          height: 360px; } }
      @media (min-width: 768px) {
        .main-slides__col3-content > div {
          width: 33.3%;
          float: left;
          opacity: 0; } }
      @media (max-width: 767px) {
        .main-slides__col3-content > div {
          padding: 0 0 35px; } }
    .main-slides__col3 a {
      display: block;
      max-width: 240px;
      margin: 0 auto;
      text-decoration: none; }
    .main-slides__col3-image {
      width: 240px;
      height: 135px;
      margin: 0 auto;
      box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.3);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: 50% 50%; }
    .main-slides__col3-label {
      color: #fff;
      font-size: 18px;
      font-weight: 700;
      text-shadow: 1px 1px 1px #555;
      letter-spacing: normal !important;
      line-height: normal !important;
      margin: 18px 0 0;
      text-transform: uppercase; }
  .main-slides__std-fbkg {
    position: relative;
    height: 360px;
    background-size: cover;
    background-repeat: no-repeat; }
    @media (max-width: 767px) {
      .main-slides__std-fbkg {
        height: auto;
        padding-bottom: 50px; } }
    .main-slides__std-fbkg--blue {
      background-position: 50% 50%; }
    @media (min-width: 768px) {
      .main-slides__std-fbkg-content {
        padding: 0 0 0 50%;
        text-align: left; } }
    @media (max-width: 767px) {
      .main-slides__std-fbkg-content {
        text-align: center; } }
    .main-slides__std-fbkg-content > div {
      max-width: 480px;
      padding: 35px 40px 0 40px;
      -moz-box-sizing: border-box;
      background: linear-gradient(0deg, transparent 10%, #000 85%, #000); }
      @media (max-width: 767px) {
        .main-slides__std-fbkg-content > div {
          min-height: 305px;
          padding: 50px 40px 50px;
          max-width: 100%; } }
    .main-slides__std-fbkg-tag {
      color: #fff;
      font-size: 20px;
      line-height: 1 !important;
      letter-spacing: normal !important; }
      .main-slides__std-fbkg-tag img {
        width: auto;
        display: block;
        max-width: 100%;
        height: 50px; }
        @media (min-width: 768px) {
          .main-slides__std-fbkg-tag img {
            margin: 0 auto; } }
      @media (min-width: 768px) {
        .main-slides__std-fbkg-tag {
          opacity: 0; } }
    .main-slides__std-fbkg-title {
      position: relative;
      z-index: 4;
      color: #f8e71c;
      font-size: 31px;
      font-weight: 700;
      line-height: 1.2 !important;
      letter-spacing: -1px !important;
      margin: 10px 0;
      text-transform: uppercase;
      font-family: "Montserrat";
      font-weight: bold; }
      @media (min-width: 768px) {
        .main-slides__std-fbkg-title {
          opacity: 0; } }
      @media (max-width: 767px) {
        .main-slides__std-fbkg-title {
          text-align: center;
          padding: 0 25px;
          font-size: 24px;
          margin: 6px 0; }
          .main-slides__std-fbkg-title br {
            display: none; } }
    .main-slides__std-fbkg--blue .main-slides__std-fbkg-title {
      color: #38b5e6; }
      @media (max-width: 767px) {
        .main-slides__std-fbkg--blue .main-slides__std-fbkg-title {
          text-align: left;
          margin-top: 15px;
          padding: 0; } }
    .main-slides__std-fbkg-descn {
      position: relative;
      z-index: 4;
      color: #fff;
      font-size: 18px;
      line-height: 1.2 !important;
      letter-spacing: normal !important;
      margin: 0 0 20px; }
      @media (min-width: 768px) {
        .main-slides__std-fbkg-descn {
          opacity: 0; } }
      @media (max-width: 767px) {
        .main-slides__std-fbkg-descn {
          padding: 0 25px;
          font-size: 16px;
          margin: 0 0 14px; }
          .main-slides__std-fbkg-descn br {
            display: none; } }
    @media (max-width: 767px) {
      .main-slides__std-fbkg--blue .main-slides__std-fbkg-descn {
        text-align: left;
        padding: 0; }
        .main-slides__std-fbkg--blue .main-slides__std-fbkg-descn br {
          display: none; } }
    .main-slides__std-fbkg-cta {
      position: relative;
      z-index: 4; }
      @media (max-width: 767px) {
        .main-slides__std-fbkg-cta {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%; } }
      .main-slides__std-fbkg-cta a {
        display: inline-block;
        color: #fff;
        height: 45px;
        line-height: 45px !important;
        letter-spacing: normal !important;
        padding: 0 25px;
        text-decoration: none;
        background: #ff5f2d;
        transition: background 150ms ease-in 0ms;
        text-transform: uppercase; }
        @media (min-width: 768px) {
          .main-slides__std-fbkg-cta a {
            opacity: 0; } }
        @media (max-width: 767px) {
          .main-slides__std-fbkg-cta a {
            display: block;
            width: 100%;
            box-sizing: border-box;
            height: 50px;
            line-height: 50px !important; } }
        .main-slides__std-fbkg-cta a:hover, .main-slides__std-fbkg-cta a:focus {
          background: #ff4c14; }
    .main-slides__std-fbkg--blue .main-slides__std-fbkg-cta a {
      background: #38b5e6; }
      .main-slides__std-fbkg--blue .main-slides__std-fbkg-cta a:hover, .main-slides__std-fbkg--blue .main-slides__std-fbkg-cta a:focus {
        background: #21ade3; }

.main-slides .slick-active .main-slides__std-image {
  animation-duration: 200ms;
  animation-name: showImage;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  animation-delay: 200ms; }
.main-slides .slick-active .main-slides__std-badge {
  animation-duration: 200ms;
  animation-name: showBadge;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  animation-delay: 300ms; }
.main-slides .slick-active .main-slides__std-title {
  animation-duration: 500ms;
  animation-name: showTitle;
  animation-timing-function: ease, step-start, cubic-bezier(0.1, 0.7, 1, 0.1);
  animation-fill-mode: forwards;
  animation-delay: 500ms; }
.main-slides .slick-active .main-slides__std-descn {
  animation-duration: 400ms;
  animation-name: showDescn;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  animation-delay: 800ms; }
.main-slides .slick-active .main-slides__std-cta a {
  animation-duration: 300ms;
  animation-name: showCta;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  animation-delay: 1000ms; }
.main-slides .slick-active .main-slides__col3-title {
  animation-duration: 500ms;
  animation-name: showTitle;
  animation-timing-function: ease, step-start, cubic-bezier(0.1, 0.7, 1, 0.1);
  animation-fill-mode: forwards;
  animation-delay: 500ms; }
.main-slides .slick-active .main-slides__col3-content > div:nth-child(1), .main-slides .slick-active .main-slides__col3-content > div:nth-child(3) {
  animation-duration: 300ms;
  animation-name: showColOneAndThree;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  animation-delay: 200ms; }
.main-slides .slick-active .main-slides__col3-content > div:nth-child(2) {
  animation-duration: 300ms;
  animation-name: showColTwo;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  animation-delay: 200ms; }
.main-slides .slick-active .main-slides__std-fbkg-tag {
  animation-duration: 200ms;
  animation-name: showBadge;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  animation-delay: 300ms; }
.main-slides .slick-active .main-slides__std-fbkg-title {
  animation-duration: 500ms;
  animation-name: showTitle;
  animation-timing-function: ease, step-start, cubic-bezier(0.1, 0.7, 1, 0.1);
  animation-fill-mode: forwards;
  animation-delay: 500ms; }
.main-slides .slick-active .main-slides__std-fbkg-descn {
  animation-duration: 400ms;
  animation-name: showDescn;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  animation-delay: 800ms; }
.main-slides .slick-active .main-slides__std-fbkg-cta a {
  animation-duration: 300ms;
  animation-name: showCta;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  animation-delay: 1000ms; }

@keyframes showImage {
  from {
    opacity: 0;
    transform: scale(0);
    transform-origin: 50% 50%;
    border-radius: 100%; }
  to {
    opacity: 1;
    transform: scale(1);
    border-radius: 0; } }
@keyframes showBadge {
  0% {
    opacity: 0;
    transform: translateY(-40px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@keyframes showTitle {
  0% {
    opacity: 0;
    transform: translateY(360px); }
  20% {
    opacity: 0; }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@keyframes showDescn {
  0% {
    opacity: 0;
    transform: translateY(360px); }
  20% {
    opacity: 0; }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@keyframes showCta {
  0% {
    opacity: 0;
    transform: scale(0);
    transform-origin: 50% 50%; }
  100% {
    opacity: 1;
    transform: scale(1); } }
@keyframes showColOneAndThree {
  0% {
    opacity: 0;
    transform: translateY(-260px); }
  10% {
    opacity: 0; }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@keyframes showColTwo {
  0% {
    opacity: 0;
    transform: translateY(260px); }
  10% {
    opacity: 0; }
  100% {
    opacity: 1;
    transform: translateY(0); } }
.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: #333333;
  line-height: 26px; }
.entry-contain ul, .event-contain ul {
  list-style-type: disc;
  margin-left: 1.25rem;
  margin-bottom: 1rem;
  font-size: inherit;
  line-height: 26px; }
  .entry-contain ul li, .event-contain ul li {
    color: #333333;
    padding: 0.4em 0; }
    .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: inherit;
  line-height: 26px; }
  .entry-contain ol li, .event-contain ol li {
    padding: 0.4em 0;
    color: #333333; }
    .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; }
.entry-contain a, .event-contain a {
  text-decoration: underline; }
  @media screen and (max-width: 767px) {
    .entry-contain a, .event-contain a {
      word-wrap: break-word; } }

.mydog-uploads {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, 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.66667rem;
    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; }

.sort {
  padding: 15px 0; }
  .sort .dropdown {
    border: 1px solid #e3e3e3;
    color: #ff9c00;
    display: inline-block;
    padding: 5px 20px 5px 5px;
    cursor: pointer;
    position: relative;
    z-index: 333;
    line-height: normal; }
    .sort .dropdown > ul {
      position: absolute;
      margin: 0 -1px 0;
      right: 0;
      top: 100%;
      left: 0;
      display: none; }
      .sort .dropdown > ul li {
        display: block;
        margin-bottom: -1px; }
        .sort .dropdown > ul li > a {
          display: block !important;
          background: #fff;
          line-height: 1;
          text-decoration: none;
          transition: all 250ms ease 0ms; }
          .sort .dropdown > ul li > a:hover {
            background: #ff9c00;
            color: #fff; }
    .sort .dropdown:hover > ul, .sort .dropdown:focus > ul, .sort .dropdown:active > ul {
      display: block; }

.ad {
  width: 100%;
  margin: auto;
  text-align: center; }
  .ad img {
    height: auto; }
  .ad.small {
    display: block;
    text-align: center; }
  .ad.medium, .ad.large {
    display: none; }
  .ad.mobile-ad-spacing {
    margin: 3em 0;
    padding: 2em .75em; }
  .ad.mobile-ad-no-margin {
    margin: 0;
    padding: 2em .75em; }
  .ad.mobile-ad-btm-margin {
    margin-top: 0;
    margin-bottom: 3em;
    padding: 2em .75em; }
  .ad.mobile-ad-top-margin {
    margin-top: 3em;
    margin-bottom: 0em;
    padding: 2em .75em; }
  .ad.desktop-ad-margin-4-4 {
    margin: 4em 0; }
  .ad.desktop-ad-margin-3-3 {
    margin: 2em 0; }
  .ad.desktop-ad-margin-2-2 {
    margin: 2em 0; }
  .ad.desktop-ad-no-margin {
    margin-bottom: 0;
    margin-top: 0; }
  .ad.desktop-ad-btm-margin-4 {
    margin-top: 0;
    margin-bottom: 4em; }
  .ad.desktop-ad-btm-margin-3 {
    margin-top: 0;
    margin-bottom: 3em; }
  .ad.desktop-ad-btm-margin-2 {
    margin-top: 0;
    margin-bottom: 2em; }
  .ad.desktop-ad-btm-margin-1 {
    margin-top: 0;
    margin-bottom: 1em; }
  .ad.desktop-ad-top-margin-4 {
    margin-top: 4em;
    margin-bottom: 0em; }
  .ad.desktop-ad-top-margin-3 {
    margin-top: 3em;
    margin-bottom: 0em; }
  .ad.desktop-ad-top-margin-2 {
    margin-top: 2em;
    margin-bottom: 0em; }
  .ad.desktop-ad-top-margin-1 {
    margin-top: 1em;
    margin-bottom: 0em; }
  @media screen and (max-width: 767px) {
    .ad.site-nav-ad-wrap {
      display: none; } }
  @media screen and (min-width: 48em) {
    .ad.small, .ad.large {
      display: none; }
    .ad.medium {
      display: block; }
    .ad.site-nav-ad-wrap {
      display: none; } }
  @media screen and (min-width: 64em) {
    .ad.small, .ad.medium {
      display: none; }
    .ad.large {
      display: block; }
    .ad.site-nav-ad-wrap {
      text-align: center;
      background-color: #f6f6f6;
      padding: 20px 20px 0 20px;
      display: block; }
      .ad.site-nav-ad-wrap.is-docked {
        position: fixed;
        width: 100%;
        z-index: 1000;
        background-color: rgba(246, 246, 246, 0.7); }
        .ad.site-nav-ad-wrap.is-docked ~ .akc-top-nav {
          padding-top: 115px;
          padding-top: 6.1em; } }
  .ad #ad-oas-x01 {
    width: 300px;
    height: 250px;
    overflow: hidden;
    display: block;
    margin: auto; }
  .ad #ad-oas-x03 {
    width: 728px;
    height: 90px;
    overflow: hidden;
    display: block;
    margin: auto; }
  .ad #ad-oas-x05 {
    width: 300px;
    height: 600px;
    overflow: hidden;
    display: block;
    margin: auto; }
  .ad #ad-oas-x07 {
    width: 300px;
    height: 600px;
    overflow: hidden;
    display: block;
    margin: auto; }
  .ad #ad-oas-x09 {
    width: 300px;
    height: 50px;
    overflow: hidden;
    display: block;
    margin: auto; }
  .ad #ad-oas-x10 {
    width: 320px;
    height: 50px;
    overflow: hidden;
    display: block;
    margin: auto; }
  .ad #ad-oas-x11 {
    width: 300px;
    height: 250px;
    overflow: hidden;
    display: block;
    margin: auto; }
  .ad #ad-oas-x12 {
    width: 300px;
    height: 250px;
    overflow: hidden;
    display: block;
    margin: auto; }
  .ad #ad-oas-x13 {
    width: 728px;
    height: 90px;
    overflow: hidden;
    display: block;
    margin: auto; }
  .ad #ad-oas-x35 {
    width: 300px;
    height: 250px;
    overflow: hidden;
    display: block;
    margin: auto; }
  .ad #ad-oas-x36 {
    width: 160px;
    height: 600px;
    overflow: hidden;
    display: block;
    margin: auto; }
  .ad #ad-oas-x37 {
    width: 300px;
    height: 600px;
    overflow: hidden;
    display: block;
    margin: auto; }

@media screen and (max-width: 767px) {
  .just-mobile {
    display: block; } }
@media screen and (min-width: 48em) {
  .just-mobile {
    display: none; } }

@media screen and (max-width: 767px) {
  .just-tablet-up {
    display: none; } }
@media screen and (min-width: 48em) {
  .just-tablet-up {
    display: block; } }

body.learn-page .ad.after-hero-ad {
  padding: 1em;
  text-align: center;
  margin-top: -75px;
  background-color: #f8f1ec;
  margin-bottom: 1em; }

#dfp_oop {
  max-height: 0px; }

.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: #333333;
    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: #fcf8f5;
    color: #333333; }
    @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: #333333; }
        .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; } }
    @media screen and (max-width: 767px) {
      .home-masthead .hero_content {
        height: 15.5em; } }
    .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: #333333;
      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: #333333;
      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: #fcf8f5; }
      @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; } }
    @media screen and (max-width: 767px) {
      .home-masthead .right {
        margin-top: 50px; } }
    .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: #333333;
        font-weight: normal;
        font-size: 1rem; }
      .home-masthead .right .top h3 {
        font-size: 1.38889rem; }
      .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: 25em;
      position: relative; }
      @media screen and (min-width: 48em) {
        .home-masthead .right .bottom {
          height: 50%; } }
      @media screen and (max-width: 767px) {
        .home-masthead .right .bottom {
          height: 15em; } }
      .home-masthead .right .bottom span {
        position: absolute;
        bottom: 0; }
      .home-masthead .right .bottom p {
        text-align: center;
        margin: 0px;
        width: 100%; }
    .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 {
  margin-top: 4em; }
  .home-featured-stories .featured-story-image {
    height: 300px;
    background-size: auto 300px; }
  .home-featured-stories article {
    overflow: hidden; }
    @media screen and (max-width: 767px) {
      .home-featured-stories article {
        margin-top: 1em; } }
    .home-featured-stories article .ad-space {
      background-color: #fcf8f5;
      padding: 2em .75em;
      margin-bottom: 3em;
      position: relative;
      min-height: 14em; }
  .home-featured-stories .akc-swiper-wrapper {
    width: 100%;
    float: left;
    display: block; }
  .home-featured-stories .featured-story {
    background-color: #fcf8f5;
    padding-bottom: .5em;
    width: 95%;
    margin: 0;
    margin-bottom: 5em;
    float: left;
    display: block;
    position: relative; }
    @media screen and (min-width: 64em) {
      .home-featured-stories .featured-story:nth-child(6n), .home-featured-stories .featured-story:nth-child(3n) {
        margin-right: 0; } }
    @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 h3 {
      width: 100%; }
      @media screen and (min-width: 48em) {
        .home-featured-stories .featured-story h3 {
          width: 100%; } }
    .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 0.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 {
    font: bold 0.75em "Montserrat",sans-serif;
    text-align: center;
    text-transform: uppercase;
    padding-top: 1em;
    padding-bottom: .5em; }
  .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;
    position: relative;
    top: 1.5em; }
    @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 {
    border: none;
    margin-bottom: 1em; }
  .home-explore button {
    display: none; }
  .home-explore .btn {
    position: relative;
    top: -2.67em;
    left: 23.1em;
    display: block; }
    @media screen and (max-width: 767px) {
      .home-explore .btn {
        top: 0.5em;
        left: 5.6em; } }

.explore-blocks {
  position: relative;
  top: -1.75em;
  margin: 0 auto; }
  .explore-blocks .block {
    background-color: #fcf8f5;
    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: #333333; }

.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: #fcf8f5;
  padding: 2em .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: 18em;
      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: 1em; }
  @media screen and (min-width: 48em) {
    .register-home h3 {
      padding-top: 2.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: 3em; } }
  .events-home h2 {
    font-size: 1.9375em;
    color: #333333; }
    @media screen and (min-width: 48em) {
      .events-home h2 {
        padding-top: 0em;
        padding-bottom: .5em; } }
  .events-home h3 {
    color: #fff;
    font-size: 0.9rem;
    font-weight: normal;
    letter-spacing: 0.1rem;
    width: 70%; }
    @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: #333333;
    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.66667em 0 1.66667em; } }
    @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 (max-width: 767px) {
        .events-home .event-listing-home li {
          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+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 {
    font-size: 0.8em;
    width: 65%;
    padding: .5em 0;
    margin-bottom: 1em; }
    @media screen and (min-width: 48em) {
      .events-home .dateviews {
        margin-bottom: 0; } }
  @media screen and (max-width: 767px) {
    .events-home .btn.redorange {
      display: inline-table; } }
  @media screen and (min-width: 48em) {
    .events-home .btn.redorange {
      position: absolute;
      bottom: -2em;
      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; } }
  .events-home .ad-space {
    padding: 2em .75em; }

.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: #333333;
      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: #333333;
  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; } }
.home .home-featured-stories .featured-story h3 {
  text-transform: uppercase; }
  .home .home-featured-stories .featured-story h3 a {
    color: #ff9c00; }
.home .home-featured-stories h2, .home .dog-block-group h2 {
  font-size: 28px; }
  .home .home-featured-stories h2 small, .home .dog-block-group h2 small {
    font-size: 80%; }
.home .hero_content h1, .home .hero_content .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .home .hero_content h2 {
  font-size: 31px;
  font-family: Montserrat, sans-serif;
  text-transform: uppercase; }
  .home .hero_content h1 small, .home .hero_content .you-vs-breed .vs-select .breed h2 small, .you-vs-breed .vs-select .breed .home .hero_content h2 small {
    display: block;
    font-family: "Crimson Text", serif;
    font-size: 20px;
    text-transform: lowercase; }
.home .home-masthead .hero_content p {
  padding-top: 0; }
.home .featured-story h4 {
  margin: 4px;
  padding: 0; }
.home .featured-story p {
  font-family: Lato, sans-serif;
  font-size: 14.4px;
  letter-spacing: 1.44px;
  line-height: 18.72px;
  margin-top: 0; }

.you-vs-breed {
  padding-bottom: 75px; }
  .you-vs-breed main #masthead .ad {
    padding-bottom: 1.2em; }
  .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: #333333;
    font-family: "Crimson Text", serif;
    font-style: italic;
    font-size: 1.375em;
    padding-top: .3em; }
  .you-vs-breed .vs-signed-out h2 {
    color: #333333;
    font-size: 1.5625em; }
  .you-vs-breed .vs-signed-out a.btn {
    margin-top: 2.5em;
    float: left;
    width: 100%;
    text-align: center;
    text-decoration: none; }
    .you-vs-breed .vs-signed-out a.btn:hover {
      color: #fff; }
  .you-vs-breed .you-v-breed {
    margin-bottom: 10em; }
  .you-vs-breed .you-vs-breed-scores {
    margin-bottom: 10vh; }
  .you-vs-breed .find-pup {
    margin-bottom: 40vh; }
    .you-vs-breed .find-pup .btn {
      display: block;
      margin: auto;
      max-width: 320px;
      text-align: center; }
  .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: #fcf8f5;
      padding-left: 2em;
      padding-right: 2em;
      margin-top: 2em;
      height: 31em; }
      .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; } }
      .you-vs-breed .vs-select .user h2, .you-vs-breed .vs-select .breed h2 {
        font-size: 20px; }
    @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 #333333;
      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.25rem "Montserrat", sans-serif;
      text-transform: uppercase;
      text-align: center;
      display: block;
      border-top: 0.1rem solid #666666;
      border-bottom: 0.1rem solid #666666;
      padding: .5em 0;
      color: #333333;
      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 #333333;
      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: 20px;
      color: #333333; }
      @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: -3.5em;
      margin-bottom: 2em; }
  .you-vs-breed .vs-results {
    max-width: 48.125em;
    margin: 0 auto; }
    .you-vs-breed .vs-results p {
      margin-top: 2.5em;
      color: #333333;
      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; }

#explore-your-canine-compatibility {
  font-size: 20px; }

.image-mast .index-only {
  display: none; }
.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;
    line-height: 1em; }
  .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: #fcf8f5;
  color: #2b2337; }
  .image-mast .light.compare-btn .tooltip:after, .image-mast .light.love-btn .tooltip:after {
    background-color: #fcf8f5; }
.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: 1.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;
  text-transform: uppercase;
  text-align: center;
  display: block;
  margin-top: .625rem;
  color: #979891; }
  @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;
  display: table; }
  @media screen and (max-width: 767px) {
    .feed-class .findpuppies {
      min-width: 335px;
      font-size: 0.7em; } }
  @media screen and (max-width: 767px) {
    .feed-class .findpuppies {
      min-width: auto; } }
  .feed-class .findpuppies i.icon {
    content: '';
    height: 25px;
    width: 25px;
    float: right;
    margin: auto 0 auto 0; }
  @media screen and (min-width: 64em) {
    .feed-class .findpuppies.top {
      margin-top: -2em; } }

.feed-info {
  position: relative;
  top: 1em; }
  .feed-info h3 {
    font-size: 1em; }
  @media screen and (min-width: 48em) {
    .feed-info {
      top: -1em; } }
  .feed-info .breed-versus {
    color: #979891;
    background-color: #3d2d56;
    position: relative;
    width: 100%;
    height: 14em; }
    .feed-info .breed-versus h1, .feed-info .breed-versus .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .feed-info .breed-versus h2, .feed-info .breed-versus h2, .feed-info .breed-versus h3,
    .feed-info .breed-versus h4, .feed-info .breed-versus h5, .feed-info .breed-versus h6 {
      color: #979891; }
    @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 {
      font-size: 1em;
      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;
      background: none;
      color: #ff5f2d; }
      .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: #fcf8f5;
    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: #333333;
      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: #333333; }
    .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 .btn.redorange.divider:hover {
      color: #fff; }
  .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: 10px;
      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 h2 {
    margin-bottom: 0; }
  .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 #333333;
      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 #333333;
        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: #333333;
      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: #333333;
      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: #333333;
      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;
        text-decoration: underline; }
    .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;
      overflow: hidden; }
    .feed-glance .hobbies img {
      border: 0.3em solid #333333;
      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: #fcf8f5;
        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: #fcf8f5;
      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: #333333;
      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: #333333;
  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: #fcf8f5;
        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: #fcf8f5;
    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: #fcf8f5;
    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: #333333; }
    @media screen and (min-width: 48em) {
      .feed-standard .caption p {
        padding: .5rem 2.5rem;
        font-size: .8125em; } }

.feed-care {
  background: #01d4b4; }
  @media screen and (min-width: 48em) {
    .feed-care {
      border-bottom: 0.1em solid #ff5f2d; } }
  .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: #333333;
    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;
    font-weight: normal; }
    @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: #333333; }
    .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: #333333;
      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 #333333;
    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: 18em;
        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: #333333;
    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;
    margin-bottom: 2.75rem; }
    @media screen and (max-width: 767px) {
      .breed-video .video-wrap {
        width: 100%; } }
    .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: #333333;
    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: #fcf8f5;
    padding: 0 .75em;
    padding-bottom: 3.65rem;
    position: relative;
    max-height: 18em; }
    @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: #333333; }
    .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 (max-width: 767px) {
        .breed-overview .feed-events-boxes .meetups .btn {
          top: 1.6em; } }
      @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: 18em; } }
    @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; } }

.akc-swiper-container .ad {
  margin-top: 32px; }

.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: #333333;
  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, .breed-overview .generic-slideshow h2 {
  color: #bf692c; }
.breed-overview .btn.redorange.divider.learn-more {
  display: table; }
  @media screen and (max-width: 767px) {
    .breed-overview .btn.redorange.divider.learn-more {
      display: none; } }

.seo-page-ad .ad-video {
  margin: 0px;
  line-height: 0px; }

.breed-overview .btn.redorange.divider.outsider {
  margin-bottom: 2em; }

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

@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%; } }
@media all and (max-width: 900px) {
  .mfp-arrow-left {
    -webkit-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0; } }
.reset-page {
  overflow-x: hidden; }
  .reset-page .info {
    max-width: 65em;
    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: 65em;
      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: #333333; }
    .reset-page .info ul {
      margin-left: 17px;
      margin-bottom: 30px; }
    .reset-page .info ul li {
      list-style: disc; }
    .reset-page .info .data {
      max-width: 65em;
      margin-left: auto;
      margin-right: auto;
      position: relative;
      margin-bottom: 3.88889em; }
      .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: #333333;
        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 .data form input[type="password"].gigya-input-password {
        padding-top: 0px;
        font-size: 12px; }
    .reset-page .info input[type=text], .reset-page .info select, .reset-page .info textarea,
    .reset-page .info .twitter-typeahead {
      width: 100%;
      color: #333333; }
    .reset-page .info textarea {
      height: 15.27778em;
      padding: 1.11111em;
      font-family: "Montserrat", sans-serif; }
    .reset-page .info label {
      width: auto;
      display: block;
      padding-bottom: 0.55556em;
      color: #ff9c00;
      text-transform: uppercase; }
      .reset-page .info label small {
        float: left;
        width: 100%;
        margin-bottom: 0.44444em;
        color: #333333; }
    .reset-page .info > h2 {
      margin-top: 1.66667em; }
      @media screen and (min-width: 25em) {
        .reset-page .info > h2 {
          margin-top: 1.66667em; } }
      @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.55556em; }
    .reset-page .info .radio {
      margin-bottom: 1.11111em; }
      .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: 65em;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid red;
    margin-bottom: 2.22222em;
    background-color: rgba(255, 0, 0, 0.1); }
    .reset-page .error::after {
      clear: both;
      content: "";
      display: table; }
    .reset-page .error ul {
      padding: 1.11111em; }
      .reset-page .error ul li {
        margin-bottom: 0.55556em; }
        .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: 6.66667em; }
  .content-blurb ul li {
    text-align: left;
    color: #2b2337; }
  .content-blurb .btn {
    max-width: 600px;
    display: table;
    margin: 0px auto; }
    @media screen and (max-width: 480px) {
      .content-blurb .btn.button-left-icon {
        padding: 1.3rem 1.063rem 1.3rem 4.6rem; } }
  .content-blurb p {
    font-size: .9375rem;
    color: #333333;
    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: 65em;
  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;
  width: 100%;
  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;
  margin-bottom: 2.75em; }
  @media screen and (max-width: 767px) {
    .akc-breeds .page-intro .seo-video .video-wrap {
      width: 100%; } }
  .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.22222em;
    padding-top: 1rem; }
    .akc-breeds .page-intro:last-child {
      margin-right: 0; } }

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

.page-intro-contain .event-donate-now {
  margin-bottom: 3em; }
  .page-intro-contain .event-donate-now.btn.redorange {
    padding: 0.6em 1.25em; }
    .page-intro-contain .event-donate-now.btn.redorange .icon-right-arrow:before {
      margin-left: 30px;
      position: relative;
      top: 3px; }

.page-intro, .section-intro {
  float: left;
  display: block;
  margin-right: 2.5641%;
  width: 100%;
  text-align: center;
  padding: 2.22222em 0 5em 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.22222em;
      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: #333333;
    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; }

.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: 3.88889em;
        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-contain .ad.mobile, .event-holder .entry-contain .ad.mobile, .blog-holder .event-contain .ad.mobile, .event-holder .event-contain .ad.mobile {
      padding-bottom: 1.5em; }
  .blog-holder .entry, .event-holder .entry {
    text-align: left;
    margin-bottom: 2.77778em; }
    .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 .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-nav ul, .event-holder .sidebar .side-nav ul {
        display: block; }
    .blog-holder .sidebar ul, .event-holder .sidebar ul {
      display: block;
      padding-top: 1.11111em;
      margin-bottom: 2.22222em; }
      .blog-holder .sidebar ul:first-child, .event-holder .sidebar ul:first-child {
        padding-top: 0; }
    .blog-holder .sidebar .side-download, .event-holder .sidebar .side-download {
      margin-bottom: 2.77778em;
      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.11111em; }
    .blog-holder .sidebar h6, .event-holder .sidebar h6 {
      font: italic 0.77778em "Crimson Text", serif;
      padding-bottom: 0.38889em;
      border-bottom: 1px solid #e3e3e3;
      letter-spacing: .1rem; }
    .blog-holder .sidebar ul, .event-holder .sidebar ul {
      display: none; }
      .blog-holder .sidebar ul.has-contents, .event-holder .sidebar ul.has-contents {
        display: block;
        padding-top: 1.11111em;
        margin-bottom: 2.22222em; }
        .blog-holder .sidebar ul.has-contents:first-child, .event-holder .sidebar ul.has-contents:first-child {
          padding-top: 0; }
    .blog-holder .sidebar li, .event-holder .sidebar li {
      font-family: "Lato", sans-serif;
      font-size: 0.72222em;
      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; }
      .blog-holder .sidebar .side-img-list.has-contents, .event-holder .sidebar .side-img-list.has-contents {
        /*display: none; /* commented-out to allow ads to appear on phone */ }
        @media screen and (min-width: 64em) {
          .blog-holder .sidebar .side-img-list.has-contents, .event-holder .sidebar .side-img-list.has-contents {
            display: block;
            width: 100%;
            float: left; } }
    .blog-holder .sidebar .side-img-list li, .event-holder .sidebar .side-img-list li {
      background-color: #fcf8f5; }
      .blog-holder .sidebar .side-img-list li.has-contents, .event-holder .sidebar .side-img-list li.has-contents {
        margin-bottom: 3.88889em;
        padding: 1.94444em; }
      @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.05556em;
          margin-left: -17px; } }
      @media screen and (max-width: 767px) {
        .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.05556em;
          margin-left: -17px; } }
      .blog-holder .sidebar .side-img-list li a, .event-holder .sidebar .side-img-list li a {
        display: block; }
      .blog-holder .sidebar .side-img-list li nav ul, .event-holder .sidebar .side-img-list li nav ul {
        display: block; }
    @media screen and (min-width: 64em) {
      .blog-holder .sidebar .feed-class, .event-holder .sidebar .feed-class {
        margin-top: 32px; } }
  @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: 3.88889em;
      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; }

/* added to allow Image caption style on mircoblog page as well  */
.blog-holder figure, .event-holder figure,
.post-container figure {
  margin: 2em 0 2em 0;
  display: table; }
  .blog-holder figure.image, .event-holder figure.image,
  .post-container figure.image {
    margin: 0 2em 2em 0; }
    .blog-holder figure.image img, .event-holder figure.image img,
    .post-container figure.image img {
      margin: 0px !important; }
    .blog-holder figure.image figcaption, .event-holder figure.image figcaption,
    .post-container figure.image figcaption {
      padding: 0px 0px 0px 2px;
      background: none;
      color: #333333;
      position: relative;
      margin: 0;
      top: 0;
      text-align: left;
      font-size: 14px;
      width: 100%; }
      .blog-holder figure.image figcaption span, .event-holder figure.image figcaption span,
      .post-container figure.image figcaption span {
        position: relative;
        z-index: 1;
        font-size: 14px;
        color: #333333;
        line-height: inherit; }
      .blog-holder figure.image figcaption:before, .event-holder figure.image figcaption:before,
      .post-container figure.image figcaption:before {
        display: none; }
  .blog-holder figure figcaption, .event-holder figure figcaption,
  .post-container figure figcaption {
    width: 100%;
    padding: 1em 1.22222em 1.22222em;
    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,
      .post-container figure figcaption {
        width: 75.7%; } }
    .blog-holder figure figcaption span, .event-holder figure figcaption span,
    .post-container figure figcaption span {
      position: relative;
      z-index: 1;
      font-size: 0.77778em;
      color: #979891;
      line-height: .875rem; }
    .blog-holder figure figcaption:before, .event-holder figure figcaption:before,
    .post-container figure figcaption:before {
      content: "";
      width: 1.11111em;
      height: 1.11111em;
      background: #3d2d56;
      position: absolute;
      top: -0.5em;
      left: 50%;
      margin-left: -0.55556em;
      -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 .right-sidebar.blog-feed li, .event-holder .sidebar .right-sidebar.blog-feed li {
  line-height: 1.3;
  display: block;
  clear: both; }

.rrssb-buttons .rrssb-text,
.rrssb-buttons .rrssb-icon {
  line-height: 10px; }

.entry-contain .rrssb-buttons, .event-contain .rrssb-buttons {
  margin-left: 0px; }
  .entry-contain .rrssb-buttons li, .event-contain .rrssb-buttons li {
    font-size: 0.8rem;
    padding: 0 2px; }

.article-social-share-desktop {
  display: block; }
  .article-social-share-desktop .counter span {
    display: block; }
  @media screen and (max-width: 767px) {
    .article-social-share-desktop {
      display: none; } }

.article-social-share-mobile-top {
  display: none;
  height: 38px; }
  @media screen and (max-width: 767px) {
    .article-social-share-mobile-top {
      display: block; } }

.article-social-share-mobile {
  display: none; }
  .article-social-share-mobile .counter {
    display: none; }
  .article-social-share-mobile ul.social li {
    width: 25%;
    float: left;
    margin-bottom: 0px !important; }
    .article-social-share-mobile ul.social li a {
      width: 100% !important; }
  @media screen and (max-width: 767px) {
    .article-social-share-mobile {
      display: block;
      position: fixed;
      bottom: 0px;
      background-color: #ffffff;
      z-index: 9999;
      width: 100%;
      text-align: center; } }

.dog-owners .breadcrumbs {
  margin-bottom: 1em; }
.dog-owners .entry-contain a, .dog-owners .event-contain a {
  color: #ff5f2d; }

@media screen and (max-width: 767px) {
  .delegate-role .title {
    font-size: 1.8em;
    margin-top: 30px; } }
.delegate-role .chosen-select {
  width: 65%;
  border: 2px solid #e3e3e3;
  padding: 5px;
  margin-top: 10px; }
  @media screen and (max-width: 767px) {
    .delegate-role .chosen-select {
      width: 100%; } }
  @media screen and (min-width: 48em) {
    .delegate-role .chosen-select {
      width: 60%; } }
@media screen and (max-width: 767px) {
  .delegate-role .chosen-container {
    width: 100% !important;
    margin-top: 10px; } }
@media screen and (min-width: 48em) {
  .delegate-role .chosen-container {
    width: 60% !important; } }

.you-vs-breed {
  padding-bottom: 75px; }
  .you-vs-breed main #masthead .ad {
    padding-bottom: 1.2em; }
  .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: #333333;
    font-family: "Crimson Text", serif;
    font-style: italic;
    font-size: 1.375em;
    padding-top: .3em; }
  .you-vs-breed .vs-signed-out h2 {
    color: #333333;
    font-size: 1.5625em; }
  .you-vs-breed .vs-signed-out a.btn {
    margin-top: 2.5em;
    float: left;
    width: 100%;
    text-align: center;
    text-decoration: none; }
    .you-vs-breed .vs-signed-out a.btn:hover {
      color: #fff; }
  .you-vs-breed .you-v-breed {
    margin-bottom: 10em; }
  .you-vs-breed .you-vs-breed-scores {
    margin-bottom: 10vh; }
  .you-vs-breed .find-pup {
    margin-bottom: 40vh; }
    .you-vs-breed .find-pup .btn {
      display: block;
      margin: auto;
      max-width: 320px;
      text-align: center; }
  .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: #fcf8f5;
      padding-left: 2em;
      padding-right: 2em;
      margin-top: 2em;
      height: 31em; }
      .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; } }
      .you-vs-breed .vs-select .user h2, .you-vs-breed .vs-select .breed h2 {
        font-size: 20px; }
    @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 #333333;
      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.25rem "Montserrat", sans-serif;
      text-transform: uppercase;
      text-align: center;
      display: block;
      border-top: 0.1rem solid #666666;
      border-bottom: 0.1rem solid #666666;
      padding: .5em 0;
      color: #333333;
      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 #333333;
      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: 20px;
      color: #333333; }
      @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: -3.5em;
      margin-bottom: 2em; }
  .you-vs-breed .vs-results {
    max-width: 48.125em;
    margin: 0 auto; }
    .you-vs-breed .vs-results p {
      margin-top: 2.5em;
      color: #333333;
      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; }

#explore-your-canine-compatibility {
  font-size: 20px; }

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

.title-mast.centered.blog-title-mast {
  padding: 1.66667em;
  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.66667em;
    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: 4.55556em; } }

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

.blog-header {
  width: 100%;
  padding-top: 2.5em; }
  .blog-header::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 48em) {
    .blog-header {
      max-width: 65em;
      margin-left: auto;
      margin-right: auto; }
      .blog-header::after {
        clear: both;
        content: "";
        display: table; } }
  .blog-header #head-cols {
    margin-bottom: 3.61111em;
    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: 12.22222em;
    height: 3.05556em;
    display: block;
    float: left; }
    @media screen and (min-width: 48em) {
      .blog-header .hacky-select {
        width: 15em;
        height: 3.05556em; } }
    @media screen and (max-width: 767px) {
      .blog-header .hacky-select {
        float: none;
        margin: auto; } }
    .blog-header .hacky-select figcaption {
      width: 3.05556em; }
      .blog-header .hacky-select figcaption:before {
        font-size: 0.55556em;
        line-height: 5.5em;
        color: #ff9c00; }
    .blog-header .hacky-select select.cat-drop {
      width: 19.375em;
      height: 3.4375em;
      font: 0.88889em "Montserrat", sans-serif; }
  .blog-header .icon-rss {
    width: 3.33333em;
    float: right;
    padding: 0; }
  .blog-header .no-results {
    display: inline-block;
    margin-top: 10px; }

.icon-rss {
  display: inline-block;
  height: 3.05556em;
  padding: 0 1.11111em;
  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.11111em;
    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.66667em;
  text-transform: uppercase;
  font: 0.77778em "Montserrat", sans-serif;
  vertical-align: middle; }
  .sidebar-header .icon-rss:hover {
    color: #fff;
    cursor: pointer; }
  .sidebar-header .icon-rss:before {
    margin-right: 0.55556em; }
  .sidebar-header .icon-rss span {
    position: relative;
    top: -2px; }
.sidebar-header .body-search-field {
  position: relative;
  margin-bottom: 1.66667em; }
  .sidebar-header .body-search-field button[type="submit"] {
    position: absolute;
    top: 0.05556rem;
    right: 0;
    padding: 0.55556rem;
    background-color: transparent;
    color: #ff9c00;
    font-size: 1.77778rem; }

.blog-featured-post, .blog-article-heading {
  margin-bottom: 2em;
  margin-top: 2.22222em;
  position: relative; }
  @media screen and (min-width: 25em) {
    .blog-featured-post, .blog-article-heading {
      width: 100%; } }
  @media screen and (min-width: 48em) {
    .blog-featured-post, .blog-article-heading {
      width: 768px; } }
  .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: 65em;
      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.11111em; }
  .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; }
    @media screen and (min-width: 48em) {
      .blog-featured-post .entry, .blog-article-heading .entry {
        width: 768px; } }
  .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.55556em; }
  .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.55556em;
      line-height: 1em;
      height: 1em; }
      .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: #333333;
        display: inline-block;
        font: italic 0.72222em "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: 1em;
          height: 1em;
          color: #ff5f2d; }

.blog-summary {
  background-color: #01d4b4;
  margin-bottom: 4.375em; }
  .blog-summary article {
    padding: 3.125em 0;
    max-width: 65em;
    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.77778em "Crimson Text", serif;
  font-style: italic;
  color: #bf692c;
  background: #fcf8f5;
  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: 82.90598%; }
      .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: 0.88889em;
    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.77778em;
    font-style: normal; }
  .post-head .title-author .view-count {
    font: bold 0.77778em "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;
    min-height: 20em; }
    @media screen and (min-width: 48em) {
      .article-img a {
        height: 30em;
        min-height: 30em; } }
  .article-img img {
    display: none; }

.blog-post {
  position: relative;
  float: left;
  display: block;
  margin-right: 2.5641%;
  width: 100%;
  margin-bottom: 3.33333em; }
  .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: 26.66667em;
    padding: 6.94444em 2.22222em 3.61111em 2.22222em; }
    .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.27778em; }
    .blog-post.skinny .post-head {
      margin-bottom: 0.83333em; }
    .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.38889em; }
  .blog-post .social::after {
    clear: both;
    content: "";
    display: table; }
  .blog-post .social li {
    float: left;
    margin-right: 0.55556em;
    line-height: 1em;
    height: 1em; }
    .blog-post .social li a {
      display: inline-block; }
    .blog-post .social li span {
      color: #333333;
      display: inline-block;
      font: italic 0.72222em "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;
    cursor: pointer; }
  .blog-post .view-count {
    display: inline-block;
    float: right;
    margin-bottom: 0;
    padding-top: 0.11111em; }

.blog-row .blog-post.purple-post p, .blog-row .blog-post.purple-post li, .blog-row .blog-post.purple-post li a, .blog-row .blog-post.purple-post .title-author .view-count, .blog-row .blog-post.purple-post .social li a {
  color: #f8f1ec; }
.blog-row .blog-post .article-img {
  margin-bottom: 1.11111em; }
.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: #333333; }

.blog-article .blog-holder .entry a, .blog-article .event-holder .entry a {
  color: #ff5f2d; }

.teal-post {
  background: #01d4b4; }
  .teal-post .post-head {
    margin-bottom: 1.38889em; }
  .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: #333333; }
  .purple-post .post-head {
    margin-bottom: 1.38889em; }
  .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: #333333; }
  .purple-post .social li:before {
    color: #fff; }

.blog-article-pagination {
  position: relative; }
  @media screen and (min-width: 48em) {
    .blog-article-pagination {
      max-width: 65em;
      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 a h3 {
        font: 400 1em "Montserrat",sans-serif; }
    .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: 5.55556em;
      width: 3.05556em;
      height: 5.55556em;
      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: 5.55556em; }
    .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: 16.66667em;
      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: 5.55556em; }
      .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: 5.55556em; }
      .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.33333em 3.88889em 3.88889em 3.88889em;
        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: 16.66667em;
        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.77778em "Crimson Text", serif;
        font-style: italic;
        color: #ff9c00;
        position: relative;
        z-index: 99;
        margin-bottom: 1.33333em; }
        .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.66667em;
    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; } }

/* ==========================================================
Featured Stories(blog/.featured-story)
============================================================= */
.featured-story .post-head .title-author {
  width: 100%;
  margin-left: 0px; }
  .featured-story .post-head .title-author h1, .featured-story .post-head .title-author .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .featured-story .post-head .title-author h2 {
    letter-spacing: -0.02em;
    text-transform: none;
    font-weight: 700;
    font-style: normal;
    font-size: 42px;
    line-height: 1.58;
    color: #333333;
    max-width: 100%;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .featured-story .post-head .title-author h1, .featured-story .post-head .title-author .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .featured-story .post-head .title-author h2 {
        font-size: 33px; } }
  .featured-story .post-head .title-author .author {
    display: table;
    margin: auto; }
    .featured-story .post-head .title-author .author a {
      color: #333333; }
    .featured-story .post-head .title-author .author .date {
      text-transform: capitalize; }
  @media screen and (max-width: 767px) {
    .featured-story .post-head .title-author {
      padding-top: 1em; } }
.featured-story .blog-holder .entry-contain, .featured-story .event-holder .entry-contain, .featured-story .blog-holder .event-contain, .featured-story .event-holder .event-contain {
  overflow: hidden;
  border: none;
  padding-right: 0px;
  float: left;
  display: block;
  margin-right: 2.5641%;
  width: 100%; }
  .featured-story .blog-holder .entry-contain:last-child, .featured-story .event-holder .entry-contain:last-child, .featured-story .blog-holder .event-contain:last-child, .featured-story .event-holder .event-contain:last-child {
    margin-right: 0; }
  @media screen and (min-width: 48em) {
    .featured-story .blog-holder .entry-contain, .featured-story .event-holder .entry-contain, .featured-story .blog-holder .event-contain, .featured-story .event-holder .event-contain {
      float: left;
      display: block;
      margin-right: 2.5641%;
      width: 65.81197%;
      margin-left: 17.09402%; }
      .featured-story .blog-holder .entry-contain:last-child, .featured-story .event-holder .entry-contain:last-child, .featured-story .blog-holder .event-contain:last-child, .featured-story .event-holder .event-contain:last-child {
        margin-right: 0; } }
  .featured-story .blog-holder .entry-contain .entry p, .featured-story .event-holder .entry-contain .entry p, .featured-story .blog-holder .event-contain .entry p, .featured-story .event-holder .event-contain .entry p {
    font-weight: 400;
    font-style: normal;
    font-size: 21px;
    line-height: 1.58;
    letter-spacing: -0.003em;
    font-family: "medium-content-serif-font",Georgia,Cambria,"Times New Roman",Times,serif;
    text-align: justify; }
.featured-story .blog-featured-post .article-img,
.featured-story .blog-article-heading .article-img {
  position: relative;
  float: none; }
.featured-story .fb_iframe_widget,
.featured-story iframe {
  display: inline;
  margin: auto; }
.featured-story .quoated-div {
  width: 100%;
  padding: 10px 23px;
  border-top: gray 1px solid;
  border-bottom: gray 1px solid;
  font-weight: 400;
  font-style: normal;
  font-size: 26px;
  line-height: 1.58;
  letter-spacing: -0.003em;
  font-family: Georgia,Cambria,Times New Roman,Times,serif;
  margin: 25px 0px;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .featured-story .quoated-div {
      margin: 20px 0px;
      padding: 10px 0px; } }

.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: 65em;
        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(51, 51, 51, 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(51, 51, 51, 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.38889em;
          height: 1.38889em;
          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.38889em;
          height: 1.38889em;
          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: 14.72222em;
    background: #3d2d56;
    overflow: hidden;
    left: 0; }
    .history-slides ul.captions:before {
      content: "";
      width: 1.77778em;
      height: 1.77778em;
      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 {
      color: #979891;
      position: absolute;
      top: 999em;
      padding: 1.66667em 0 2.5em 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: 65em;
    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: #fcf8f5; }
    .page-two-col.tan p {
      color: #333333; }
  .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: 65em;
  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: #333333; }
.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: #333333;
  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;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0; }

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

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

.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: #fcf8f5; }
  .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: #333333;
    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; }

.breed-detail .breadcrumbs {
  margin-top: -7px; }
.breed-detail .page-two-col {
  margin-top: -39px; }
  .breed-detail .page-two-col.care-health p {
    color: #333333; }
.breed-detail .welcome-block {
  color: #333; }
  .breed-detail .welcome-block p {
    color: #333; }
.breed-detail .history-slides ul.captions li.caption-holder {
  color: #fff; }
.breed-detail .page-two-col p {
  color: #fff; }
.breed-detail.breed-detail-care .mobile-ad-spacing {
  position: relative;
  top: -49px; }
.breed-detail .mobile-ad-spacing {
  margin-bottom: 0; }

.mast-cont .bottom-lock {
  position: absolute;
  bottom: 2.77778em;
  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: 1rem !important;
  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: #333333;
  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; } }
.scale-img-parent.ad {
  margin-bottom: 1.25em;
  padding-bottom: 1em;
  padding-top: 1em; }
  .scale-img-parent.ad a {
    padding: 0; }

.akc-breeds .breed-pages p {
  line-height: 0px;
  margin: 0px; }

.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: #fcf8f5;
  margin-bottom: 1.25em;
  width: 100%;
  float: left;
  overflow: hidden;
  padding-bottom: 1em;
  position: relative; }
  @media screen and (min-width: 64em) {
    .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: #333333 !important;
    margin-top: 0.7em;
    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: 1rem;
    padding-left: 1.875rem; }
  .event .location {
    color: #bf692c;
    font: italic 0.875em "Crimson Text", serif;
    padding: 0 .5em 0 1.875rem; }
  .event p {
    padding-left: 1.875rem;
    padding-right: 1rem; }
    @media screen and (min-width: 64em) {
      .event p {
        padding-top: .5em;
        max-height: 3.6rem; } }
  .event a {
    width: 100%;
    padding: 0 .5em 1.375rem 1.875rem;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.77778em;
    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: 18em;
      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: #333333;
    font-size: .9375em;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    padding-top: 1em; }
  .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: #333333;
  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: 65em;
  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: #fcf8f5;
      padding: 1.5em; }
      .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.33333em; }
        .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.66667em; }
  .split-photos .speech-block {
    background: #ff9c00;
    height: 2.33333em;
    line-height: 2.33333em; }
    @media screen and (min-width: 48em) {
      .split-photos .speech-block {
        height: 3.61111em;
        line-height: 3.61111em; } }
    .split-photos .speech-block:before {
      background: #ff9c00;
      height: 30px;
      width: 30px;
      margin-left: -15px;
      top: -5px; }
    .split-photos .speech-block p {
      font-size: 0.72222em;
      line-height: 3.23077em;
      margin-bottom: 0; }
      @media screen and (min-width: 48em) {
        .split-photos .speech-block p {
          font-size: 1.55556em;
          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;
    float: left; }
    @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.22222em;
  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: 1em;
  line-height: 3.33333em;
  text-transform: none;
  text-align: right;
  vertical-align: text-bottom; }

#westmeme-search {
  max-width: 65em;
  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.66667em; }

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

.meme-list {
  max-width: 65em;
  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: #fcf8f5;
    text-align: center;
    padding-bottom: 1.55556em;
    margin-bottom: 1.88889em; }
    .meme-list > li:last-child {
      margin-right: 0; }
    @media screen and (min-width: 48em) {
      .meme-list > li {
        height: auto;
        padding: 0.5em;
        padding-bottom: 1.11111em;
        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.77778em; }
  .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 .meme-photo img {
      max-height: 525px; }
  .meme-list .speech-block {
    width: 100%;
    height: 2.22222em;
    line-height: 2.22222em;
    background: #01d4b4;
    position: relative;
    margin-bottom: 0.55556em; }
    @media screen and (min-width: 48em) {
      .meme-list .speech-block {
        height: 2.55556em;
        line-height: 2.55556em; } }
    .meme-list .speech-block:before {
      width: 1.66667em;
      height: 1.66667em;
      margin-left: -0.83333em;
      top: -5px;
      background: #01d4b4; }
    .meme-list .speech-block p {
      font-size: 0.77778em;
      line-height: 2.85714em;
      margin-bottom: 0; }
      @media screen and (min-width: 48em) {
        .meme-list .speech-block p {
          font-size: 0.88889em;
          height: 2.55556em;
          line-height: 2.55556em; } }
  .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.55556em; }
    .meme-list .show-info .prof-pic {
      position: relative;
      margin: -3.33333em auto 0 auto;
      width: 3.72222em;
      height: 3.72222em;
      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.55556em; }
      .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.72222em;
        height: 4rem;
        overflow: hidden; }
  .meme-list h2 {
    font-size: 2.72222em;
    color: #01d4b4;
    font-family: "Lato", sans-serif;
    font-weight: bold;
    margin-bottom: 0.10204em; }
  .meme-list h3 {
    font-size: 0.72222em;
    color: #bf692c;
    font-family: "Lato", sans-serif;
    margin-bottom: 0.52632em; }
    @media screen and (min-width: 48em) {
      .meme-list h3 {
        font-size: 1.05556em; } }
  .meme-list .show-started {
    font-size: 0.72222em;
    color: #2b2337;
    font-family: "Crimson Text", serif;
    font-style: italic; }
    @media screen and (min-width: 48em) {
      .meme-list .show-started {
        font-size: 0.77778em; } }
  .meme-list .submission-stats {
    height: 2.11111em; }
    .meme-list .submission-stats li {
      display: inline-block;
      font-size: 1em;
      font-family: "Crimson Text", serif;
      font-style: italic;
      margin-right: 0.88889em;
      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.27778em; }
  .meme-list > li.bestinmeme .show-info figcaption a {
    color: #f8f1ec; }
  .meme-list > li.bestinmeme .show-info figcaption p {
    color: #333333; }
  .meme-list > li.bestinmeme .submission-stats li {
    color: #333333; }
    .meme-list > li.bestinmeme .submission-stats li:before {
      color: #f8f1ec; }
  .meme-list > li.bestinmeme li.icon-badge {
    font-size: 2.11111em;
    line-height: 1em;
    height: 1em; }
    .meme-list > li.bestinmeme li.icon-badge:before {
      color: #01d4b4; }

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

.akc-match-intro {
  display: block;
  width: 100%;
  text-align: center;
  padding-top: 0.5rem;
  padding-bottom: 1rem; }
  @media screen and (min-width: 48em) {
    .akc-match-intro {
      padding-bottom: 3rem; } }
  .akc-match-intro h1, .akc-match-intro .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .akc-match-intro h2 {
    margin-bottom: 0.8em;
    position: relative; }
    @media screen and (max-width: 767px) {
      .akc-match-intro h1, .akc-match-intro .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .akc-match-intro h2 {
        font-size: 1.5em !important; } }
    @media screen and (min-width: 48em) {
      .akc-match-intro h1 span, .akc-match-intro .you-vs-breed .vs-select .breed h2 span, .you-vs-breed .vs-select .breed .akc-match-intro h2 span {
        display: inline !important; } }
  .akc-match-intro h1:before, .akc-match-intro .you-vs-breed .vs-select .breed h2:before, .you-vs-breed .vs-select .breed .akc-match-intro h2:before, .akc-match-intro h1:after, .akc-match-intro .you-vs-breed .vs-select .breed h2:after, .you-vs-breed .vs-select .breed .akc-match-intro h2:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 17%;
    height: 1px;
    content: '\a0';
    background-color: #bf692c; }
  .akc-match-intro h1:before, .akc-match-intro .you-vs-breed .vs-select .breed h2:before, .you-vs-breed .vs-select .breed .akc-match-intro h2:before {
    margin-left: -18%;
    text-align: right; }
  .akc-match-intro h1:after, .akc-match-intro .you-vs-breed .vs-select .breed h2:after, .you-vs-breed .vs-select .breed .akc-match-intro h2:after {
    margin-left: 1%; }
  .akc-match-intro h2 {
    text-transform: none;
    font-style: italic;
    font-size: 1.05em;
    font-weight: bold;
    padding-bottom: 0.5em; }
    @media screen and (max-width: 767px) {
      .akc-match-intro h2 {
        font-size: 0.9em !important;
        display: inline !important;
        top: -20px;
        position: relative;
        padding-right: 10px; } }
  .akc-match-intro img {
    width: 250px;
    height: 95px; }
    @media screen and (max-width: 767px) {
      .akc-match-intro img {
        width: 150px !important;
        height: 57px !important;
        display: inline !important; } }

.tab-bg img {
  max-height: auto; }
  @media screen and (max-width: 767px) {
    .tab-bg img {
      max-height: 290px !important; } }

.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: 0.5em; }
  .back-and-pagecount::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 48em) {
    .back-and-pagecount {
      position: absolute;
      top: 0;
      left: 0;
      margin-bottom: 0;
      padding: 5px; } }
  .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.83333em;
    font-family: "Lato", sans-serif;
    color: #bf692c; }
    @media screen and (min-width: 48em) {
      .back-and-pagecount h4 {
        float: right;
        font-size: 1.38889em; } }

.match-slide {
  max-width: 65em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 0.55556em 0; }
  .match-slide::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 48em) {
    .match-slide {
      padding: 0;
      min-height: 40em; } }
  .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: 0.8em;
    color: #01d4b4;
    text-align: center;
    margin-bottom: 0;
    line-height: 1.375rem;
    padding: 0 0.5em;
    text-transform: none;
    position: relative;
    z-index: 2; }
    @media screen and (min-width: 48em) {
      .match-slide .match-head {
        font-size: 1.5em;
        line-height: 2.375rem;
        margin-bottom: 1.29032em; }
        .match-slide .match-head .mobile-only {
          display: none; } }
  .match-slide .location-icon {
    margin: 2.5em;
    text-align: center;
    display: block; }
    .match-slide .location-icon svg {
      max-width: 7.22222em;
      fill: gray; }
  @media screen and (min-width: 48em) {
    .match-slide .goto-next-slide, .match-slide .show-me-matches {
      position: absolute;
      bottom: 6.28rem;
      border: none; } }
  .match-slide .show-me-matches {
    font-size: .875em; }
  .match-slide .goto-next-slide {
    text-align: center;
    margin-bottom: 1.11111em; }
    .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: #333333; }
      .match-slide .goto-next-slide a:hover {
        color: #ff5f2d; }
    .match-slide .goto-next-slide .back-btn {
      float: left;
      padding-left: 1.11111em;
      color: #ff5f2d; }
      @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.11111em;
      color: #ff5f2d; }
      .match-slide .goto-next-slide .cont-btn.hide {
        visibility: hidden; }
      @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: 10em; } }
  .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.44444em;
    line-height: 2.44444em;
    border-top: 1px solid #e3e3e3;
    padding: 0.5em 0 0 0;
    margin: 0; }
    @media screen and (min-width: 48em) {
      .match-slide .show-me-matches {
        position: absolute;
        right: 0;
        bottom: 5em;
        border: none;
        text-align: right;
        padding: 0; } }
    .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 2.77778em auto; }
  @media screen and (min-width: 48em) {
    #my-location .location-form {
      margin-bottom: 2.77778em; } }
#my-location .location-form-field {
  position: relative;
  width: 11.11111em;
  margin: 0 auto;
  display: block; }
#my-location .location-form-field-zip {
  width: 5.88235em;
  font-size: 1.88889em;
  font-family: "Crimson Text", serif;
  font-style: italic;
  border: none;
  border-bottom: 1px solid #e3e3e3;
  letter-spacing: .1rem;
  box-shadow: none;
  padding: 0 0 .625rem 0;
  color: #333333; }
  #my-location .location-form-field-zip::-webkit-inner-spin-button, #my-location .location-form-field-zip::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
#my-location .location-form-pin {
  position: absolute;
  right: 0;
  top: 0.44444em;
  display: inline-block;
  width: 0.77778em;
  font-size: 1.22222em;
  color: #ff5f2d; }
#my-location .location-form-field-address {
  margin-top: 1rem;
  display: block;
  font-family: "Montserrat", sans-serif;
  font-size: 1em;
  color: #333333;
  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; }
#my-location input:-webkit-autofill,
#my-location input:-webkit-autofill:hover,
#my-location input:-webkit-autofill:focus,
#my-location input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s; }

#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.83333em; }
  @media screen and (min-width: 48em) {
    #housing-type h3 {
      font-size: 1.11111em; } }
#housing-type #house-apartment {
  position: relative;
  min-height: 18em;
  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: 45.05556em 9.27778em;
      background-position: center 7.22222em; } }
  #housing-type #house-apartment .living-in {
    position: absolute;
    left: 50%;
    top: 0; }
    #housing-type #house-apartment .living-in path {
      fill: #333333; }
  #housing-type #house-apartment .house {
    top: 11.66667em;
    width: 5em;
    margin-left: -2em;
    background-color: #fff; }
    @media screen and (min-width: 48em) {
      #housing-type #house-apartment .house {
        top: 9.5em;
        width: 6.88889em;
        margin-left: -3.44444em; } }
  #housing-type #house-apartment .apartment {
    top: 5.11111em;
    width: 5.88889em;
    margin-left: -2.66667em;
    background-color: #fff; }
    @media screen and (min-width: 48em) {
      #housing-type #house-apartment .apartment {
        top: 0.22222em;
        width: 8.11111em;
        margin-left: -4.05556em; } }
  #housing-type #house-apartment [type=radio]:checked ~ label ~ .living-in svg path {
    fill: #ff5f2d; }
#housing-type .housing-form {
  margin: 0 auto 4.9em auto; }
  #housing-type .housing-form .radio-item {
    width: 48%;
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0; }
    @media screen and (min-width: 48em) {
      #housing-type .housing-form .radio-item {
        width: 31%;
        padding-top: 21.22222em; } }
    @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: 18.44444em; }

.quantity-adjuster h3 {
  font-size: 0.88889em;
  color: #2b2337;
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  padding-bottom: 0.77778em; }
  @media screen and (min-width: 48em) {
    .quantity-adjuster h3 {
      font-size: 1.11111em; } }
  .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.77778em; }
  .quantity-adjuster .plusminus li {
    line-height: 1em;
    display: inline-block;
    border-radius: 100%;
    margin: 5%;
    border: 1px solid #333333;
    width: 2.22222em;
    height: 2.22222em; }
    .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.72222em;
    padding-left: 1px; }
    @media screen and (min-width: 48em) {
      .quantity-adjuster .plusminus a {
        padding-left: 0;
        line-height: 2.11111em;
        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: 65em;
    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: 1em; }
  #roomate-numbers #roomate-list:last-child {
    margin-right: 0; }
  #roomate-numbers #roomate-list p {
    margin-bottom: 0.35em; }
  #roomate-numbers #roomate-list h3 {
    font-size: 0.83333em; }
    @media screen and (min-width: 48em) {
      #roomate-numbers #roomate-list h3 {
        font-size: 1.11111em; } }
  #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: 3.88889em;
      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: 8.38889em;
      margin-bottom: 1.38889em; }
      @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.33333em; } }
      #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.27778em;
      width: 4.38889em;
      fill: #333333;
      -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: 3.61111em 3.5em;
    background-position: 6.9375em 4.6875em; }
    @media screen and (min-width: 48em) {
      #roomate-numbers #roomate-list .dog-vector {
        background-position: 7.94444em 4.16667em; } }
    #roomate-numbers #roomate-list .dog-vector svg {
      top: 1.11111em;
      width: 4.83333em;
      fill: #333333;
      -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: 23em;
    clear: both; }
    @media screen and (min-width: 48em) {
      #quality-time-type .slider-tabs, #cleanliness-level .slider-tabs {
        min-height: 24.5em;
        margin: 1.38889em 0; } }
    #quality-time-type .slider-tabs:after, #cleanliness-level .slider-tabs:after {
      content: "";
      position: absolute;
      z-index: 1;
      left: 50%;
      margin-left: -44%;
      bottom: 4.72222em;
      height: 0.05556em;
      width: 88%; }
      @media screen and (min-width: 48em) {
        #quality-time-type .slider-tabs:after, #cleanliness-level .slider-tabs:after {
          bottom: 4.66667em;
          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 - 72px); }
    @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.11111em; }
      @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.11111em;
      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: 0.5em;
    background: #fff;
    border-radius: 100%;
    height: 2.33333em;
    width: 2.33333em;
    border: 1px solid #979891;
    display: block;
    margin-left: -0.05556em;
    position: relative;
    top: 17em;
    left: 0.05556em;
    z-index: 99; }
    @media screen and (min-width: 48em) {
      #quality-time-type .tab-item label, #cleanliness-level .tab-item label {
        height: 2.77778em;
        width: 2.77778em; } }
    #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: 1em; }
      @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.22222em; } }
    #quality-time-type .tab-item label h3, #cleanliness-level .tab-item label h3 {
      position: absolute;
      margin-left: 50%;
      left: -5.25em;
      font-size: 0.61111em;
      margin-top: 0.5em;
      width: 10.5em;
      text-align: center;
      word-wrap: break-word;
      font-weight: normal;
      letter-spacing: .1em;
      color: #333333; }
      @media screen and (min-width: 48em) {
        #quality-time-type .tab-item label h3, #cleanliness-level .tab-item label h3 {
          font-size: 1.11111em;
          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: 15.27778em;
    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: 18.61111em;
        overflow: visible; } }
    #quality-time-type .content img, #cleanliness-level .content img {
      min-width: 48em;
      margin-left: -14.25em;
      margin-top: 0; }
      @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: #333333; }
    #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 {
  margin-bottom: 0;
  min-height: 21.5em; }
  @media screen and (min-width: 48em) {
    #cleanliness-level .slider-tabs {
      margin-bottom: 0; } }
#cleanliness-level .tab-item label {
  top: 16em; }
  @media screen and (min-width: 48em) {
    #cleanliness-level .tab-item label {
      top: 19em; } }
#cleanliness-level .content {
  height: 16.66667em; }
  @media screen and (min-width: 48em) {
    #cleanliness-level .content {
      height: 20.77778em;
      max-height: 20.77778em; } }
  #cleanliness-level .content .tab-bg {
    width: 100%;
    overflow: hidden !important; }
    #cleanliness-level .content .tab-bg img {
      position: absolute;
      bottom: 0;
      left: -2.22222em;
      min-width: 0;
      max-width: 100%;
      margin-left: 0;
      margin-top: 0; }
  #cleanliness-level .content .vac-icon {
    display: none;
    position: absolute;
    left: 60%;
    bottom: 0.5em;
    width: 25%;
    z-index: 9;
    margin-left: -33%;
    margin-top: 0;
    min-width: 0;
    /*  &:before {
            font-size: 300%;
            @include media(\$tablet) {
                font-size: 1300%;
            }
        } */ }
    @media screen and (min-width: 48em) {
      #cleanliness-level .content .vac-icon {
        bottom: 1.11111em;
        width: 11.38889em; } }
#cleanliness-level .tab-item:first-child .content .vac-icon {
  margin-left: -5%;
  right: auto;
  left: 0em; }
  @media screen and (min-width: 48em) {
    #cleanliness-level .tab-item:first-child .content .vac-icon {
      left: -5.55556em; } }
#cleanliness-level .tab-item:last-child .content .vac-icon {
  right: 0em;
  left: auto; }
  @media screen and (min-width: 48em) {
    #cleanliness-level .tab-item:last-child .content .vac-icon {
      right: -1.38889em; } }
#cleanliness-level [type=radio]:checked ~ label ~ .content .vac-icon {
  display: block; }

#noise-level .match-head {
  margin-bottom: 1.11111em; }
  @media screen and (min-width: 48em) {
    #noise-level .match-head {
      margin-bottom: 4.44444em; } }
#noise-level .volume-bar {
  margin-top: 7.66667em;
  margin-bottom: 2em;
  padding: 0 1.11111em; }
  @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: 65em;
      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: 5.55556em;
    left: -2.94444em;
    width: 2.22222em; }
    #noise-level .vol-icons li:last-child {
      top: 2.77778em;
      left: auto;
      right: -3.94444em;
      width: 3.22222em; }
#noise-level .vol-scale {
  max-width: 65em;
  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.66667em;
    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: 65em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3em;
  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: 0em; }
  .results-intro h3 {
    text-align: center;
    position: relative;
    color: #333333;
    padding: 1.5em 0.5em; }
  .results-intro h3:before, .results-intro h3:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 10%;
    height: 1px;
    content: '\a0';
    background-color: #333333; }
  .results-intro h3:before {
    margin-left: -10.5%;
    text-align: right; }
  .results-intro h3:after {
    margin-left: 0.5%; }
  .results-intro p {
    width: 100%;
    color: #333333;
    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 h3 {
    text-align: center;
    position: relative;
    color: #333333; }
  .results-grid .result-title:before, .results-grid .result-title:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 10%;
    height: 1px;
    content: '\a0';
    background-color: #333333; }
  .results-grid .result-title:before {
    margin-left: -10.5%;
    text-align: right; }
  .results-grid .result-title:after {
    margin-left: 0.5%; }

.results-grid-swiper {
  width: 100%;
  float: left;
  height: 100%;
  padding-bottom: 2em; }
  @media screen and (min-width: 61em) {
    .results-grid-swiper .pagination {
      display: none; } }
  .results-grid-swiper .wrapper {
    margin-left: auto;
    margin-right: auto;
    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: 14.72222em; } }
  @media screen and (min-width: 61em) {
    .slide {
      width: 20%; } }

.compare-results-grid .slide {
  margin: 0 0.15625em; }
  .compare-results-grid .slide:first-child {
    margin-right: 0.15625em; }
  .compare-results-grid .slide:last-child {
    margin-left: 0.15625em; }
.compare-results-grid .pagination {
  display: block; }
  @media screen and (min-width: 28.75em) {
    .compare-results-grid .pagination {
      display: none; } }

.result-dog {
  display: block;
  float: left;
  border-right: 1px solid #fff; }
  .result-dog .result-image-wrap {
    cursor: default; }
  .result-dog .result-image {
    width: 45vw;
    height: 45vw;
    position: relative; }
    .result-dog .result-image img {
      height: 100%; }
    @media screen and (min-width: 41em) {
      .result-dog .result-image {
        width: 13em;
        height: 13em;
        margin: 0 auto; } }
  .result-dog h3 {
    text-align: center;
    color: #333333;
    padding: 0 .75rem;
    height: 5rem;
    position: relative;
    font-size: .7rem;
    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: .7em;
    padding: 1.25rem 1.1rem;
    display: table;
    top: -1em;
    width: 100%;
    height: 11rem; }
    @media screen and (min-width: 48em) {
      .result-dog .callout {
        height: 12rem;
        font-size: .8em; } }
    .result-dog .callout span {
      font-size: .6rem;
      line-height: 0.9rem;
      display: table-cell;
      vertical-align: middle; }
      @media screen and (min-width: 48em) {
        .result-dog .callout span {
          font-size: .85rem;
          line-height: 1.25rem; } }
    .result-dog .callout:after {
      background-color: #01d4b4;
      width: 1em;
      height: 1em;
      left: 50%;
      margin-left: -.5em;
      top: -.5em; }
  .result-dog:last-child {
    border: none; }
  .result-dog .small-table {
    width: 100%;
    padding-top: 1.25em;
    margin-top: .5em; }
    .result-dog .small-table li.results-find-puppies {
      line-height: 100px;
      height: 100px;
      display: block;
      background: #ff5f2d !important;
      padding: 0 !important;
      text-align: center !important; }
    .result-dog .small-table li.results-find-puppies:hover {
      background: #D95126 !important; }
    .result-dog .small-table li {
      display: table;
      letter-spacing: 0;
      width: 100%;
      text-align: center;
      font-family: "Montserrat", sans-serif;
      color: #333333;
      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: #fcf8f5; }
      .result-dog .small-table li:last-child {
        background-color: #fff; }
      .result-dog .small-table li .btn {
        font-size: 0.9em;
        width: 100%;
        height: 8.5em;
        display: table-cell;
        margin: 0 auto;
        vertical-align: middle;
        line-height: normal; }
  .result-dog.add {
    margin-top: 5em;
    position: relative; }
    .result-dog.add .add-block {
      height: inherit;
      background-color: #3d2d56; }
      @media screen and (max-width: 767px) {
        .result-dog.add .add-block .icon-add-dog {
          padding-top: 1.5em; } }
    .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: 2em;
      padding-bottom: 0; }
    .result-dog.add.compare-results-add {
      margin-top: 5em; }
      .result-dog.add.compare-results-add .add-block {
        margin: auto; }
        @media screen and (min-width: 1em) {
          .result-dog.add.compare-results-add .add-block {
            height: 45vw;
            width: 45vw; } }
        @media screen and (min-width: 41em) {
          .result-dog.add.compare-results-add .add-block {
            width: 13em;
            height: 13em; } }
        @media screen and (min-width: 47em) {
          .result-dog.add.compare-results-add .add-block {
            height: 13em; } }
        @media screen and (min-width: 63em) {
          .result-dog.add.compare-results-add .add-block {
            height: 13em; } }
        @media screen and (min-width: 80em) {
          .result-dog.add.compare-results-add .add-block {
            height: 13em; } }
        .result-dog.add.compare-results-add .add-block a {
          height: inherit; }

.results-chosen {
  margin-top: 1em;
  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: 0em;
    margin-top: 2em; }
  .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;
    color: #333333; }
  .results-other h3:before, .compare-matches h3:before, .my-dogs h3:before, .my-favorites h3:before, .results-other h3:after, .compare-matches h3:after, .my-dogs h3:after, .my-favorites h3:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 10%;
    height: 1px;
    content: '\a0';
    background-color: #333333; }
  .results-other h3:before, .compare-matches h3:before, .my-dogs h3:before, .my-favorites h3:before {
    margin-left: -10.5%;
    text-align: right; }
  .results-other h3:after, .compare-matches h3:after, .my-dogs h3:after, .my-favorites h3:after {
    margin-left: 0.5%; }
  .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: 0 0.7375em; } }
    .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; }
  .results-other .btn.redorange, .compare-matches .btn.redorange, .my-dogs .btn.redorange, .my-favorites .btn.redorange {
    font-size: 0.7rem; }

.startover {
  text-align: center; }
  .startover .btn {
    margin: 2em 0 1em; }
    @media screen and (min-width: 48em) {
      .startover .btn {
        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: 13em;
      height: 13em; } }
  .match .data {
    float: left;
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
    width: 100%; }
  .match .name {
    float: left;
    position: relative;
    text-decoration: none;
    z-index: 10;
    background: #3d2d56;
    font: bold 0.8375em "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 #333333;
      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.33333em; }

.info-item {
  padding-top: 3.33333em; }
  @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.83333em; }
    .info-item:nth-child(4) ul {
      padding-top: 1.11111em;
      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.83333em; }
  .info-item p, .info-item dd {
    font-size: 0.83333em;
    color: #333333;
    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.72222em;
    color: #333333;
    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.83333em;
    border-top: 1px solid #eee; }
    .info-item .achievements dt {
      font-size: 0.72222em;
      display: inline-block;
      color: #ccc;
      font-family: "Lato", sans-serif;
      font-style: normal;
      margin-right: 0.27778em;
      margin-top: 0.11111em; }
    .info-item .achievements dd {
      display: inline-block;
      margin-right: 2.22222em; }

.dog-album {
  overflow: hidden;
  position: relative;
  margin-bottom: 3rem;
  margin-top: 3rem; }
  .dog-album input {
    margin: 0 auto;
    max-width: 65em; }
  .dog-album > article {
    margin-bottom: 2.22222em;
    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.55556em; }
  .dog-album .dog-age-swiper {
    position: relative;
    margin: 0 auto;
    margin-top: 5em;
    overflow: hidden;
    max-width: 77.77778em; }
  .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: #333333; }
      .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.11111em;
    clear: both;
    float: left;
    width: 100%; }
  .dog-album .slider-arrow {
    display: none;
    position: absolute;
    width: 3.11111em;
    height: 5.55556em;
    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: 30.55556em; } }
    .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: 5.55556em; }
    .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: 1;
  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: 65em;
      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: 10.83333em; } }
    .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: 10.83333em;
    text-align: center; }
    .dog-photo-grid .empty a {
      display: block;
      height: 100%;
      text-decoration: none;
      font: 0.83333em "Montserrat", sans-serif;
      text-transform: uppercase;
      padding: 1.73333em; }
      .dog-photo-grid .empty a small {
        display: block;
        font: 0.77778em "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 .swipe-add {
  text-align: center;
  position: relative; }
  @media screen and (min-width: 1em) {
    .to-compare .swipe-add {
      display: block;
      top: 2em; } }
  @media screen and (min-width: 37em) {
    .to-compare .swipe-add {
      display: none; } }
.to-compare article {
  padding-top: 0em; }
.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: 0.5em;
      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: #333333;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0.5em; }
    @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 .callout h1 .results-vs, .to-compare .callout .you-vs-breed .vs-select .breed h2 .results-vs, .you-vs-breed .vs-select .breed .to-compare .callout h2 .results-vs {
      font-size: 1em; }
.to-compare .compare.btn {
  width: 13em;
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .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 .comparison {
  z-index: 999;
  position: relative;
  margin-top: 3em;
  margin: 0 auto 50px auto;
  width: 100%;
  overflow: hidden; }
  @media screen and (min-width: 1em) {
    .to-compare .comparison {
      height: 144vw; } }
  @media screen and (min-width: 37em) {
    .to-compare .comparison {
      height: 40em; } }
  @media screen and (min-width: 63em) {
    .to-compare .comparison {
      height: 46em; } }
  @media screen and (min-width: 80em) {
    .to-compare .comparison {
      height: 38em; } }
  .to-compare .comparison .swipe-add a {
    text-decoration: none; }
  .to-compare .comparison .comparison-list {
    width: inherit;
    height: inherit;
    float: left; }
    @media screen and (min-width: 1em) {
      .to-compare .comparison .comparison-list {
        height: 45vw; } }
    @media screen and (min-width: 37em) {
      .to-compare .comparison .comparison-list {
        height: 12em; } }
    @media screen and (min-width: 80em) {
      .to-compare .comparison .comparison-list {
        width: auto; } }
    .to-compare .comparison .comparison-list .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; }
    @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 {
    cursor: default;
    width: 100%;
    float: left;
    position: relative;
    display: inline-block;
    height: inherit; }
    @media screen and (min-width: 1em) {
      .to-compare .comparison .slide {
        width: 45vw; } }
    @media screen and (min-width: 37em) {
      .to-compare .comparison .slide {
        margin-right: .25em;
        width: 7em; } }
    @media screen and (min-width: 63em) {
      .to-compare .comparison .slide {
        margin-right: .25em;
        width: 12em; } }
    .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: -1em;
          margin-top: -1.25em; } }
      @media screen and (min-width: 80em) {
        .to-compare .comparison .slide:before {
          right: -1.5em;
          margin-top: -1.25em; } }
    .to-compare .comparison .slide .hacky-select {
      margin-top: 10px;
      width: inherit; }
      @media screen and (min-width: 1em) {
        .to-compare .comparison .slide .hacky-select figcaption {
          font-size: 0.5em;
          top: 13px;
          right: 13px; } }
      .to-compare .comparison .slide .hacky-select .chosen-select {
        font-size: 0.7em;
        width: inherit;
        height: 30px; }
        @media screen and (min-width: 24em) {
          .to-compare .comparison .slide .hacky-select .chosen-select {
            font-size: 1em; } }
    .to-compare .comparison .slide:last-child:before {
      display: none; }
    .to-compare .comparison .slide.add {
      margin-top: 0; }
      .to-compare .comparison .slide.add .add-block {
        height: inherit; }
        @media screen and (min-width: 63em) {
          .to-compare .comparison .slide.add .add-block {
            height: 20em; }
            .to-compare .comparison .slide.add .add-block .icon-add-dog {
              padding-top: 3.5em; } }
    @media screen and (min-width: 63em) and (min-width: 80em) {
      .to-compare .comparison .slide.add .add-block .icon-add-dog {
        padding-top: 2.5em; } }

        @media screen and (min-width: 80em) {
          .to-compare .comparison .slide.add .add-block {
            height: inherit; } }
    .to-compare .comparison .slide .chosen-container-single span {
      font-size: 0.8em;
      line-height: 4.4em; }
  .to-compare .comparison .match {
    cursor: default;
    position: relative;
    width: 100%;
    overflow: visible; }
    @media screen and (min-width: 1em) {
      .to-compare .comparison .match {
        height: 9em; } }
    @media screen and (min-width: 22em) {
      .to-compare .comparison .match {
        height: 11em; } }
    @media screen and (min-width: 25em) {
      .to-compare .comparison .match {
        height: 12em; } }
    @media screen and (min-width: 37em) {
      .to-compare .comparison .match {
        height: 11em; } }
    @media screen and (min-width: 43em) {
      .to-compare .comparison .match {
        height: 15em; } }
    @media screen and (min-width: 63em) {
      .to-compare .comparison .match {
        height: 14em; } }
    @media screen and (min-width: 80em) {
      .to-compare .comparison .match {
        height: inherit; } }
    .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: -5em; }
  .to-compare .comparison .slide:nth-last-child(2)::before {
    background: transparent none repeat scroll 0 0; }
  .to-compare .comparison .slide.empty:first-child .match {
    background: url("/assets/icons/scottish-terrier.svg") no-repeat center;
    background-size: 35%; }
  .to-compare .comparison .slide.empty:nth-child(2) .match {
    background: url("/assets/icons/lab.svg") no-repeat center;
    background-size: 35%; }
  .to-compare .comparison .empty .match {
    background: url("/assets/icons/scottish-terrier.svg") no-repeat center;
    background-size: 35%;
    position: relative;
    border: 3px solid #e3e3e3; }
    .to-compare .comparison .empty .match:after {
      box-shadow: none; }
  .to-compare .comparison .pagination.compare-select-pagination {
    position: absolute;
    bottom: 14em;
    z-index: -1000; }
  @media screen and (min-width: 28.75em) {
    .to-compare .comparison .pagination {
      display: none; } }
.to-compare .all-breeds {
  margin-top: 0.5em;
  margin-bottom: 2em; }
  .to-compare .all-breeds h1, .to-compare .all-breeds .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .to-compare .all-breeds h2 {
    margin-top: 0; }
@media screen and (min-width: 1em) {
  .to-compare {
    margin-top: 0em;
    margin-bottom: 0.5em; } }
@media screen and (min-width: 37em) {
  .to-compare {
    margin-top: 0em;
    margin-bottom: 1em; } }

.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: 1em; }
.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; } }

.compare-matches .match .interaction .icon-check {
  line-height: 9rem; }

.my-favorites h1, .my-favorites .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .my-favorites h2 {
  margin-top: 0; }

.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; }

.after-comparison {
  position: relative;
  z-index: 1000; }
  @media screen and (min-width: 1em) {
    .after-comparison {
      top: -16em; } }
  @media screen and (min-width: 37em) {
    .after-comparison {
      top: -20em; } }
  @media screen and (min-width: 63em) {
    .after-comparison {
      top: -27em; } }
  @media screen and (min-width: 80em) {
    .after-comparison {
      top: -20em; } }

.error404 {
  max-width: 65em;
  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: #333333;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 2rem;
    font-family: "Montserrat", sans-serif;
    font-size: .7rem;
    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; } }
    @media screen and (min-width: 64em) {
      .error404 p.delegate-login {
        white-space: nowrap; } }
    @media screen and (max-width: 767px) {
      .error404 p.delegate-login #my-akc-nav-sign-in {
        display: block;
        clear: both; } }

.giphy {
  background-color: #fcf8f5;
  position: relative; }
  .giphy article {
    max-width: 65em;
    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 #333333;
      padding: 0 15px; }
      .giphy .microsites-404 li a {
        color: #333333;
        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; }

@media screen and (orientation: portrait) and (min-width: 601px) {
  #dfp_leftrail {
    display: none; }

  #site-main > .inner #sidebar-left a {
    padding: 7px 1.5em 7px 0;
    font-size: 0.8rem !important; }

  .content-column ul li.links-container.open ul li.child {
    height: auto; }

  .mobile-content-menu .content-column .icon-arrow.icon-menu-arrow {
    bottom: 21px !important; } }
@media screen and (orientation: portrait) {
  #site-main > .inner #sidebar-left .ad {
    text-align: center !important; } }
.layout-training #site-main > .inner #sidebar-left {
  display: block; }
  @media screen and (max-width: 768px) {
    .layout-training #site-main > .inner #sidebar-left {
      margin-top: 2em;
      /* /content list pages item lists -- image set to fill entire area of thumbnail. Actual contained image is hidden, but displayed via bkgd of div */ }
      .layout-training #site-main > .inner #sidebar-left .no-small {
        display: none; }
      .layout-training #site-main > .inner #sidebar-left .small-only {
        display: block; }
      .layout-training #site-main > .inner #sidebar-left .list-thumb {
        visibility: hidden; }
      .layout-training #site-main > .inner #sidebar-left .list-link {
        display: block;
        width: 100%;
        height: 164px; }
      .layout-training #site-main > .inner #sidebar-left .block ul li.active {
        font-weight: bold; } }
  .layout-training #site-main > .inner #sidebar-left li.parent.active a, .layout-training #site-main > .inner #sidebar-left li.parent.hovered a {
    display: inline-block;
    width: initial; }
  @media screen and (min-width: 768px) {
    .layout-training #site-main > .inner #sidebar-left .no-small {
      display: block; } }

.embeds_media_list, .embed_articles_display, .embed_photos_display, .embed_videos_display {
  overflow-x: hidden;
  /* /content list pages item lists -- image set to fill entire area of thumbnail. Actual contained image is hidden, but displayed via bkgd of div */ }
  .embeds_media_list #hero, .embed_articles_display #hero, .embed_photos_display #hero, .embed_videos_display #hero {
    clear: both;
    top: -30px; }
  .embeds_media_list #site-main, .embed_articles_display #site-main, .embed_photos_display #site-main, .embed_videos_display #site-main {
    top: -32px; }
  .embeds_media_list .list-thumb, .embed_articles_display .list-thumb, .embed_photos_display .list-thumb, .embed_videos_display .list-thumb {
    visibility: hidden; }
  .embeds_media_list .list-link, .embed_articles_display .list-link, .embed_photos_display .list-link, .embed_videos_display .list-link {
    display: block;
    width: 100%;
    height: 164px; }

.content-column ul {
  margin: 1em 0;
  list-style-type: none; }
  .content-column ul li.colhead {
    display: block;
    position: relative; }
  .content-column ul li.links-container ul {
    display: none;
    margin: 0;
    padding: 0;
    background: #fcf8f5; }

.small-only .content-column, .small-only.mobile-content-menu .content-column {
  display: none; }

@media screen and (min-width: 768px) {
  .small-only .content-column, .small-only.mobile-content-menu .content-column {
    display: block; } }
.small-only .content-column.active ul li.links-container ul {
  display: block; }

.small-only.mobile-content-menu.expanded .content-column.active {
  display: block; }

.small-only.expanded .content-column, .small-only .content-column.open {
  display: block; }

.small-only.expanded .content-column.phantom-column, .small-only .content-column.phantom-column {
  display: none; }

.content-column .colhead {
  color: #3d2d56;
  font-weight: normal;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-size: .8em;
  border-bottom: solid 1px #e3e3e3;
  padding: .5em; }
  .content-column .colhead.active {
    color: #ff9c00; }

.content-column ul li.links-container ul li a {
  padding-left: .5em;
  padding-top: 1em;
  padding-bottom: 1em;
  font-size: .8rem;
  line-height: 1.2em;
  font-family: "Lato", sans-serif;
  display: block; }

.content-column ul li.links-container ul li.child {
  height: 32px;
  display: block;
  border-bottom: 1px solid #ccc; }
  .content-column ul li.links-container ul li.child a {
    padding-top: 7px; }

#site-main > .inner #sidebar-left .block .content-column ul li.links-container ul {
  display: none;
  margin-bottom: -1em; }

#site-main > .inner #sidebar-left .block .content-column ul li.links-container.open ul, #site-main > .inner #sidebar-left .block .content-column.active ul li.links-container ul {
  display: block; }

.mobile-content-menu .content-column.initial .open .icon-subtract, .mobile-content-menu .content-column.initial .open .icon-plus {
  display: none; }
.mobile-content-menu h3.title {
  padding: .5em;
  padding-left: 0.4em;
  color: #ff9c00;
  font-weight: normal;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-size: 16px;
  text-transform: none;
  line-height: 1.2em;
  border-bottom: solid 1px #e3e3e3;
  border-top: solid 1px #e3e3e3;
  background: #fcf8f5; }
  .mobile-content-menu h3.title .icon-arrow {
    display: inline-block;
    position: absolute;
    right: 25px;
    bottom: 10px;
    font-size: .7em;
    color: #ff5f2d; }
  .mobile-content-menu h3.title .icon-plus {
    display: block; }
  .mobile-content-menu h3.title .icon-subtract {
    display: none; }
.mobile-content-menu .content-column .icon-arrow {
  display: inline-block;
  position: absolute;
  right: 7px;
  bottom: 12px;
  font-size: .7em;
  color: #ff5f2d; }
  .mobile-content-menu .content-column .icon-arrow.icon-menu-arrow {
    color: #333;
    float: right;
    position: relative;
    bottom: 27px; }
.mobile-content-menu .content-column .icon-subtract, .mobile-content-menu .content-column.initial .icon-subtract, .mobile-content-menu .content-column.initial .icon-plus {
  display: none; }
.mobile-content-menu .content-column .icon-plus {
  display: inline-block; }
.mobile-content-menu .content-column .open .icon-subtract {
  display: inline-block; }
.mobile-content-menu .content-column .open .icon-plus, .mobile-content-menu .content-column.initial .open .icon-plus, .mobile-content-menu .content-column.initial .open .icon-minus {
  display: none; }
.mobile-content-menu .content-column .no-icons .open .icon-subtract, .mobile-content-menu .content-column .no-icons .open .icon-plus,
.mobile-content-menu .content-column .no-icons .icon-subtract, .mobile-content-menu .content-column .no-icons .icon-plus,
.mobile-content-menu .mobile-content-menu .content-column .no-icons .icon-plus, .mobile-content-menu .mobile-content-menu .content-column .no-icons .icon-minus {
  display: none; }

.mobile-content-menu.expanded h3 .icon-plus {
  display: none; }
.mobile-content-menu.expanded h3 .icon-subtract {
  display: inline-block; }

@media screen and (min-width: 768px) {
  /* Hide content-nav plus, minus icons on tablet-plus */
  .mobile-content-menu h3.title .icon-plus, .mobile-content-menu h3.title .icon-subtract {
    display: none; }

  /* Bold current section in content-nav, tablet-plus */
  #site-main > .inner #sidebar-left .block ul li.active {
    font-weight: bold; }

  /* Expose subsections of current section in content-nav, tablet-plus  */
  #site-main > .inner #sidebar-left .block .content-column.active ul li.links-container ul {
    display: block; }

  /* Expose unselected sections in content-nav, tablet-plus  */
  .small-only .content-column {
    display: block; }

  .embeds_media_list, .embed_articles_display, .embed_photos_display, .embed_videos_display {
    overflow-x: hidden; }
    .embeds_media_list .desktop, .embed_articles_display .desktop, .embed_photos_display .desktop, .embed_videos_display .desktop {
      display: block;
      padding: 8px; }
    .embeds_media_list .mobile, .embed_articles_display .mobile, .embed_photos_display .mobile, .embed_videos_display .mobile {
      display: none; }

  li.parent.active a, li.parent.hovered a {
    display: block;
    width: 100%; }

  #site-main > .inner #sidebar-right ul {
    list-style-type: none; }

  .layout-training.articles #site-main > .inner {
    display: table; }
    .layout-training.articles #site-main > .inner #content {
      display: table-cell;
      padding-right: 2em; }
    .layout-training.articles #site-main > .inner #sidebar-right {
      display: table-cell;
      float: none; }
      .layout-training.articles #site-main > .inner #sidebar-right > div#sidebar-right-end {
        min-width: 100%;
        background-color: #fff;
        min-height: 1000px;
        position: absolute;
        bottom: 0;
        margin-bottom: 0; }
  .layout-training.articles .article-details-head .article-details-head-left {
    max-width: 71%; }
  .layout-training.articles #content article .share {
    width: 203px; }
  .layout-training.articles #article_banner {
    height: 585px;
    width: 100%;
    margin-bottom: 2em;
    padding-top: 1em;
    clear: both; }
    .layout-training.articles #article_banner img {
      display: none; }
  .layout-training.articles #article_banner .mast-media-bg {
    height: 585px;
    width: 100%; }
  .layout-training.articles #site-main > .inner #sidebar-right {
    background-color: #f5f5f5;
    min-width: 316px; }
  .layout-training.articles #sidebar-right-contents, .layout-training.articles #sidebar-right-ad {
    min-width: 266px;
    position: absolute;
    /* top, left remain unset, so they are inherited from the container */ }
  .layout-training.articles #sidebar-right-ad {
    margin: 0; }
  .layout-training.articles #masthead {
    clear: both;
    top: -32px;
    z-index: 5002;
    position: relative;
    text-align: center;
    overflow: hidden; }
    .layout-training.articles #masthead .ad {
      background-color: #f5f5f5;
      padding: 1em; }

  .layout-photogallery #sidebar-right-contents, .layout-photogallery #sidebar-right-ad {
    min-width: 266px;
    margin-top: 30px;
    position: absolute;
    /* top, left remain unset, so they are inherited from the container */ }
  .layout-photogallery .photo-gallery-page #content {
    min-height: 1000px; }

  .layout-training.videos #sidebar-right-contents, .layout-training.videos #sidebar-right-ad {
    min-width: 266px;
    margin-top: 30px;
    position: absolute;
    /* top, left remain unset, so they are inherited from the container */ }
  .layout-training.videos #sidebar-right > ul {
    margin: 0;
    padding: 0; }
  .layout-training.videos #site-main > .inner #sidebar-right > div {
    margin-bottom: 0; }
  .layout-training.videos .video-page #content {
    min-height: 1000px; } }
@media screen and (max-width: 767px) {
  .embed_articles_display .desktop {
    display: none; }
  .embed_articles_display .mobile {
    display: block; }
  .embed_articles_display #masthead {
    padding: 1.5em 0; }
    .embed_articles_display #masthead .ad.mobile {
      margin: 4.3em -20px 0.5em -20px;
      padding-left: 0;
      padding-right: 0; } }
  @media screen and (max-width: 767px) and (max-width: 767px) {
    .embed_articles_display #masthead {
      overflow: visible; } }
@media screen and (max-width: 767px) {
  .embed_articles_display #site-main {
    margin-top: 1em; }
    .embed_articles_display #site-main .content {
      clear: both; }
      .embed_articles_display #site-main .content #article_banner {
        position: relative;
        top: -10px; }
        .embed_articles_display #site-main .content #article_banner .mast {
          max-height: 280px;
          height: 280px; }
      .embed_articles_display #site-main .content #inner-ad {
        padding-bottom: 1.5em; } }
@media screen and (max-width: 970px) and (min-width: 625px) {
  .no-tablet {
    display: none; }

  .layout-photogallery #site-main > .inner #sidebar-right + #content,
  .layout-training.videos #site-main > .inner #sidebar-right + #content {
    width: 100%;
    padding-right: 7.5%; }
  .layout-photogallery #site-main > .inner #sidebar-right,
  .layout-training.videos #site-main > .inner #sidebar-right {
    display: none; }

  .layout-training.articles #site-main > .inner #sidebar-right {
    display: none; } }
@media screen and (max-width: 767px) {
  .layout-training.videos #hero {
    margin-top: 120px; }

  .layout-photogallery #hero {
    margin-top: 40px; } }
@media screen and (min-width: 64em) {
  .layout-sections .featured-story-image {
    min-height: 164px;
    max-height: 164px;
    overflow: hidden; } }
@media screen and (max-width: 767px) {
  .layout-sections .featured-story-image .list-link {
    height: 70px; } }
@media screen and (min-width: 48em) {
  .layout-sections .featured-story-image {
    min-height: 72px; } }
.layout-sections #hero {
  clear: left; }

@media screen and (min-width: 970px) {
  .akc-store .blog-holder, .akc-store .event-holder {
    max-width: none; }
  .akc-store main.main-page {
    background: url("http://cdn.akc.org/akccontentimages/store-bkgd.jpg") no-repeat top center;
    background-size: cover; }
  .akc-store .breadcrumbs, .akc-store .wide-short-photo-row, .akc-store .mast-cont {
    display: none; }
  .akc-store h3 {
    font-size: 1.25em !important; }
  .akc-store h1, .akc-store .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .akc-store h2 {
    font-size: 2.5em !important; }
  .akc-store #store-intro {
    background-color: #ccc;
    padding: 1em;
    text-align: center;
    margin: 0px -9px 2.5em -9px; }
    .akc-store #store-intro h1, .akc-store #store-intro .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .akc-store #store-intro h2, .akc-store #store-intro h3 {
      color: #3d2c56 !important; }
  .akc-store #store-left, .akc-store #store-right {
    width: 300px;
    min-height: 700px;
    text-align: center; }
    .akc-store #store-left ul, .akc-store #store-left li, .akc-store #store-right ul, .akc-store #store-right li {
      list-style: none; }
    .akc-store #store-left a, .akc-store #store-right a {
      text-decoration: none; }
  .akc-store #store-left {
    background-color: #3d2c56;
    float: left;
    margin-left: 10%;
    border: 20px solid rgba(255, 255, 255, 0.5);
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box; }
    .akc-store #store-left h3, .akc-store #store-left a {
      color: #fff !important;
      margin-top: 16px;
      text-transform: uppercase; }
    .akc-store #store-left .icon {
      text-align: center;
      width: 100%; }
      .akc-store #store-left .icon img {
        height: 42px;
        margin-top: 10px; }
  .akc-store #store-right {
    background-color: #f2a43a;
    float: right;
    margin-right: 10%;
    border: 20px solid rgba(255, 255, 255, 0.5);
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box; }
    .akc-store #store-right h3, .akc-store #store-right a {
      color: #3d2c56 !important;
      margin-top: 16px;
      text-transform: uppercase; }
    .akc-store #store-right .icon {
      text-align: center;
      width: 100%; }
      .akc-store #store-right .icon img {
        height: 52px;
        margin-top: 10px; }
  .akc-store .mobile-only {
    display: none; }
  .akc-store .no-mobile {
    display: initial; }
  .akc-store .entry-contain ul, .akc-store .event-contain ul {
    margin-left: 0; } }
@media screen and (max-width: 969px) {
  .akc-store main.main-page {
    background: url("http://cdn.akc.org/akccontentimages/store-bkgd.jpg") no-repeat top center;
    background-size: cover;
    min-height: 400px; }
  .akc-store .breadcrumbs, .akc-store .wide-short-photo-row, .akc-store .mast-cont {
    display: none; }
  .akc-store #store-intro {
    margin: 4em 0 4.5em 0;
    text-align: center; }
    .akc-store #store-intro h1, .akc-store #store-intro .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .akc-store #store-intro h2, .akc-store #store-intro h3 {
      color: #fff !important; }
  .akc-store #store-left, .akc-store #store-right {
    float: left;
    width: 48%;
    padding: 8px 0px 0px 5px; }
    .akc-store #store-left ul, .akc-store #store-right ul {
      display: none; }
  .akc-store #store-left {
    background-color: #3d2c56;
    float: left; }
    .akc-store #store-left a {
      color: #fff !important; }
      .akc-store #store-left a span {
        position: relative;
        top: 10px; }
  .akc-store #store-right {
    background-color: #f2a43a;
    float: right; }
    .akc-store #store-right a {
      color: #3d2c56 !important; }
      .akc-store #store-right a span {
        position: relative;
        top: 3px; }
  .akc-store .mobile-only {
    display: initial; }
    .akc-store .mobile-only a {
      display: block;
      width: 100%;
      height: 47px;
      padding: 5px;
      font-size: 0.8em; }
      .akc-store .mobile-only a .icon {
        height: 52px;
        float: left;
        position: relative;
        top: -7px;
        left: -2px;
        margin-right: 5px; }
  .akc-store .no-mobile {
    display: none; }
  .akc-store .entry-contain img.img-responsive, .akc-store .event-contain img.img-responsive {
    display: inherit;
    width: auto !important;
    height: inherit;
    padding: inherit; } }
@media screen and (max-width: 970px) and (min-width: 625px) {
  .akc-store #store-right a span {
    top: 10px; } }
@media screen and (min-width: 48em) {
  .akc-store main.main-page {
    min-height: 520px; }
  .akc-store #store-left a span,
  .akc-store #store-right a span {
    top: 9px; }
  .akc-store .mobile-only a {
    font-size: 1em; } }
.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: #333333; }

.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.38889em 0; }

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

.search-results-none-subhead {
  font-size: 0.94444em;
  color: #333333;
  margin: 0.38889em 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.05556em;
    height: 5.55556em;
    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: 5.55556em; }
    .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.5em;
        top: 1.1em;
        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.33333em; }

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; }

@font-face {
  font-family: "Proxima N W01 At Reg";
  src: url("../../fonts/96676c88-bae1-468a-acf5-fa74fdb2b736.eot?#iefix");
  src: url("../../fonts/96676c88-bae1-468a-acf5-fa74fdb2b736.eot?#iefix") format("eot"), url("../../fonts/a7333c48-140e-4bcb-a574-a2dcfcd4a621.woff2") format("woff2"), url("../../fonts/dba0fe51-98c1-4045-b289-c0e6afb10f73.woff") format("woff"), url("../../fonts/14c284c3-7a50-4ef0-becf-c01232631f59.ttf") format("truetype"), url("../../fonts/c7536b52-8fbc-472d-8d8a-335dae2980df.svg#c7536b52-8fbc-472d-8d8a-335dae2980df") format("svg"); }
@font-face {
  font-family: "Proxima N W01 At Reg It";
  src: url("../../fonts/926e8ba2-1161-42b7-a850-c56765e872fd.eot?#iefix");
  src: url("../../fonts/926e8ba2-1161-42b7-a850-c56765e872fd.eot?#iefix") format("eot"), url("../../fonts/09a1d106-4ddc-4781-bbaa-ca99d410f96c.woff2") format("woff2"), url("../../fonts/cf7ea09d-4129-4178-be10-46690a910bc6.woff") format("woff"), url("../../fonts/155079dd-36cb-4995-8ced-3fc104e75028.ttf") format("truetype"), url("../../fonts/d8f521f5-8713-4d8c-aa46-65d18d8d05ba.svg#d8f521f5-8713-4d8c-aa46-65d18d8d05ba") format("svg"); }
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.slick-slide {
  text-align: center; }
  .slick-slide img {
    display: inline-block; }

.slider-content-slideshow .slick-slide {
  text-align: left; }

.slick-dots {
  list-style: none;
  padding: 0;
  margin: 15px 0; }
  .slick-dots li {
    display: inline-block;
    margin: 0 3px; }
    .slick-dots li button {
      font-size: 0;
      border: 0 none;
      background: #333333;
      padding: 0;
      cursor: pointer;
      width: 10px;
      height: 10px;
      display: block;
      border-radius: 100px; }
    .slick-dots li.slick-active button {
      background: #333333; }
    .slick-dots li.hidden {
      display: none !important; }
    .slick-dots li.intro-slide {
      display: none !important; }
    .slick-dots li.outro-slide {
      display: none !important; }

.slick-arrow.slick-disabled {
  background-image: none !important;
  display: none !important; }
  .slick-arrow.slick-disabled:after, .slick-arrow.slick-disabled:before {
    display: none !important; }
  @media screen and (min-width: 768px) {
    .slick-arrow.slick-disabled {
      display: block !important; } }
.slick-arrow.slick-prev, .slick-arrow.slick-next {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  cursor: pointer;
  margin-top: -20px;
  border: 0 none;
  background: transparent;
  font-size: 0;
  padding: 0;
  z-index: 1; }
  .slick-arrow.slick-prev:before, .slick-arrow.slick-prev:after, .slick-arrow.slick-next:before, .slick-arrow.slick-next:after {
    background-color: #3d2d56;
    width: 6px;
    height: 32px;
    display: block;
    content: '';
    position: absolute; }
  .slick-arrow.slick-prev:after, .slick-arrow.slick-next:after {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    left: 13px;
    top: -13px; }
  .slick-arrow.slick-prev:before, .slick-arrow.slick-next:before {
    top: 0px; }
.slick-arrow.slick-prev {
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  left: 30px; }
.slick-arrow.slick-next {
  transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  right: 30px; }

/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.3.2 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2015, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
  .featherlight {
    display: none;
    /* dimensions: spanning the background from edge to edge */
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2147483647;
    /* z-index needs to be >= elements on the site. */
    /* position: centering content */
    text-align: center;
    /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
    white-space: nowrap;
    /* styling */
    cursor: pointer;
    background: #333;
    /* IE8 "hack" for nested featherlights */
    background: transparent; }

  /* support for nested featherlights. Does not work in IE8 (use JS to fix) */
  .featherlight:last-of-type {
    background: rgba(0, 0, 0, 0.8); }

  .featherlight:before {
    /* position: trick to center content vertically */
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em; }

  .featherlight .featherlight-content {
    /* make content container for positioned elements (close button) */
    position: relative;
    /* position: centering vertical and horizontal */
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    /* dimensions: cut off images */
    overflow: auto;
    padding: 25px 25px 0;
    border-bottom: 25px solid transparent;
    /* dimensions: handling small or empty content */
    min-width: 30%;
    /* dimensions: handling large content */
    margin-left: 5%;
    margin-right: 5%;
    max-height: 95%;
    /* styling */
    background: #fff;
    cursor: auto;
    /* reset white-space wrapping */
    white-space: normal; }

  /* contains the content */
  .featherlight .featherlight-inner {
    /* make sure its visible */
    display: block;
    min-width: 300px; }

  .featherlight .featherlight-close-icon {
    /* position: centering vertical and horizontal */
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;
    /* dimensions: 25px x 25px */
    line-height: 25px;
    width: 25px;
    /* styling */
    cursor: pointer;
    text-align: center;
    font-family: Arial, sans-serif;
    background: #fff;
    /* Set the background in case it overlaps the content */
    background: rgba(255, 255, 255, 0.3);
    color: #000; }

  .featherlight .featherlight-image {
    /* styling */
    width: 100%; }

  .featherlight-iframe .featherlight-content {
    /* removed the border for image croping since iframe is edge to edge */
    border-bottom: 0;
    padding: 0; }

  .featherlight iframe {
    /* styling */
    border: none; } }
/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
  .featherlight .featherlight-content {
    /* dimensions: maximize lightbox with for small screens */
    margin-left: 10px;
    margin-right: 10px;
    max-height: 98%;
    padding: 10px 10px 0;
    border-bottom: 10px solid transparent; } }
/* W3C */
/* icons */
/* doc */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
/* W3C */
/* icons */
/* doc */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
.jw-icon {
  font-family: 'jw-icons';
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  background-color: transparent;
  font-variant: normal;
  /* Enable Ligatures ================ */
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale; }

/* Mixin for common skin styles with variable colors */
.jw-skin-player_skin {
  /* Text color in thumbnail that appears upon hovering on the timeline slider */
  /* Color for list item text in menu lists */
  /* Colors for center play and buffering icons */
  /* Slider colors */
  /* Styles for menu elements, volume, slider thumbnail */
  /* Dock button styles */
  /* Reset padding on .jw-menu's that are playlists */
  /* Styles for play button container on idle */
  /* Styles for menu list items */
  /* Playlist */
  /* Playlist title */
  /* Slider styles */
  /* player_skin border-radius for the dock, in the upper right corner */ }

.jw-skin-player_skin .jw-background-color {
  background: rgba(51, 51, 51, 0.7); }

.jw-skin-player_skin .jw-controlbar {
  background: rgba(60, 50, 80, 0.8); }

.jw-skin-player_skin .jw-text {
  color: #CCC; }

.jw-skin-player_skin .jw-tooltip-title {
  color: #FFF; }

.jw-skin-player_skin .jw-knob {
  color: #FFF; }

.jw-skin-player_skin .jw-button-color {
  color: #CCC; }

.jw-skin-player_skin .jw-button-color:hover {
  color: #FFF; }

.jw-skin-player_skin .jw-toggle {
  color: #FFF; }

.jw-skin-player_skin .jw-toggle.jw-off {
  color: #DDD; }

.jw-skin-player_skin .jw-option {
  color: #CCC; }

.jw-skin-player_skin .jw-option.jw-active-option {
  color: #000000; }

.jw-skin-player_skin .jw-icon-display {
  color: rgba(238, 238, 238, 0.8); }

.jw-skin-player_skin .jw-display-icon-container {
  border-radius: 0.5em;
  padding: 0.5em .75em; }

.jw-skin-player_skin .jw-display-icon-container:hover {
  background: #333333; }

.jw-skin-player_skin .jw-display-icon-container:hover .jw-icon-display {
  color: #ffffff; }

.jw-skin-player_skin .jw-rail {
  background: #3c3250; }

.jw-skin-player_skin .jw-buffer {
  background: #1a191b; }

.jw-skin-player_skin .jw-progress {
  background: #FFF; }

.jw-skin-player_skin .jw-slider-horizontal {
  background: rgba(238, 238, 238, 0.8); }

.jw-skin-player_skin .jw-slider-horizontal .jw-knob {
  margin-left: -0.5em; }

.jw-skin-player_skin .jw-slider-vertical .jw-knob {
  margin-bottom: -0.5em; }

.jw-skin-player_skin .jw-time-tip,
.jw-skin-player_skin .jw-volume-tip,
.jw-skin-player_skin .jw-menu {
  background: #333333;
  border: 0;
  padding: 0.5em; }

.jw-skin-player_skin .jw-time-tip .jw-text,
.jw-skin-player_skin .jw-dock-button .jw-text {
  color: #bbb; }

.jw-skin-player_skin .jw-time-tip {
  bottom: 1em; }

.jw-skin-player_skin .jw-dock-button {
  background: rgba(51, 51, 51, 0.7);
  border-radius: 0.5em; }

.jw-skin-player_skin .jw-dock-button:hover {
  background: #333333; }

.jw-skin-player_skin .jw-playlist-container {
  padding: 0; }

.jw-skin-player_skin .jw-icon-inline,
.jw-skin-player_skin .jw-icon-tooltip,
.jw-skin-player_skin .jw-text-elapsed,
.jw-skin-player_skin .jw-text-duration {
  padding: 0 0.25em; }

.jw-skin-player_skin .jw-display-icon-container {
  border-radius: 0; }

.jw-skin-player_skin .jw-option {
  color: #bbb; }

.jw-skin-player_skin .jw-option:hover,
.jw-skin-player_skin .jw-option.jw-active-option {
  color: #fff; }

.jw-skin-player_skin .jw-playlist {
  width: calc(92%); }

.jw-skin-player_skin .jw-playlist-container {
  left: -42%;
  background-color: #fff; }

.jw-skin-player_skin .jw-playlist-container .jw-option {
  border-bottom: 1px solid #ECECEC;
  background-color: #fff;
  margin-right: 8px;
  color: #464646; }

.jw-skin-player_skin .jw-playlist-container .jw-option:hover,
.jw-skin-player_skin .jw-playlist-container .jw-option.jw-active-option {
  background-color: #ECECEC;
  color: #000000; }

.jw-skin-player_skin .jw-playlist-container .jw-option:hover {
  color: #000000; }

.jw-skin-player_skin .jw-playlist-container .jw-label .jw-icon-play {
  color: #000000; }

.jw-skin-player_skin .jw-playlist-container ::-webkit-scrollbar-track {
  background-color: #ECECEC; }

.jw-skin-player_skin .jw-playlist-container ::-webkit-scrollbar {
  width: 2px;
  border: 10px solid #fff; }

.jw-skin-player_skin .jw-playlist-container ::-webkit-scrollbar-thumb {
  background-color: #000000; }

.jw-skin-player_skin .jw-tooltip-title {
  border-bottom: 1px solid #000;
  background-color: #ECECEC; }

.jw-skin-player_skin .jw-slider-horizontal {
  background: transparent; }

.jw-skin-player_skin .jw-slider-horizontal .jw-slider-container {
  height: .9em; }

.jw-skin-player_skin .jw-slider-horizontal .jw-rail,
.jw-skin-player_skin .jw-slider-horizontal .jw-buffer,
.jw-skin-player_skin .jw-slider-horizontal .jw-progress {
  height: 0.2em;
  border-radius: 0; }

.jw-skin-player_skin .jw-slider-horizontal .jw-rail {
  box-shadow: none; }

.jw-skin-player_skin .jw-slider-horizontal .jw-knob {
  top: -0.4em;
  margin: 0;
  background-color: #FFF;
  border-radius: 0;
  width: 1px;
  height: 1em; }

.jw-skin-player_skin .jw-slider-horizontal .jw-cue {
  top: -0.1em;
  width: .1em;
  height: 0.4em;
  background-color: #000;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff; }

.jw-skin-player_skin .jw-slider-vertical .jw-rail,
.jw-skin-player_skin .jw-slider-vertical .jw-progress {
  width: 0.2em; }

.jw-skin-player_skin .jw-slider-vertical .jw-progress {
  background: #fff; }

.jw-skin-player_skin .jw-slider-vertical .jw-rail {
  background: #737373; }

.jw-skin-player_skin .jw-slider-vertical .jw-knob {
  margin-bottom: -1px;
  width: .6em;
  background: linear-gradient(to bottom, #ffffff 0, #ffffff 30%, #333333 100%);
  border-radius: 0;
  height: 2px;
  width: 100%; }

.jw-skin-player_skin .jw-dock-button {
  border-radius: 0; }

img {
  display: inline-block;
  vertical-align: bottom;
  max-width: 100%; }

.text-left,
#content .text-left {
  text-align: left; }

.content-type {
  color: #bf692c;
  text-transform: uppercase; }

h3.title {
  font-family: Montserrat, Arial, sans-serif;
  color: #bf692c;
  line-height: 60px;
  text-transform: uppercase; }

.disabled {
  opacity: .2;
  cursor: pointer;
  pointer-events: none; }

/* --- [ Fadein Effect ] --------------- */
.fadein {
  opacity: 0; }

/* --- [ Sitewide Sizing ] --------------- */
header > .inner, main > .inner, #hero > .inner {
  max-width: 1210px;
  box-sizing: border-box;
  margin: auto;
  padding: 0 20px; }

.layout-training ul.social, .layout-photogallery ul.social, .breed-overview .generic-slideshow article .inner ul.social {
  font-size: 15px !important; }
  .layout-training ul.social, .layout-photogallery ul.social, .breed-overview .generic-slideshow article .inner ul.social, .layout-training ul.social li, .layout-photogallery ul.social li, .breed-overview .generic-slideshow article .inner ul.social li {
    list-style: none;
    margin: 0;
    padding: 0; }
  .layout-training ul.social li, .layout-photogallery ul.social li, .breed-overview .generic-slideshow article .inner ul.social li {
    display: inline-block;
    margin-bottom: 4px; }
    .layout-training ul.social li a, .layout-photogallery ul.social li a, .breed-overview .generic-slideshow article .inner ul.social li a {
      display: block;
      height: 45px;
      width: 45px;
      line-height: 45px;
      text-align: center; }
      .layout-training ul.social li a img, .layout-photogallery ul.social li a img, .breed-overview .generic-slideshow article .inner ul.social li a img {
        vertical-align: middle;
        max-width: 20px; }
      .layout-training ul.social li a:hover, .layout-photogallery ul.social li a:hover, .breed-overview .generic-slideshow article .inner ul.social li a:hover {
        opacity: .8; }
    .layout-training ul.social li.facebook a, .layout-photogallery ul.social li.facebook a, .breed-overview .generic-slideshow article .inner ul.social li.facebook a {
      background: #4d70a8; }
    .layout-training ul.social li.twitter a, .layout-photogallery ul.social li.twitter a, .breed-overview .generic-slideshow article .inner ul.social li.twitter a {
      background: #00bbf2; }
    .layout-training ul.social li.pinterest a, .layout-photogallery ul.social li.pinterest a, .breed-overview .generic-slideshow article .inner ul.social li.pinterest a {
      background: #cb3737; }
    .layout-training ul.social li.gplus a, .layout-photogallery ul.social li.gplus a, .breed-overview .generic-slideshow article .inner ul.social li.gplus a {
      background: #e3401d; }

.layout-training ul.social, .layout-photogallery ul.social, .breed-overview .generic-slideshow article .inner ul.social {
  font-size: 15px !important; }
  .layout-training ul.social, .layout-photogallery ul.social, .breed-overview .generic-slideshow article .inner ul.social, .layout-training ul.social li, .layout-photogallery ul.social li, .breed-overview .generic-slideshow article .inner ul.social li {
    list-style: none;
    margin: 0;
    padding: 0; }
  .layout-training ul.social li, .layout-photogallery ul.social li, .breed-overview .generic-slideshow article .inner ul.social li {
    display: inline-block;
    margin-bottom: 4px; }
    .layout-training ul.social li a, .layout-photogallery ul.social li a, .breed-overview .generic-slideshow article .inner ul.social li a {
      display: block;
      height: 45px;
      width: 45px;
      line-height: 45px;
      text-align: center; }
      .layout-training ul.social li a img, .layout-photogallery ul.social li a img, .breed-overview .generic-slideshow article .inner ul.social li a img {
        vertical-align: middle;
        max-width: 20px; }
      .layout-training ul.social li a:hover, .layout-photogallery ul.social li a:hover, .breed-overview .generic-slideshow article .inner ul.social li a:hover {
        opacity: .8; }
    .layout-training ul.social li.facebook a, .layout-photogallery ul.social li.facebook a, .breed-overview .generic-slideshow article .inner ul.social li.facebook a {
      background: #4d70a8; }
    .layout-training ul.social li.twitter a, .layout-photogallery ul.social li.twitter a, .breed-overview .generic-slideshow article .inner ul.social li.twitter a {
      background: #00bbf2; }
    .layout-training ul.social li.pinterest a, .layout-photogallery ul.social li.pinterest a, .breed-overview .generic-slideshow article .inner ul.social li.pinterest a {
      background: #cb3737; }
    .layout-training ul.social li.gplus a, .layout-photogallery ul.social li.gplus a, .breed-overview .generic-slideshow article .inner ul.social li.gplus a {
      background: #e3401d; }

.layout-training ul.social, .layout-photogallery ul.social, .breed-overview .generic-slideshow article .inner ul.social {
  font-size: 15px !important; }
  .layout-training ul.social, .layout-photogallery ul.social, .breed-overview .generic-slideshow article .inner ul.social, .layout-training ul.social li, .layout-photogallery ul.social li, .breed-overview .generic-slideshow article .inner ul.social li {
    list-style: none;
    margin: 0;
    padding: 0; }
  .layout-training ul.social li, .layout-photogallery ul.social li, .breed-overview .generic-slideshow article .inner ul.social li {
    display: inline-block;
    margin-bottom: 4px; }
    .layout-training ul.social li a, .layout-photogallery ul.social li a, .breed-overview .generic-slideshow article .inner ul.social li a {
      display: block;
      height: 45px;
      width: 45px;
      line-height: 45px;
      text-align: center; }
      .layout-training ul.social li a img, .layout-photogallery ul.social li a img, .breed-overview .generic-slideshow article .inner ul.social li a img {
        vertical-align: middle;
        max-width: 20px; }
      .layout-training ul.social li a:hover, .layout-photogallery ul.social li a:hover, .breed-overview .generic-slideshow article .inner ul.social li a:hover {
        opacity: .8; }
    .layout-training ul.social li.facebook a, .layout-photogallery ul.social li.facebook a, .breed-overview .generic-slideshow article .inner ul.social li.facebook a {
      background: #4d70a8; }
    .layout-training ul.social li.twitter a, .layout-photogallery ul.social li.twitter a, .breed-overview .generic-slideshow article .inner ul.social li.twitter a {
      background: #00bbf2; }
    .layout-training ul.social li.pinterest a, .layout-photogallery ul.social li.pinterest a, .breed-overview .generic-slideshow article .inner ul.social li.pinterest a {
      background: #cb3737; }
    .layout-training ul.social li.gplus a, .layout-photogallery ul.social li.gplus a, .breed-overview .generic-slideshow article .inner ul.social li.gplus a {
      background: #e3401d; }

.layout-training ul.social, .layout-photogallery ul.social, .breed-overview .generic-slideshow article .inner ul.social {
  font-size: 15px !important; }
  .layout-training ul.social, .layout-photogallery ul.social, .breed-overview .generic-slideshow article .inner ul.social, .layout-training ul.social li, .layout-photogallery ul.social li, .breed-overview .generic-slideshow article .inner ul.social li {
    list-style: none;
    margin: 0;
    padding: 0; }
  .layout-training ul.social li, .layout-photogallery ul.social li, .breed-overview .generic-slideshow article .inner ul.social li {
    display: inline-block;
    margin-bottom: 4px; }
    .layout-training ul.social li a, .layout-photogallery ul.social li a, .breed-overview .generic-slideshow article .inner ul.social li a {
      display: block;
      height: 45px;
      width: 45px;
      line-height: 45px;
      text-align: center; }
      .layout-training ul.social li a img, .layout-photogallery ul.social li a img, .breed-overview .generic-slideshow article .inner ul.social li a img {
        vertical-align: middle;
        max-width: 20px; }
      .layout-training ul.social li a:hover, .layout-photogallery ul.social li a:hover, .breed-overview .generic-slideshow article .inner ul.social li a:hover {
        opacity: .8; }
    .layout-training ul.social li.facebook a, .layout-photogallery ul.social li.facebook a, .breed-overview .generic-slideshow article .inner ul.social li.facebook a {
      background: #4d70a8; }
    .layout-training ul.social li.twitter a, .layout-photogallery ul.social li.twitter a, .breed-overview .generic-slideshow article .inner ul.social li.twitter a {
      background: #00bbf2; }
    .layout-training ul.social li.pinterest a, .layout-photogallery ul.social li.pinterest a, .breed-overview .generic-slideshow article .inner ul.social li.pinterest a {
      background: #cb3737; }
    .layout-training ul.social li.gplus a, .layout-photogallery ul.social li.gplus a, .breed-overview .generic-slideshow article .inner ul.social li.gplus a {
      background: #e3401d; }

.layout-training {
  /* --- [ Adverts ] --------------- */
  /* --- [ Social ] --------------- */ }
  .layout-training h1, .layout-training .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .layout-training h2, .layout-training h2, .layout-training h3, .layout-training h4, .layout-training h5 {
    font-family: "Montserrat", sans-serif;
    font-weight: 400; }
  .layout-training h2 {
    text-transform: uppercase;
    font-size: 18px; }
  .layout-training h2 small {
    font-family: "Crimson Text", serif;
    font-size: 18px;
    font-style: italic;
    letter-spacing: 1px;
    text-transform: lowercase;
    line-height: 1;
    display: block; }
  .layout-training .btn {
    display: table;
    margin: auto;
    background: #ff5f2d;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Montserrat';
    letter-spacing: 1px;
    font-size: 16px;
    border: none;
    padding: 10px 25px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease; }
    .layout-training .btn.btn-cta:after {
      content: ' ';
      background: transparent url("../../img/icon-cta.svg") center center/26px 26px no-repeat;
      display: inline-block;
      height: 26px;
      width: 26px;
      vertical-align: bottom;
      margin-left: 10px; }
    .layout-training .btn.btn-cta.down:after {
      transform: rotate(90deg); }
    .layout-training .btn.btn-cta.right:after {
      /* No rotation needed since the orginal image is right-arrow */
      height: 32px;
      width: 32px; }
    .layout-training .btn.sm {
      font-size: 14px;
      padding: 5px 15px; }
    .layout-training .btn:hover {
      background: #ff9c00; }
  @media screen and (max-width: 767px) {
    .layout-training .view-more-photo-btn {
      font-size: 15px; } }
  .layout-training .ad {
    text-align: center; }
    .layout-training .ad img {
      height: auto;
      max-width: 100%; }
    .layout-training .ad.desktop {
      display: none; }
    @media screen and (min-width: 768px) {
      .layout-training .ad.desktop {
        display: block; }
      .layout-training .ad.mobile {
        display: none; } }
  .layout-training * {
    outline: none !important; }
    .layout-training *:hover, .layout-training *:active, .layout-training *:focus {
      outline: none !important; }
  .layout-training .read-more-container {
    overflow: hidden;
    position: relative;
    width: 100%; }
    .layout-training .read-more-container .read-more-collapse {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      color: #bf692c;
      text-transform: uppercase;
      text-align: center;
      cursor: pointer;
      background: #fff;
      opacity: 1;
      -webkit-transition: all 250ms ease 0ms;
      -moz-transition: all 250ms ease 0ms;
      transition: all 250ms ease 0ms; }
      .layout-training .read-more-container .read-more-collapse:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 20px;
        height: 80px;
        opacity: 1;
        -webkit-transition: all 250ms ease 0ms;
        -moz-transition: all 250ms ease 0ms;
        transition: all 250ms ease 0ms;
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 98%, white 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(98%, white), color-stop(100%, white));
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 98%, white 100%);
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 98%, white 100%);
        background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 98%, white 100%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 98%, white 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); }
      .layout-training .read-more-container .read-more-collapse.expanded {
        opacity: 0;
        cursor: default; }
        .layout-training .read-more-container .read-more-collapse.expanded:before {
          opacity: 0; }
  .layout-training body > .photo-title {
    padding: 30px 20px 0;
    color: #ff9c00;
    font-size: 18px; }
  .layout-training body > .byline {
    color: #333333;
    font-size: 12px;
    padding: 0 20px;
    margin: 0 0 20px 0; }
  .layout-training .no-js .grid-wrapper .grid button.down {
    display: none; }
  .layout-training .no-js .grid-wrapper nav.pager {
    display: block;
    position: relative;
    padding: 0 140px; }
    .layout-training .no-js .grid-wrapper nav.pager .page-prev {
      position: absolute !important;
      left: 0;
      top: 0; }
    .layout-training .no-js .grid-wrapper nav.pager .page-next {
      position: absolute !important;
      right: 0;
      top: 0; }
  .layout-training a.media-button-wrap {
    text-decoration: none; }

.layout-photogallery .read-more-container {
  overflow: hidden;
  position: relative;
  width: 100%; }
  .layout-photogallery .read-more-container .read-more-collapse {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #bf692c;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    background: #fff;
    opacity: 1;
    -webkit-transition: all 250ms ease 0ms;
    -moz-transition: all 250ms ease 0ms;
    transition: all 250ms ease 0ms; }
    .layout-photogallery .read-more-container .read-more-collapse:before {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      bottom: 20px;
      height: 80px;
      opacity: 1;
      -webkit-transition: all 250ms ease 0ms;
      -moz-transition: all 250ms ease 0ms;
      transition: all 250ms ease 0ms;
      background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 98%, white 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(98%, white), color-stop(100%, white));
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 98%, white 100%);
      background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 98%, white 100%);
      background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 98%, white 100%);
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 98%, white 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); }
    .layout-photogallery .read-more-container .read-more-collapse.expanded {
      opacity: 0;
      cursor: default; }
      .layout-photogallery .read-more-container .read-more-collapse.expanded:before {
        opacity: 0; }

#site-header {
  border-bottom: 1px solid #e3e3e3;
  margin: 0; }
  @media screen and (min-width: 768px) {
    #site-header {
      position: relative; } }
  #site-header > .inner {
    height: 90px;
    padding-top: 60px; }
    #site-header > .inner:before, #site-header > .inner:after {
      content: " ";
      display: table;
      clear: both; }
    @media screen and (min-width: 768px) {
      #site-header > .inner {
        padding-top: 0; } }
    #site-header > .inner #akc-logo {
      position: relative;
      margin: 0 auto;
      width: 60px;
      height: 60px;
      max-width: none;
      z-index: 3; }
      #site-header > .inner #akc-logo a {
        display: block; }
      @media screen and (min-width: 768px) {
        #site-header > .inner #akc-logo {
          margin: 0;
          width: 90px;
          height: 90px;
          top: 20px;
          position: absolute;
          float: left; } }
    #site-header > .inner nav {
      position: absolute;
      margin: 0;
      left: 20px;
      top: 25px; }
      #site-header > .inner nav input {
        display: none; }
      #site-header > .inner nav label {
        display: block;
        width: 40px;
        height: 40px;
        -webkit-transition: all 0.15s ease;
        -moz-transition: all 0.15s ease;
        transition: all 0.15s ease; }
        #site-header > .inner nav label img {
          width: 100%;
          height: 100%; }
      @media screen and (max-width: 767px) {
        #site-header > .inner nav input[type="checkbox"]:checked ~ label {
          position: fixed;
          background-color: #fff;
          z-index: 51;
          right: 0;
          width: 15%;
          top: 20px; }
        #site-header > .inner nav input[type="checkbox"] ~ ul {
          -webkit-transition: width 0.15s ease;
          -moz-transition: width 0.15s ease;
          transition: width 0.15s ease;
          position: fixed;
          height: 100%;
          width: 0;
          background: #f8f1ec url("../../img/bg-m-nav.png") right top repeat-y;
          display: block;
          z-index: 50;
          top: 0;
          left: 0; }
          #site-header > .inner nav input[type="checkbox"] ~ ul .breeds a,
          #site-header > .inner nav input[type="checkbox"] ~ ul .breeders a,
          #site-header > .inner nav input[type="checkbox"] ~ ul .owners a,
          #site-header > .inner nav input[type="checkbox"] ~ ul .clubs a,
          #site-header > .inner nav input[type="checkbox"] ~ ul .events a,
          #site-header > .inner nav input[type="checkbox"] ~ ul .learn a {
            background: transparent url("../../img/icon-next-blk.svg") right 20px center/8px 16px no-repeat; }
          #site-header > .inner nav input[type="checkbox"] ~ ul li {
            width: 100%;
            display: block; }
            #site-header > .inner nav input[type="checkbox"] ~ ul li a {
              display: block;
              font-size: 18px;
              text-transform: uppercase;
              border-bottom: 1px solid #e3e3e3;
              padding: 7px 10px; }
              #site-header > .inner nav input[type="checkbox"] ~ ul li a:hover {
                color: #ff5f2d; }
          #site-header > .inner nav input[type="checkbox"] ~ ul li.search {
            overflow: hidden;
            border-bottom: 1px solid #e3e3e3; }
            #site-header > .inner nav input[type="checkbox"] ~ ul li.search input {
              display: block;
              background: transparent;
              padding: 0 10px;
              height: 40px;
              line-height: 40px;
              border: none;
              width: 80%;
              float: left; }
            #site-header > .inner nav input[type="checkbox"] ~ ul li.search button {
              border: none;
              background: #ff5f2d;
              text-align: center;
              padding: 0;
              float: left;
              width: 20%;
              height: 40px;
              line-height: 1; }
              #site-header > .inner nav input[type="checkbox"] ~ ul li.search button img {
                width: 15px; }
        #site-header > .inner nav input[type="checkbox"]:checked ~ ul {
          width: 85%; } }
      @media screen and (min-width: 768px) {
        #site-header > .inner nav {
          position: static;
          display: table;
          top: auto;
          margin: 0 auto; }
          #site-header > .inner nav ul > .search,
          #site-header > .inner nav ul > .home {
            display: none; }
          #site-header > .inner nav ul > li {
            padding: 0;
            margin: 0 5px; } }
    @media screen and (min-width: 768px) and (min-width: 1025px) {
      #site-header > .inner nav ul > li {
        font-size: 18px; } }
    @media screen and (min-width: 768px) and (max-width: 767px) {
      #site-header > .inner nav ul > li {
        font-size: 16px; } }
      @media screen and (min-width: 768px) {
            #site-header > .inner nav ul > li:hover > a {
              color: #ff5f2d;
              background: #f8f1ec; }
            #site-header > .inner nav ul > li:hover .submenu {
              z-index: 2;
              opacity: 1;
              pointer-events: auto; }
            #site-header > .inner nav ul > li .submenu {
              position: absolute;
              left: 0;
              bottom: auto;
              width: 100%;
              padding: 50px 0 30px;
              background: #f8f1ec;
              -webkit-transition: all 0.15s ease;
              -moz-transition: all 0.15s ease;
              transition: all 0.15s ease;
              z-index: -1;
              opacity: 0;
              pointer-events: none; }
              #site-header > .inner nav ul > li .submenu h3 {
                font-family: 'Crimson Text';
                font-style: italic;
                font-weight: 600;
                font-size: 16px;
                letter-spacing: 1px;
                padding: 0 0 5px;
                margin: 0 0 10px;
                text-transform: none;
                color: #333333;
                border-bottom: 1px solid #e3e3e3; }
              #site-header > .inner nav ul > li .submenu ul + h3 {
                margin-top: 30px; }
              #site-header > .inner nav ul > li .submenu ul {
                max-width: 1170px;
                margin: auto;
                font-size: 0; }
                #site-header > .inner nav ul > li .submenu ul > li {
                  display: inline-block;
                  margin: 0;
                  padding: 0 15px;
                  font-size: 15px;
                  vertical-align: top;
                  width: 25%; }
                  #site-header > .inner nav ul > li .submenu ul > li ul li {
                    display: block;
                    padding: 0;
                    clear: both;
                    width: 100%; }
                  #site-header > .inner nav ul > li .submenu ul > li a {
                    padding: 5px 0;
                    line-height: 1.3;
                    color: #bf692c;
                    font-size: 13px;
                    border: none; }
                    #site-header > .inner nav ul > li .submenu ul > li a:hover {
                      color: #ff5f2d; }
            #site-header > .inner nav ul > li.active a {
              color: #ff5f2d; }
            #site-header > .inner nav ul > li a {
              text-transform: uppercase;
              letter-spacing: 1px;
              display: block;
              padding: 52px 15px 15px;
              border-bottom: 3px solid transparent; }
          #site-header > .inner nav label, #site-header > .inner nav input {
            display: none; } }
      @media screen and (min-width: 767px) and (max-width: 1000px) {
        #site-header > .inner nav {
          margin: 0 0 0 100px; }
          #site-header > .inner nav ul > li {
            margin: 0; }
            #site-header > .inner nav ul > li a {
              padding-left: 7px;
              padding-right: 7px; } }
      #site-header > .inner nav ul {
        display: none;
        list-style: none;
        list-style-image: none;
        overflow: hidden;
        margin: 0;
        padding: 0; }
        @media screen and (min-width: 768px) {
          #site-header > .inner nav ul {
            display: block; } }
        @media screen and (min-width: 768px) {
          #site-header > .inner nav ul li {
            display: inline-block; } }
    #site-header > .inner #sign-in {
      position: absolute;
      right: 20px;
      top: 40px;
      text-transform: uppercase;
      font-size: 11px;
      letter-spacing: 1px; }
      #site-header > .inner #sign-in a {
        color: #333333; }
      @media screen and (min-width: 768px) {
        #site-header > .inner #sign-in {
          position: static;
          float: right;
          margin: -36px 60px 0 0; }
          #site-header > .inner #sign-in a {
            color: #333333; }
          #site-header > .inner #sign-in a:hover {
            color: #ff5f2d; } }
      @media screen and (min-width: 767px) and (max-width: 1000px) {
        #site-header > .inner #sign-in {
          margin-right: 40px; } }
    #site-header > .inner #search {
      display: none;
      float: right;
      margin: -44px 0 0 0; }
      #site-header > .inner #search img {
        width: 15px;
        height: 15px; }
      @media screen and (min-width: 768px) {
        #site-header > .inner #search {
          display: block; } }

#hero {
  z-index: 5002;
  position: relative;
  background-color: #fff;
  text-align: center;
  overflow: hidden; }
  @media screen and (max-width: 767px) {
    #hero {
      background: #fff !important; } }
  #hero a {
    text-decoration: none; }
  #hero .mast img.loading {
    opacity: 1; }
  #hero.peach-bg {
    background-color: transparent; }
    @media screen and (min-width: 768px) {
      #hero.peach-bg {
        background-color: #f8f1ec; } }
  #hero.akc-bg {
    background: #f8f1ec url("../../img/hero-akc-bg.png") center center no-repeat; }
  #hero .ad-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    cursor: default; }
    #hero .ad-bg a {
      display: block;
      height: 100%;
      width: 100%;
      max-width: 1280px;
      margin: 0 auto;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover; }
  #hero .mast,
  #hero .subnav {
    margin: auto;
    max-width: 1170px;
    position: relative;
    max-height: 420px; }
  #hero .subnav {
    margin-bottom: 20px; }
    #hero .subnav ul {
      margin: 0; }
      #hero .subnav ul, #hero .subnav ul li {
        list-style: none;
        margin: 0;
        padding: 0; }
      #hero .subnav ul li {
        text-align: left;
        position: relative; }
        #hero .subnav ul li a {
          display: block;
          padding: 15px 30px;
          background: #f8f1ec;
          border-bottom: 1px solid #6b6b6b; }
          #hero .subnav ul li a.active {
            color: #bf692c;
            background: #fcf9f7; }
      #hero .subnav ul > li:first-child > a:after {
        content: "+";
        position: absolute;
        right: 20px; }
      #hero .subnav ul > li.expanded:first-child > a:after {
        content: "-"; }
      #hero .subnav ul > li li a:after {
        font-family: 'Proxima N W01 At Reg';
        content: "\203A" !important;
        position: absolute;
        right: 20px;
        font-size: 30px;
        line-height: .6; }
    @media screen and (min-width: 768px) {
      #hero .subnav {
        display: none; } }
  #hero .article-push {
    position: absolute;
    bottom: 0;
    background: #333333;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    transition: all 0.15s ease; }
    #hero .article-push:hover {
      background: #262626; }
    #hero .article-push h2 {
      font-size: 12px;
      text-align: left;
      margin: 0; }
      #hero .article-push h2 small {
        font-size: 12px; }
      @media screen and (min-width: 768px) {
        #hero .article-push h2 {
          font-size: 18px; }
          #hero .article-push h2 small {
            font-size: 18px; } }
    #hero .article-push a {
      display: block;
      color: #fff;
      padding: 12px 72px 10px 22px;
      background: transparent url("../../img/icon-cta.svg") right 22px center/30px 30px no-repeat; }
  #hero .article-prev {
    left: 0; }
  #hero .article-next {
    right: 0; }
  #hero h1, #hero .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed #hero h2 {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    margin: 0;
    padding: 7px 24px;
    background: #ff9c00;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase; }
    @media screen and (min-width: 768px) {
      #hero h1, #hero .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed #hero h2 {
        font-size: 24px; } }
  #hero > img {
    width: 140%;
    max-width: 140%;
    margin-left: -20%;
    height: auto; }
  @media screen and (min-width: 768px) {
    #hero > img {
      width: 100%;
      max-width: 100%;
      margin: 0; } }
  @media screen and (min-width: 768px) {
    #hero .slider {
      max-width: 940px;
      margin: 0 auto;
      padding: 30px 100px 0; } }
  #hero .slider .slick-dots li button {
    background-color: #fff;
    border: 1px solid #333333; }
    @media screen and (min-width: 768px) {
      #hero .slider .slick-dots li button {
        border: 0 none;
        background-color: #979891; } }
  #hero .slider .slick-dots li.slick-active button {
    background-color: #3d2d56 !important; }
  #hero .slider .slick-arrow {
    visibility: hidden; }
    @media screen and (min-width: 768px) {
      #hero .slider .slick-arrow {
        visibility: visible; } }
  #hero .slider .slick-list .item .item-content {
    position: relative; }
    #hero .slider .slick-list .item .item-content .caption {
      position: absolute;
      z-index: 3;
      bottom: 0;
      left: 0;
      background: #3d2d56;
      color: #fff;
      padding: 10px; }
      #hero .slider .slick-list .item .item-content .caption h2 {
        color: #fff; }
        #hero .slider .slick-list .item .item-content .caption h2 small {
          font-size: 0.8rem; }
      @media screen and (min-width: 768px) {
        #hero .slider .slick-list .item .item-content .caption {
          padding: 20px 25px; }
          #hero .slider .slick-list .item .item-content .caption .play img {
            width: 30px;
            height: auto; }
          #hero .slider .slick-list .item .item-content .caption h2 {
            font-size: 16px; } }
      #hero .slider .slick-list .item .item-content .caption .play {
        display: inline-block;
        vertical-align: middle;
        margin-right: 20px; }
        #hero .slider .slick-list .item .item-content .caption .play img {
          width: 20px;
          height: auto; }
      #hero .slider .slick-list .item .item-content .caption h2 {
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        margin: 0;
        font-size: 12px; }
  #hero .slider-slideshow {
    display: none;
    background-color: #fff;
    max-width: 100%;
    position: relative;
    z-index: 1;
    float: left; }
    @media screen and (min-width: 768px) {
      #hero .slider-slideshow {
        background-color: transparent;
        width: 75%;
        margin: 30px 0 30px 25%;
        height: 320px;
        overflow: hidden; } }
    @media screen and (max-width: 767px) {
      #hero .slider-slideshow {
        top: 1px; } }
    #hero .slider-slideshow .slick-list {
      margin-bottom: 80px;
      width: 100%;
      background-color: #3d2d56; }
      @media screen and (min-width: 768px) {
        #hero .slider-slideshow .slick-list {
          width: 66.666%;
          float: left;
          margin-bottom: 0;
          padding: 0 60px; } }
      #hero .slider-slideshow .slick-list .item {
        position: relative; }
        #hero .slider-slideshow .slick-list .item .social img {
          width: auto;
          height: auto; }
        @media screen and (min-width: 768px) {
          #hero .slider-slideshow .slick-list .item .item-content {
            height: 320px;
            overflow: hidden;
            display: table;
            vertical-align: middle;
            width: 100%; }
            #hero .slider-slideshow .slick-list .item .item-content .align-middle {
              display: table-cell;
              vertical-align: middle; }
          #hero .slider-slideshow .slick-list .item.ad img {
            width: auto; } }
        @media screen and (max-width: 767px) {
          #hero .slider-slideshow .slick-list .item .item-content {
            display: inline-block;
            position: relative;
            width: 100%; } }
        #hero .slider-slideshow .slick-list .item.outro-slide {
          text-align: center; }
          #hero .slider-slideshow .slick-list .item.outro-slide .logo {
            margin: auto;
            clear: both;
            padding: 20px 0; }
            #hero .slider-slideshow .slick-list .item.outro-slide .logo img {
              width: 90px; }
            @media screen and (max-width: 767px) {
              #hero .slider-slideshow .slick-list .item.outro-slide .logo {
                display: none; } }
          #hero .slider-slideshow .slick-list .item.outro-slide .share,
          #hero .slider-slideshow .slick-list .item.outro-slide .arrow-link {
            color: #fff;
            display: inline-block;
            vertical-align: middle;
            width: 48%; }
            @media screen and (max-width: 767px) {
              #hero .slider-slideshow .slick-list .item.outro-slide .share,
              #hero .slider-slideshow .slick-list .item.outro-slide .arrow-link {
                width: 80%; } }
          @media screen and (max-width: 767px) {
            #hero .slider-slideshow .slick-list .item.outro-slide .share {
              margin-top: 160px;
              margin-bottom: 20px; } }
          #hero .slider-slideshow .slick-list .item.outro-slide .share .social {
            margin-top: 10px; }
          #hero .slider-slideshow .slick-list .item.outro-slide .arrow-link {
            text-align: left;
            font-size: 17px;
            padding: 15px 40px 15px 15px;
            display: inline-block;
            border: 1px solid #fff;
            color: #fff;
            background: transparent url("../../img/icon-arrow-r.svg") center right 10px/12% no-repeat; }
            #hero .slider-slideshow .slick-list .item.outro-slide .arrow-link span {
              display: block;
              font-size: 12px;
              color: #ff9c00; }
            @media screen and (max-width: 767px) {
              #hero .slider-slideshow .slick-list .item.outro-slide .arrow-link {
                top: 40px;
                position: absolute;
                left: 12%; } }
        #hero .slider-slideshow .slick-list .item.intro-slide img {
          opacity: .3; }
        #hero .slider-slideshow .slick-list .item.intro-slide a {
          position: absolute;
          z-index: 20;
          top: 50%;
          left: 50%;
          margin: -40px 0 0 -120px;
          display: block;
          width: 240px;
          height: 80px;
          line-height: 80px;
          border: 1px solid #fff;
          color: #fff;
          background: transparent url("../../img/icon-arrow-r.svg") center right 10px/12% no-repeat;
          padding-right: 40px; }
          @media screen and (max-width: 767px) {
            #hero .slider-slideshow .slick-list .item.intro-slide a {
              margin: 0 0 0 -120px;
              top: 35%; } }
        #hero .slider-slideshow .slick-list .item img {
          width: 100%;
          max-height: 320px; }
          @media screen and (max-width: 767px) {
            #hero .slider-slideshow .slick-list .item img {
              height: 260px; } }
    #hero .slider-slideshow .right-col {
      display: none !important;
      background-color: rgba(0, 0, 0, 0.1);
      float: left;
      width: 33.333%;
      margin: 0;
      padding: 20px;
      height: 320px;
      position: relative;
      left: -33.333%;
      z-index: -1;
      transition: all 500ms ease 0ms; }
      #hero .slider-slideshow .right-col.on {
        left: 0; }
      @media screen and (min-width: 768px) {
        #hero .slider-slideshow .right-col {
          display: block !important; } }
      #hero .slider-slideshow .right-col .counter {
        text-align: left;
        padding: 0 10px; }
      #hero .slider-slideshow .right-col .scroll-content {
        position: absolute;
        left: 20px;
        right: 10px;
        top: 50px;
        bottom: 30px;
        overflow: auto;
        padding-right: 10px; }
        #hero .slider-slideshow .right-col .scroll-content .slick-dots {
          margin: 0; }
          #hero .slider-slideshow .right-col .scroll-content .slick-dots li {
            display: inline-block;
            width: 33.333%;
            margin: 0;
            vertical-align: bottom;
            padding: 3px; }
            #hero .slider-slideshow .right-col .scroll-content .slick-dots li button {
              height: 0;
              width: 100%;
              padding: 0 0 100% 0;
              border-radius: 0px;
              background-size: cover;
              background-position: center center; }
            #hero .slider-slideshow .right-col .scroll-content .slick-dots li.slick-active button {
              box-shadow: inset 0px 0px 0px 4px #333333; }
    #hero .slider-slideshow .slick-arrow {
      bottom: 20px;
      top: auto;
      border: 2px solid #ff5f2d;
      border-radius: 100px; }
      @media screen and (min-width: 768px) {
        #hero .slider-slideshow .slick-arrow {
          width: 60px;
          margin: -20px 0;
          background-image: url(../../img/slideshow_arrows.png);
          background-position: center left;
          background-repeat: no-repeat;
          transform: rotate(0deg);
          height: 100%;
          background-color: #3d2d56;
          border-radius: 0px;
          border: 0px none; }
          #hero .slider-slideshow .slick-arrow:before, #hero .slider-slideshow .slick-arrow:after {
            display: none !important; }
          #hero .slider-slideshow .slick-arrow.slick-prev {
            left: 0; }
          #hero .slider-slideshow .slick-arrow.slick-next {
            background-position: center right;
            right: 33.333%; } }
      #hero .slider-slideshow .slick-arrow:before, #hero .slider-slideshow .slick-arrow:after {
        background-color: #ff5f2d;
        width: 4px;
        height: 16px; }
      #hero .slider-slideshow .slick-arrow:before {
        left: 11px;
        margin-top: 10px;
        top: 2px; }
      #hero .slider-slideshow .slick-arrow:after {
        left: 19px;
        top: 6px; }
    #hero .slider-slideshow .share-slide {
      position: absolute;
      top: 0px;
      right: 0px;
      display: none; }
      #hero .slider-slideshow .share-slide li {
        float: right; }
        #hero .slider-slideshow .share-slide li a {
          height: 35px;
          width: 35px;
          line-height: 35px; }
    #hero .slider-slideshow:hover .share-slide {
      display: block; }
      @media screen and (max-width: 767px) {
        #hero .slider-slideshow:hover .share-slide {
          display: none; } }
  #hero .slider-content-slideshow.slick-initialized.slick-slider:focus {
    outline: none; }
  #hero .slider-content-slideshow .slick-arrow {
    visibility: hidden; }
  @media screen and (min-width: 768px) {
    #hero .video-ad {
      padding: 27px 0; } }
  #hero .video-ad #video-container {
    max-width: 559px;
    margin: 0 auto;
    position: relative;
    z-index: auto;
    margin-bottom: 10px; }
    #hero .video-ad #video-container #video-outro {
      padding: 0 30px;
      background-color: #3d2d56;
      height: 100%;
      left: 0;
      margin: 0 auto;
      max-width: 559px;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 100;
      display: none; }
      #hero .video-ad #video-container #video-outro .logo {
        width: 100px;
        margin: 30px auto 20px; }
        @media screen and (max-width: 767px) {
          #hero .video-ad #video-container #video-outro .logo {
            display: none; } }
      #hero .video-ad #video-container #video-outro .arrow-link,
      #hero .video-ad #video-container #video-outro .reload-link {
        color: #fff;
        display: inline-block;
        vertical-align: middle;
        width: 48%; }
        @media screen and (max-width: 767px) {
          #hero .video-ad #video-container #video-outro .arrow-link,
          #hero .video-ad #video-container #video-outro .reload-link {
            width: 80%;
            margin-top: 60px; }
            #hero .video-ad #video-container #video-outro .arrow-link.end-card-video,
            #hero .video-ad #video-container #video-outro .reload-link.end-card-video {
              margin-top: 25px; } }
      #hero .video-ad #video-container #video-outro .arrow-link {
        text-align: left;
        font-size: 14px;
        padding: 15px 40px 15px 15px;
        height: 70px;
        display: inline-block;
        border: 1px solid #fff;
        color: #fff;
        background: transparent url("../../img/icon-arrow-r.svg") center right 20px/30px no-repeat; }
        #hero .video-ad #video-container #video-outro .arrow-link span {
          display: block;
          font-size: 12px;
          color: #ff9c00; }
      #hero .video-ad #video-container #video-outro .reload-link {
        text-align: left;
        padding: 10px 15px 10px 70px;
        height: 70px;
        display: inline-block;
        border: 1px solid #fff;
        color: #fff;
        background: transparent url("../../img/icon-arrow-reload.svg") no-repeat scroll left 10px center/50px auto; }
        @media screen and (min-width: 1025px) {
          #hero .video-ad #video-container #video-outro .reload-link {
            font-size: 13px; } }
        @media screen and (max-width: 767px) {
          #hero .video-ad #video-container #video-outro .reload-link {
            font-size: 13px; } }
      @media only screen and (max-width: 480px) {
        #hero .video-ad #video-container #video-outro {
          top: 100px; } }
      @media only screen and (min-width: 481px) and (max-width: 767px) {
        #hero .video-ad #video-container #video-outro {
          top: 80px; }
          #hero .video-ad #video-container #video-outro .reload-link.end-card-video,
          #hero .video-ad #video-container #video-outro .arrow-link.end-card-video {
            margin-top: 60px; } }
    @media screen and (min-width: 768px) {
      #hero .video-ad #video-container #video-embed.jw-state-playing {
        max-width: 100%; } }

#site-main {
  clear: both;
  border-bottom: 4px solid #01d4b4; }
  @media screen and (max-width: 767px) {
    #site-main .slider-content-slideshow h1.data-photogallery-title, #site-main .slider-content-slideshow .you-vs-breed .vs-select .breed h2.data-photogallery-title, .you-vs-breed .vs-select .breed #site-main .slider-content-slideshow h2.data-photogallery-title {
      color: #ff5f2d !important;
      font-size: 1.2em;
      padding-bottom: 20px; } }
  @media screen and (min-width: 768px) {
    #site-main {
      background-color: #fff;
      margin-bottom: 400px;
      padding-top: 30px; } }
  #site-main > .inner {
    overflow: hidden; }
    #site-main > .inner #sidebar-left {
      display: none; }
      #site-main > .inner #sidebar-left h2.title {
        font-size: 1rem;
        color: #bf692c;
        margin-top: 0; }
      #site-main > .inner #sidebar-left small {
        color: #bf692c;
        font-family: "Crimson Text", serif;
        font-size: 1em;
        width: 100%;
        float: left; }
      #site-main > .inner #sidebar-left a {
        color: #333333;
        text-decoration: none;
        font-size: 0.8em; }
      #site-main > .inner #sidebar-left a:hover {
        color: #333333; }
      #site-main > .inner #sidebar-left a.active {
        color: #ff9c00; }
      #site-main > .inner #sidebar-left .ad {
        margin-bottom: 30px;
        text-align: left; }
      #site-main > .inner #sidebar-left .block {
        margin-bottom: 30px; }
        #site-main > .inner #sidebar-left .block ul {
          /* display: none; */
          list-style: none;
          list-style-image: none;
          overflow: hidden;
          margin: 0;
          padding: 0; }
          #site-main > .inner #sidebar-left .block ul.category-nav {
            display: none; }
          @media screen and (max-width: 767px) {
            #site-main > .inner #sidebar-left .block ul li {
              font-size: 16px; } }
          @media screen and (min-width: 1025px) {
            #site-main > .inner #sidebar-left .block ul li {
              font-size: 18px; } }
          #site-main > .inner #sidebar-left .block ul li .sub-cat-li {
            padding-left: 18px;
            font-size: 14px; }
      @media screen and (min-width: 768px) {
        #site-main > .inner #sidebar-left {
          display: block;
          width: 26%;
          margin-right: 2%;
          float: left; } }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        #site-main > .inner #sidebar-left {
          width: 32%;
          margin-right: 1%; } }
      @media screen and (min-width: 767px) and (max-width: 1000px) {
        #site-main > .inner #sidebar-left {
          width: 26%; } }
      @media screen and (min-width: 767px) and (max-width: 1000px) {
        #site-main > .inner #sidebar-left .ad.desktop.just-tablet-up,
        #site-main > .inner #sidebar-left #oas_x35 {
          display: none;
          margin-bottom: 0; } }
    #site-main > .inner .sidebar + #content {
      padding-left: 5%;
      padding-right: 5%; }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        #site-main > .inner .sidebar + #content {
          padding-left: 1%;
          padding-right: 1%; } }
      @media screen and (min-width: 768px) {
        #site-main > .inner .sidebar + #content {
          float: left; } }
    @media screen and (min-width: 768px) {
      #site-main > .inner #sidebar-left + #content {
        width: 72%;
        border-left: 1px solid #e3e3e3; } }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      #site-main > .inner #sidebar-left + #content {
        width: 67%; } }
    @media screen and (min-width: 767px) and (max-width: 1000px) {
      #site-main > .inner #sidebar-left + #content {
        width: 73%; } }
    @media screen and (min-width: 768px) {
      #site-main > .inner #sidebar-right + #content {
        width: 68%;
        padding-left: 0; } }
    #site-main > .inner #sidebar-right {
      display: none; }
      #site-main > .inner #sidebar-right > div {
        margin-bottom: 100px; }
      #site-main > .inner #sidebar-right .gallery-push a {
        text-decoration: none;
        display: block;
        font-size: 16px;
        text-align: right;
        padding-right: 30px;
        line-height: 1.2;
        background: transparent url("../../img/icon-next-blk.svg") center right/15px 30px no-repeat;
        color: #ff9c00; }
        #site-main > .inner #sidebar-right .gallery-push a span {
          color: #333333;
          display: block;
          font-size: 13px; }
      #site-main > .inner #sidebar-right .block h2.title {
        font-size: 1rem;
        font-family: 'Crimson Text';
        font-style: italic;
        font-weight: 600;
        letter-spacing: 1px;
        padding: 0 0 5px 10px;
        margin: 0 0 20px;
        text-transform: none;
        color: #333333;
        border-bottom: 1px solid #e3e3e3; }
        #site-main > .inner #sidebar-right .block h2.title .nav_categories li {
          font-size: 1rem;
          font-family: 'Crimson Text';
          font-style: italic;
          font-weight: 600;
          letter-spacing: 1px;
          text-transform: none; }
      #site-main > .inner #sidebar-right .block ul.content-list, #site-main > .inner #sidebar-right .block ul.content-list li {
        list-style: none;
        margin: 0;
        padding: 0; }
      #site-main > .inner #sidebar-right .block ul.content-list li {
        line-height: 1em;
        clear: both;
        font-size: 0.8rem;
        overflow: hidden; }
        #site-main > .inner #sidebar-right .block ul.content-list li a {
          text-decoration: none;
          color: #2b2337;
          display: block; }
          #site-main > .inner #sidebar-right .block ul.content-list li a:hover {
            color: #2b2337; }
        #site-main > .inner #sidebar-right .block ul.content-list li + li {
          padding-top: 10px; }
        #site-main > .inner #sidebar-right .block ul.content-list li .media {
          display: block;
          float: left;
          margin-right: 10px;
          width: 45%;
          max-width: 130px; }
          #site-main > .inner #sidebar-right .block ul.content-list li .media img {
            width: 100%;
            height: auto; }
        #site-main > .inner #sidebar-right .block ul.content-list li .content-type {
          text-transform: uppercase;
          margin-bottom: 2px;
          color: #bf692c;
          display: block; }
      @media screen and (min-width: 768px) {
        #site-main > .inner #sidebar-right {
          display: block;
          float: right;
          width: 27%; } }
  #site-main .slider-content-slideshow .slick-slide {
    text-align: left;
    margin-bottom: 15px; }

.grid-wrapper h2.title {
  display: inline-block;
  margin: 0 0 30px; }
.grid-wrapper .sort {
  float: right;
  clear: right;
  text-transform: uppercase;
  font-size: 12px; }
  .grid-wrapper .sort h3 {
    color: #333333;
    display: inline-block;
    margin: 0 5px 0 0; }
  .grid-wrapper .sort a {
    border: 1px solid #e3e3e3;
    display: inline-block;
    padding: 5px;
    color: #ff9c00; }
    .grid-wrapper .sort a img {
      vertical-align: middle; }
.grid-wrapper .dropdown {
  min-width: 160px; }
  .grid-wrapper .dropdown > a {
    border: 0 none;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px; }
.grid-wrapper.m-list {
  position: relative; }
  .grid-wrapper.m-list img.loading {
    opacity: 1; }
  @media screen and (min-width: 768px) {
    .grid-wrapper.m-list .title {
      margin-right: 240px; } }
  .grid-wrapper.m-list .sort {
    position: absolute;
    right: 0;
    top: 0;
    display: none; }
    @media screen and (min-width: 768px) {
      .grid-wrapper.m-list .sort {
        display: block; } }
.grid-wrapper nav.pager {
  display: none; }

.grid {
  clear: both;
  overflow: hidden;
  font-size: 0;
  margin-bottom: 40px; }
  .grid h2.title {
    font-size: 18px;
    margin: 0 0 20px; }
    .grid h2.title small {
      font-size: 18px; }
  .grid button {
    margin-top: 20px; }
  @media screen and (max-width: 767px) {
    .grid.m-list .item {
      overflow: hidden;
      margin-bottom: 20px;
      padding-bottom: 20px;
      border-bottom: 1px solid #e3e3e3; }
      .grid.m-list .item .image {
        float: left;
        width: 35%; }
      .grid.m-list .item .copy {
        float: left;
        width: 65%; }
        .grid.m-list .item .copy a {
          color: #333333;
          text-decoration: none;
          background: #fff;
          padding: 0 0 0 10px; } }
  .grid.m-2col {
    overflow: hidden; }
    .grid.m-2col h2 {
      text-align: center; }
    .grid.m-2col > .item {
      width: 48%;
      margin: 0 0 30px !important;
      background-color: #f8f1ec; }
      .grid.m-2col > .item:nth-child(odd) {
        float: left;
        clear: left; }
      .grid.m-2col > .item:nth-child(even) {
        float: right;
        clear: right; }
      @media screen and (min-width: 768px) {
        .grid.m-2col > .item {
          width: 31%;
          margin-bottom: 3.5%;
          min-height: 200px;
          float: none !important;
          clear: none !important;
          margin: 0 !important;
          margin-bottom: 3.5% !important; }
          .grid.m-2col > .item:nth-of-type(3n+2) {
            margin-left: 3.5% !important;
            margin-right: 3.5% !important; } }
  .grid .item {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    width: 100%;
    font-size: 0.77778em;
    margin-bottom: 20px; }
    @media screen and (min-width: 768px) {
      .grid .item {
        background-color: #f8f1ec; } }
    @media screen and (min-width: 768px) {
      .grid .item {
        width: 31%;
        margin-bottom: 3.5%; }
        .grid .item:nth-of-type(3n+2) {
          margin-left: 3.5%;
          margin-right: 3.5%; } }
    .grid .item .image {
      position: relative; }
      .grid .item .image img {
        width: 100%;
        height: auto; }
      .grid .item .image .icon {
        position: absolute;
        left: 0;
        bottom: 0;
        display: block;
        width: 35px;
        height: 35px;
        background: #ff5f2d; }
        @media screen and (max-width: 767px) {
          .grid .item .image .icon {
            width: 26px;
            height: 26px; } }
        .grid .item .image .icon.icon-photo {
          background: #ff5f2d url("../../img/icon-photos.svg") center center/17px 17px no-repeat; }
        .grid .item .image .icon.icon-video {
          background: #ff5f2d url("../../img/icon-video.svg") center center/17px 15px no-repeat; }
        .grid .item .image .icon.icon-ebook {
          background: #ff5f2d url("../../img/icon-download.svg") center center/17px 17px no-repeat; }
    .grid .item .copy {
      font-size: 14px; }
      .grid .item .copy a {
        text-decoration: none;
        color: #333333;
        display: block;
        background: #f8f1ec;
        padding: 15px 20px; }
        .grid .item .copy a span {
          display: inline-block;
          width: 100%;
          text-decoration: none !important; }
        .grid .item .copy a .content-type {
          color: #bf692c;
          text-transform: uppercase; }
        .grid .item .copy a .download {
          color: #ff5f2d; }
    .grid .item.equal .image {
      height: 137px;
      overflow: hidden; }
    .grid .item.equal .copy {
      height: 117px;
      overflow: hidden; }

article + .grid {
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  padding: 30px 0 0;
  margin: 30px 0; }

.sort-filter-options {
  background-color: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999; }
  @media screen and (min-width: 768px) {
    .sort-filter-options {
      display: none; } }
  .sort-filter-options.stick {
    position: static; }
  .sort-filter-options .btn {
    width: 50%;
    float: left;
    border-left: 1px solid #fff; }
    .sort-filter-options .btn:first-child {
      border: 0 none; }

.content ul,
.content ol {
  padding-left: 20px;
  margin-bottom: 30px; }
.content ul {
  list-style-type: disc; }
.content ol {
  list-style-type: decimal; }
.content a {
  text-decoration: underline;
  color: #ff5f2d; }
  .content a:hover {
    color: #ff5f2d; }

/* --- [ Main Content ] --------------- */
#content {
  padding-bottom: 60px; }
  #content h2 {
    letter-spacing: .03em;
    color: #ff9c00; }
  #content .content img {
    width: auto;
    max-width: 100%; }
    @media screen and (max-width: 767px) {
      #content .content img {
        height: auto;
        width: 100%; } }
  #content .content figcaption {
    font-size: 15px;
    margin-top: 5px; }
  #content .content h2 {
    font-size: 1.31rem;
    margin: 20px 0 10px 0;
    text-transform: none; }
  #content .content h3 {
    font-size: 1em; }
  #content .content h4 {
    font-size: 0.83333em; }
  #content .find-trainers .content {
    background: #333333;
    padding: 10px 20px 0;
    margin-bottom: 80px;
    color: #fff;
    text-align: center; }
    #content .find-trainers .content input {
      text-align: center;
      border-radius: 0;
      padding: 10px;
      width: 60%;
      min-width: 260px;
      border: none;
      color: #333333; }
    #content .find-trainers .content button {
      position: relative;
      bottom: -23px; }
  #content .breadcrumbs {
    font-size: .75em;
    margin-bottom: 20px;
    display: none; }
    @media screen and (min-width: 768px) {
      #content .breadcrumbs {
        display: block; } }
    #content .breadcrumbs a {
      border-bottom: 1px solid #cecad5; }
      #content .breadcrumbs a:hover {
        border-color: transparent; }
  #content article {
    font-family: 'Proxima N W01 At Reg'; }
    #content article .loading {
      opacity: 1; }
    #content article h1, #content article .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed #content article h2 {
      font-size: 1.44444em;
      color: #ff9c00;
      line-height: 1.3;
      text-transform: none;
      letter-spacing: 0; }
      #content article h1 .video-runtime, #content article .you-vs-breed .vs-select .breed h2 .video-runtime, .you-vs-breed .vs-select .breed #content article h2 .video-runtime {
        color: #333333; }
    #content article .content-type {
      display: none; }
      @media screen and (min-width: 768px) {
        #content article .content-type {
          display: block; } }
    #content article .byline {
      color: #333333;
      margin-bottom: 30px;
      font-size: 0.77778em; }
    #content article .video {
      position: relative; }
      #content article .video > img {
        width: 100%;
        height: auto;
        max-width: 670px; }
      #content article .video .icon {
        display: inline-block;
        position: absolute;
        bottom: 0;
        left: 0; }
        #content article .video .icon a {
          display: block;
          padding: 15px;
          background: rgba(255, 95, 45, 0.8); }
        #content article .video .icon img {
          width: 21px;
          height: auto;
          vertical-align: middle; }
    #content article p, #content article q, #content article blockquote, #content article li, #content article ul {
      color: #3d2d56;
      font-size: 1rem;
      line-height: 150%;
      font-family: "Lato", sans-serif;
      -webkit-font-smoothing: antialiased; }
    #content article blockquote:before {
      content: open-quote; }
    #content article blockquote:after {
      content: close-quote; }
    #content article q,
    #content article blockquote {
      display: block;
      color: #ff9c00;
      padding: 10px 20px;
      overflow: hidden;
      font-family: 'Proxima N W01 At Reg It'; }
      #content article q p,
      #content article blockquote p {
        margin: 0;
        display: inline-block;
        color: #ff9c00;
        font-family: 'Proxima N W01 At Reg It'; }
    #content article .ad a {
      display: block; }
    #content article .ad img {
      width: 100%;
      max-width: 300px;
      height: auto; }
    @media screen and (min-width: 768px) {
      #content article .ad {
        float: left;
        margin: 0 25px 5px 0; } }
    #content article .share {
      float: right;
      margin: 20px 0px 20px 20px;
      font-family: 'Montserrat';
      font-weight: bold; }
      #content article .share .counter {
        text-align: center;
        color: #333333;
        text-transform: uppercase;
        font-size: 13px;
        margin-bottom: 5px; }
        @media screen and (min-width: 1025px) {
          #content article .share .counter {
            display: inline-block;
            vertical-align: middle;
            height: 100%; } }
        @media screen and (min-width: 768px) and (max-width: 1024px) {
          #content article .share .counter {
            display: none; } }
        #content article .share .counter span {
          color: #ff9c00;
          font-size: 16px; }
      @media screen and (min-width: 1025px) {
        #content article .share .social {
          display: inline-block; } }
    @media screen and (max-width: 767px) {
      #content article .video-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden; }
      #content article .video-container iframe, #content article .video-container object, #content article .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; } }
  #content .pager {
    margin: 30px 0 50px; }
    #content .pager ul {
      padding: 0;
      text-align: center; }
      #content .pager ul, #content .pager ul li {
        list-style: none;
        margin: 0;
        padding: 0; }
    #content .pager li {
      display: inline-block !important;
      height: 40px;
      line-height: 40px;
      float: none; }
      #content .pager li a {
        display: block;
        border: 1px solid transparent; }
        #content .pager li a span {
          display: none; }
          @media screen and (min-width: 768px) {
            #content .pager li a span {
              display: inline; } }
        #content .pager li a.disabled span {
          opacity: 0; }
      #content .pager li.page-prev a:hover, #content .pager li.page-next a:hover, #content .pager li.page_prev a:hover, #content .pager li.page_next a:hover {
        color: #ff5f2d; }
      #content .pager li.page-prev img, #content .pager li.page-next img, #content .pager li.page_prev img, #content .pager li.page_next img {
        width: 30px;
        height: auto;
        vertical-align: middle; }
      #content .pager li.page-prev {
        float: left !important; }
        #content .pager li.page-prev img {
          margin-right: 10px; }
      #content .pager li.page-next {
        float: right !important; }
        #content .pager li.page-next img {
          margin-left: 10px; }
      #content .pager li.page-counter {
        width: 40px;
        margin: 0 2px; }
        #content .pager li.page-counter a {
          border-color: #e3e3e3; }
          #content .pager li.page-counter a:hover {
            color: #fff;
            background: #ff5f2d;
            border-color: #ff5f2d; }
      #content .pager li.page-current a, #content .pager li.page-current a:hover, #content .pager li.active a, #content .pager li.active a:hover {
        background: #333333;
        border-color: #333333;
        color: #fff;
        cursor: pointer;
        pointer-events: none; }

#content article .photoset-wrapper {
  margin: 0 auto;
  width: 80%;
  max-width: 630px;
  position: relative;
  text-align: center;
  z-index: 9999; }
  #content article .photoset-wrapper .header {
    overflow: hidden; }
    #content article .photoset-wrapper .header h2 {
      padding: 15px 20px;
      margin: 0;
      text-align: left !important;
      text-transform: none;
      color: #fff !important;
      float: left; }
      #content article .photoset-wrapper .header h2 img {
        display: none; }
      @media screen and (min-width: 768px) {
        #content article .photoset-wrapper .header h2 {
          padding: 15px 0 25px 25px;
          margin: 7px 0 0; }
          #content article .photoset-wrapper .header h2 img {
            display: inline-block;
            height: 28px;
            width: auto;
            vertical-align: middle;
            margin-right: 15px;
            margin-top: -3px; } }
  @media screen and (min-width: 768px) {
    #content article .photoset-wrapper:hover .photoset-extend.on {
      display: block; } }
  #content article .photoset-wrapper ul {
    margin: 0;
    padding: 0; }
    #content article .photoset-wrapper ul, #content article .photoset-wrapper ul li {
      list-style: none;
      margin: 0;
      padding: 0; }
  #content article .photoset-wrapper .photoset-pager {
    display: none;
    float: right;
    color: #fff;
    padding: 15px 25px 25px 0; }
    #content article .photoset-wrapper .photoset-pager * {
      display: inline-block;
      vertical-align: top; }
    #content article .photoset-wrapper .photoset-pager h3 {
      margin: 0;
      line-height: 40px;
      margin-right: 15px; }
    #content article .photoset-wrapper .photoset-pager span {
      cursor: pointer;
      color: #252525;
      background: #fff;
      height: 40px;
      width: 40px;
      line-height: 38px;
      text-align: center;
      display: inline-block !important; }
      #content article .photoset-wrapper .photoset-pager span.slick-disabled {
        opacity: 0.3; }
      #content article .photoset-wrapper .photoset-pager span img {
        width: 10px;
        height: auto;
        vertical-align: middle; }
    @media screen and (min-width: 768px) {
      #content article .photoset-wrapper .photoset-pager {
        display: block; } }
  #content article .photoset-wrapper .modalmode.on .photo .item .img {
    margin: 0 0 20px;
    padding: 0 !important; }
  #content article .photoset-wrapper .photoset {
    background: #252525;
    width: 100%; }
    #content article .photoset-wrapper .photoset .photo {
      position: relative;
      margin: auto; }
      #content article .photoset-wrapper .photoset .photo .item .img {
        height: auto;
        padding: 20px; }
        @media screen and (min-width: 768px) {
          #content article .photoset-wrapper .photoset .photo .item .img {
            height: 340px;
            padding: 0; } }
      #content article .photoset-wrapper .photoset .photo li img {
        height: 100%; }
      #content article .photoset-wrapper .photoset .photo .slick-dots {
        display: none !important; }
      #content article .photoset-wrapper .photoset .photo:after {
        content: " ";
        display: block;
        padding: 15px;
        background: rgba(255, 95, 45, 0.8) url("../../img/icon-photoset.svg") center center/40px 33px no-repeat;
        height: 60px;
        width: 60px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -30px 0 0 -30px;
        pointer-events: none; }
        @media screen and (min-width: 768px) {
          #content article .photoset-wrapper .photoset .photo:after {
            display: none; } }
      #content article .photoset-wrapper .photoset .photo .description,
      #content article .photoset-wrapper .photoset .photo h2.title,
      #content article .photoset-wrapper .photoset .photo .counter {
        display: none; }
    #content article .photoset-wrapper .photoset .close-photoset {
      display: none; }
    #content article .photoset-wrapper .photoset.modalmode .photo li {
      cursor: pointer; }
      #content article .photoset-wrapper .photoset.modalmode .photo li:first-child {
        display: block !important; }
    #content article .photoset-wrapper .photoset.modalmode.on {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 999;
      overflow: scroll;
      background-color: #fff;
      padding: 0 20px; }
      #content article .photoset-wrapper .photoset.modalmode.on .header h2 {
        color: #ff9c00 !important;
        padding: 0;
        margin: 10px 0 20px 0; }
        #content article .photoset-wrapper .photoset.modalmode.on .header h2 img {
          display: none !important; }
      #content article .photoset-wrapper .photoset.modalmode.on .header .close-photoset {
        display: block;
        width: 100%;
        overflow: hidden; }
        #content article .photoset-wrapper .photoset.modalmode.on .header .close-photoset img {
          cursor: pointer;
          float: right;
          padding: 20px 0 0 0; }
      #content article .photoset-wrapper .photoset.modalmode.on .photo:after {
        background: none !important; }
      #content article .photoset-wrapper .photoset.modalmode.on .photo li {
        display: block !important; }
        #content article .photoset-wrapper .photoset.modalmode.on .photo li .description {
          display: block; }
          #content article .photoset-wrapper .photoset.modalmode.on .photo li .description p {
            text-align: left;
            text-align: justify; }
            @media screen and (min-width: 1025px) {
              #content article .photoset-wrapper .photoset.modalmode.on .photo li .description p {
                font-size: 18px; } }
            @media screen and (max-width: 767px) {
              #content article .photoset-wrapper .photoset.modalmode.on .photo li .description p {
                font-size: 16px; } }
        #content article .photoset-wrapper .photoset.modalmode.on .photo li .counter {
          text-align: left;
          display: block;
          font-weight: bold; }
          #content article .photoset-wrapper .photoset.modalmode.on .photo li .counter span {
            color: #ff9c00; }
        #content article .photoset-wrapper .photoset.modalmode.on .photo li h2.title {
          text-transform: capitalize;
          text-align: left;
          color: #333333;
          font-weight: bold;
          font-size: 16px;
          margin: 0 0 20px 0;
          display: block; }
  #content article .photoset-wrapper .photoset-extend {
    background: #3f3f3f;
    position: absolute;
    display: none;
    width: 50%;
    height: 100%;
    padding: 15px;
    overflow: hidden;
    border-left: 1px solid #535353;
    text-align: left;
    z-index: 2;
    left: 100%;
    top: 0; }
    #content article .photoset-wrapper .photoset-extend .social {
      padding-bottom: 10px;
      margin-bottom: 10px;
      border-bottom: 1px solid #535353; }
      #content article .photoset-wrapper .photoset-extend .social li {
        margin: 0 3px 10px 0; }
      #content article .photoset-wrapper .photoset-extend .social li a {
        height: 40px;
        width: 40px;
        line-height: 40px; }
    #content article .photoset-wrapper .photoset-extend h2 {
      color: #fff;
      text-align: left;
      text-transform: none;
      margin-bottom: 0; }
    #content article .photoset-wrapper .photoset-extend p {
      color: #fff;
      font-size: 13px; }
    #content article .photoset-wrapper .photoset-extend .ad {
      position: absolute;
      bottom: 15px;
      left: 15px;
      float: none;
      margin: 0;
      width: calc(100% - 30px); }
  #content article .photoset-wrapper .thumbs {
    display: none;
    margin: auto;
    padding: 10px; }
    #content article .photoset-wrapper .thumbs li {
      display: inline-block;
      margin: 4px;
      border: 4px solid transparent; }
      #content article .photoset-wrapper .thumbs li button {
        display: block;
        position: relative;
        width: 40px;
        height: 40px;
        border-radius: 0px;
        background-size: cover; }
      #content article .photoset-wrapper .thumbs li.slick-active {
        border: 4px solid #fff; }
    @media screen and (min-width: 768px) {
      #content article .photoset-wrapper .thumbs {
        display: block; } }

#comments {
  margin-top: 60px;
  text-align: left; }
  #comments h2 {
    text-align: left;
    font: 1.44rem; }
  #comments h3 {
    text-transform: uppercase;
    color: #333333;
    font-size: 13px;
    margin: 0 0 8px; }
  #comments .avatar {
    width: 60px;
    height: 60px;
    float: left;
    margin: 0 20px 20px 0; }
  #comments textarea {
    padding: 10px;
    width: 100%;
    border: 1px solid #e3e3e3; }
  #comments button {
    float: right;
    margin-top: 15px; }
  #comments .fb-comments > span {
    width: 100% !important; }

@media screen and (min-width: 1025px) {
  body.layout-training .fb-comments span iframe[style],
  body.layout-photogallery .fb-comments span iframe[style] {
    min-width: 820px !important; } }

.overlay {
  position: fixed;
  z-index: 5001;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.75); }
  @media screen and (max-width: 767px) {
    .overlay {
      display: none !important; } }
  .overlay.overlay-menu {
    height: 130px;
    z-index: 5005; }
  .overlay.overlay-video {
    top: 112px; }
  .overlay.black {
    background: black; }

.featherlight-inner {
  margin: 0 -10px !important; }

.modal-styles small,
.featherlight small {
  color: #333333;
  text-align: left;
  padding: 15px;
  text-transform: none;
  display: inline-block;
  font-size: 18px;
  margin: -10px 0 0; }
.modal-styles .filter-by small,
.featherlight .filter-by small {
  margin: 0; }
.modal-styles .featherlight-close,
.featherlight .featherlight-close {
  font-size: 0;
  background: url(../../img/x.svg) no-repeat 0 0;
  background-size: cover;
  width: 20px;
  height: 20px;
  margin: 15px;
  display: block;
  float: right; }
.modal-styles h3,
.featherlight h3 {
  padding: 5px 15px;
  margin: 0;
  background: #f8f1ec;
  color: #bf692c;
  font-size: 12px;
  clear: both; }
.modal-styles ul,
.featherlight ul {
  display: block;
  margin: 0;
  padding: 0; }
  .modal-styles ul, .modal-styles ul li,
  .featherlight ul,
  .featherlight ul li {
    list-style: none;
    margin: 0;
    padding: 0; }
  .modal-styles ul li,
  .featherlight ul li {
    display: block;
    padding: 0;
    margin: 0; }
    .modal-styles ul li a,
    .featherlight ul li a {
      display: block;
      padding: 10px 15px;
      color: #333333; }
      .modal-styles ul li a.active,
      .featherlight ul li a.active {
        color: #ff9c00; }
        .modal-styles ul li a.active:before,
        .featherlight ul li a.active:before {
          content: ">\00a0"; }
    .modal-styles ul li + li a,
    .featherlight ul li + li a {
      border-top: 1px solid #e3e3e3; }

.modal {
  position: absolute;
  width: 320px;
  top: 100px;
  left: 50%;
  margin: 0 0 0 -160px;
  background: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }
  .modal .close {
    float: right;
    height: 20px;
    width: 20px;
    margin: 15px; }

.featherlight .close {
  float: right;
  height: 20px;
  width: 20px;
  margin: 15px; }

@media screen and (max-width: 767px) {
  .media #content h1, .media #content .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .media #content h2 {
    font-size: 1.5em;
    margin-top: 30px;
    margin-bottom: 5px; }
  .media #content .byline {
    font-size: 0.7em; } }

.layout-training #hero .mast.category_image, .layout-training #hero .mast.mast-media-bg,
.layout-photogallery #hero .mast.category_image,
.layout-photogallery #hero .mast.mast-media-bg {
  min-height: 280px; }
  @media screen and (max-width: 767px) {
    .layout-training #hero .mast.category_image, .layout-training #hero .mast.mast-media-bg,
    .layout-photogallery #hero .mast.category_image,
    .layout-photogallery #hero .mast.mast-media-bg {
      max-height: 280px; } }
.layout-training #hero .mast .mast-media-bg-img,
.layout-photogallery #hero .mast .mast-media-bg-img {
  visibility: hidden; }
@media screen and (min-width: 1025px) {
  .layout-training .grid .item,
  .layout-photogallery .grid .item {
    min-height: 260px;
    max-height: 260px; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .layout-training .grid .item,
  .layout-photogallery .grid .item {
    min-height: 190px; } }
.layout-training .grid .item .copy,
.layout-photogallery .grid .item .copy {
  height: 90px;
  overflow: hidden; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .layout-training .grid .item .copy,
    .layout-photogallery .grid .item .copy {
      height: 150px; } }
  @media screen and (max-width: 767px) {
    .layout-training .grid .item .copy,
    .layout-photogallery .grid .item .copy {
      height: auto; } }
  .layout-training .grid .item .copy h3,
  .layout-photogallery .grid .item .copy h3 {
    font-size: 0.9rem;
    padding: 0 0 0 10px;
    position: relative;
    top: -2px; }
@media screen and (min-width: 1025px) {
  .layout-training .grid .item .image,
  .layout-photogallery .grid .item .image {
    min-height: 164px;
    max-height: 164px;
    overflow: hidden; } }
@media screen and (max-width: 767px) {
  .layout-training .grid .item .image .list-link,
  .layout-photogallery .grid .item .image .list-link {
    height: 70px; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .layout-training .grid .item .image,
  .layout-photogallery .grid .item .image {
    min-height: 72px; } }
@media screen and (max-width: 767px) {
  .layout-training .grid .item.equal .image .list-link,
  .layout-photogallery .grid .item.equal .image .list-link {
    height: 164px; } }
.layout-training .grid .item.equal .copy .content-type,
.layout-photogallery .grid .item.equal .copy .content-type {
  text-transform: none;
  color: #333; }
.layout-training .text-left,
.layout-photogallery .text-left {
  line-height: 30px;
  margin-bottom: 30px;
  margin-top: 15px; }
.layout-training #content article ul, .layout-training #content article ol,
.layout-photogallery #content article ul,
.layout-photogallery #content article ol {
  margin-left: 0.5em; }
.layout-training #content article figure,
.layout-photogallery #content article figure {
  margin: 20px 0px; }
  @media screen and (max-width: 767px) {
    .layout-training #content article figure figcaption,
    .layout-photogallery #content article figure figcaption {
      font-size: 0.77777em; } }
@media screen and (min-width: 1025px) {
  .layout-training #content article .share,
  .layout-photogallery #content article .share {
    min-width: 275px; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .layout-training #content article .share,
  .layout-photogallery #content article .share {
    width: 105px;
    margin-top: 0px; } }
@media screen and (max-width: 480px) {
  .layout-training .grid.m-2col > .item,
  .layout-photogallery .grid.m-2col > .item {
    width: 100%; } }
.layout-training .featured-media .btn-cta,
.layout-photogallery .featured-media .btn-cta {
  margin-bottom: 4em; }
.layout-training .featured-media article,
.layout-photogallery .featured-media article {
  margin-top: 0px;
  padding: 0px; }
  .layout-training .featured-media article .media-title a,
  .layout-photogallery .featured-media article .media-title a {
    text-decoration: none;
    color: #333;
    font-size: 14px;
    font-family: "Lato", sans-serif;
    padding: 15px 20px;
    display: inline-block;
    width: 100%;
    line-height: 1.3em; }
.layout-training .featured-media .featured-story,
.layout-photogallery .featured-media .featured-story {
  background: #f8f1ec;
  margin-bottom: 2em; }
  @media screen and (min-width: 1025px) {
    .layout-training .featured-media .featured-story,
    .layout-photogallery .featured-media .featured-story {
      height: 260px;
      overflow: hidden; } }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .layout-training .featured-media .featured-story,
    .layout-photogallery .featured-media .featured-story {
      height: 300px;
      overflow: hidden;
      float: left;
      display: block;
      margin-right: 2.5641%;
      width: 31.62393%; }
      .layout-training .featured-media .featured-story:last-child,
      .layout-photogallery .featured-media .featured-story:last-child {
        margin-right: 0; } }
  .layout-training .featured-media .featured-story .featured-story-image,
  .layout-photogallery .featured-media .featured-story .featured-story-image {
    position: relative;
    height: 100%; }
    .layout-training .featured-media .featured-story .featured-story-image .icon,
    .layout-photogallery .featured-media .featured-story .featured-story-image .icon {
      position: absolute;
      left: 0;
      bottom: 0;
      display: block;
      width: 35px;
      height: 35px;
      background: #ff5f2d; }
      .layout-training .featured-media .featured-story .featured-story-image .icon.icon-photo,
      .layout-photogallery .featured-media .featured-story .featured-story-image .icon.icon-photo {
        background: #ff5f2d url("../../img/icon-photos.svg") center center/17px 17px no-repeat; }
      .layout-training .featured-media .featured-story .featured-story-image .icon.icon-video,
      .layout-photogallery .featured-media .featured-story .featured-story-image .icon.icon-video {
        background: #ff5f2d url("../../img/icon-video.svg") center center/17px 15px no-repeat; }
      .layout-training .featured-media .featured-story .featured-story-image .icon.icon-ebook,
      .layout-photogallery .featured-media .featured-story .featured-story-image .icon.icon-ebook {
        background: #ff5f2d url("../../img/icon-download.svg") center center/17px 17px no-repeat; }
@media screen and (max-width: 767px) {
  .layout-training .featured-media .view-more-photo-btn,
  .layout-photogallery .featured-media .view-more-photo-btn {
    font-size: 14px; } }
@media screen and (max-width: 767px) {
  .layout-training #hero h1.category-name, .layout-training #hero .you-vs-breed .vs-select .breed h2.category-name, .you-vs-breed .vs-select .breed .layout-training #hero h2.category-name,
  .layout-photogallery #hero h1.category-name,
  .layout-photogallery #hero .you-vs-breed .vs-select .breed h2.category-name,
  .you-vs-breed .vs-select .breed .layout-photogallery #hero h2.category-name {
    text-align: left;
    font-size: 12px; } }
.layout-training #content article ul.dots,
.layout-photogallery #content article ul.dots {
  margin-left: 0px;
  padding-left: 0px; }

.layout-photogallery #content article .share {
  margin-top: 0px;
  margin-left: 15px; }

.article-details-head {
  clear: both;
  float: left;
  width: 100%; }
  .article-details-head h1, .article-details-head .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .article-details-head h2 {
    font-size: 1.44444em; }
  .article-details-head .byline {
    color: #333 !important; }
  .article-details-head .article-details-head-left {
    float: left;
    width: 60%; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .article-details-head .article-details-head-left {
        width: 74%; } }
    @media screen and (max-width: 767px) {
      .article-details-head .article-details-head-left {
        width: 100%; } }
  .article-details-head .article-details-head-right {
    float: right; }
    @media screen and (min-width: 1025px) {
      .article-details-head .article-details-head-right {
        width: 40%; } }

.footer-container {
  z-index: 0; }

.mobile-photogallery-title,
.mobile-video-title {
  display: block;
  clear: both;
  float: left;
  width: 100%;
  background: #fff;
  text-align: left;
  padding: 75px 0 10px 0; }
  .mobile-photogallery-title .content article h1, .mobile-photogallery-title .content article .you-vs-breed .vs-select .breed h2, .you-vs-breed .vs-select .breed .mobile-photogallery-title .content article h2,
  .mobile-video-title .content article h1,
  .mobile-video-title .content article .you-vs-breed .vs-select .breed h2,
  .you-vs-breed .vs-select .breed .mobile-video-title .content article h2 {
    display: inline-block !important;
    padding: 7px 24px !important;
    color: #ff9c00 !important;
    font-size: 1.4em !important;
    text-transform: none !important;
    background: transparent !important;
    position: relative !important; }
  .mobile-photogallery-title .content article .byline,
  .mobile-video-title .content article .byline {
    color: #333333;
    margin-bottom: 10px;
    font-size: 0.77778em;
    padding-left: 24px; }

.mobile-video-title {
  padding-top: 0px; }

.mobile-counter {
  bottom: 31px;
  position: absolute;
  z-index: 999;
  width: 100px;
  left: 129px; }
  @media screen and (min-width: 768px) {
    .mobile-counter {
      display: none !important; } }

@media screen and (max-width: 767px) {
  .just-mobile {
    display: block !important; } }
@media screen and (min-width: 768px) {
  .just-mobile {
    display: none !important; } }

@media screen and (max-width: 767px) {
  .hide-on-mobile, .split-photos .show-data.hide-on-mobile {
    display: none !important; } }

@media screen and (max-width: 767px) {
  .just-tablet-up {
    display: none !important; } }
@media screen and (min-width: 768px) {
  .just-tablet-up {
    display: block !important; } }

.breed-overview *:focus,
#content *:focus,
#hero *:focus {
  outline: none !important; }

.breed-overview .generic-slideshow {
  position: relative;
  background: #f8f1ec;
  padding-bottom: 4.375rem; }
  .breed-overview .generic-slideshow h2 {
    text-align: center;
    padding-top: 4.375rem;
    padding-bottom: 10px; }
  .breed-overview .generic-slideshow p {
    text-align: center;
    padding-bottom: 2.3rem; }
  .breed-overview .generic-slideshow article .inner {
    max-width: 1210px;
    box-sizing: border-box;
    margin: auto; }
    @media screen and (min-width: 768px) {
      .breed-overview .generic-slideshow article .inner .slider {
        max-width: 940px;
        margin: 0 auto;
        padding: 30px 100px 0; } }
    .breed-overview .generic-slideshow article .inner .slider .slick-dots li button {
      background-color: #fff;
      border: 1px solid #333333; }
      @media screen and (min-width: 768px) {
        .breed-overview .generic-slideshow article .inner .slider .slick-dots li button {
          border: 0 none;
          background-color: #979891; } }
    .breed-overview .generic-slideshow article .inner .slider .slick-dots li.slick-active button {
      background-color: #3d2d56 !important; }
    .breed-overview .generic-slideshow article .inner .slider .slick-arrow {
      visibility: hidden; }
      @media screen and (min-width: 768px) {
        .breed-overview .generic-slideshow article .inner .slider .slick-arrow {
          visibility: visible; } }
    .breed-overview .generic-slideshow article .inner .slider .slick-list .item .item-content {
      position: relative; }
      .breed-overview .generic-slideshow article .inner .slider .slick-list .item .item-content .caption {
        position: absolute;
        z-index: 3;
        bottom: 0;
        left: 0;
        background: #3d2d56;
        color: #fff;
        padding: 10px; }
        .breed-overview .generic-slideshow article .inner .slider .slick-list .item .item-content .caption h2 {
          color: #fff; }
          .breed-overview .generic-slideshow article .inner .slider .slick-list .item .item-content .caption h2 small {
            font-size: 0.8rem; }
        @media screen and (min-width: 768px) {
          .breed-overview .generic-slideshow article .inner .slider .slick-list .item .item-content .caption {
            padding: 20px 25px; }
            .breed-overview .generic-slideshow article .inner .slider .slick-list .item .item-content .caption .play img {
              width: 30px;
              height: auto; }
            .breed-overview .generic-slideshow article .inner .slider .slick-list .item .item-content .caption h2 {
              font-size: 16px; } }
        .breed-overview .generic-slideshow article .inner .slider .slick-list .item .item-content .caption .play {
          display: inline-block;
          vertical-align: middle;
          margin-right: 20px; }
          .breed-overview .generic-slideshow article .inner .slider .slick-list .item .item-content .caption .play img {
            width: 20px;
            height: auto; }
        .breed-overview .generic-slideshow article .inner .slider .slick-list .item .item-content .caption h2 {
          display: inline-block;
          vertical-align: middle;
          text-align: left;
          margin: 0;
          font-size: 12px; }
    .breed-overview .generic-slideshow article .inner .slider-slideshow {
      display: none;
      background-color: #fff;
      max-width: 100%;
      position: relative;
      z-index: 1; }
      @media screen and (min-width: 768px) {
        .breed-overview .generic-slideshow article .inner .slider-slideshow {
          background-color: transparent;
          width: 75%;
          margin: 30px 0 30px 25%;
          height: 320px;
          overflow: hidden; } }
      @media screen and (max-width: 767px) {
        .breed-overview .generic-slideshow article .inner .slider-slideshow {
          top: 1px; }
          .breed-overview .generic-slideshow article .inner .slider-slideshow .slick-arrow {
            bottom: -50px; } }
      .breed-overview .generic-slideshow article .inner .slider-slideshow .slick-list {
        margin-bottom: 80px;
        width: 100%;
        background-color: #3d2d56; }
        @media screen and (min-width: 768px) {
          .breed-overview .generic-slideshow article .inner .slider-slideshow .slick-list {
            width: 66.666%;
            float: left;
            margin-bottom: 0;
            padding: 0 60px; } }
        .breed-overview .generic-slideshow article .inner .slider-slideshow .slick-list .item {
          position: relative; }
          .breed-overview .generic-slideshow article .inner .slider-slideshow .slick-list .item .social img {
            width: auto;
            height: auto; }
          @media screen and (min-width: 768px) {
            .breed-overview .generic-slideshow article .inner .slider-slideshow .slick-list .item .item-content {
              height: 320px;
              overflow: hidden;
              display: table;
              vertical-align: middle;
              width: 100%; }
              .breed-overview .generic-slideshow article .inner .slider-slideshow .slick-list .item .item-content .align-middle {
                display: table-cell;
                vertical-align: middle; }
            .breed-overview .generic-slideshow article .inner .slider-slideshow .slick-list .item.ad img {
              width: auto; } }
          @media screen and (max-width: 767px) {
            .breed-overview .generic-slideshow article .inner .slider-slideshow .slick-list .item .item-content {
              display: inline-block;
              position: relative;
              width: 100%; } }
          .breed-overview .generic-slideshow article .inner .slider-slideshow .slick-list .item.outro-slide {
            text-align: center; }
            .breed-overview .generic-slideshow article .inner .slider-slideshow .slick-list .item.outro-slide .logo {
              margin: auto;
              clear: both;
              padding: 20px 0; }
              .breed-overview .generic-slideshow article .inner .slider-slideshow .slick-list .item.outro-slide .logo img {
                width: 90px; }
              @media screen and (max-width: 767px) {
                .breed-overview .generic-slideshow article .inner .slider-slideshow .slick-list .item.outro-slide .logo {
                  display: none; } }
            .breed-overview .generic-slideshow article .inner .slider-slideshow .slick-list .item.outro-slide .share,
            .breed-overview .generic-slideshow article .inner .slider-slideshow .slick-list .item.outro-slide .arrow-link {
              color: #fff;
              display: inline-block;
              vertical-align: middle;
              width: 48%; }
              @media screen and (max-width: 767px) {
                .breed-overview .generic-slideshow article .inner .slider-slideshow .slick-list .item.outro-slide .share,
                .breed-overview .generic-slideshow article .inner .slider-slideshow .slick-list .item.outro-slide .arrow-link {
                  width: 80%; } }
            @media screen and (max-width: 767px) {
              .breed-overview .generic-slideshow article .inner .slider-slideshow .slick-list .item.outro-slide .share {
                margin-top: 160px;
                margin-bottom: 20px; } }
            .breed-overview .generic-slideshow article .inner .slider-slideshow .slick-list .item.outro-slide .share .social {
              margin-top: 10px; }
            .breed-overview .generic-slideshow article .inner .slider-slideshow .slick-list .item.outro-slide .arrow-link {
              text-align: left;
              font-size: 17px;
              padding: 15px 40px 15px 15px;
              display: inline-block;
              border: 1px solid #fff;
              color: #fff;
              background: transparent url("../../img/icon-arrow-r.svg") center right 10px/12% no-repeat; }
              .breed-overview .generic-slideshow article .inner .slider-slideshow .slick-list .item.outro-slide .arrow-link span {
                display: block;
                font-size: 12px;
                color: #ff9c00; }
              @media screen and (max-width: 767px) {
                .breed-overview .generic-slideshow article .inner .slider-slideshow .slick-list .item.outro-slide .arrow-link {
                  top: 40px;
                  position: absolute;
                  left: 12%; } }
          .breed-overview .generic-slideshow article .inner .slider-slideshow .slick-list .item.intro-slide img {
            opacity: .3; }
          .breed-overview .generic-slideshow article .inner .slider-slideshow .slick-list .item.intro-slide a {
            text-decoration: none;
            position: absolute;
            z-index: 20;
            top: 50%;
            left: 50%;
            margin: -40px 0 0 -120px;
            display: block;
            width: 240px;
            height: 80px;
            line-height: 80px;
            border: 1px solid #fff;
            color: #fff;
            background: transparent url("../../img/icon-arrow-r.svg") center right 10px/12% no-repeat;
            padding-right: 40px; }
            @media screen and (max-width: 767px) {
              .breed-overview .generic-slideshow article .inner .slider-slideshow .slick-list .item.intro-slide a {
                margin: 0 0 0 -120px;
                top: 35%; } }
          .breed-overview .generic-slideshow article .inner .slider-slideshow .slick-list .item img {
            width: 100%;
            max-height: 320px; }
            @media screen and (max-width: 767px) {
              .breed-overview .generic-slideshow article .inner .slider-slideshow .slick-list .item img {
                height: 260px; } }
      .breed-overview .generic-slideshow article .inner .slider-slideshow .right-col {
        display: none !important;
        background-color: rgba(0, 0, 0, 0.1);
        float: left;
        width: 33.333%;
        margin: 0;
        padding: 20px;
        height: 320px;
        position: relative;
        left: -33.333%;
        z-index: -1;
        transition: all 500ms ease 0ms; }
        .breed-overview .generic-slideshow article .inner .slider-slideshow .right-col.on {
          left: 0; }
        @media screen and (min-width: 768px) {
          .breed-overview .generic-slideshow article .inner .slider-slideshow .right-col {
            display: block !important; } }
        .breed-overview .generic-slideshow article .inner .slider-slideshow .right-col .counter {
          text-align: left;
          padding: 0 10px; }
        .breed-overview .generic-slideshow article .inner .slider-slideshow .right-col .scroll-content {
          position: absolute;
          left: 20px;
          right: 10px;
          top: 50px;
          bottom: 30px;
          overflow: auto;
          padding-right: 10px; }
          .breed-overview .generic-slideshow article .inner .slider-slideshow .right-col .scroll-content .slick-dots {
            margin: 0; }
            .breed-overview .generic-slideshow article .inner .slider-slideshow .right-col .scroll-content .slick-dots li {
              display: inline-block;
              width: 33.333%;
              margin: 0;
              vertical-align: bottom;
              padding: 3px; }
              .breed-overview .generic-slideshow article .inner .slider-slideshow .right-col .scroll-content .slick-dots li button {
                height: 0;
                width: 100%;
                padding: 0 0 100% 0;
                border-radius: 0px;
                background-size: cover;
                background-position: center center; }
              .breed-overview .generic-slideshow article .inner .slider-slideshow .right-col .scroll-content .slick-dots li.slick-active button {
                box-shadow: inset 0px 0px 0px 4px #333333; }
      .breed-overview .generic-slideshow article .inner .slider-slideshow .slick-arrow {
        bottom: 20px;
        top: auto;
        border: 2px solid #ff5f2d;
        border-radius: 100px; }
        @media screen and (min-width: 768px) {
          .breed-overview .generic-slideshow article .inner .slider-slideshow .slick-arrow {
            width: 60px;
            margin: -20px 0;
            background-image: url(../../img/slideshow_arrows.png);
            background-position: center left;
            background-repeat: no-repeat;
            transform: rotate(0deg);
            height: 100%;
            background-color: #3d2d56;
            border-radius: 0px;
            border: 0px none; }
            .breed-overview .generic-slideshow article .inner .slider-slideshow .slick-arrow:before, .breed-overview .generic-slideshow article .inner .slider-slideshow .slick-arrow:after {
              display: none !important; }
            .breed-overview .generic-slideshow article .inner .slider-slideshow .slick-arrow.slick-prev {
              left: 0; }
            .breed-overview .generic-slideshow article .inner .slider-slideshow .slick-arrow.slick-next {
              background-position: center right;
              right: 33.333%; } }
        @media screen and (max-width: 767px) {
          .breed-overview .generic-slideshow article .inner .slider-slideshow .slick-arrow {
            bottom: -50px; } }
        .breed-overview .generic-slideshow article .inner .slider-slideshow .slick-arrow:before, .breed-overview .generic-slideshow article .inner .slider-slideshow .slick-arrow:after {
          background-color: #ff5f2d;
          width: 4px;
          height: 16px; }
        .breed-overview .generic-slideshow article .inner .slider-slideshow .slick-arrow:before {
          left: 11px;
          margin-top: 10px;
          top: 2px; }
        .breed-overview .generic-slideshow article .inner .slider-slideshow .slick-arrow:after {
          left: 19px;
          top: 6px; }
      .breed-overview .generic-slideshow article .inner .slider-slideshow .share-slide {
        position: absolute;
        top: 0px;
        right: 0px;
        display: none; }
        .breed-overview .generic-slideshow article .inner .slider-slideshow .share-slide li {
          float: right; }
          .breed-overview .generic-slideshow article .inner .slider-slideshow .share-slide li a {
            height: 35px;
            width: 35px;
            line-height: 35px; }
      .breed-overview .generic-slideshow article .inner .slider-slideshow:hover .share-slide {
        display: block; }
        @media screen and (max-width: 767px) {
          .breed-overview .generic-slideshow article .inner .slider-slideshow:hover .share-slide {
            display: none; } }
    .breed-overview .generic-slideshow article .inner .slider-content-slideshow.slick-initialized.slick-slider:focus {
      outline: none; }
    .breed-overview .generic-slideshow article .inner .slider-content-slideshow .slick-arrow {
      visibility: hidden; }
    .breed-overview .generic-slideshow article .inner .mobile-counter {
      bottom: 107px;
      left: 170px; }
.breed-overview.breed-community .generic-slideshow {
  padding-top: 4.375rem;
  margin-top: 2rem; }

.no-margin {
  margin: 0 !important; }

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: 768px) and (max-width: 1024px) {
  main.fixed-footer {
    margin-bottom: 540px; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
  main.fixed-header {
    padding-top: 86px; } }
main #masthead {
  clear: both;
  position: relative;
  text-align: center;
  overflow: hidden; }
  main #masthead .ad {
    background-color: #f5f5f5;
    padding: 1em 0; }

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

svg {
  max-width: 100%; }

body > div {
  overflow-x: hidden;
  overflow-y: auto; }