@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Roboto);
.kss-swatch {
  display: inline-block;
  position: relative;
  margin-bottom: 5px;
  width: 145px;
  height: 140px;
  text-align: center;
  font-size: 1.4rem;
  color: #FFF;
  padding-top: 90px; }
  .kss-swatch.kss-swatch-light {
    border: 1px solid #F6F6F6;
    color: #000; }

.breakout, .store-locator {
  position: relative;
  display: table;
  width: 100vw;
  left: 50%; }
  @media screen and (max-width: 767px) {
    .breakout, .store-locator {
      left: 0; } }
  .breakout > *, .store-locator > * {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    left: -50%; }
    @media screen and (max-width: 767px) {
      .breakout > *, .store-locator > * {
        left: 0; } }

.ghost-button, .black-ghost-button, .btn.buynow, .store-locator #views-exposed-form-nppe-store-locator-page-1 .form-actions input.form-submit, .white-ghost-button, .banner__container--text-container .button,
a.button, ul.pager li > a, .btn, .paragraph-user-profile-pet-entity-edit-form .form-actions input,
.user-form .form-actions input,
.user-pass .form-actions input,
.user-register-form .form-actions input,
.user-login-form .form-actions input, .store-locator .item-list ul .views-field a {
  border-radius: 30px;
  background: transparent;
  color: #000;
  border: 1px solid #000;
  padding: 10px 30px;
  text-transform: uppercase;
  margin: 20px 0 0; }
  .ghost-button:hover, .black-ghost-button:hover, .store-locator #views-exposed-form-nppe-store-locator-page-1 .form-actions input.form-submit:hover, .white-ghost-button:hover, .banner__container--text-container .button:hover,
  a.button:hover, ul.pager li > a:hover, .btn:hover, .paragraph-user-profile-pet-entity-edit-form .form-actions input:hover,
  .user-form .form-actions input:hover,
  .user-pass .form-actions input:hover,
  .user-register-form .form-actions input:hover,
  .user-login-form .form-actions input:hover, .store-locator .item-list ul .views-field a:hover {
    border-radius: 30px;
    color: #fff;
    border-color: #000;
    background-color: #000;
    padding: 10px 30px;
    text-decoration: none; }

.black-ghost-button, .btn.buynow, .paragraph-user-profile-pet-entity-edit-form .form-actions input.buynow,
.user-form .form-actions input.buynow,
.user-pass .form-actions input.buynow,
.user-register-form .form-actions input.buynow,
.user-login-form .form-actions input.buynow, .store-locator #views-exposed-form-nppe-store-locator-page-1 .form-actions input.form-submit {
  color: #fff;
  background-color: #000;
  border: 1px solid #000;
  padding: 10px 30px;
  text-transform: uppercase;
  text-decoration: none; }
  .black-ghost-button:hover, .btn.buynow:hover, .paragraph-user-profile-pet-entity-edit-form .form-actions input.buynow:hover,
  .user-form .form-actions input.buynow:hover,
  .user-pass .form-actions input.buynow:hover,
  .user-register-form .form-actions input.buynow:hover,
  .user-login-form .form-actions input.buynow:hover, .store-locator #views-exposed-form-nppe-store-locator-page-1 .form-actions input.form-submit:hover {
    border-radius: 30px;
    color: #000;
    border-color: #000;
    background-color: #fff;
    padding: 10px 30px;
    text-decoration: none; }

.white-ghost-button {
  color: #fff;
  background-color: transparent;
  border: 1px solid #fff;
  padding: 10px 30px;
  text-transform: uppercase;
  text-decoration: none; }
  .white-ghost-button:hover {
    border-radius: 30px;
    color: #fff;
    border-color: #000;
    background-color: #000;
    padding: 10px 30px;
    text-decoration: none; }

.container, .tabs-outer-wrapper #block-tabs ul, .store-locator #views-exposed-form-nppe-store-locator-page-1, .store-locator > .map-wrapper, .store-locator > .views-element-container > .store-locator > .map-wrapper {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }

.container:before, .tabs-outer-wrapper #block-tabs ul:before, .store-locator #views-exposed-form-nppe-store-locator-page-1:before, .store-locator > .map-wrapper:before, .store-locator > .views-element-container > .store-locator > .map-wrapper:before, .container:after, .tabs-outer-wrapper #block-tabs ul:after, .store-locator #views-exposed-form-nppe-store-locator-page-1:after, .store-locator > .map-wrapper:after, .store-locator > .views-element-container > .store-locator > .map-wrapper:after {
  content: " ";
  display: table; }

.container:after, .tabs-outer-wrapper #block-tabs ul:after, .store-locator #views-exposed-form-nppe-store-locator-page-1:after, .store-locator > .map-wrapper:after, .store-locator > .views-element-container > .store-locator > .map-wrapper:after {
  clear: both; }

@media (min-width: 768px) {
  .container, .tabs-outer-wrapper #block-tabs ul, .store-locator #views-exposed-form-nppe-store-locator-page-1, .store-locator > .map-wrapper, .store-locator > .views-element-container > .store-locator > .map-wrapper {
    width: 750px; } }

@media (min-width: 992px) {
  .container, .tabs-outer-wrapper #block-tabs ul, .store-locator #views-exposed-form-nppe-store-locator-page-1, .store-locator > .map-wrapper, .store-locator > .views-element-container > .store-locator > .map-wrapper {
    width: 970px; } }

@media (min-width: 1200px) {
  .container, .tabs-outer-wrapper #block-tabs ul, .store-locator #views-exposed-form-nppe-store-locator-page-1, .store-locator > .map-wrapper, .store-locator > .views-element-container > .store-locator > .map-wrapper {
    width: 1170px; } }

::selection {
  background: #000;
  color: #fff; }

::-moz-selection {
  background: #000;
  color: #fff; }

*:selection {
  background: #000;
  color: #fff; }

*:-moz-selection {
  background: #000;
  color: #fff; }

@media screen and (max-width: 991px) {
  /* .container {
		max-width: 100%;
	} */ }

html {
  max-width: 100%; }

body {
  font-weight: 300;
  font-size: 1.4rem;
  overflow-x: hidden;
  overflow-y: scroll;
  max-width: 100vw; }

.hidden {
  display: none !important; }

#page-wrapper {
  overflow-x: initial; }
  @media screen and (max-width: 767px) {
    #page-wrapper {
      padding-top: 40px; } }

@media screen and (max-width: 991px) {
  .main-container {
    margin-top: 0;
    padding-top: 0; } }

.views-element-container {
  position: inherit; }

.paragraph > .paragraph__column {
  padding-bottom: 0; }
  .paragraph > .paragraph__column > * {
    padding-bottom: 0; }

ul.pager {
  margin-top: 0; }
  ul.pager li {
    margin-top: 0;
    display: block; }
    ul.pager li > a {
      margin-top: 0; }

.paragraph--type--bp-carousel.slide > .paragraph__column > * {
  padding-bottom: 0; }

.paragraph--type--bp-carousel.slide .carousel-indicators {
  bottom: 100px; }
  @media screen and (max-width: 767px) {
    .paragraph--type--bp-carousel.slide .carousel-indicators {
      bottom: 30px !important; } }

.paragraph--type--bp-carousel.slide .carousel-control {
  background: none; }

.paragraph--type--bp-carousel.slide .carousel-inner .paragraph__column {
  padding: 0; }
  .paragraph--type--bp-carousel.slide .carousel-inner .paragraph__column .paragraph--type--bp-blank {
    position: absolute;
    z-index: 999;
    top: 30%;
    left: 20%;
    width: 35%; }
  .paragraph--type--bp-carousel.slide .carousel-inner .paragraph__column .paragraph--type--bp-image:after {
    background-image: url(../assets/down-curve.png);
    background-size: 100% 100%;
    content: "";
    z-index: 1;
    position: absolute;
    bottom: 0px;
    left: 0;
    display: block;
    width: 100vw;
    height: 140px;
    background-repeat: no-repeat;
    background-position: bottom center; }
    @media screen and (max-width: 991px) {
      .paragraph--type--bp-carousel.slide .carousel-inner .paragraph__column .paragraph--type--bp-image:after {
        background-size: 100% 100%;
        height: 60px !important; } }
    @media screen and (max-width: 767px) {
      .paragraph--type--bp-carousel.slide .carousel-inner .paragraph__column .paragraph--type--bp-image:after {
        background-size: 100% auto;
        height: 60px !important; } }

.nppe-pro-plan-products.tab1default header,
.nppe-pro-plan-products.tab2default header,
.nppe-pro-plan-products.tab3default header,
.nppe-pro-plan-products.tab4default header,
#block-views-block-nppe-pro-plan-products-block-1 header {
  text-align: center;
  background: #fff;
  color: #000;
  padding: 25px 0; }

.nppe-pro-plan-products.tab1default .owl-wrapper-outer,
.nppe-pro-plan-products.tab2default .owl-wrapper-outer,
.nppe-pro-plan-products.tab3default .owl-wrapper-outer,
.nppe-pro-plan-products.tab4default .owl-wrapper-outer,
#block-views-block-nppe-pro-plan-products-block-1 .owl-wrapper-outer {
  height: 400px;
  padding-bottom: 30px; }

.nppe-pro-plan-products.tab1default .owl-carousel,
.nppe-pro-plan-products.tab2default .owl-carousel,
.nppe-pro-plan-products.tab3default .owl-carousel,
.nppe-pro-plan-products.tab4default .owl-carousel,
#block-views-block-nppe-pro-plan-products-block-1 .owl-carousel {
  width: 95%;
  margin: 20px auto 20px;
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

.nppe-pro-plan-products.tab1default .owl-controls,
.nppe-pro-plan-products.tab2default .owl-controls,
.nppe-pro-plan-products.tab3default .owl-controls,
.nppe-pro-plan-products.tab4default .owl-controls,
#block-views-block-nppe-pro-plan-products-block-1 .owl-controls {
  margin: 40px 0 50px; }

.nppe-pro-plan-products.tab1default .owl-buttons,
.nppe-pro-plan-products.tab2default .owl-buttons,
.nppe-pro-plan-products.tab3default .owl-buttons,
.nppe-pro-plan-products.tab4default .owl-buttons,
#block-views-block-nppe-pro-plan-products-block-1 .owl-buttons {
  position: absolute;
  top: 20% !important;
  width: 100%; }
  .nppe-pro-plan-products.tab1default .owl-buttons .owl-prev,
  .nppe-pro-plan-products.tab1default .owl-buttons .owl-next,
  .nppe-pro-plan-products.tab2default .owl-buttons .owl-prev,
  .nppe-pro-plan-products.tab2default .owl-buttons .owl-next,
  .nppe-pro-plan-products.tab3default .owl-buttons .owl-prev,
  .nppe-pro-plan-products.tab3default .owl-buttons .owl-next,
  .nppe-pro-plan-products.tab4default .owl-buttons .owl-prev,
  .nppe-pro-plan-products.tab4default .owl-buttons .owl-next,
  #block-views-block-nppe-pro-plan-products-block-1 .owl-buttons .owl-prev,
  #block-views-block-nppe-pro-plan-products-block-1 .owl-buttons .owl-next {
    opacity: 1;
    font-size: 0;
    left: -30px;
    height: 60px;
    width: 60px;
    position: absolute;
    border-radius: 100%;
    border: 1px solid #f6f6f6;
    box-shadow: 1px 2px 3px #999;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-image: url(../assets/arrow-left.png); }
    @media screen and (max-width: 767px) {
      .nppe-pro-plan-products.tab1default .owl-buttons .owl-prev,
      .nppe-pro-plan-products.tab1default .owl-buttons .owl-next,
      .nppe-pro-plan-products.tab2default .owl-buttons .owl-prev,
      .nppe-pro-plan-products.tab2default .owl-buttons .owl-next,
      .nppe-pro-plan-products.tab3default .owl-buttons .owl-prev,
      .nppe-pro-plan-products.tab3default .owl-buttons .owl-next,
      .nppe-pro-plan-products.tab4default .owl-buttons .owl-prev,
      .nppe-pro-plan-products.tab4default .owl-buttons .owl-next,
      #block-views-block-nppe-pro-plan-products-block-1 .owl-buttons .owl-prev,
      #block-views-block-nppe-pro-plan-products-block-1 .owl-buttons .owl-next {
        border: 0;
        box-shadow: 0 0 0 transparent; } }
  .nppe-pro-plan-products.tab1default .owl-buttons .owl-next,
  .nppe-pro-plan-products.tab2default .owl-buttons .owl-next,
  .nppe-pro-plan-products.tab3default .owl-buttons .owl-next,
  .nppe-pro-plan-products.tab4default .owl-buttons .owl-next,
  #block-views-block-nppe-pro-plan-products-block-1 .owl-buttons .owl-next {
    right: -30px;
    left: auto;
    background-image: url(../assets/arrow-right.png); }

.nppe-pro-plan-products.tab1default .owl-page > span,
.nppe-pro-plan-products.tab2default .owl-page > span,
.nppe-pro-plan-products.tab3default .owl-page > span,
.nppe-pro-plan-products.tab4default .owl-page > span,
#block-views-block-nppe-pro-plan-products-block-1 .owl-page > span {
  background: #fff;
  border: 1px solid #000; }

.nppe-pro-plan-products.tab1default .owl-page.active > span,
.nppe-pro-plan-products.tab2default .owl-page.active > span,
.nppe-pro-plan-products.tab3default .owl-page.active > span,
.nppe-pro-plan-products.tab4default .owl-page.active > span,
#block-views-block-nppe-pro-plan-products-block-1 .owl-page.active > span {
  background: #000;
  border: 1px solid #000; }

#block-nppe-proplanmain-theme-local-tasks {
  margin-top: 40px; }
  #block-nppe-proplanmain-theme-local-tasks ul {
    list-style-type: none; }
    #block-nppe-proplanmain-theme-local-tasks ul li {
      display: inline-block; }
      #block-nppe-proplanmain-theme-local-tasks ul li a {
        text-decoration: none;
        padding: 5px 15px;
        background: #ebebec;
        color: #fff; }
        #block-nppe-proplanmain-theme-local-tasks ul li a:hover {
          text-decoration: none;
          background: #69696f;
          color: #fff; }

.paragraph--type--bp-columns {
  padding-bottom: 50px;
  margin-bottom: 50px;
  border-bottom: 1px solid #ccc; }

#block-views-block-nppe-pro-plan-search-block-block-1 .contextual {
  display: none !important; }

header#navbar .navbar-collapse ul.contextual-links,
ul.contextual-links {
  color: #000; }
  header#navbar .navbar-collapse ul.contextual-links li,
  ul.contextual-links li {
    color: #000; }
    header#navbar .navbar-collapse ul.contextual-links li a,
    ul.contextual-links li a {
      color: #000; }

.nppe-pro-plan-products.product-listing-page .product-detail__related-product--container, .nppe-pro-plan-products.product-listing-page .product-detail__featured-product--container,
.nppe-pro-plan-products.product-listing-page .homepage__related-product--container, .nppe-pro-plan-products.product-listing-page .homepage__featured-product--container {
  min-height: 255px;
  border-radius: 0;
  background: #fff;
  border: 0;
  box-shadow: 0 0 0 transparent;
  margin: 5px 7px 5px;
  text-align: center; }

a.accordion {
  text-transform: none;
  text-decoration: none; }
  a.accordion.faq__question {
    background-color: transparent;
    padding: 5px 10px;
    display: block;
    margin: 5px 0 20px;
    text-transform: none;
    font-weight: 500; }
  a.accordion:after {
    padding-top: 8px; }
  a.accordion.faq__question.collapsed {
    background-color: transparent; }

.frequently-asked-questions-view .views-row {
  border-bottom: 1px solid #ebebec; }

.faq__question {
  background-color: #fff !important;
  border-bottom: 1px soild #f6f6f6;
  line-height: 30px; }

a.faq__question:hover,
a.faq__question:active,
a.faq__question:focus {
  color: #000;
  text-decoration: none; }

#block-views-block-nppe-pro-plan-pet-milestone-banner-block-1 #tab1default {
  display: none; }

#block-views-block-nppe-pro-plan-pet-milestone-banner-block-2 #tab2default {
  display: none; }

#block-views-block-nppe-pro-plan-pet-milestone-banner-block-3 #tab3default {
  display: none; }

@media screen and (max-width: 991px) {
  .banner-mobile__health-checker {
    margin-top: 35px; }
    .banner-mobile__health-checker .banner_responsive_container .banner_responsive_img {
      min-height: 540px; }
  .banner-mobile--health-checker.custom-heading-banner .banner__container--text-wrapper .banner__container--text {
    width: 100% !important; }
  .banner-mobile--health-checker.custom-heading-banner .banner__container--text-wrapper .banner__container--text h1 {
    font-size: 40px;
    width: 100%; }
  .health-checker-term-description, .health-checker-view.body-area-terms {
    width: initial !important; }
  .black-band-wrapper {
    display: none; }
  .black-band-wrapper + .container, .tabs-outer-wrapper #block-tabs .black-band-wrapper + ul, .store-locator .black-band-wrapper + #views-exposed-form-nppe-store-locator-page-1, .store-locator > .black-band-wrapper + .map-wrapper, .store-locator > .views-element-container > .store-locator > .black-band-wrapper + .map-wrapper {
    margin-top: 0 !important;
    top: 0 !important;
    right: 0 !important;
    background-color: #1a1819 !important;
    display: block !important;
    width: 100% !important; }
  header#navbar > .container, .tabs-outer-wrapper #block-tabs header#navbar > ul, .store-locator header#navbar > #views-exposed-form-nppe-store-locator-page-1, header.store-locator#navbar > .map-wrapper, .store-locator > .views-element-container > header.store-locator#navbar > .map-wrapper {
    position: absolute !important; }
  header#navbar > .container > .navbar-header .navbar-header__brand, .tabs-outer-wrapper #block-tabs header#navbar > ul > .navbar-header .navbar-header__brand, .store-locator header#navbar > #views-exposed-form-nppe-store-locator-page-1 > .navbar-header .navbar-header__brand, header.store-locator#navbar > .map-wrapper > .navbar-header .navbar-header__brand, .store-locator > .views-element-container > header.store-locator#navbar > .map-wrapper > .navbar-header .navbar-header__brand {
    padding: 10px !important;
    margin-top: 0 !important;
    background-color: transparent !important; }
  header#navbar > .container > .navbar-header, .tabs-outer-wrapper #block-tabs header#navbar > ul > .navbar-header, .store-locator header#navbar > #views-exposed-form-nppe-store-locator-page-1 > .navbar-header, header.store-locator#navbar > .map-wrapper > .navbar-header, .store-locator > .views-element-container > header.store-locator#navbar > .map-wrapper > .navbar-header {
    margin-bottom: -47px !important;
    background-size: 230px 70px !important;
    background-position: 10px top !important; }
  .mobile_search_wrapper {
    top: 10px;
    right: 0; }
    .mobile_search_wrapper p.open-search {
      right: 50px !important; }
    .mobile_search_wrapper p.close-search {
      right: 50px !important;
      top: 6px; }
  header#navbar > .container .navbar-toggle, .tabs-outer-wrapper #block-tabs header#navbar > ul .navbar-toggle, .store-locator header#navbar > #views-exposed-form-nppe-store-locator-page-1 .navbar-toggle, header.store-locator#navbar > .map-wrapper .navbar-toggle, .store-locator > .views-element-container > header.store-locator#navbar > .map-wrapper .navbar-toggle {
    top: -7px !important;
    padding: 0 10px; }
  header#navbar {
    background-color: #1a1819 !important;
    position: absolute !important; }
  header#navbar > .container, .tabs-outer-wrapper #block-tabs header#navbar > ul, .store-locator header#navbar > #views-exposed-form-nppe-store-locator-page-1, header.store-locator#navbar > .map-wrapper, .store-locator > .views-element-container > header.store-locator#navbar > .map-wrapper {
    position: absolute !important; }
  header#navbar #main-navbar-collapse.navbar-collapse {
    top: 0 !important; }
  .brand {
    position: relative !important; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  header#navbar > .container .navbar-toggle, .tabs-outer-wrapper #block-tabs header#navbar > ul .navbar-toggle, .store-locator header#navbar > #views-exposed-form-nppe-store-locator-page-1 .navbar-toggle, header.store-locator#navbar > .map-wrapper .navbar-toggle, .store-locator > .views-element-container > header.store-locator#navbar > .map-wrapper .navbar-toggle {
    margin-top: 21px; }
  .mobile_search_wrapper {
    position: absolute !important;
    right: 0 !important;
    width: 100% !important; } }

@media screen and (max-width: 991px) {
  .page-node-type-dsu-product .homepage__featured-product--container {
    width: 240px !important; } }

.pretty-path-facets .views-exposed-form details.form-item .form-checkboxes {
  z-index: 10 !important; }

@media screen and (max-width: 991px) {
  .nppe-pro-plan-related-products-articles-page .homepage__featured-product--container {
    width: 97% !important; } }

@media screen and (max-width: 991px) {
  .nppe-module-product-profile-admin-home h2 {
    width: 82%;
    text-align: center; } }

@media screen and (max-width: 991px) {
  #block-views-block-nppe-pro-plan-products-block-1 {
    font-size: 18px; } }

@media screen and (max-width: 991px) {
  header #navbar #main-navbar-collapse .navbar-collapse ul li a {
    padding-left: 0px !important; } }

@media screen and (max-width: 991px) {
  header #navbar #main-navbar-collapse .navbar-collapse nav ul .menu li a {
    padding-left: 0px !important; } }

@media screen and (max-width: 991px) {
  header #navbar #main-navbar-collapse .navbar-collapse nav ul .menu li ul .menu .megamenu--top-tier span {
    padding-left: 0px !important; } }

@media screen and (max-width: 991px) {
  header #navbar #main-navbar-collapse .navbar-collapse nav ul .menu li ul .menu .megamenu--top-tier a {
    padding-left: 0px !important;
    margin-left: -6px; } }

.product-tabs-list li {
  display: none; }

.nppe-pro-plan-compare-link-wrapper {
  z-index: 99999; }

.products .flag-compare-products a,
.products-compare-box .flag-compare-products a {
  z-index: 8; }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .health-checker-view header p {
    margin-bottom: 150px; } }

.optiage .optiage-banner {
  margin-top: -98px; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .optiage .optiage-banner .banner_responsive_container {
      margin-left: 0px !important; } }
  .optiage .optiage-banner .banner_responsive_container .banner_responsive_img {
    min-height: 730px !important; }
    @media screen and (max-width: 991px) {
      .optiage .optiage-banner .banner_responsive_container .banner_responsive_img {
        min-height: 480px !important; } }

.optiage abbr[title], .optiage acronym[title] {
  padding-bottom: 0px; }

.paragraph--type--optiage-campaign {
  text-align: center; }
  @media screen and (max-width: 991px) {
    .paragraph--type--optiage-campaign {
      margin-left: -15px !important; } }
  .paragraph--type--optiage-campaign p {
    font-size: 18px;
    color: #202020; }
  .paragraph--type--optiage-campaign a {
    text-decoration: underline;
    color: #a67dc9;
    font-weight: 400; }
  .paragraph--type--optiage-campaign h1:after {
    content: '';
    background-color: #a67dc9;
    width: 300px;
    height: 4px;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px; }
  .paragraph--type--optiage-campaign h2 {
    text-transform: none;
    font-size: 30px; }
    @media screen and (max-width: 991px) {
      .paragraph--type--optiage-campaign h2 {
        margin: 35px 10px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .paragraph--type--optiage-campaign h2 {
        margin: 25px 10px;
        font-size: 27px; } }
    .paragraph--type--optiage-campaign h2:after {
      content: '';
      background-color: #a67dc9;
      width: 250px;
      height: 4px;
      text-align: center;
      display: block;
      margin: 0 auto;
      margin-top: 20px;
      margin-bottom: 20px; }
  .paragraph--type--optiage-campaign .paragraph--type--bp-columns {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important; }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .paragraph--type--optiage-campaign .paragraph--type--bp-columns {
        padding-top: 28px; } }
    .paragraph--type--optiage-campaign .paragraph--type--bp-columns .paragraph__column {
      padding: 0 !important; }
      .paragraph--type--optiage-campaign .paragraph--type--bp-columns .paragraph__column .paragraph--type--bp-columns__2col {
        padding: 0px !important; }
        .paragraph--type--optiage-campaign .paragraph--type--bp-columns .paragraph__column .paragraph--type--bp-columns__2col img {
          width: 100%; }
        .paragraph--type--optiage-campaign .paragraph--type--bp-columns .paragraph__column .paragraph--type--bp-columns__2col .nppe-video-embed {
          width: 100%;
          padding: 0px !important; }
          .paragraph--type--optiage-campaign .paragraph--type--bp-columns .paragraph__column .paragraph--type--bp-columns__2col .nppe-video-embed .video_wrapper {
            border-radius: 0 !important;
            height: 535px; }
            @media screen and (max-width: 991px) {
              .paragraph--type--optiage-campaign .paragraph--type--bp-columns .paragraph__column .paragraph--type--bp-columns__2col .nppe-video-embed .video_wrapper {
                height: 240px;
                margin-top: 50px; } }
    .paragraph--type--optiage-campaign .paragraph--type--bp-columns .paragraph--color--rgba-indigo-slight .paragraph--type--bp-columns__2col:first-child .paragraph__column {
      padding-top: 10% !important; }
  .paragraph--type--optiage-campaign .campaign-big-blocks {
    width: 50%;
    margin-left: 20%;
    text-align: left;
    margin-top: 10%; }
    @media screen and (max-width: 991px) {
      .paragraph--type--optiage-campaign .campaign-big-blocks {
        width: 81%;
        margin-left: 9%;
        margin-bottom: 12%; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .paragraph--type--optiage-campaign .campaign-big-blocks {
        margin-top: 0;
        width: 86%;
        margin-left: 7%; } }
    .paragraph--type--optiage-campaign .campaign-big-blocks h2 {
      margin: 46px 0 23px; }
      .paragraph--type--optiage-campaign .campaign-big-blocks h2:after {
        margin: 20px 0px !important; }
  .paragraph--type--optiage-campaign .campaign-color-section {
    background-color: #f1f0f0;
    padding-bottom: 5%;
    padding-top: 2%; }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .paragraph--type--optiage-campaign .campaign-color-section {
        padding-bottom: 12%; } }
    .paragraph--type--optiage-campaign .campaign-color-section .icon-inline {
      display: inline-block;
      margin: 0 auto; }
    .paragraph--type--optiage-campaign .campaign-color-section p {
      width: 50%;
      margin: 0 auto; }
      @media screen and (max-width: 991px) {
        .paragraph--type--optiage-campaign .campaign-color-section p {
          width: 90%; } }
  .paragraph--type--optiage-campaign .campaign-color-section-light {
    background-color: #f9f8f8;
    padding-bottom: 5%;
    padding-top: 2%; }
  .paragraph--type--optiage-campaign .campaign-icons {
    padding: 0 50px; }
  .paragraph--type--optiage-campaign a.campaign-btn {
    color: #a67dc9;
    padding: 10px 38px;
    border: 1px solid #a67dc9;
    border-radius: 30px;
    font-size: 21px;
    line-height: 2em;
    text-decoration: none; }
    @media screen and (max-width: 991px) {
      .paragraph--type--optiage-campaign a.campaign-btn {
        font-size: 18px;
        padding: 10px 30px; } }
    .paragraph--type--optiage-campaign a.campaign-btn:hover {
      background-color: #a67dc9;
      color: #fff;
      text-decoration: none; }
  .paragraph--type--optiage-campaign .campaign-intro {
    width: 60%;
    margin: 0 auto;
    padding-top: 20px; }
    @media screen and (max-width: 991px) {
      .paragraph--type--optiage-campaign .campaign-intro {
        width: 90%; } }
  .paragraph--type--optiage-campaign .paragraph--color--rgba-grey-slight .paragraph--type--bp-columns__2col img {
    max-width: 420px;
    padding-top: 21%; }
    @media screen and (max-width: 991px) {
      .paragraph--type--optiage-campaign .paragraph--color--rgba-grey-slight .paragraph--type--bp-columns__2col img {
        width: 81%;
        padding-top: 10px;
        padding-bottom: 10%; } }
  .paragraph--type--optiage-campaign .paragraph--color--rgba-grey-slight .paragraph--type--bp-columns__2col .campaign-footer-blocks {
    width: 50%;
    text-align: left;
    margin: 0 auto;
    padding-bottom: 10%;
    padding-top: 16%; }
    @media screen and (max-width: 991px) {
      .paragraph--type--optiage-campaign .paragraph--color--rgba-grey-slight .paragraph--type--bp-columns__2col .campaign-footer-blocks {
        width: 80%; } }
    .paragraph--type--optiage-campaign .paragraph--color--rgba-grey-slight .paragraph--type--bp-columns__2col .campaign-footer-blocks h2:after {
      margin: 20px 0px !important; }
  .paragraph--type--optiage-campaign .paragraph--color--rgba-grey-slight:before {
    background-image: url(../assets/optiage-down-curve.png) !important;
    background-size: 100% 100%;
    content: "";
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 0;
    display: block;
    width: 100vw;
    height: 140px;
    background-repeat: no-repeat;
    background-position: bottom center; }
    @media screen and (max-width: 991px) {
      .paragraph--type--optiage-campaign .paragraph--color--rgba-grey-slight:before {
        background-size: 100% 100%;
        height: 60px !important; } }
    @media screen and (max-width: 767px) {
      .paragraph--type--optiage-campaign .paragraph--color--rgba-grey-slight:before {
        background-size: 100% auto;
        height: 60px !important; } }
  @media screen and (max-width: 991px) {
    .paragraph--type--optiage-campaign .paragraph > .paragraph__column {
      padding-left: 0;
      padding-right: 0; } }
  .paragraph--type--optiage-campaign .nppe-video-embed {
    width: 75%;
    margin: 0 auto;
    padding: 22px 0 0px; }
    @media screen and (max-width: 991px) {
      .paragraph--type--optiage-campaign .nppe-video-embed {
        width: 100%; } }
    .paragraph--type--optiage-campaign .nppe-video-embed .video_wrapper {
      height: 600px;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
      @media screen and (max-width: 991px) {
        .paragraph--type--optiage-campaign .nppe-video-embed .video_wrapper {
          height: 190px;
          border-radius: 0px; } }
      @media screen and (min-width: 768px) and (max-width: 991px) {
        .paragraph--type--optiage-campaign .nppe-video-embed .video_wrapper {
          height: 405px; } }
      .paragraph--type--optiage-campaign .nppe-video-embed .video_wrapper .video iframe {
        max-height: 600px; }
  .paragraph--type--optiage-campaign .points {
    display: -ms-flexbox;
    display: flex;
    padding-top: 10px;
    margin: 0 auto;
    text-align: center; }
    .paragraph--type--optiage-campaign .points p {
      padding: 10px; }
    .paragraph--type--optiage-campaign .points .point-1 {
      background-color: rgba(166, 125, 201, 0.2);
      width: 45px;
      text-align: center;
      border-radius: 63px;
      height: 45px;
      padding-top: 9px;
      color: #2d2d2d;
      margin-right: 10px; }
      @media screen and (max-width: 991px) {
        .paragraph--type--optiage-campaign .points .point-1 {
          padding-top: 6px;
          height: 38px;
          width: 58px; } }
    .paragraph--type--optiage-campaign .points .point-2 {
      background-color: rgba(166, 125, 201, 0.4);
      width: 45px;
      text-align: center;
      border-radius: 63px;
      height: 45px;
      padding-top: 9px;
      color: #2d2d2d;
      margin-right: 10px; }
      @media screen and (max-width: 991px) {
        .paragraph--type--optiage-campaign .points .point-2 {
          padding-top: 6px;
          height: 38px;
          width: 58px; } }
    .paragraph--type--optiage-campaign .points .point-3 {
      background-color: rgba(166, 125, 201, 0.6);
      width: 45px;
      text-align: center;
      border-radius: 63px;
      height: 45px;
      padding-top: 9px;
      color: #2d2d2d;
      margin-right: 10px; }
      @media screen and (max-width: 991px) {
        .paragraph--type--optiage-campaign .points .point-3 {
          padding-top: 6px;
          height: 38px;
          width: 58px; } }
    .paragraph--type--optiage-campaign .points .point-4 {
      background-color: rgba(166, 125, 201, 0.8);
      width: 45px;
      text-align: center;
      border-radius: 63px;
      height: 45px;
      padding-top: 9px;
      color: #2d2d2d;
      margin-right: 10px; }
      @media screen and (max-width: 991px) {
        .paragraph--type--optiage-campaign .points .point-4 {
          padding-top: 6px;
          height: 38px;
          width: 58px; } }
    .paragraph--type--optiage-campaign .points .point-5 {
      background-color: #a67dc9;
      width: 45px;
      text-align: center;
      border-radius: 63px;
      height: 45px;
      padding-top: 9px;
      color: #2d2d2d;
      margin-right: 10px; }
      @media screen and (max-width: 991px) {
        .paragraph--type--optiage-campaign .points .point-5 {
          padding-top: 6px;
          height: 38px;
          width: 58px; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .paragraph--type--optiage-campaign {
      margin-left: 0px !important; } }

.optiage-webform {
  font-size: 18px; }
  .optiage-webform .optiage-webform-container {
    margin: 0 auto !important;
    text-align: center;
    width: 100%;
    display: block;
    position: relative; }
    @media screen and (max-width: 991px) {
      .optiage-webform .optiage-webform-container {
        text-align: left; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .optiage-webform .optiage-webform-container {
        display: inline-block; } }
  .optiage-webform label {
    width: 150px;
    padding-right: 10px;
    text-align: left; }
  .optiage-webform .webform-section-bg {
    background-color: #f8f8f8;
    padding: 40px 10px;
    margin: 0 auto;
    text-align: center;
    border-radius: 15px; }
  .optiage-webform .js-form-item {
    margin: 15px 0 15px 0;
    line-height: 2.5em; }
  .optiage-webform .select2-container {
    min-width: 216px; }
  .optiage-webform .button {
    border: 1px solid #000;
    padding: 12px 30px;
    font-size: 17px;
    border-radius: 50px;
    background-color: #000;
    color: #fff; }
    .optiage-webform .button:hover {
      border-color: #000;
      color: #000; }
    @media screen and (max-width: 991px) {
      .optiage-webform .button {
        width: 100%; } }
  .optiage-webform .optiage-webform-align {
    text-align: left; }
  @media screen and (max-width: 991px) {
    .optiage-webform input {
      border: 1px solid #ececec;
      width: 100%;
      padding: 10px; } }
  .optiage-webform .form-item-name-of-dog label {
    padding-right: 30px; }
  .optiage-webform .form-item-breed-of-dog .select2-selection__rendered {
    text-align: left; }
  .optiage-webform .form-item-breed-of-dog .select2-container {
    width: 555px !important;
    min-width: 555px;
    max-width: 555px; }
    @media screen and (max-width: 991px) {
      .optiage-webform .form-item-breed-of-dog .select2-container {
        width: 277px !important;
        min-width: 277px;
        max-width: 277px; } }
  .optiage-webform .form-item-breed-of-dog .select2-selection--single {
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    cursor: text;
    padding: 1px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
    height: 47px;
    padding-top: 10px; }
  .optiage-webform .form-item-breed-of-dog .select2-selection__arrow {
    top: 18px !important;
    right: 12px !important; }
  .optiage-webform .form-item-breed-of-dog label {
    padding-right: 29px !important; }
  .optiage-webform .age-of-dog .select2-selection__rendered {
    text-align: left; }
  .optiage-webform .age-of-dog .select2-container {
    width: 277.5px;
    min-width: 277.5px;
    max-width: 277.5px; }
  .optiage-webform .age-of-dog .select2-selection--single {
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    cursor: text;
    padding: 1px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
    height: 47px;
    padding-top: 10px; }
  .optiage-webform .age-of-dog .select2-selection__arrow {
    top: 18px !important;
    right: 12px !important; }

/* IE10+ specific styles go here */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .nppe_module_content_product_profile .filter-home__radio {
    margin-left: 30px !important;
    text-align: left !important; } }

@media only screen and (max-width: 768px) {
  #block-views-block-nppe-pro-plan-products-block-1 .owl-wrapper-outer {
    max-height: 400px; }
  .banner_responsive_container .banner_responsive_img {
    background-position: left; }
  .col-sm-12 .timeline-cards .timeline-card-wrapper:nth-child(1),
  .col-sm-12 .timeline-cards .timeline-card-wrapper:nth-child(2),
  .col-sm-12 .timeline-cards .timeline-card-wrapper.with-banner + .timeline-card-wrapper,
  .col-sm-12 .timeline-cards .timeline-card-wrapper.with-banner + .timeline-card-wrapper + .timeline-card-wrapper,
  .col-sm-12 .timeline-cards .timeline-card-wrapper,
  .col-sm-12 .timeline-cards .timeline-card-wrapper:nth-child(odd) {
    margin: 10px !important; }
  .col-sm-12 .timeline-card-wrapper .nppe_timeline_card_image .nppe_timeline_card-date-image-summary {
    width: 97% !important;
    margin: 0px !important; }
  .col-sm-12 .nppe_timeline_card_date {
    display: none; }
  .col-sm-12 .why-proplan-block-timeline h2 {
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
    text-align: center !important;
    top: -85px !important; }
  .col-sm-12 .timeline-cards-outer-wrapper {
    background: #ffffff !important; } }

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 3) {
  .path-frontpage .banner_responsive_container .banner_responsive_img {
    min-height: 180vh !important; }
  #block-views-block-nppe-pro-plan-products-block-1 .owl-wrapper-outer {
    height: 100% !important;
    max-height: 310px; }
  .contact-faq-banner .banner__container {
    height: 128vh !important; }
  .contact-faq-banner {
    position: relative;
    bottom: -165px; }
  .health-checker-banner-bottom .banner__container--text-container {
    top: 23% !important; }
  .nppe-proplan-main-articles-mobile {
    margin-bottom: 10px;
    margin-top: 226px; }
  #block-views-block-nppe-proplan-custom-banner-block-3 {
    margin-bottom: -202px !important; }
  .custom-heading-banner .banner__container--image:after, .banner__container--image.bottom-curve:after {
    background-image: none !important;
    background: none !important; }
  .custom-heading-banner .banner__container--image {
    max-height: 416px !important; }
  .banner_responsive_container .banner_responsive_img {
    min-height: 186vh !important; }
  .nppe-pro-plan-products header {
    margin-top: 98px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .breakout > *, .store-locator > * {
    left: -3%; }
  .breakout, .store-locator {
    display: inherit;
    width: 100vw;
    left: 3px; }
  .health-checker-banner-bottom:after {
    background: none !important; }
  #block-views-block-nppe-pro-plan-products-block-1 header {
    margin-top: 220px; }
  .path-frontpage .page-tear__bottom--white-cream {
    margin-left: -25px; }
  .contact-faq-banner {
    position: relative;
    bottom: -165px; } }

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
  .health-checker-banner-bottom .banner__container {
    height: 169vh !important; }
  .contact-faq-banner .banner__container {
    height: 129vh !important; }
  .custom-heading-banner .banner__container--image {
    height: 372px !important; }
  .product-selector-block .image-content-box {
    width: 95.5%; }
  .nppe-product-selector-dropdown-block {
    height: 300px; }
  .path-frontpage .banner_responsive_container .banner_responsive_img {
    min-height: 169vh !important; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .whyproplan-column {
    width: 27% !important; }
  .why-proplan-block-timeline h2 {
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
    text-align: center !important; }
  .col-sm-12 .timeline-cards .timeline-card-wrapper:nth-child(1),
  .col-sm-12 .timeline-cards .timeline-card-wrapper:nth-child(2),
  .col-sm-12 .timeline-cards .timeline-card-wrapper.with-banner + .timeline-card-wrapper,
  .col-sm-12 .timeline-cards .timeline-card-wrapper.with-banner + .timeline-card-wrapper + .timeline-card-wrapper,
  .col-sm-12 .timeline-cards .timeline-card-wrapper,
  .col-sm-12 .timeline-cards .timeline-card-wrapper:nth-child(odd) {
    margin: 10px !important; }
  .timeline-card-wrapper .nppe_timeline_card_image .nppe_timeline_card-date-image-summary {
    width: 100% !important;
    margin: 0px !important; } }

.path-frontpage .views-element-container header {
  width: 100% !important; }

@media screen and (max-width: 991px) {
  .page-node-type-dsu-product .homepage__featured-product--container {
    width: 240px !important; } }

.pretty-path-facets .views-exposed-form details.form-item .form-checkboxes {
  z-index: 10 !important; }

@media screen and (max-width: 991px) {
  .nppe-pro-plan-related-products-articles-page .homepage__featured-product--container {
    width: 97% !important; } }

@media screen and (max-width: 991px) {
  .nppe-module-product-profile-admin-home h2 {
    width: 82%;
    text-align: center; } }

@media screen and (max-width: 991px) {
  #block-views-block-nppe-pro-plan-products-block-1 {
    font-size: 18px; } }

@media screen and (max-width: 991px) {
  header #navbar #main-navbar-collapse .navbar-collapse ul li a {
    padding-left: 0px !important; } }

@media screen and (max-width: 991px) {
  header #navbar #main-navbar-collapse .navbar-collapse nav ul .menu li a {
    padding-left: 0px !important; } }

@media screen and (max-width: 991px) {
  header #navbar #main-navbar-collapse .navbar-collapse nav ul .menu li ul .menu .megamenu--top-tier span {
    padding-left: 0px !important; } }

@media screen and (max-width: 991px) {
  header #navbar #main-navbar-collapse .navbar-collapse nav ul .menu li ul .menu .megamenu--top-tier a {
    padding-left: 0px !important;
    margin-left: -6px; } }

.product-tabs-list li {
  display: none; }

.nppe-pro-plan-compare-link-wrapper {
  z-index: 99999; }

.products .flag-compare-products a,
.products-compare-box .flag-compare-products a {
  z-index: 8; }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .health-checker-view header p {
    margin-bottom: 150px; } }

.optiage .optiage-banner {
  margin-top: -98px; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .optiage .optiage-banner .banner_responsive_container {
      margin-left: 0px !important; } }
  .optiage .optiage-banner .banner_responsive_container .banner_responsive_img {
    min-height: 730px !important; }
    @media screen and (max-width: 991px) {
      .optiage .optiage-banner .banner_responsive_container .banner_responsive_img {
        min-height: 480px !important; } }

.optiage abbr[title], .optiage acronym[title] {
  padding-bottom: 0px; }

.paragraph--type--optiage-campaign {
  text-align: center; }
  @media screen and (max-width: 991px) {
    .paragraph--type--optiage-campaign {
      margin-left: -15px !important; } }
  .paragraph--type--optiage-campaign p {
    font-size: 18px;
    color: #202020; }
  .paragraph--type--optiage-campaign a {
    text-decoration: underline;
    color: #a67dc9;
    font-weight: 400; }
  .paragraph--type--optiage-campaign h1:after {
    content: '';
    background-color: #a67dc9;
    width: 300px;
    height: 4px;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px; }
  .paragraph--type--optiage-campaign h2 {
    text-transform: none;
    font-size: 30px; }
    @media screen and (max-width: 991px) {
      .paragraph--type--optiage-campaign h2 {
        margin: 35px 10px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .paragraph--type--optiage-campaign h2 {
        margin: 25px 10px;
        font-size: 27px; } }
    .paragraph--type--optiage-campaign h2:after {
      content: '';
      background-color: #a67dc9;
      width: 250px;
      height: 4px;
      text-align: center;
      display: block;
      margin: 0 auto;
      margin-top: 20px;
      margin-bottom: 20px; }
  .paragraph--type--optiage-campaign .paragraph--type--bp-columns {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important; }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .paragraph--type--optiage-campaign .paragraph--type--bp-columns {
        padding-top: 28px; } }
    .paragraph--type--optiage-campaign .paragraph--type--bp-columns .paragraph__column {
      padding: 0 !important; }
      .paragraph--type--optiage-campaign .paragraph--type--bp-columns .paragraph__column .paragraph--type--bp-columns__2col {
        padding: 0px !important; }
        .paragraph--type--optiage-campaign .paragraph--type--bp-columns .paragraph__column .paragraph--type--bp-columns__2col img {
          width: 100%; }
        .paragraph--type--optiage-campaign .paragraph--type--bp-columns .paragraph__column .paragraph--type--bp-columns__2col .nppe-video-embed {
          width: 100%;
          padding: 0px !important; }
          .paragraph--type--optiage-campaign .paragraph--type--bp-columns .paragraph__column .paragraph--type--bp-columns__2col .nppe-video-embed .video_wrapper {
            border-radius: 0 !important;
            height: 535px; }
            @media screen and (max-width: 991px) {
              .paragraph--type--optiage-campaign .paragraph--type--bp-columns .paragraph__column .paragraph--type--bp-columns__2col .nppe-video-embed .video_wrapper {
                height: 240px;
                margin-top: 50px; } }
    .paragraph--type--optiage-campaign .paragraph--type--bp-columns .paragraph--color--rgba-indigo-slight .paragraph--type--bp-columns__2col:first-child .paragraph__column {
      padding-top: 10% !important; }
  .paragraph--type--optiage-campaign .campaign-big-blocks {
    width: 50%;
    margin-left: 20%;
    text-align: left;
    margin-top: 10%; }
    @media screen and (max-width: 991px) {
      .paragraph--type--optiage-campaign .campaign-big-blocks {
        width: 81%;
        margin-left: 9%;
        margin-bottom: 12%; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .paragraph--type--optiage-campaign .campaign-big-blocks {
        margin-top: 0;
        width: 86%;
        margin-left: 7%; } }
    .paragraph--type--optiage-campaign .campaign-big-blocks h2 {
      margin: 46px 0 23px; }
      .paragraph--type--optiage-campaign .campaign-big-blocks h2:after {
        margin: 20px 0px !important; }
  .paragraph--type--optiage-campaign .campaign-color-section {
    background-color: #f1f0f0;
    padding-bottom: 5%;
    padding-top: 2%; }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .paragraph--type--optiage-campaign .campaign-color-section {
        padding-bottom: 12%; } }
    .paragraph--type--optiage-campaign .campaign-color-section .icon-inline {
      display: inline-block;
      margin: 0 auto; }
    .paragraph--type--optiage-campaign .campaign-color-section p {
      width: 50%;
      margin: 0 auto; }
      @media screen and (max-width: 991px) {
        .paragraph--type--optiage-campaign .campaign-color-section p {
          width: 90%; } }
  .paragraph--type--optiage-campaign .campaign-color-section-light {
    background-color: #f9f8f8;
    padding-bottom: 5%;
    padding-top: 2%; }
  .paragraph--type--optiage-campaign .campaign-icons {
    padding: 0 50px; }
  .paragraph--type--optiage-campaign a.campaign-btn {
    color: #a67dc9;
    padding: 10px 38px;
    border: 1px solid #a67dc9;
    border-radius: 30px;
    font-size: 21px;
    line-height: 2em;
    text-decoration: none; }
    @media screen and (max-width: 991px) {
      .paragraph--type--optiage-campaign a.campaign-btn {
        font-size: 18px;
        padding: 10px 30px; } }
    .paragraph--type--optiage-campaign a.campaign-btn:hover {
      background-color: #a67dc9;
      color: #fff;
      text-decoration: none; }
  .paragraph--type--optiage-campaign .campaign-intro {
    width: 60%;
    margin: 0 auto;
    padding-top: 20px; }
    @media screen and (max-width: 991px) {
      .paragraph--type--optiage-campaign .campaign-intro {
        width: 90%; } }
  .paragraph--type--optiage-campaign .paragraph--color--rgba-grey-slight .paragraph--type--bp-columns__2col img {
    max-width: 420px;
    padding-top: 21%; }
    @media screen and (max-width: 991px) {
      .paragraph--type--optiage-campaign .paragraph--color--rgba-grey-slight .paragraph--type--bp-columns__2col img {
        width: 81%;
        padding-top: 10px;
        padding-bottom: 10%; } }
  .paragraph--type--optiage-campaign .paragraph--color--rgba-grey-slight .paragraph--type--bp-columns__2col .campaign-footer-blocks {
    width: 50%;
    text-align: left;
    margin: 0 auto;
    padding-bottom: 10%;
    padding-top: 16%; }
    @media screen and (max-width: 991px) {
      .paragraph--type--optiage-campaign .paragraph--color--rgba-grey-slight .paragraph--type--bp-columns__2col .campaign-footer-blocks {
        width: 80%; } }
    .paragraph--type--optiage-campaign .paragraph--color--rgba-grey-slight .paragraph--type--bp-columns__2col .campaign-footer-blocks h2:after {
      margin: 20px 0px !important; }
  .paragraph--type--optiage-campaign .paragraph--color--rgba-grey-slight:before {
    background-image: url(../assets/optiage-down-curve.png) !important;
    background-size: 100% 100%;
    content: "";
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 0;
    display: block;
    width: 100vw;
    height: 140px;
    background-repeat: no-repeat;
    background-position: bottom center; }
    @media screen and (max-width: 991px) {
      .paragraph--type--optiage-campaign .paragraph--color--rgba-grey-slight:before {
        background-size: 100% 100%;
        height: 60px !important; } }
    @media screen and (max-width: 767px) {
      .paragraph--type--optiage-campaign .paragraph--color--rgba-grey-slight:before {
        background-size: 100% auto;
        height: 60px !important; } }
  @media screen and (max-width: 991px) {
    .paragraph--type--optiage-campaign .paragraph > .paragraph__column {
      padding-left: 0;
      padding-right: 0; } }
  .paragraph--type--optiage-campaign .nppe-video-embed {
    width: 75%;
    margin: 0 auto;
    padding: 22px 0 0px; }
    @media screen and (max-width: 991px) {
      .paragraph--type--optiage-campaign .nppe-video-embed {
        width: 100%; } }
    .paragraph--type--optiage-campaign .nppe-video-embed .video_wrapper {
      height: 600px;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
      @media screen and (max-width: 991px) {
        .paragraph--type--optiage-campaign .nppe-video-embed .video_wrapper {
          height: 190px;
          border-radius: 0px; } }
      @media screen and (min-width: 768px) and (max-width: 991px) {
        .paragraph--type--optiage-campaign .nppe-video-embed .video_wrapper {
          height: 405px; } }
      .paragraph--type--optiage-campaign .nppe-video-embed .video_wrapper .video iframe {
        max-height: 600px; }
  .paragraph--type--optiage-campaign .points {
    display: -ms-flexbox;
    display: flex;
    padding-top: 10px;
    margin: 0 auto;
    text-align: center; }
    .paragraph--type--optiage-campaign .points p {
      padding: 10px; }
    .paragraph--type--optiage-campaign .points .point-1 {
      background-color: rgba(166, 125, 201, 0.2);
      width: 45px;
      text-align: center;
      border-radius: 63px;
      height: 45px;
      padding-top: 9px;
      color: #2d2d2d;
      margin-right: 10px; }
      @media screen and (max-width: 991px) {
        .paragraph--type--optiage-campaign .points .point-1 {
          padding-top: 6px;
          height: 38px;
          width: 58px; } }
    .paragraph--type--optiage-campaign .points .point-2 {
      background-color: rgba(166, 125, 201, 0.4);
      width: 45px;
      text-align: center;
      border-radius: 63px;
      height: 45px;
      padding-top: 9px;
      color: #2d2d2d;
      margin-right: 10px; }
      @media screen and (max-width: 991px) {
        .paragraph--type--optiage-campaign .points .point-2 {
          padding-top: 6px;
          height: 38px;
          width: 58px; } }
    .paragraph--type--optiage-campaign .points .point-3 {
      background-color: rgba(166, 125, 201, 0.6);
      width: 45px;
      text-align: center;
      border-radius: 63px;
      height: 45px;
      padding-top: 9px;
      color: #2d2d2d;
      margin-right: 10px; }
      @media screen and (max-width: 991px) {
        .paragraph--type--optiage-campaign .points .point-3 {
          padding-top: 6px;
          height: 38px;
          width: 58px; } }
    .paragraph--type--optiage-campaign .points .point-4 {
      background-color: rgba(166, 125, 201, 0.8);
      width: 45px;
      text-align: center;
      border-radius: 63px;
      height: 45px;
      padding-top: 9px;
      color: #2d2d2d;
      margin-right: 10px; }
      @media screen and (max-width: 991px) {
        .paragraph--type--optiage-campaign .points .point-4 {
          padding-top: 6px;
          height: 38px;
          width: 58px; } }
    .paragraph--type--optiage-campaign .points .point-5 {
      background-color: #a67dc9;
      width: 45px;
      text-align: center;
      border-radius: 63px;
      height: 45px;
      padding-top: 9px;
      color: #2d2d2d;
      margin-right: 10px; }
      @media screen and (max-width: 991px) {
        .paragraph--type--optiage-campaign .points .point-5 {
          padding-top: 6px;
          height: 38px;
          width: 58px; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .paragraph--type--optiage-campaign {
      margin-left: 0px !important; } }

.optiage-webform {
  font-size: 18px; }
  .optiage-webform .optiage-webform-container {
    margin: 0 auto !important;
    text-align: center;
    width: 100%;
    display: block;
    position: relative; }
    @media screen and (max-width: 991px) {
      .optiage-webform .optiage-webform-container {
        text-align: left; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .optiage-webform .optiage-webform-container {
        display: inline-block; } }
  .optiage-webform label {
    width: 150px;
    padding-right: 10px;
    text-align: left; }
  .optiage-webform .webform-section-bg {
    background-color: #f8f8f8;
    padding: 40px 10px;
    margin: 0 auto;
    text-align: center;
    border-radius: 15px; }
  .optiage-webform .js-form-item {
    margin: 15px 0 15px 0;
    line-height: 2.5em; }
  .optiage-webform .select2-container {
    min-width: 216px; }
  .optiage-webform .button {
    border: 1px solid #000;
    padding: 12px 30px;
    font-size: 17px;
    border-radius: 50px;
    background-color: #000;
    color: #fff; }
    .optiage-webform .button:hover {
      border-color: #000;
      color: #000; }
    @media screen and (max-width: 991px) {
      .optiage-webform .button {
        width: 100%; } }
  .optiage-webform .optiage-webform-align {
    text-align: left; }
  @media screen and (max-width: 991px) {
    .optiage-webform input {
      border: 1px solid #ececec;
      width: 100%;
      padding: 10px; } }
  .optiage-webform .form-item-name-of-dog label {
    padding-right: 30px; }
  .optiage-webform .form-item-breed-of-dog .select2-selection__rendered {
    text-align: left; }
  .optiage-webform .form-item-breed-of-dog .select2-container {
    width: 555px !important;
    min-width: 555px;
    max-width: 555px; }
    @media screen and (max-width: 991px) {
      .optiage-webform .form-item-breed-of-dog .select2-container {
        width: 277px !important;
        min-width: 277px;
        max-width: 277px; } }
  .optiage-webform .form-item-breed-of-dog .select2-selection--single {
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    cursor: text;
    padding: 1px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
    height: 47px;
    padding-top: 10px; }
  .optiage-webform .form-item-breed-of-dog .select2-selection__arrow {
    top: 18px !important;
    right: 12px !important; }
  .optiage-webform .form-item-breed-of-dog label {
    padding-right: 29px !important; }
  .optiage-webform .age-of-dog .select2-selection__rendered {
    text-align: left; }
  .optiage-webform .age-of-dog .select2-container {
    width: 277.5px;
    min-width: 277.5px;
    max-width: 277.5px; }
  .optiage-webform .age-of-dog .select2-selection--single {
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    cursor: text;
    padding: 1px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
    height: 47px;
    padding-top: 10px; }
  .optiage-webform .age-of-dog .select2-selection__arrow {
    top: 18px !important;
    right: 12px !important; }
  .optiage-webform .webform-actions {
    width: 30%;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .optiage-webform .webform-actions {
        width: 100%; } }
    .optiage-webform .webform-actions .button {
      width: 100%;
      display: inline-block;
      position: relative;
      text-align: center; }

.paragraph--type--nppe-proplan-new-ranges {
  margin-bottom: 60px; }
  .paragraph--type--nppe-proplan-new-ranges .paragraph--color--transparent h2 {
    margin-top: -10px; }

.nppe-proplan-new-ranges-carousel h2 {
  margin-top: 0px !important; }

.paragraph--color--transparent .nav-tabs {
  width: 52% !important;
  float: right;
  margin: 0 auto;
  position: relative;
  top: 128px;
  z-index: 800 !important;
  border-bottom: none; }
  @media only screen and (max-width: 768px) {
    .paragraph--color--transparent .nav-tabs {
      width: 100% !important;
      top: 217px;
      padding-bottom: 28px; } }
  @media only screen and (max-width: 768px) {
    .paragraph--color--transparent .nav-tabs li {
      width: 50%;
      text-align: center; } }
  .paragraph--color--transparent .nav-tabs li a {
    color: #555555;
    padding: 15px 42px !important;
    border-bottom: 1px solid #f5f5f5; }
    .paragraph--color--transparent .nav-tabs li a:hover {
      background-color: #fbfbfb;
      border: none;
      padding: 15px 42px; }
  .paragraph--color--transparent .nav-tabs li.active a {
    background-color: #f1f1f1;
    border: none;
    border-bottom: 1px solid #f5f5f5; }

.paragraph--color--transparent .new-ranges-tab {
  width: 47%;
  text-align: right;
  margin: 0 auto;
  float: left;
  font-size: 15px;
  color: #888888;
  line-height: 1.2em;
  padding-right: 20px; }
  @media only screen and (max-width: 768px) {
    .paragraph--color--transparent .new-ranges-tab {
      width: 100%;
      text-align: center;
      clear: both;
      padding-right: 0; } }

.paragraph--color--transparent .owl-wrapper-outer {
  padding-top: 50px;
  height: 445px !important;
  width: 108%; }
  @media only screen and (max-width: 768px) {
    .paragraph--color--transparent .owl-wrapper-outer {
      padding-top: 65px; } }

.product-selector-strip {
  background-color: #000 !important;
  height: 80px !important;
  position: absolute !important;
  transform: translate(-50%);
  z-index: 1 !important; }
  @media only screen and (max-width: 768px) {
    .product-selector-strip {
      position: relative !important;
      transform: translate(0%);
      height: 100px !important;
      top: 50px; } }

.black-strip-content {
  color: #fff;
  z-index: 999 !important;
  position: relative;
  padding: 20px 0 43px;
  font-family: "Nunito" !important;
  margin-top: 10% !important; }
  @media only screen and (max-width: 768px) {
    .black-strip-content {
      margin-top: -13% !important;
      top: 0px !important; } }
  @media only screen and (max-width: 1024px) {
    .black-strip-content {
      position: relative;
      padding: 16px 0 22px;
      margin-top: -25%;
      margin: 0 auto;
      text-align: center;
      top: 50px; } }
  .black-strip-content .heading {
    text-transform: uppercase; }
    @media only screen and (max-width: 1024px) {
      .black-strip-content .heading {
        margin-bottom: 17px;
        font-size: 16px; } }
  .black-strip-content .description {
    font-size: 16px;
    line-height: 1.2em;
    padding-top: 3px;
    text-align: right; }
    @media only screen and (max-width: 1024px) {
      .black-strip-content .description {
        text-align: center;
        margin-bottom: 15px;
        display: none; } }

.black-strip-content-container {
  background-color: #000 !important;
  border-radius: 7px !important;
  margin-top: 60px !important;
  color: #fff;
  z-index: 999 !important;
  position: relative;
  padding: 20px 0 43px;
  font-family: "Nunito" !important; }
  @media only screen and (max-width: 1024px) {
    .black-strip-content-container {
      position: relative;
      padding: 16px 0 22px;
      margin-top: -25% !important;
      margin: 0 auto;
      text-align: center;
      top: 50px; } }
  .black-strip-content-container .heading {
    text-transform: uppercase; }
    @media only screen and (max-width: 1024px) {
      .black-strip-content-container .heading {
        margin-bottom: 17px;
        font-size: 16px; } }
  .black-strip-content-container .description {
    font-size: 16px;
    line-height: 1.2em;
    padding-top: 3px;
    text-align: right; }
    @media only screen and (max-width: 1024px) {
      .black-strip-content-container .description {
        text-align: center;
        margin-bottom: 15px;
        display: none; } }

.btn-white a {
  color: #fff;
  padding: 8px 28px;
  margin: 5px;
  border: 1px solid #fff;
  text-transform: uppercase;
  font-size: 14px;
  border-radius: 25px; }
  .btn-white a:hover {
    text-decoration: none;
    background-color: #1f1f1f; }

@media only screen and (max-width: 768px) {
  .nppe-new-banner-pages {
    margin-left: -15px !important;
    margin-top: 0px !important; } }

.nppe-new-banner-pages .banner-block__container {
  right: 0 !important; }
  @media only screen and (max-width: 768px) {
    .nppe-new-banner-pages .banner-block__container {
      padding: 18px;
      top: 60px !important;
      position: relative !important; } }
  .nppe-new-banner-pages .banner-block__container .banner-block__copy {
    padding: 25px 0 !important;
    line-height: 1.4em !important; }

.nppe-new-banner-pages .new-banner-text .banner-block__title {
  font-size: 32px !important;
  text-transform: uppercase; }

.nppe-new-banner-pages .new-banner-text .banner-block__container {
  right: 0 !important; }
  .nppe-new-banner-pages .new-banner-text .banner-block__container.banner-block__copy {
    margin: 25px 0 !important;
    line-height: 1.4em !important; }

.nppe-new-banner-pages .new-banner-text .banner-block__cta:hover {
  background-color: #000;
  color: #fff; }

.nppe-new-banner-pages .new-banner-text .banner-block__cta a {
  color: #000;
  border-radius: 30px;
  background: transparent;
  border: 1px solid #000;
  padding: 10px 30px;
  text-transform: uppercase;
  position: absolute !important; }
  .nppe-new-banner-pages .new-banner-text .banner-block__cta a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #000; }

.nppe-new-banner-pages .banner-block .banner-block__container .banner-block__title {
  font-size: 35px !important; }

.nppe-new-banner-pages .btn-white a {
  color: #000;
  border-radius: 30px;
  background: transparent;
  border: 1px solid #000;
  padding: 10px 30px;
  text-transform: uppercase;
  position: absolute !important; }
  .nppe-new-banner-pages .btn-white a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #000; }

.nppe-new-banner-pages .banner-block__cta:hover {
  background-color: #000;
  color: #fff; }

.nppe-new-banner-pages .banner-block__cta a {
  color: #000;
  border-radius: 30px;
  background: transparent;
  border: 1px solid #000;
  padding: 10px 30px;
  text-transform: uppercase;
  position: absolute !important; }
  .nppe-new-banner-pages .banner-block__cta a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #000; }

.nppe-new-banner-pages-float-left .banner-block__container {
  left: 0 !important; }
  .nppe-new-banner-pages-float-left .banner-block__container .banner-block__title {
    text-transform: uppercase;
    font-size: 34px; }

.nppe-new-banner-pages-float-right .banner-block__container {
  right: 0 !important; }
  .nppe-new-banner-pages-float-right .banner-block__container .banner-block__title {
    font-size: 34px;
    text-transform: uppercase; }

.white .banner-block__container {
  color: #fff !important; }

.white .banner-block__cta:hover {
  background-color: #fff;
  color: #000; }

.white .banner-block__cta a {
  color: #fff;
  border-radius: 30px;
  background: transparent;
  border: 1px solid #fff;
  padding: 10px 30px;
  text-transform: uppercase;
  position: absolute !important; }
  .white .banner-block__cta a:hover {
    color: #000;
    text-decoration: none;
    background-color: #fff; }

.paragraph--type--nppe-proplan-new-ranges {
  text-align: center; }
  .paragraph--type--nppe-proplan-new-ranges .paragraph__column img {
    max-width: 100%; }

@media only screen and (max-width: 768px) {
  .nppe-new-banner-health-checker {
    margin-left: -30px !important;
    margin-top: 49px !important; } }

@media only screen and (max-width: 768px) {
  .nppe-new-banner-health-checker .banner-block__container {
    padding: 18px;
    top: 60px !important;
    position: relative !important; } }

.nppe-new-banner-health-checker .banner_responsive_container {
  background-color: transparent !important; }
  .nppe-new-banner-health-checker .banner_responsive_container .banner_responsive_img {
    background-size: cover !important;
    background-position: inherit !important;
    margin-bottom: -200px !important; }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .nppe-new-banner-health-checker .banner_responsive_container .banner_responsive_img {
        background-size: auto !important;
        background-position: center center !important; } }

.nppe-new-banner-health-checker .banner-block__cta a {
  border-radius: 30px;
  background: transparent;
  color: #000;
  border: 1px solid #000;
  padding: 10px 30px;
  text-transform: uppercase;
  position: absolute !important; }
  .nppe-new-banner-health-checker .banner-block__cta a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #000; }

.nppe-new-banner-health-checker .banner-block__copy {
  padding: 25px 0 !important; }

.nppe-new-banner-health-checker .banner-block__title {
  font-size: 32px !important;
  text-transform: uppercase;
  padding-top: 35px; }

.nppe-proplan-new-ranges-carousel .owl-wrapper-outer {
  display: -ms-flexbox !important;
  display: flex !important; }
  @media screen and (max-width: 767px) {
    .nppe-proplan-new-ranges-carousel .owl-wrapper-outer {
      height: 425px; } }
  .nppe-proplan-new-ranges-carousel .owl-wrapper-outer .owl-wrapper {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }

.nppe-proplan-new-ranges-carousel .owl-buttons {
  position: absolute;
  top: 50% !important;
  width: 100%; }
  .nppe-proplan-new-ranges-carousel .owl-buttons .owl-prev,
  .nppe-proplan-new-ranges-carousel .owl-buttons .owl-next {
    opacity: 1;
    font-size: 0;
    left: -30px;
    height: 60px;
    width: 60px;
    position: absolute;
    border-radius: 100%;
    border: 1px solid #f6f6f6 !important;
    box-shadow: 1px 2px 3px #999 !important;
    background-color: #fff !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 20px auto !important;
    background-image: url(../assets/arrow-left.png) !important; }
    @media screen and (max-width: 767px) {
      .nppe-proplan-new-ranges-carousel .owl-buttons .owl-prev,
      .nppe-proplan-new-ranges-carousel .owl-buttons .owl-next {
        border: 0;
        box-shadow: 0 0 0 transparent;
        left: -20px; } }
  .nppe-proplan-new-ranges-carousel .owl-buttons .owl-next {
    right: -30px;
    left: auto;
    background-image: url(../assets/arrow-right.png) !important; }
    @media screen and (max-width: 767px) {
      .nppe-proplan-new-ranges-carousel .owl-buttons .owl-next {
        right: -17px; } }

.new-ranges-hero-banners .banner_responsive_container {
  background-color: transparent !important; }
  .new-ranges-hero-banners .banner_responsive_container .banner_responsive_img {
    margin-top: -50px; }
    .new-ranges-hero-banners .banner_responsive_container .banner_responsive_img:after {
      background-image: url(../assets/down-curve.png);
      background-size: 100% 100%;
      content: "";
      z-index: 1;
      position: absolute;
      bottom: -1px !important;
      left: 0;
      display: block;
      width: 100vw;
      height: 140px;
      background-repeat: no-repeat;
      background-position: bottom center; }
      @media screen and (max-width: 767px) {
        .new-ranges-hero-banners .banner_responsive_container .banner_responsive_img:after {
          height: 55px; } }

.new-ranges-hero-banners .banner-block__container {
  color: #fff; }
  @media screen and (max-width: 767px) {
    .new-ranges-hero-banners .banner-block__container .banner-block .banner-block__container .banner-block__title {
      font-size: 38px;
      text-align: center; } }

.paragraph--type--nppe-proplan-new-ranges .paragraph--type--bp-columns {
  border-bottom: none; }
  .paragraph--type--nppe-proplan-new-ranges .paragraph--type--bp-columns h2 {
    font-size: 35px;
    text-transform: none; }
  .paragraph--type--nppe-proplan-new-ranges .paragraph--type--bp-columns p {
    font-size: 16px; }

.paragraph--type--nppe-proplan-new-ranges .paragraph--type--bp-columns__1col {
  padding-left: 0px; }

@media screen and (min-width: 1024px) {
  .paragraph--type--nppe-proplan-new-ranges .accordian-grid-tile-row {
    width: 31% !important;
    float: left !important;
    margin: 10px; }
    .paragraph--type--nppe-proplan-new-ranges .accordian-grid-tile-row .tile-container .tile-container--image {
      position: relative; }
      .paragraph--type--nppe-proplan-new-ranges .accordian-grid-tile-row .tile-container .tile-container--image img {
        width: 100%;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px; }
    .paragraph--type--nppe-proplan-new-ranges .accordian-grid-tile-row .tile-container .tile-container--content .tile-container--title {
      position: relative;
      margin-top: -41px;
      text-align: center;
      color: #fff; }
    .paragraph--type--nppe-proplan-new-ranges .accordian-grid-tile-row .grid-accordion__container {
      height: auto; }
      .paragraph--type--nppe-proplan-new-ranges .accordian-grid-tile-row .grid-accordion__container .collapse {
        display: block !important;
        height: 350px !important;
        text-align: left;
        background-color: #f5f5f5;
        border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px; }
      .paragraph--type--nppe-proplan-new-ranges .accordian-grid-tile-row .grid-accordion__container .fade {
        opacity: 1 !important; }
      .paragraph--type--nppe-proplan-new-ranges .accordian-grid-tile-row .grid-accordion__container h2 {
        font-size: 16px;
        font-weight: bolder;
        line-height: 1.5em;
        margin-top: 26px;
        margin-bottom: 10px;
        padding: 10px; }
      .paragraph--type--nppe-proplan-new-ranges .accordian-grid-tile-row .grid-accordion__container p {
        padding: 10px;
        margin: 0 0 10px !important; }
      .paragraph--type--nppe-proplan-new-ranges .accordian-grid-tile-row .grid-accordion__container a {
        color: #000;
        text-decoration: underline; }
    .paragraph--type--nppe-proplan-new-ranges .accordian-grid-tile-row .tile-container--accordion-title {
      display: none; }
      .paragraph--type--nppe-proplan-new-ranges .accordian-grid-tile-row .tile-container--accordion-title .button {
        display: none; }
    .paragraph--type--nppe-proplan-new-ranges .accordian-grid-tile-row .tile-container--link {
      text-decoration: none;
      cursor: pointer; } }

@media screen and (min-width: 1024px) and (max-width: 767px) {
  .paragraph--type--bp-image img {
    margin-left: -15px; } }

@media screen and (min-width: 1024px) {
  .banner_responsive_container .banner_responsive_img {
    margin-top: 0px; }
  .paragraph--type--nppe-proplan-new-ranges .homepage__featured-product--container:hover {
    margin: -20px !important;
    background: #25221e !important;
    padding: 10px !important;
    color: #fff !important;
    border-radius: 11px !important;
    z-index: 99999; }
    .paragraph--type--nppe-proplan-new-ranges .homepage__featured-product--container:hover .teaser-title,
    .paragraph--type--nppe-proplan-new-ranges .homepage__featured-product--container:hover .teaser-featured_product_description {
      color: #cccccc !important; }
  .paragraph--type--nppe-proplan-new-ranges .homepage__featured-product--container .teaser-title a:hover {
    color: #cccccc !important; }
  .paragraph--type--nppe-proplan-new-ranges .homepage__featured-product--container .product-detail__related-product--content:hover {
    color: #cccccc !important; }
  .paragraph--type--nppe-proplan-new-ranges .homepage__featured-product--container .product-detail__related-product--content .teaser-featured_product_description {
    display: block !important;
    position: absolute !important;
    bottom: 0 !important;
    color: #fff;
    margin: 0px 20px; }
    .paragraph--type--nppe-proplan-new-ranges .homepage__featured-product--container .product-detail__related-product--content .teaser-featured_product_description:hover {
      display: block !important;
      position: absolute !important;
      color: #cccccc !important; }
  .paragraph--type--nppe-proplan-new-ranges .homepage__featured-product--container .product-detail__related-product--content .teaser-title {
    height: 165px !important; }
    .paragraph--type--nppe-proplan-new-ranges .homepage__featured-product--container .product-detail__related-product--content .teaser-title:hover {
      color: #cccccc !important; }
  .paragraph--type--nppe-proplan-new-ranges .owl-item {
    z-index: 8; }
    .paragraph--type--nppe-proplan-new-ranges .owl-item:hover {
      z-index: 9; }
  body.path-frontpage .paragraph--type--nppe-proplan-new-ranges .homepage__featured-product--container:hover .teaser-title {
    color: #cccccc !important; } }

.nppe_module_content_product_profile .filter-home__heading {
  height: auto !important; }

@media screen and (max-width: 1024px) {
  .paragraph--type--nppe-proplan-new-ranges .accordian-grid-tile-row {
    margin-left: -15px;
    position: relative;
    margin-bottom: 3px; }
    .paragraph--type--nppe-proplan-new-ranges .accordian-grid-tile-row .tile-container .tile-container--image img {
      max-width: 104%; }
    .paragraph--type--nppe-proplan-new-ranges .accordian-grid-tile-row .tile-container .tile-container--content .tile-container--title {
      display: none; }
    .paragraph--type--nppe-proplan-new-ranges .accordian-grid-tile-row .grid-accordion__container h2 {
      margin: 24px 0px 24px; }
    .paragraph--type--nppe-proplan-new-ranges .accordian-grid-tile-row .grid-accordion__container a {
      color: #000;
      text-decoration: underline; }
    .paragraph--type--nppe-proplan-new-ranges .accordian-grid-tile-row .tile-container--accordion-title {
      position: absolute;
      top: 0px;
      z-index: 800;
      width: 100%; }
      .paragraph--type--nppe-proplan-new-ranges .accordian-grid-tile-row .tile-container--accordion-title button {
        width: 100%;
        height: 65px;
        background-color: transparent;
        border: none;
        color: #fff;
        font-size: 20px; }
        .paragraph--type--nppe-proplan-new-ranges .accordian-grid-tile-row .tile-container--accordion-title button:after {
          content: '';
          background-image: url(../assets/chevron_down.png);
          width: 19px;
          height: 10px;
          background-repeat: no-repeat;
          right: 10px;
          top: 50%;
          position: absolute; }
        .paragraph--type--nppe-proplan-new-ranges .accordian-grid-tile-row .tile-container--accordion-title button[aria-expanded="true"]:after {
          content: '';
          background-image: url(../assets/chevron_up.png);
          width: 19px;
          height: 10px;
          background-repeat: no-repeat;
          right: 10px;
          top: 50%;
          position: absolute; } }

.blank-menu-underline {
  cursor: pointer; }

header #navbar .navbar-collapse nav ul.menu li ul.menu {
  width: 65vw !important; }

.nppe-proplan-main-articles-mobile .homepage-articles-view-all {
  position: relative;
  top: 21px; }

.menu-item .blank-menu-underline {
  font-size: 14px !important;
  cursor: pointer !important;
  padding: 0px 10px !important;
  margin-bottom: 0px !important;
  line-height: 16px !important; }

.menu-item .product-selector-try-it {
  background-color: #f7f7f7;
  width: 100%;
  height: 55px;
  border-radius: 3px;
  margin-bottom: -24px;
  margin-top: 20px; }
  @media screen and (max-width: 767px) {
    .menu-item .product-selector-try-it {
      display: none !important; } }
  .menu-item .product-selector-try-it a {
    position: absolute;
    bottom: 9px;
    right: 35px;
    border: 1px solid #000;
    border-radius: 21px;
    text-transform: uppercase;
    padding: 13px 17px !important; }

.menu-item .product-selector-desc {
  color: #4e4e4e !important;
  position: absolute;
  bottom: 14px;
  font-size: 17px; }
  @media screen and (max-width: 767px) {
    .menu-item .product-selector-desc {
      display: none !important; } }

@media (min-width: 1025px) and (max-width: 1280px) {
  .nppe-pro-plan-products {
    margin-top: -50px; }
  .paragraph--color--transparent .nav-tabs {
    width: 54% !important;
    top: 81px; }
  .btn-white a {
    padding: 8px 18px; }
  /*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/ }

@media (min-width: 768px) and (max-width: 1024px) {
  .nppe-pro-plan-products {
    margin-top: -50px; }
  .paragraph--color--transparent .nav-tabs {
    width: 54% !important;
    top: 81px; }
  .btn-white a {
    padding: 8px 18px; }
  /*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/ }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .nppe-module-product-profile-admin-home {
    height: 400px; }
  .nppe-pro-plan-products {
    margin-top: -50px; }
  .paragraph--color--transparent .nav-tabs {
    width: 100% !important;
    top: 140px;
    padding-bottom: 42px; }
    .paragraph--color--transparent .nav-tabs .tab-content {
      margin-top: -20px; }
  .btn-white a {
    padding: 8px 18px; }
  .nppe-module-product-profile-admin-home {
    height: 375px; }
  .nppe-proplan-new-ranges-carousel h2 {
    margin-bottom: 22px !important; }
  .custom-heading-banner .banner__container--image {
    height: 626px !important; } }

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) {
  .nppe-module-product-profile-admin-home {
    height: 365px !important; }
  .paragraph--color--transparent .nav-tabs .tab-content {
    margin-top: -40px !important; }
  .black-strip-content {
    margin-top: -14% !important; }
  .path-frontpage .banner_responsive_container .banner_responsive_img {
    background-position: bottom !important; }
  .nppe-proplan-main-articles-mobile {
    margin-top: 72px !important; } }

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
  .path-frontpage .banner_responsive_container .banner_responsive_img {
    min-height: 157vh !important;
    background-position: bottom !important; }
  .nppe-new-banner-health-checker .banner_responsive_img {
    background-position: bottom !important;
    min-height: 189vh !important; }
  .black-strip-content {
    margin-top: -16% !important; }
  .banner__container--image .bottom-curve:after {
    background: none !important; }
  .paragraph--color--transparent .nav-tabs .tab-content {
    margin-top: -40px !important; } }

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
  .new-ranges-hero-banners .banner_responsive_container .banner_responsive_img {
    min-height: 124vh !important;
    background-position: top !important; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .new-ranges-hero-banners .banner_responsive_container .banner_responsive_img:after {
    height: 75px; }
  .new-ranges-hero-banners .banner-block__container .banner-block .banner-block__container {
    position: relative;
    top: 250px;
    max-width: 80%;
    text-align: center;
    margin: 0 auto; }
  .paragraph--type--nppe-proplan-new-ranges .accordian-grid-tile-row .tile-container .tile-container--image img {
    border-radius: 7px; } }

.product-listing-page.pretty-path-facets .views-exposed-form .form-item summary:before {
  border-left: 2px solid #f7f7f7; }

.product-listing-page.pretty-path-facets .views-exposed-form .form-item summary:after {
  background-image: none; }

.pretty-path-facets .views-exposed-form .form-actions {
  display: inline-block; }
  .pretty-path-facets .views-exposed-form .form-actions input.form-submit {
    background: transparent;
    border-radius: 0;
    border: 0; }
    .pretty-path-facets .views-exposed-form .form-actions input.form-submit:hover {
      text-decoration: underline; }

.pretty-path-facets .views-exposed-form details.form-item {
  border-bottom: 1px solid rgba(235, 235, 236, 0.8);
  background: #f6f6f6;
  display: inline-block;
  padding: 5px 25px;
  position: relative; }
  .pretty-path-facets .views-exposed-form details.form-item summary {
    background: transparent; }
    .pretty-path-facets .views-exposed-form details.form-item summary:after {
      content: " ";
      display: inline-block;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: auto 100%;
      background-image: url(../assets/arrow-down-grey.png);
      height: 15px;
      width: 25px;
      margin-left: 5px;
      margin-top: 0;
      margin-bottom: -4px; }
  .pretty-path-facets .views-exposed-form details.form-item .form-checkboxes {
    border: 0;
    position: absolute;
    z-index: 9;
    left: 0;
    margin-top: 5px;
    width: 290px;
    padding: 0 10px 0 10px;
    font-size: 90%;
    font-weight: normal;
    background: #f6f6f6; }
    .pretty-path-facets .views-exposed-form details.form-item .form-checkboxes ul, .pretty-path-facets .views-exposed-form details.form-item .form-checkboxes li {
      list-style: none;
      list-style-type: none; }
    .pretty-path-facets .views-exposed-form details.form-item .form-checkboxes ul ul {
      padding-left: 10px; }
    .pretty-path-facets .views-exposed-form details.form-item .form-checkboxes .form-item {
      padding: 3px 5px 3px 30px;
      border-bottom: 1px solid #fff; }
      @media screen and (max-width: 991px) {
        .pretty-path-facets .views-exposed-form details.form-item .form-checkboxes .form-item {
          text-align: left; } }
      .pretty-path-facets .views-exposed-form details.form-item .form-checkboxes .form-item input {
        margin: 4px 5px 0 0; }
      .pretty-path-facets .views-exposed-form details.form-item .form-checkboxes .form-item label {
        font-weight: normal; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 300; }

h1 {
  font-size: 40px; }
  @media (max-width: 991px) {
    h1 {
      font-size: 35px; } }
  @media (max-width: 767px) {
    h1 {
      font-size: 28px; } }

h2 {
  font-size: 24px;
  margin: 50px 0 50px;
  line-height: 1.3em;
  font-weight: 400; }
  @media (max-width: 991px) {
    h2 {
      font-size: 22px; } }
  @media (max-width: 767px) {
    h2 {
      font-size: 18px; } }

h3 {
  font-size: 20px;
  margin: 50px 0 50px;
  line-height: 1.3em;
  font-weight: 400; }
  @media (max-width: 991px) {
    h3 {
      font-size: 18px; } }
  @media (max-width: 767px) {
    h3 {
      font-size: 16px; } }

header#navbar .navbar-collapse nav > ul.menu {
  position: relative; }
  header#navbar .navbar-collapse nav > ul.menu > li.revealed > ul.menu {
    display: block; }
  header#navbar .navbar-collapse nav > ul.menu > li > ul.menu {
    position: absolute;
    background-color: #FFF;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    border-radius: 0 0 2px 2px;
    color: #000;
    width: 53vw;
    min-width: 870px;
    left: -10vw;
    padding: 15px 0 30px;
    z-index: 9;
    display: none; }
    header#navbar .navbar-collapse nav > ul.menu > li > ul.menu a {
      color: #000;
      padding: 0 15px 0;
      display: block;
      -ms-flex: initial;
      flex: initial;
      font-size: 1.2rem;
      line-height: 1.2rem; }
    header#navbar .navbar-collapse nav > ul.menu > li > ul.menu > .megamenu--top-tier {
      border-right: 1px solid #EBEBEB; }
      header#navbar .navbar-collapse nav > ul.menu > li > ul.menu > .megamenu--top-tier:last-child {
        border-right: 0; }
      header#navbar .navbar-collapse nav > ul.menu > li > ul.menu > .megamenu--top-tier > a {
        text-transform: uppercase;
        font-weight: 400;
        font-size: 1.8rem;
        line-height: 1.8rem;
        margin: 15px 0;
        padding: 0 15px 0; }
      header#navbar .navbar-collapse nav > ul.menu > li > ul.menu > .megamenu--top-tier.megamenu--with-image .megamenu--with-image--above-image {
        margin: 0 0 0 -5px;
        height: auto;
        width: 100%;
        display: block; }
      header#navbar .navbar-collapse nav > ul.menu > li > ul.menu > .megamenu--top-tier > ul.menu {
        display: -ms-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto; }
      header#navbar .navbar-collapse nav > ul.menu > li > ul.menu > .megamenu--top-tier .megamenu--tier-two {
        -ms-flex-positive: 1;
        flex-grow: 1; }
        header#navbar .navbar-collapse nav > ul.menu > li > ul.menu > .megamenu--top-tier .megamenu--tier-two > a {
          font-size: 1.2rem;
          line-height: 1.2rem;
          margin: 0 0 15px;
          padding: 0 15px 0;
          font-weight: 500; }
        header#navbar .navbar-collapse nav > ul.menu > li > ul.menu > .megamenu--top-tier .megamenu--tier-two > ul.menu {
          display: -ms-flex;
          display: -ms-flexbox;
          display: flex;
          -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
          header#navbar .navbar-collapse nav > ul.menu > li > ul.menu > .megamenu--top-tier .megamenu--tier-two > ul.menu .megamenu--tier-three {
            -ms-flex-positive: 1;
            flex-grow: 1;
            padding-bottom: 20px; }
            header#navbar .navbar-collapse nav > ul.menu > li > ul.menu > .megamenu--top-tier .megamenu--tier-two > ul.menu .megamenu--tier-three > a {
              text-decoration: underline;
              font-size: 1.2rem;
              line-height: 1.2rem;
              font-weight: 500; }
            header#navbar .navbar-collapse nav > ul.menu > li > ul.menu > .megamenu--top-tier .megamenu--tier-two > ul.menu .megamenu--tier-three > ul.menu {
              display: initial;
              -ms-flex: initial;
              flex: initial; }
              header#navbar .navbar-collapse nav > ul.menu > li > ul.menu > .megamenu--top-tier .megamenu--tier-two > ul.menu .megamenu--tier-three > ul.menu li {
                display: block; }
              header#navbar .navbar-collapse nav > ul.menu > li > ul.menu > .megamenu--top-tier .megamenu--tier-two > ul.menu .megamenu--tier-three > ul.menu a {
                font-size: 1.2rem;
                line-height: 1.2rem;
                margin: 10px 0;
                padding: 0 15px 0; }
        header#navbar .navbar-collapse nav > ul.menu > li > ul.menu > .megamenu--top-tier .megamenu--tier-two > span {
          margin-left: 5px; }
      header#navbar .navbar-collapse nav > ul.menu > li > ul.menu > .megamenu--top-tier .megamenu--tier-two.megamenu--no-title > a,
      header#navbar .navbar-collapse nav > ul.menu > li > ul.menu > .megamenu--top-tier .megamenu--tier-two > ul.menu .megamenu--tier-three.megamenu--no-title > a {
        font-size: 0;
        line-height: 0;
        margin: 0 0 0;
        padding: 0 0 0;
        text-decoration: none;
        display: none; }
    header#navbar .navbar-collapse nav > ul.menu > li > ul.menu .megamenu--tier-two.megamenu--narrow-coloumn,
    header#navbar .navbar-collapse nav > ul.menu > li > ul.menu .megamenu--tier-two > ul.menu .megamenu--tier-three.megamenu--narrow-coloumn {
      -ms-flex-positive: 0;
      flex-grow: 0; }

@media screen and (max-width: 991px) {
  header#navbar .navbar-collapse .navbar-search-block-wrapper {
    display: none; } }

.breakout, .store-locator {
  position: relative;
  display: table;
  width: 100vw;
  left: 50%; }
  @media screen and (max-width: 767px) {
    .breakout, .store-locator {
      left: 0; } }
  .breakout > *, .store-locator > * {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    left: -50%; }
    @media screen and (max-width: 767px) {
      .breakout > *, .store-locator > * {
        left: 0; } }

.ghost-button, .black-ghost-button, .btn.buynow, .store-locator #views-exposed-form-nppe-store-locator-page-1 .form-actions input.form-submit, .white-ghost-button, .banner__container--text-container .button,
a.button, ul.pager li > a, .btn, .paragraph-user-profile-pet-entity-edit-form .form-actions input,
.user-form .form-actions input,
.user-pass .form-actions input,
.user-register-form .form-actions input,
.user-login-form .form-actions input, .store-locator .item-list ul .views-field a {
  border-radius: 30px;
  background: transparent;
  color: #000;
  border: 1px solid #000;
  padding: 10px 30px;
  text-transform: uppercase;
  margin: 20px 0 0; }
  .ghost-button:hover, .black-ghost-button:hover, .store-locator #views-exposed-form-nppe-store-locator-page-1 .form-actions input.form-submit:hover, .white-ghost-button:hover, .banner__container--text-container .button:hover,
  a.button:hover, ul.pager li > a:hover, .btn:hover, .paragraph-user-profile-pet-entity-edit-form .form-actions input:hover,
  .user-form .form-actions input:hover,
  .user-pass .form-actions input:hover,
  .user-register-form .form-actions input:hover,
  .user-login-form .form-actions input:hover, .store-locator .item-list ul .views-field a:hover {
    border-radius: 30px;
    color: #fff;
    border-color: #000;
    background-color: #000;
    padding: 10px 30px;
    text-decoration: none; }

.black-ghost-button, .btn.buynow, .paragraph-user-profile-pet-entity-edit-form .form-actions input.buynow,
.user-form .form-actions input.buynow,
.user-pass .form-actions input.buynow,
.user-register-form .form-actions input.buynow,
.user-login-form .form-actions input.buynow, .store-locator #views-exposed-form-nppe-store-locator-page-1 .form-actions input.form-submit {
  color: #fff;
  background-color: #000;
  border: 1px solid #000;
  padding: 10px 30px;
  text-transform: uppercase;
  text-decoration: none; }
  .black-ghost-button:hover, .btn.buynow:hover, .paragraph-user-profile-pet-entity-edit-form .form-actions input.buynow:hover,
  .user-form .form-actions input.buynow:hover,
  .user-pass .form-actions input.buynow:hover,
  .user-register-form .form-actions input.buynow:hover,
  .user-login-form .form-actions input.buynow:hover, .store-locator #views-exposed-form-nppe-store-locator-page-1 .form-actions input.form-submit:hover {
    border-radius: 30px;
    color: #000;
    border-color: #000;
    background-color: #fff;
    padding: 10px 30px;
    text-decoration: none; }

.white-ghost-button {
  color: #fff;
  background-color: transparent;
  border: 1px solid #fff;
  padding: 10px 30px;
  text-transform: uppercase;
  text-decoration: none; }
  .white-ghost-button:hover {
    border-radius: 30px;
    color: #fff;
    border-color: #000;
    background-color: #000;
    padding: 10px 30px;
    text-decoration: none; }

.container, .tabs-outer-wrapper #block-tabs ul, .store-locator #views-exposed-form-nppe-store-locator-page-1, .store-locator > .map-wrapper, .store-locator > .views-element-container > .store-locator > .map-wrapper {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }

.container:before, .tabs-outer-wrapper #block-tabs ul:before, .store-locator #views-exposed-form-nppe-store-locator-page-1:before, .store-locator > .map-wrapper:before, .store-locator > .views-element-container > .store-locator > .map-wrapper:before, .container:after, .tabs-outer-wrapper #block-tabs ul:after, .store-locator #views-exposed-form-nppe-store-locator-page-1:after, .store-locator > .map-wrapper:after, .store-locator > .views-element-container > .store-locator > .map-wrapper:after {
  content: " ";
  display: table; }

.container:after, .tabs-outer-wrapper #block-tabs ul:after, .store-locator #views-exposed-form-nppe-store-locator-page-1:after, .store-locator > .map-wrapper:after, .store-locator > .views-element-container > .store-locator > .map-wrapper:after {
  clear: both; }

@media (min-width: 768px) {
  .container, .tabs-outer-wrapper #block-tabs ul, .store-locator #views-exposed-form-nppe-store-locator-page-1, .store-locator > .map-wrapper, .store-locator > .views-element-container > .store-locator > .map-wrapper {
    width: 750px; } }

@media (min-width: 992px) {
  .container, .tabs-outer-wrapper #block-tabs ul, .store-locator #views-exposed-form-nppe-store-locator-page-1, .store-locator > .map-wrapper, .store-locator > .views-element-container > .store-locator > .map-wrapper {
    width: 970px; } }

@media (min-width: 1200px) {
  .container, .tabs-outer-wrapper #block-tabs ul, .store-locator #views-exposed-form-nppe-store-locator-page-1, .store-locator > .map-wrapper, .store-locator > .views-element-container > .store-locator > .map-wrapper {
    width: 1170px; } }

.kss-swatch {
  display: inline-block;
  position: relative;
  margin-bottom: 5px;
  width: 145px;
  height: 140px;
  text-align: center;
  font-size: 1.4rem;
  color: #FFF;
  padding-top: 90px; }
  .kss-swatch.kss-swatch-light {
    border: 1px solid #F6F6F6;
    color: #000; }

#block-views-block-banner-block-1-6 .banner__container--image:after,
.custom-heading-banner .banner__container--image:after {
  background-image: url(../assets/down-curve.png);
  background-size: 100% 100%;
  content: "";
  z-index: 1;
  position: absolute;
  bottom: 0px;
  left: 0;
  display: block;
  width: 100vw;
  height: 140px;
  background-repeat: no-repeat;
  background-position: bottom center; }
  @media screen and (max-width: 991px) {
    #block-views-block-banner-block-1-6 .banner__container--image:after,
    .custom-heading-banner .banner__container--image:after {
      background-size: 100% 100%;
      height: 60px; } }
  @media screen and (max-width: 767px) {
    #block-views-block-banner-block-1-6 .banner__container--image:after,
    .custom-heading-banner .banner__container--image:after {
      background-size: 100% auto;
      height: 60px; } }

.banner__container--image.bottom-curve:after {
  background-image: url(../assets/down-curve.png);
  background-size: 100% 100%;
  content: "";
  z-index: 1;
  position: absolute;
  bottom: 0px;
  left: 0;
  display: block;
  width: 100vw;
  height: 140px;
  background-repeat: no-repeat;
  background-position: bottom center; }
  @media screen and (max-width: 991px) {
    .banner__container--image.bottom-curve:after {
      background-size: 100% 100%;
      height: 60px; } }
  @media screen and (max-width: 767px) {
    .banner__container--image.bottom-curve:after {
      background-size: 100% auto;
      height: 60px; } }

@media screen and (max-width: 991px) {
  #block-views-block-banner-block-1-6 .banner__container--image:after,
  .banner__container--image.bottom-curve:after,
  .custom-heading-banner .banner__container--image:after {
    background-size: 100% auto;
    height: 60px; } }

.input-error {
  border: 1px solid #EC1A19;
  color: #EC1A19; }
  .input-error + label {
    color: #EC1A19; }
    .input-error + label:before {
      border: 2px solid #EC1A19 !important;
      color: #EC1A19; }
    .input-error + label:hover:before {
      border: 2px solid #EC1A19;
      background-color: #EC1A19; }
  .input-error:checked + label:before {
    background-color: #EC1A19; }

.nppe-module-product-profile-admin-home {
  position: absolute;
  top: 6%;
  z-index: 999; }
  @media screen and (max-width: 991px) {
    .nppe-module-product-profile-admin-home {
      top: 30px; } }
  @media screen and (max-width: 767px) {
    .nppe-module-product-profile-admin-home {
      top: 30px; } }
  .nppe-module-product-profile-admin-home h1 {
    font-size: 34px;
    line-height: 50px;
    /* text-transform: uppercase; */
    text-align: center;
    font-weight: 300;
    margin-bottom: 15px;
    color: #FFF;
    width: 65%;
    margin: 0 auto;
    min-width: 320px; }
    @media screen and (max-width: 991px) {
      .nppe-module-product-profile-admin-home h1 {
        text-align: left;
        margin-top: 100px;
        margin-left: 15px;
        font-size: 25px;
        line-height: 35px;
        width: 80%; } }
  .nppe-module-product-profile-admin-home form fieldset:nth-child(2) {
    background: none;
    border: none; }
    @media (max-width: 767px) {
      .nppe-module-product-profile-admin-home form fieldset:nth-child(2) {
        background: transparent; } }
    .nppe-module-product-profile-admin-home form fieldset:nth-child(2) .filter-home__heading {
      background: none;
      text-transform: none;
      font-size: 1.4rem;
      color: #FFF; }
      @media (max-width: 991px) {
        .nppe-module-product-profile-admin-home form fieldset:nth-child(2) .filter-home__heading {
          text-align: left;
          font-size: 15px; } }
      .nppe-module-product-profile-admin-home form fieldset:nth-child(2) .filter-home__heading span {
        display: inherit;
        vertical-align: inherit; }
    .nppe-module-product-profile-admin-home form fieldset:nth-child(2) .filter-home__textfield {
      border: none; }
    .nppe-module-product-profile-admin-home form fieldset:nth-child(2) .filter-home__radio {
      border: none;
      padding-bottom: 0px; }
      @media screen and (max-width: 991px) {
        .nppe-module-product-profile-admin-home form fieldset:nth-child(2) .filter-home__radio {
          margin-left: -155px; } }
      @media screen and (max-width: 767px) {
        .nppe-module-product-profile-admin-home form fieldset:nth-child(2) .filter-home__radio {
          margin-left: 0; } }
      .nppe-module-product-profile-admin-home form fieldset:nth-child(2) .filter-home__radio--item {
        overflow: hidden; }
        .nppe-module-product-profile-admin-home form fieldset:nth-child(2) .filter-home__radio--item #edit-chooseyourpet div:first-of-type label {
          float: right;
          margin-right: 5px; }
        .nppe-module-product-profile-admin-home form fieldset:nth-child(2) .filter-home__radio--item #edit-chooseyourpet div:last-of-type label {
          float: left;
          margin-left: 5px; }
        .nppe-module-product-profile-admin-home form fieldset:nth-child(2) .filter-home__radio--item label {
          color: #FFF;
          float: left;
          display: inline-block;
          background-color: transparent;
          font-size: 11px;
          font-weight: normal;
          text-align: center;
          text-shadow: none;
          padding: 6px 26px;
          border: 1px solid #FFF;
          transition: all 0.1s ease-in-out;
          border-radius: 30px;
          text-transform: uppercase;
          line-height: 26px; }
          .nppe-module-product-profile-admin-home form fieldset:nth-child(2) .filter-home__radio--item label:hover {
            cursor: pointer; }
        .nppe-module-product-profile-admin-home form fieldset:nth-child(2) .filter-home__radio--item input {
          position: absolute !important;
          clip: rect(0, 0, 0, 0);
          height: 1px;
          width: 1px;
          border: 0;
          overflow: hidden; }
          .nppe-module-product-profile-admin-home form fieldset:nth-child(2) .filter-home__radio--item input:checked + label {
            background-color: #000;
            -webkit-box-shadow: none;
            border: 1px solid #000;
            box-shadow: none; }
    .nppe-module-product-profile-admin-home form fieldset:nth-child(2) input[type=radio] + label:before {
      display: none; }
    .nppe-module-product-profile-admin-home form fieldset:nth-child(2) .arrow-down-style {
      background: none;
      display: none; }
    .nppe-module-product-profile-admin-home form fieldset:nth-child(2) .btn, .nppe-module-product-profile-admin-home form fieldset:nth-child(2) .paragraph-user-profile-pet-entity-edit-form .form-actions input, .paragraph-user-profile-pet-entity-edit-form .form-actions .nppe-module-product-profile-admin-home form fieldset:nth-child(2) input,
    .nppe-module-product-profile-admin-home form fieldset:nth-child(2) .user-form .form-actions input, .user-form .form-actions .nppe-module-product-profile-admin-home form fieldset:nth-child(2) input,
    .nppe-module-product-profile-admin-home form fieldset:nth-child(2) .user-pass .form-actions input, .user-pass .form-actions .nppe-module-product-profile-admin-home form fieldset:nth-child(2) input,
    .nppe-module-product-profile-admin-home form fieldset:nth-child(2) .user-register-form .form-actions input, .user-register-form .form-actions .nppe-module-product-profile-admin-home form fieldset:nth-child(2) input,
    .nppe-module-product-profile-admin-home form fieldset:nth-child(2) .user-login-form .form-actions input, .user-login-form .form-actions .nppe-module-product-profile-admin-home form fieldset:nth-child(2) input {
      margin-top: 10px !important; }
  .nppe-module-product-profile-admin-home form fieldset input[type=radio] {
    visibility: hidden;
    position: absolute; }
  .nppe-module-product-profile-admin-home form fieldset input[type=radio] + label:before {
    height: 28px;
    width: 28px;
    margin-right: 10px;
    content: " ";
    display: inline-block;
    vertical-align: baseline;
    border: 2px solid #000; }
  .nppe-module-product-profile-admin-home form fieldset label:before {
    position: relative;
    top: 9px; }
  .nppe-module-product-profile-admin-home form fieldset input[type=radio]:checked + label:before {
    background: #000;
    box-shadow: inset 0px 0px 0px 2px #FFF; }
  .nppe-module-product-profile-admin-home form fieldset input[type=radio] + label:before {
    border-radius: 50%;
    font-size: 11px; }
  .nppe-module-product-profile-admin-home form fieldset:last-of-type {
    background: none;
    border: none;
    text-align: center; }
    .nppe-module-product-profile-admin-home form fieldset:last-of-type .filter-home__heading {
      background: none;
      text-transform: none;
      font-size: 11px;
      color: #FFF; }
      .nppe-module-product-profile-admin-home form fieldset:last-of-type .filter-home__heading span {
        display: inherit;
        vertical-align: inherit; }
    .nppe-module-product-profile-admin-home form fieldset:last-of-type .filter-home__textfield {
      border: none; }
    .nppe-module-product-profile-admin-home form fieldset:last-of-type .filter-home__block-title {
      font-size: 34px;
      line-height: 50px;
      text-transform: uppercase;
      text-align: center;
      font-weight: 400;
      color: #FFF;
      margin: 50px 0 50px;
      margin-bottom: 15px; }
      @media screen and (max-width: 767px) {
        .nppe-module-product-profile-admin-home form fieldset:last-of-type .filter-home__block-title {
          margin: 80px 0 50px; } }
    .nppe-module-product-profile-admin-home form fieldset:last-of-type .filter-home__radio {
      border: none;
      padding-bottom: 0px; }
      .nppe-module-product-profile-admin-home form fieldset:last-of-type .filter-home__radio--item {
        overflow: hidden; }
        .nppe-module-product-profile-admin-home form fieldset:last-of-type .filter-home__radio--item #edit-chooseyourpet div:first-of-type label {
          float: right;
          margin-right: 5px; }
        .nppe-module-product-profile-admin-home form fieldset:last-of-type .filter-home__radio--item #edit-chooseyourpet div:last-of-type label {
          float: left;
          margin-left: 5px; }
        .nppe-module-product-profile-admin-home form fieldset:last-of-type .filter-home__radio--item label {
          color: #FFF;
          float: left;
          display: inline-block;
          background-color: transparent;
          font-size: 14px;
          font-weight: normal;
          text-align: center;
          text-shadow: none;
          padding: 6px 26px;
          border: 1px solid #FFF;
          transition: all 0.1s ease-in-out;
          border-radius: 30px;
          text-transform: uppercase;
          line-height: 26px; }
          .nppe-module-product-profile-admin-home form fieldset:last-of-type .filter-home__radio--item label:hover {
            cursor: pointer; }
        .nppe-module-product-profile-admin-home form fieldset:last-of-type .filter-home__radio--item input {
          position: absolute !important;
          clip: rect(0, 0, 0, 0);
          height: 1px;
          width: 1px;
          border: 0;
          overflow: hidden; }
          .nppe-module-product-profile-admin-home form fieldset:last-of-type .filter-home__radio--item input:checked + label {
            background-color: #000;
            -webkit-box-shadow: none;
            border: 1px solid #000;
            box-shadow: none; }
    .nppe-module-product-profile-admin-home form fieldset:last-of-type .arrow-down-style {
      background: none;
      display: none; }
    .nppe-module-product-profile-admin-home form fieldset:last-of-type .btn, .nppe-module-product-profile-admin-home form fieldset:last-of-type .paragraph-user-profile-pet-entity-edit-form .form-actions input, .paragraph-user-profile-pet-entity-edit-form .form-actions .nppe-module-product-profile-admin-home form fieldset:last-of-type input,
    .nppe-module-product-profile-admin-home form fieldset:last-of-type .user-form .form-actions input, .user-form .form-actions .nppe-module-product-profile-admin-home form fieldset:last-of-type input,
    .nppe-module-product-profile-admin-home form fieldset:last-of-type .user-pass .form-actions input, .user-pass .form-actions .nppe-module-product-profile-admin-home form fieldset:last-of-type input,
    .nppe-module-product-profile-admin-home form fieldset:last-of-type .user-register-form .form-actions input, .user-register-form .form-actions .nppe-module-product-profile-admin-home form fieldset:last-of-type input,
    .nppe-module-product-profile-admin-home form fieldset:last-of-type .user-login-form .form-actions input, .user-login-form .form-actions .nppe-module-product-profile-admin-home form fieldset:last-of-type input {
      margin-top: 10px !important;
      border: 1px solid #FFF;
      color: #FFF; }

.purina-layouts__article--body {
  border: 0 solid transparent;
  padding: 0 0 0; }
  .purina-layouts__article--body img {
    max-width: 92vw;
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px; }

.nppe_module_content_product_profile > div > .col-lg-6 {
  margin-left: auto;
  float: none;
  margin-right: auto; }

#block-nppemoduleproductprofilehomequiz form {
  margin-left: 0; }
  @media screen and (max-width: 767px) {
    #block-nppemoduleproductprofilehomequiz form {
      width: 100%;
      margin: 0 auto; } }

.nppe_module_content_product_profile .filter-home__heading {
  height: 70px;
  background-color: #fff;
  border-radius: 5px 5px 0 0;
  margin-left: -30px;
  padding: 0 30px;
  box-sizing: content-box;
  text-align: center;
  font-size: 21px;
  text-transform: uppercase;
  display: table;
  color: #000;
  width: 100%; }
  @media screen and (max-width: 767px) {
    .nppe_module_content_product_profile .filter-home__heading {
      margin-left: 0;
      padding: 0 0; } }

.nppe_module_content_product_profile .filter-home__heading span {
  display: table-cell;
  vertical-align: middle; }

.nppe_module_content_product_profile .filter-home__radio,
.nppe_module_content_product_profile .filter-home__textfield {
  margin-top: 30px;
  border-bottom: 1px solid #bbb;
  padding: 0 0 0;
  display: inline-block;
  width: 100%; }
  @media screen and (max-width: 767px) {
    .nppe_module_content_product_profile .filter-home__radio,
    .nppe_module_content_product_profile .filter-home__textfield {
      padding: 0 20px 35px; } }

.nppe_module_content_product_profile button {
  margin-top: 25px;
  padding: 10px 70px   !important;
  margin-bottom: 25px; }

.nppe_module_content_product_profile .btn-back {
  margin-left: 45px; }

.nppe_module_content_product_profile .btn-next {
  background-color: #000;
  margin-right: 45px;
  color: #fff;
  float: right; }

.nppe_module_content_product_profile .btn-next:hover,
.nppe_module_content_product_profile .btn-next:focus {
  color: #fff; }

.nppe_module_content_product_profile .nppe_module_product_profile-buttons {
  /*margin: 0 auto;
  width: 100%;
  padding: 0 75px;*/ }

.nppe_module_content_product_profile .form-radio:checked ~ label span:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  height: 24px;
  background-color: #000;
  border-radius: 100%;
  width: 24px; }

.custom-radio-select {
  height: 30px;
  width: 30px;
  position: relative;
  border: 1px solid #000;
  border-radius: 100%;
  display: inline-block;
  z-index: 2;
  top: -5px;
  margin-right: 15px;
  float: left; }

.nppe_module_content_product_profile .form-item {
  width: 49%;
  display: inline-block;
  clear: none;
  float: left;
  margin-bottom: 15px; }

.arrow-down-style {
  height: 30px;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
  background-color: #fff;
  margin-left: -30px;
  box-sizing: content-box;
  width: 100%;
  padding-left: 30px;
  padding-right: 30px; }

.nppe_module_content_product_profile fieldset {
  max-width: 560px;
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    .nppe_module_content_product_profile fieldset {
      max-width: 100%;
      margin: 0 auto; } }

.nppe_module_content_product_profile .close-button ~ fieldset {
  padding: 0 30px;
  background-color: #f6f6f6; }
  @media screen and (max-width: 991px) {
    .nppe_module_content_product_profile .close-button ~ fieldset {
      padding: 0 0;
      margin-left: 15px; } }
  @media screen and (max-width: 767px) {
    .nppe_module_content_product_profile .close-button ~ fieldset {
      margin-left: 0;
      padding: 0 20px; }
      .nppe_module_content_product_profile .close-button ~ fieldset .form-group {
        margin: 0 -20px; } }

@media (max-width: 1199px) {
  #block-nppemoduleproductprofilehomequiz form {
    margin-left: -15px; } }

@media (max-width: 767px) {
  .nppe_module_content_product_profile .btn-back {
    margin-left: 30px; }
  .nppe_module_content_product_profile .btn-next {
    margin-right: 30px; }
  .nppe_module_content_product_profile input.form-text {
    width: 100%;
    max-width: 100%; } }

@media (max-width: 767px) {
  .nppe_module_content_product_profile button:last-child {
    margin-bottom: 25px; }
  #block-nppemoduleproductprofilehomequiz form {
    margin-left: -15px; }
  .nppe_module_content_product_profile button {
    width: 100%; }
  .nppe_module_content_product_profile .btn-next {
    margin-bottom: 5px; }
  .nppe_module_content_product_profile .btn-back {
    margin-top: 5px; }
  .nppe_module_content_product_profile .btn-back,
  .nppe_module_content_product_profile .btn-next {
    margin-left: 0;
    margin-right: 0; }
  .nppe_module_content_product_profile .form-item {
    width: 49%; }
    .nppe_module_content_product_profile .form-item label {
      font-size: 11px;
      padding-left: 40px; }
      .nppe_module_content_product_profile .form-item label:before {
        margin: 0 10px 0 -40px; } }

@media screen and (max-width: 991px) {
  .nppe_module_content_product_profile {
    margin: 0 15px;
    padding: 0 15px 0; }
    .nppe_module_content_product_profile .arrow-down-style {
      width: 100%;
      margin-left: 0;
      padding-left: 0;
      padding-right: 0; }
    .nppe_module_content_product_profile .form-item {
      width: 49%; }
      .nppe_module_content_product_profile .form-item label {
        font-size: 11px; } }

.banner-block {
  position: relative; }
  .banner-block .banner-block__container {
    position: absolute;
    top: 195px;
    max-width: 525px; }
    .banner-block .banner-block__container .banner-block__title {
      font-size: 45px;
      line-height: 1.1em; }
    .banner-block .banner-block__container .banner-block__copy {
      font-size: 18px; }

.banner-background-full .banner__container--image img {
  opacity: 1; }

.nppe-module-product-profile-admin-home form fieldset:last-of-type .filter-home__block-title {
  margin: 0px 0 10px !important; }

.filter-home__heading {
  font-size: 16px; }

.hero-flickety .banner__container--text {
  width: 45%; }

h2 {
  text-transform: uppercase; }

.nppe-module-product-profile-admin-home h1 {
  text-transform: inherit; }

.nppe-module-product-profile-admin-home form fieldset:last-of-type .filter-home__heading {
  font-size: 16px; }

.nppe-module-product-profile-admin-home {
  width: 90%;
  transform: translate(6%); }

.nppe-module-product-profile-admin-home form fieldset:last-of-type .btn:hover, .nppe-module-product-profile-admin-home form fieldset:last-of-type .paragraph-user-profile-pet-entity-edit-form .form-actions input:hover, .paragraph-user-profile-pet-entity-edit-form .form-actions .nppe-module-product-profile-admin-home form fieldset:last-of-type input:hover,
.nppe-module-product-profile-admin-home form fieldset:last-of-type .user-form .form-actions input:hover, .user-form .form-actions .nppe-module-product-profile-admin-home form fieldset:last-of-type input:hover,
.nppe-module-product-profile-admin-home form fieldset:last-of-type .user-pass .form-actions input:hover, .user-pass .form-actions .nppe-module-product-profile-admin-home form fieldset:last-of-type input:hover,
.nppe-module-product-profile-admin-home form fieldset:last-of-type .user-register-form .form-actions input:hover, .user-register-form .form-actions .nppe-module-product-profile-admin-home form fieldset:last-of-type input:hover,
.nppe-module-product-profile-admin-home form fieldset:last-of-type .user-login-form .form-actions input:hover, .user-login-form .form-actions .nppe-module-product-profile-admin-home form fieldset:last-of-type input:hover {
  border-color: black; }

.banner__container--text-container {
  top: 85px; }

.contact-faq-banner .banner__container--text {
  width: 100%; }

.wide-banners.push-text-right .banner__container--text h2,
.wide-banners.push-text-far-right .banner__container--text h2 {
  font-weight: 300;
  font-size: 30px;
  line-height: 1.5em; }

.nppe-module-product-profile-admin-home form fieldset:last-of-type .filter-home__block-title {
  font-weight: 300; }

.nppe-module-product-profile-admin-home form fieldset:nth-child(2) .filter-home__heading span {
  width: 75%;
  text-align: center; }

.product-detail__related-product--content .teaser-title {
  padding: 10px; }

.paragraph--type--bp-simple ul li {
  margin: 0 20px !important; }

.contact-faq-banner .banner__container--text-wrapper {
  margin-top: 0px !important; }

.contact-us-page-block2 .banner__container .banner__container--text-container--without-background .banner__container--text-wrapper {
  padding-top: 10%; }

.nppe-module-product-profile-admin-home form fieldset:nth-child(2) .filter-home__heading span {
  margin: 0 auto; }

.banner__container--image img {
  opacity: 0.8; }

.nppe-module-product-profile-admin-home h1 {
  width: 60%;
  min-width: 283px; }

.mobile_search_wrapper #block-nppe-pro-plan-mobile-search-block h2 {
  top: 7px; }

.banner__container--image .bottom-curve:after {
  bottom: -1px !important; }

@media screen and (max-width: 991px) {
  .user-login-form {
    width: 100%; } }

@media screen and (max-width: 991px) {
  .nppe-module-product-profile-admin-home form fieldset:last-of-type .filter-home__block-title {
    font-size: 25px;
    line-height: 1.3em; } }

@media screen and (max-width: 991px) {
  .nppe-module-product-profile-admin-home {
    margin-top: 130px; } }

@media screen and (max-width: 991px) {
  .nppe-proplan-main-articles-mobile {
    margin-top: 30px; } }

@media screen and (max-width: 991px) {
  .path-frontpage .hero-flickety .banner__container--image img {
    max-width: 130vw;
    width: 130vw; } }

@media screen and (max-width: 991px) {
  .hero-flickety .banner__container--text {
    width: 80% !important;
    margin: 0 auto !important; } }

@media screen and (max-width: 991px) {
  .hero-flickety .banner__container--text-container {
    top: 58px; } }

@media screen and (max-width: 991px) {
  .product-detail__container--content .details__container .where-to-buy {
    padding: 10px 15px; } }

@media screen and (max-width: 991px) {
  .nppe_module_content_product_profile .form-item {
    width: 100%;
    margin-bottom: 0; } }

@media screen and (max-width: 991px) {
  #block-views-block-nppe-pro-plan-products-block-1 h2 {
    font-size: 35px !important;
    padding: 0 27px !important; } }

@media screen and (max-width: 991px) {
  #block-views-block-nppe-pro-plan-products-block-1 header {
    line-height: 1.5em !important; } }

@media screen and (max-width: 991px) {
  .tab4default .owl-pagination {
    display: none !important; } }

@media screen and (max-width: 991px) {
  .wide-banners.push-text-far-right .banner__container--text h2,
  .wide-banners.push-text-right .banner__container--text h2 {
    color: #fff;
    font-size: 26px; } }

@media screen and (max-width: 991px) {
  .wide-banners.push-text-right .banner__container--text, .wide-banners.push-text-far-right .banner__container--text {
    width: 90% !important; } }

@media screen and (max-width: 991px) {
  .panel-body {
    padding: 0 !important; } }

@media screen and (max-width: 991px) {
  .nppe_module_content_product_profile .form-item label {
    font-size: 16px; } }

@media screen and (max-width: 991px) {
  .js-form-type-radio label {
    line-height: 40px; } }

@media screen and (max-width: 991px) {
  .nppe-module-product-profile-admin-home form fieldset:last-of-type .filter-home__heading {
    background: none;
    text-transform: none;
    font-size: 18px;
    color: #FFF;
    max-width: 85%;
    margin: 0 auto; } }

@media screen and (max-width: 991px) {
  .wide-banners.push-text-far-right .banner__container--text p,
  .wide-banners.push-text-right .banner__container--text p {
    color: #fff;
    font-size: 16px; } }

@media screen and (max-width: 991px) {
  .wide-banners .banner__container--image .mobile img {
    opacity: 0.8; } }

@media screen and (max-width: 991px) {
  #block-views-block-nppe-proplan-articles-homepage-block h2 {
    font-size: 35px;
    padding: 0 20px; } }

@media screen and (max-width: 991px) {
  .path-frontpage .banner__container img {
    margin: 0 50%;
    transform: translate(-50%); } }

@media screen and (max-width: 991px) {
  #block-views-block-nppe-pro-plan-products-block-1 .owl-pagination {
    display: none; } }

@media screen and (max-width: 991px) {
  .nppe-proplan-main-articles-mobile {
    margin-bottom: 30px; } }

@media screen and (max-width: 991px) {
  .path-user #page .user-register-form {
    margin: 6px auto 0 !important; } }

@media screen and (max-width: 991px) {
  .nppe-pro-plan-compare-link-wrapper .compare-this-product-link header {
    font-size: 19px;
    line-height: 1.4em;
    float: none;
    padding-right: 0; } }

@media screen and (max-width: 991px) {
  .nppe-pro-plan-compare-link-wrapper .compare-this-product-link .views-row {
    float: none; } }

@media screen and (max-width: 991px) {
  .product-selector-block .image-content-box {
    margin: 0 15px;
    width: 96%; } }

@media screen and (max-width: 991px) {
  .product-selector-block .image-content-box .box-image {
    margin: 0 15px; } }

@media screen and (max-width: 991px) {
  .product-selector-block-image {
    max-height: 270px;
    margin: 0 15px; } }

@media screen and (max-width: 767px) {
  .product-selector-block-image {
    max-height: 140px;
    margin: 0 15px; } }

@media screen and (max-width: 991px) {
  #block-nppemoduleproductprofilecustomquiz-2 {
    margin: 0 15px; } }

@media screen and (max-width: 991px) {
  .nppe_module_content_product_profile.filter-custom-quiz #edit-chooseyourpet .form-item-chooseyourpet {
    width: 95%;
    margin-bottom: 25px; } }

@media screen and (max-width: 991px) {
  .nppe_module_content_product_profile.filter-custom-quiz #edit-chooseyourpet .form-item-chooseyourpet label {
    display: -ms-inline-grid;
    display: inline-grid; } }

@media screen and (max-width: 991px) {
  .nppe_module_content_product_profile.filter-custom-quiz .filter-custom-quiz__hiiden {
    margin: 25px 0 15px;
    font-size: 20px; } }

@media screen and (max-width: 991px) {
  .nppe_module_content_product_profile .form-item label:before {
    margin: 0 10px 0 0px; } }

@media screen and (max-width: 991px) {
  .compare-this-product-link.Remove a:after {
    left: 28px; } }

@media screen and (max-width: 991px) {
  .compare-this-product-link a:before {
    left: 20px; } }

@media screen and (max-width: 991px) {
  .product-detail__container .details__container {
    padding: 10px 20px; } }

@media screen and (max-width: 991px) {
  .purina-layouts__product {
    width: 92vw; } }

@media screen and (max-width: 991px) {
  .video_wrapper .video_thumbnail .glyphicon {
    line-height: 195px; } }

@media screen and (max-width: 991px) {
  .generic-block__container--text-block p {
    padding: 0 20px; } }

@media screen and (max-width: 991px) {
  .articles .purina-layouts__article--main-header-container {
    padding: 0;
    border: none; } }

@media screen and (max-width: 991px) {
  .nppe-pro-plan-article-title-date .views-field-title h1,
  .nppe-pro-plan-article-title-date .views-field-created {
    padding: 0 15px; } }

@media screen and (max-width: 991px) {
  .purina-layouts__article--body img {
    margin-top: 20px;
    margin-bottom: 20px; } }

@media screen and (max-width: 991px) {
  #block-views-block-nppe-pro-plan-related-articles-block-1 > div:before {
    top: -59px !important; } }

@media screen and (max-width: 991px) {
  .purina-layouts__article--body img {
    margin-top: 0px; } }

@media screen and (max-width: 991px) {
  .timeline-cards .timeline-card-wrapper .timeline-card.timeline-card--video .video_wrapper .video_thumbnail .glyphicon {
    line-height: 190px; } }

@media screen and (max-width: 991px) {
  .timeline-cards .timeline-card-wrapper .timeline-card.timeline-card--banner .banner__container--image {
    margin-top: 55px; } }

.nppe-module-product-profile-admin-home {
  width: 100%;
  left: 0; }

.paragraph--type--bp-carousel.slide .carousel-control {
  z-index: 9999; }

.products .row .outer-container {
  min-height: 300px; }

.nppe-compare header a {
  float: right;
  margin-top: -22px;
  color: #000;
  text-decoration: underline; }

.custom-heading-banner .banner__container--text-wrapper {
  top: 0; }

.compare-this-product-link {
  text-align: center;
  margin-top: 14px; }

.nppe-pro-plan-products .views-row {
  margin-bottom: 50px; }

.product-detail__related-product--content {
  padding-top: 15px; }

.compare-this-product-link a:before {
  left: 40px; }

.compare-this-product-link.Remove a:after {
  left: 48px; }

.paragraph--bp-accordion--container .bp-accordion--button {
  margin-bottom: 25px; }

.tabs-outer-wrapper #block-tabs ul {
  margin: 0 auto;
  text-align: center; }

.nppe-pro-plan-products.tab4default .owl-controls {
  margin: 0px 0 50px; }

.nppe_module_content_product_profile .form-item {
  width: 49%; }

#block-loginfakeblock {
  float: right;
  padding-top: 9px; }

.page-node-type-dsu-product h3 {
  vertical-align: top; }

.page-node-type-dsu-product .homepage__featured-product--container {
  min-height: 315px; }

.homepage__featured-product--container {
  min-height: 280px; }

@media screen and (max-width: 991px) {
  .custom-heading-banner .banner__container--image img {
    height: auto !important; } }

@media screen and (max-width: 991px) {
  .nppe-module-product-profile-admin-home h1 {
    font-size: 28px;
    letter-spacing: 1px;
    margin-top: 97px;
    padding-bottom: 15px; } }

@media screen and (max-width: 991px) {
  .article-list__article-listing--container .grid-listing__container--content .details__container .article-title {
    font-size: 18px; } }

@media screen and (max-width: 991px) {
  .mobile_search_wrapper {
    right: 0; } }

@media screen and (max-width: 991px) {
  .mobile_search_wrapper h2.open-search {
    right: 50px !important; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  header#navbar > .container .navbar-toggle, .tabs-outer-wrapper #block-tabs header#navbar > ul .navbar-toggle, .store-locator header#navbar > #views-exposed-form-nppe-store-locator-page-1 .navbar-toggle, header.store-locator#navbar > .map-wrapper .navbar-toggle, .store-locator > .views-element-container > header.store-locator#navbar > .map-wrapper .navbar-toggle {
    margin-top: 21px; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  header#navbar #main-navbar-collapse.navbar-collapse {
    height: 100vh !important;
    min-width: 93%; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mobile_search_wrapper {
    position: absolute;
    right: 0;
    width: 100%; } }

.pro-plan-product-icons img {
  background-color: #000; }

.nppe-glossary-pre-processor-outer-wrapper {
  width: 1px;
  height: 1px;
  top: -100px;
  right: -100px;
  position: absolute;
  overflow: hidden;
  text-indent: -99999px; }

.paragraph--type--bp-carousel.slide .carousel-control {
  background: none; }

.paragraph--type--bp-carousel.slide .carousel-inner .paragraph__column {
  padding: 0; }

.paragraph--type--bp-carousel.slide .carousel-inner .paragraph__column .paragraph--type--bp-blank {
  position: absolute;
  z-index: 999;
  top: 30%;
  left: 20%;
  width: 35%; }

.paragraph--type--bp-carousel.slide .carousel-inner .paragraph__column .paragraph--type--bp-image:after {
  background-image: url(http://proplantemplate.test-purinaone.acsitefactory.com/sites/all/themes/custom/nppe_proplanmain_theme/dist/assets/down-curve.png);
  background-size: 100% 100%;
  content: "";
  z-index: 1;
  position: absolute;
  bottom: 0px;
  left: 0;
  display: block;
  width: 100%;
  height: 140px;
  background-repeat: no-repeat;
  background-position: bottom center; }

.hidden {
  display: none !important; }

header#navbar .navbar-collapse nav > ul.menu {
  margin-top: 0; }

#searchableinput {
  width: 100%;
  padding: 0 30px 0;
  color: #000; }

.wide-banners.push-text-right .banner__container--text-container .banner__container--text-wrapper {
  margin-top: 0; }

.nppe-pro-plan-products.tab1default .owl-wrapper-outer,
.nppe-pro-plan-products.tab2default .owl-wrapper-outer,
.nppe-pro-plan-products.tab3default .owl-wrapper-outer,
.nppe-pro-plan-products.tab4default .owl-wrapper-outer,
#block-views-block-nppe-pro-plan-products-block-1 .owl-wrapper-outer,
.owl-wrapper-outer {
  height: 400px;
  overflow: hidden; }

.wide-banners.push-text-far-right .banner__container--text-container .banner__container--text-wrapper {
  margin-top: 0px !important; }

.nppe-pro-plan-products.tab1default .owl-buttons,
.nppe-pro-plan-products.tab2default .owl-buttons,
.nppe-pro-plan-products.tab3default .owl-buttons,
.nppe-pro-plan-products.tab4default .owl-buttons,
#block-views-block-nppe-pro-plan-products-block-1 .owl-buttons {
  top: 20% !important; }

#block-views-block-banner-block-1-6 {
  display: none; }

.select2-selection--single .select2-selection__arrow b {
  display: none; }

.wide-banners .banner__container--text-wrapper {
  margin-top: -130px; }

.hidden-for-search {
  height: 1px;
  width: 1px;
  overflow: hidden;
  color: transparent; }

#block-views-block-nppe-pro-plan-search-block-block-1 .contextual {
  display: none !important; }

#block-nppe-pro-plan-mobile-search-block > div,
#block-views-block-nppe-pro-plan-search-block-block-1 > div {
  z-index: 0;
  right: 0vw;
  left: 0vw;
  top: 84px; }

#block-nppe-pro-plan-mobile-search-block .navbar-search-block-wrapper header:after,
#block-views-block-nppe-pro-plan-search-block-block-1 .navbar-search-block-wrapper header:after {
  display: none; }

.paragraph.paragraph--width--full.paragraph--type--bp-carousel .carousel-inner {
  background-color: #000; }

.nppe-module-product-profile-admin-home h1 {
  font-size: 45px;
  letter-spacing: 1px; }

.nppe-module-product-profile-admin-home form fieldset:nth-child(2) .filter-home__radio--item label {
  padding: 10px 35px;
  font-size: 16px; }

.nppe-module-product-profile-admin-home form fieldset:nth-child(2) .filter-home__radio--item label:hover {
  background-color: #000;
  color: #fff;
  border-color: #000; }

.purina-layouts__article--main-header-container .col-md-12 {
  padding-left: 0;
  padding-right: 0; }

.nppe_module_content_product_profile fieldset {
  width: 100%;
  max-width: 100%; }

.nppe-pro-plan-products.product-listing-page .homepage__featured-product--container {
  border-bottom: 1px solid #ccc; }

.nppe-product-selector-dropdown-block {
  padding-right: 0;
  padding-left: 0; }

.hidden-on-load-closer {
  height: 37px; }

.product-detail__related-product--content .bvr-rating {
  margin: 0 auto;
  width: 35%; }

/*new h1 styling*/
.nppe-module-product-profile-admin-home h1 {
  text-transform: inherit;
  min-width: 283px;
  letter-spacing: 1px;
  font-weight: 400;
  line-height: 1.1em;
  margin: 0 auto;
  color: #FFF; }

/*new span styling*/
.product-detail__container .details-title span {
  font-weight: 400;
  font-size: 35px;
  width: 80%;
  padding-bottom: 15px;
  line-height: 1.3em; }

@media only screen and (min-width: 1200px) {
  .nppe-module-product-profile-admin-home h1 {
    width: 60% !important; } }

@media only screen and (min-width: 768px) {
  .nppe-module-product-profile-admin-home h1 {
    width: 82%;
    text-align: center; } }

.wide-banners.push-text-far-right .banner__container--text h2 {
  font-size: 32px;
  line-height: 1.3em;
  text-transform: uppercase;
  width: 100%;
  max-width: 100%;
  text-align: left;
  display: block;
  margin-top: 0;
  margin-left: 0;
  word-spacing: 0.06em; }

@media (min-width: 992px) {
  .wide-banners.push-text-far-right .banner__container--text h2 {
    color: #000 !important;
    margin-bottom: -25px; } }

@media (max-width: 767px) {
  html {
    overflow-x: hidden; }
  .nppe-module-product-profile-admin-home h1 {
    line-height: 1.4em !important;
    font-size: 20px !important;
    text-align: center;
    margin: 0 !important;
    width: 90%; } }

.product-detail__container .details-title span {
  width: 100%; }

.breakout, .store-locator {
  position: relative;
  display: table;
  width: 100vw;
  left: 50%; }
  @media screen and (max-width: 767px) {
    .breakout, .store-locator {
      left: 0; } }
  .breakout > *, .store-locator > * {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    left: -50%; }
    @media screen and (max-width: 767px) {
      .breakout > *, .store-locator > * {
        left: 0; } }

.ghost-button, .black-ghost-button, .btn.buynow, .store-locator #views-exposed-form-nppe-store-locator-page-1 .form-actions input.form-submit, .white-ghost-button, .banner__container--text-container .button,
a.button, ul.pager li > a, .btn, .paragraph-user-profile-pet-entity-edit-form .form-actions input,
.user-form .form-actions input,
.user-pass .form-actions input,
.user-register-form .form-actions input,
.user-login-form .form-actions input, .store-locator .item-list ul .views-field a {
  border-radius: 30px;
  background: transparent;
  color: #000;
  border: 1px solid #000;
  padding: 10px 30px;
  text-transform: uppercase;
  margin: 20px 0 0; }
  .ghost-button:hover, .black-ghost-button:hover, .store-locator #views-exposed-form-nppe-store-locator-page-1 .form-actions input.form-submit:hover, .white-ghost-button:hover, .banner__container--text-container .button:hover,
  a.button:hover, ul.pager li > a:hover, .btn:hover, .paragraph-user-profile-pet-entity-edit-form .form-actions input:hover,
  .user-form .form-actions input:hover,
  .user-pass .form-actions input:hover,
  .user-register-form .form-actions input:hover,
  .user-login-form .form-actions input:hover, .store-locator .item-list ul .views-field a:hover {
    border-radius: 30px;
    color: #fff;
    border-color: #000;
    background-color: #000;
    padding: 10px 30px;
    text-decoration: none; }

.black-ghost-button, .btn.buynow, .paragraph-user-profile-pet-entity-edit-form .form-actions input.buynow,
.user-form .form-actions input.buynow,
.user-pass .form-actions input.buynow,
.user-register-form .form-actions input.buynow,
.user-login-form .form-actions input.buynow, .store-locator #views-exposed-form-nppe-store-locator-page-1 .form-actions input.form-submit {
  color: #fff;
  background-color: #000;
  border: 1px solid #000;
  padding: 10px 30px;
  text-transform: uppercase;
  text-decoration: none; }
  .black-ghost-button:hover, .btn.buynow:hover, .paragraph-user-profile-pet-entity-edit-form .form-actions input.buynow:hover,
  .user-form .form-actions input.buynow:hover,
  .user-pass .form-actions input.buynow:hover,
  .user-register-form .form-actions input.buynow:hover,
  .user-login-form .form-actions input.buynow:hover, .store-locator #views-exposed-form-nppe-store-locator-page-1 .form-actions input.form-submit:hover {
    border-radius: 30px;
    color: #000;
    border-color: #000;
    background-color: #fff;
    padding: 10px 30px;
    text-decoration: none; }

.white-ghost-button {
  color: #fff;
  background-color: transparent;
  border: 1px solid #fff;
  padding: 10px 30px;
  text-transform: uppercase;
  text-decoration: none; }
  .white-ghost-button:hover {
    border-radius: 30px;
    color: #fff;
    border-color: #000;
    background-color: #000;
    padding: 10px 30px;
    text-decoration: none; }

.container, .tabs-outer-wrapper #block-tabs ul, .store-locator #views-exposed-form-nppe-store-locator-page-1, .store-locator > .map-wrapper, .store-locator > .views-element-container > .store-locator > .map-wrapper {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }

.container:before, .tabs-outer-wrapper #block-tabs ul:before, .store-locator #views-exposed-form-nppe-store-locator-page-1:before, .store-locator > .map-wrapper:before, .store-locator > .views-element-container > .store-locator > .map-wrapper:before, .container:after, .tabs-outer-wrapper #block-tabs ul:after, .store-locator #views-exposed-form-nppe-store-locator-page-1:after, .store-locator > .map-wrapper:after, .store-locator > .views-element-container > .store-locator > .map-wrapper:after {
  content: " ";
  display: table; }

.container:after, .tabs-outer-wrapper #block-tabs ul:after, .store-locator #views-exposed-form-nppe-store-locator-page-1:after, .store-locator > .map-wrapper:after, .store-locator > .views-element-container > .store-locator > .map-wrapper:after {
  clear: both; }

@media (min-width: 768px) {
  .container, .tabs-outer-wrapper #block-tabs ul, .store-locator #views-exposed-form-nppe-store-locator-page-1, .store-locator > .map-wrapper, .store-locator > .views-element-container > .store-locator > .map-wrapper {
    width: 750px; } }

@media (min-width: 992px) {
  .container, .tabs-outer-wrapper #block-tabs ul, .store-locator #views-exposed-form-nppe-store-locator-page-1, .store-locator > .map-wrapper, .store-locator > .views-element-container > .store-locator > .map-wrapper {
    width: 970px; } }

@media (min-width: 1200px) {
  .container, .tabs-outer-wrapper #block-tabs ul, .store-locator #views-exposed-form-nppe-store-locator-page-1, .store-locator > .map-wrapper, .store-locator > .views-element-container > .store-locator > .map-wrapper {
    width: 1170px; } }

.kss-swatch {
  display: inline-block;
  position: relative;
  margin-bottom: 5px;
  width: 145px;
  height: 140px;
  text-align: center;
  font-size: 1.4rem;
  color: #FFF;
  padding-top: 90px; }
  .kss-swatch.kss-swatch-light {
    border: 1px solid #F6F6F6;
    color: #000; }

.tabs-outer-wrapper {
  background-color: #fff;
  margin-top: -30px; }
  .tabs-outer-wrapper .tabs-inner-wrapper {
    background-color: #fff; }
  .tabs-outer-wrapper .banner__container {
    margin-bottom: 0px; }
  .tabs-outer-wrapper h2,
  .tabs-outer-wrapper a, .tabs-outer-wrapper a:hover {
    color: #000;
    text-decoration: none; }
  .tabs-outer-wrapper a.is-active {
    background: #EBEBEB;
    padding: 15px 70px 15px; }
  .tabs-outer-wrapper li {
    display: inline-block;
    padding: 30px 25px 10px; }

.path-user #page {
  background-color: #EBEBEB; }
  .path-user #page .user-pass,
  .path-user #page .user-register-form,
  .path-user #page .user-login-form {
    background-color: #fff; }

.path-user.user-logged-in #page {
  background-color: #fff; }

#block-hellos {
  background-color: #fff;
  min-width: 280px;
  display: block;
  clear: both;
  width: 65vw;
  margin: 0px auto 100px;
  padding: 0 80px 50px;
  position: relative; }

.paragraph-user-profile-pet-entity-edit-form .field--name-field-nppe-profile-image,
.user-form .field--name-field-nppe-profile-image {
  padding-left: 15%; }
  @media screen and (max-width: 991px) {
    .paragraph-user-profile-pet-entity-edit-form .field--name-field-nppe-profile-image,
    .user-form .field--name-field-nppe-profile-image {
      padding-bottom: 30px;
      margin-bottom: 30px;
      border-bottom: 1px solid #f6f6f6; } }
  @media screen and (max-width: 991px) {
    .paragraph-user-profile-pet-entity-edit-form .field--name-field-nppe-profile-image .views-field-field-nppe-profile-image,
    .user-form .field--name-field-nppe-profile-image .views-field-field-nppe-profile-image {
      width: 150px;
      height: 150px;
      line-height: 150px; }
      .paragraph-user-profile-pet-entity-edit-form .field--name-field-nppe-profile-image .views-field-field-nppe-profile-image img,
      .user-form .field--name-field-nppe-profile-image .views-field-field-nppe-profile-image img {
        width: 150px; } }
  @media screen and (max-width: 767px) {
    .paragraph-user-profile-pet-entity-edit-form .field--name-field-nppe-profile-image .views-field-field-nppe-profile-image,
    .user-form .field--name-field-nppe-profile-image .views-field-field-nppe-profile-image {
      width: 150px;
      height: 150px;
      line-height: 150px; }
      .paragraph-user-profile-pet-entity-edit-form .field--name-field-nppe-profile-image .views-field-field-nppe-profile-image img,
      .user-form .field--name-field-nppe-profile-image .views-field-field-nppe-profile-image img {
        width: 150px; } }

.paragraph-user-profile-pet-entity-edit-form #edit-field-nppe-profile-image-current thead,
.user-form #edit-field-nppe-profile-image-current thead {
  display: none; }

.paragraph-user-profile-pet-entity-edit-form .field--name-field-nppe-profile-image,
.user-form .field--name-field-nppe-profile-image {
  width: 40%;
  padding-left: 0px;
  vertical-align: top;
  display: inline-block; }
  @media screen and (max-width: 767px) {
    .paragraph-user-profile-pet-entity-edit-form .field--name-field-nppe-profile-image,
    .user-form .field--name-field-nppe-profile-image {
      width: 100%; } }
  .paragraph-user-profile-pet-entity-edit-form .field--name-field-nppe-profile-image .tabledrag-toggle-weight-wrapper,
  .user-form .field--name-field-nppe-profile-image .tabledrag-toggle-weight-wrapper {
    display: none; }

.paragraph-user-profile-pet-entity-edit-form #edit-account,
.user-form #edit-account {
  width: 55%;
  vertical-align: top;
  display: inline-block; }
  @media screen and (max-width: 767px) {
    .paragraph-user-profile-pet-entity-edit-form #edit-account,
    .user-form #edit-account {
      width: 100%; } }
  .paragraph-user-profile-pet-entity-edit-form #edit-account .description,
  .user-form #edit-account .description {
    display: none; }
  .paragraph-user-profile-pet-entity-edit-form #edit-account label,
  .user-form #edit-account label {
    display: block;
    font-weight: lighter;
    font-style: italic;
    color: #8c8d8d; }
  .paragraph-user-profile-pet-entity-edit-form #edit-account input,
  .user-form #edit-account input {
    width: 50%;
    min-width: 250px;
    max-width: 100%;
    display: block;
    border: 0;
    border-bottom: 1px solid #ebebec;
    padding: 12px 25px; }

.paragraph-user-profile-pet-entity-edit-form,
.user-form,
.user-pass,
.user-register-form,
.user-login-form {
  text-align: left;
  margin: 70px auto 0;
  padding: 60px 80px 60px;
  position: relative;
  width: 50vw;
  min-width: 280px; }
  @media screen and (max-width: 991px) {
    .paragraph-user-profile-pet-entity-edit-form,
    .user-form,
    .user-pass,
    .user-register-form,
    .user-login-form {
      margin: 30px auto 0; } }
  .paragraph-user-profile-pet-entity-edit-form .form-item,
  .user-form .form-item,
  .user-pass .form-item,
  .user-register-form .form-item,
  .user-login-form .form-item {
    padding: 0 0 30px; }
    .paragraph-user-profile-pet-entity-edit-form .form-item .description,
    .user-form .form-item .description,
    .user-pass .form-item .description,
    .user-register-form .form-item .description,
    .user-login-form .form-item .description {
      display: none; }
    .paragraph-user-profile-pet-entity-edit-form .form-item label,
    .user-form .form-item label,
    .user-pass .form-item label,
    .user-register-form .form-item label,
    .user-login-form .form-item label {
      display: block;
      font-weight: lighter;
      font-style: italic;
      color: #8c8d8d; }
    .paragraph-user-profile-pet-entity-edit-form .form-item input,
    .user-form .form-item input,
    .user-pass .form-item input,
    .user-register-form .form-item input,
    .user-login-form .form-item input {
      width: 50%;
      min-width: 250px;
      max-width: 100%;
      display: block;
      border: 0;
      border-bottom: 1px solid #ebebec;
      padding: 12px 25px; }
  .paragraph-user-profile-pet-entity-edit-form .form-actions,
  .user-form .form-actions,
  .user-pass .form-actions,
  .user-register-form .form-actions,
  .user-login-form .form-actions {
    text-align: center;
    margin: 50px 0 50px; }
    .paragraph-user-profile-pet-entity-edit-form .form-actions input,
    .user-form .form-actions input,
    .user-pass .form-actions input,
    .user-register-form .form-actions input,
    .user-login-form .form-actions input {
      background: #000;
      color: #fff;
      padding: 10px 70px;
      margin: 40px 0 0; }
      .paragraph-user-profile-pet-entity-edit-form .form-actions input:hover,
      .user-form .form-actions input:hover,
      .user-pass .form-actions input:hover,
      .user-register-form .form-actions input:hover,
      .user-login-form .form-actions input:hover {
        background: #fff;
        color: #000;
        padding: 10px 70px; }

.user-register-form {
  margin: 50px auto 0; }

.paragraph-user-profile-pet-entity-edit-form,
.user-form,
.user-register-form {
  width: 65vw; }
  .paragraph-user-profile-pet-entity-edit-form div.password-confirm,
  .paragraph-user-profile-pet-entity-edit-form .password-strength,
  .user-form div.password-confirm,
  .user-form .password-strength,
  .user-register-form div.password-confirm,
  .user-register-form .password-strength {
    width: 50%;
    min-width: 250px;
    max-width: 100%;
    font-size: 9px;
    text-transform: uppercase; }
  .paragraph-user-profile-pet-entity-edit-form .password-strength__meter,
  .user-form .password-strength__meter,
  .user-register-form .password-strength__meter {
    height: 4px;
    margin-top: 4px;
    background-color: #EBEBEB; }
  .paragraph-user-profile-pet-entity-edit-form .password-suggestions,
  .paragraph-user-profile-pet-entity-edit-form #password-policy-status,
  .user-form .password-suggestions,
  .user-form #password-policy-status,
  .user-register-form .password-suggestions,
  .user-register-form #password-policy-status {
    font-size: 9px; }
    .paragraph-user-profile-pet-entity-edit-form .password-suggestions li,
    .paragraph-user-profile-pet-entity-edit-form #password-policy-status li,
    .user-form .password-suggestions li,
    .user-form #password-policy-status li,
    .user-register-form .password-suggestions li,
    .user-register-form #password-policy-status li {
      margin-left: 10px; }
    .paragraph-user-profile-pet-entity-edit-form .password-suggestions table,
    .paragraph-user-profile-pet-entity-edit-form #password-policy-status table,
    .user-form .password-suggestions table,
    .user-form #password-policy-status table,
    .user-register-form .password-suggestions table,
    .user-register-form #password-policy-status table {
      width: 50%;
      min-width: 250px; }
      .paragraph-user-profile-pet-entity-edit-form .password-suggestions table tr td, .paragraph-user-profile-pet-entity-edit-form .password-suggestions table tr th,
      .paragraph-user-profile-pet-entity-edit-form #password-policy-status table tr td,
      .paragraph-user-profile-pet-entity-edit-form #password-policy-status table tr th,
      .user-form .password-suggestions table tr td,
      .user-form .password-suggestions table tr th,
      .user-form #password-policy-status table tr td,
      .user-form #password-policy-status table tr th,
      .user-register-form .password-suggestions table tr td,
      .user-register-form .password-suggestions table tr th,
      .user-register-form #password-policy-status table tr td,
      .user-register-form #password-policy-status table tr th {
        vertical-align: top; }
        .paragraph-user-profile-pet-entity-edit-form .password-suggestions table tr td:nth-child(1), .paragraph-user-profile-pet-entity-edit-form .password-suggestions table tr th:nth-child(1),
        .paragraph-user-profile-pet-entity-edit-form #password-policy-status table tr td:nth-child(1),
        .paragraph-user-profile-pet-entity-edit-form #password-policy-status table tr th:nth-child(1),
        .user-form .password-suggestions table tr td:nth-child(1),
        .user-form .password-suggestions table tr th:nth-child(1),
        .user-form #password-policy-status table tr td:nth-child(1),
        .user-form #password-policy-status table tr th:nth-child(1),
        .user-register-form .password-suggestions table tr td:nth-child(1),
        .user-register-form .password-suggestions table tr th:nth-child(1),
        .user-register-form #password-policy-status table tr td:nth-child(1),
        .user-register-form #password-policy-status table tr th:nth-child(1) {
          width: 10%;
          padding: 0 0 0; }
        .paragraph-user-profile-pet-entity-edit-form .password-suggestions table tr td:nth-child(2), .paragraph-user-profile-pet-entity-edit-form .password-suggestions table tr th:nth-child(2),
        .paragraph-user-profile-pet-entity-edit-form #password-policy-status table tr td:nth-child(2),
        .paragraph-user-profile-pet-entity-edit-form #password-policy-status table tr th:nth-child(2),
        .user-form .password-suggestions table tr td:nth-child(2),
        .user-form .password-suggestions table tr th:nth-child(2),
        .user-form #password-policy-status table tr td:nth-child(2),
        .user-form #password-policy-status table tr th:nth-child(2),
        .user-register-form .password-suggestions table tr td:nth-child(2),
        .user-register-form .password-suggestions table tr th:nth-child(2),
        .user-register-form #password-policy-status table tr td:nth-child(2),
        .user-register-form #password-policy-status table tr th:nth-child(2) {
          width: 52%;
          padding: 0 4%; }
        .paragraph-user-profile-pet-entity-edit-form .password-suggestions table tr td:nth-child(3), .paragraph-user-profile-pet-entity-edit-form .password-suggestions table tr th:nth-child(3),
        .paragraph-user-profile-pet-entity-edit-form #password-policy-status table tr td:nth-child(3),
        .paragraph-user-profile-pet-entity-edit-form #password-policy-status table tr th:nth-child(3),
        .user-form .password-suggestions table tr td:nth-child(3),
        .user-form .password-suggestions table tr th:nth-child(3),
        .user-form #password-policy-status table tr td:nth-child(3),
        .user-form #password-policy-status table tr th:nth-child(3),
        .user-register-form .password-suggestions table tr td:nth-child(3),
        .user-register-form .password-suggestions table tr th:nth-child(3),
        .user-register-form #password-policy-status table tr td:nth-child(3),
        .user-register-form #password-policy-status table tr th:nth-child(3) {
          width: 30%;
          padding: 0 0; }

.paragraph-user-profile-pet-entity-edit-form,
.user-form {
  width: 100%;
  padding: 0 0 0; }
  .paragraph-user-profile-pet-entity-edit-form .password-suggestions table,
  .paragraph-user-profile-pet-entity-edit-form #password-policy-status table,
  .user-form .password-suggestions table,
  .user-form #password-policy-status table {
    font-size: 11px;
    width: 70%; }
  .paragraph-user-profile-pet-entity-edit-form #field-nppe-pet-profile-values,
  .user-form #field-nppe-pet-profile-values {
    width: 100%; }
    .paragraph-user-profile-pet-entity-edit-form #field-nppe-pet-profile-values .field-multiple-drag,
    .user-form #field-nppe-pet-profile-values .field-multiple-drag {
      display: none; }

@media screen and (max-width: 991px) {
  .user-pass,
  .user-register-form,
  .user-login-form {
    text-align: left;
    margin: 30px auto 30px;
    padding: 30px 5% 30px; }
    .user-pass .form-actions input,
    .user-register-form .form-actions input,
    .user-login-form .form-actions input {
      padding: 7px 30px; }
  .password-suggestions table tr td:nth-child(1), .password-suggestions table tr th:nth-child(1),
  #password-policy-status table tr td:nth-child(1),
  #password-policy-status table tr th:nth-child(1) {
    width: 15%;
    padding: 0 0 0; }
  .password-suggestions table tr td:nth-child(2), .password-suggestions table tr th:nth-child(2),
  #password-policy-status table tr td:nth-child(2),
  #password-policy-status table tr th:nth-child(2) {
    width: 47%;
    padding: 0 4%; }
  .password-suggestions table tr td:nth-child(3), .password-suggestions table tr th:nth-child(3),
  #password-policy-status table tr td:nth-child(3),
  #password-policy-status table tr th:nth-child(3) {
    width: 30%;
    padding: 0 0; } }

.add-pet-styling, .user-profile--my-details .user-profile-pet-outer-wrapper .user-profile-pet-row-inner-wrapper.empty-row .add-pet,
.user-profile--my-details .user-profile-pet-outer-wrapper .views-row.empty-row .add-pet,
.user-profile--my-details .user-profile--my-pets .user-profile-pet-row-inner-wrapper.empty-row .add-pet,
.user-profile--my-details .user-profile--my-pets .views-row.empty-row .add-pet, .user-profile--my-details .user-profile-pet-outer-wrapper .views-field-field-nppe-upload-a-photo-of-you .field-content .no-photo-wrapper .add-pet,
.user-profile--my-details .user-profile--my-pets .views-field-field-nppe-upload-a-photo-of-you .field-content .no-photo-wrapper .add-pet, .user-profile-pet-outer-wrapper .user-profile-pet-row-inner-wrapper.empty-row .add-pet,
.user-profile-pet-outer-wrapper .views-row.empty-row .add-pet,
.user-profile--my-pets .user-profile-pet-row-inner-wrapper.empty-row .add-pet,
.user-profile--my-pets .views-row.empty-row .add-pet {
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center; }
  .add-pet-styling:hover, .user-profile--my-details .user-profile-pet-outer-wrapper .views-field-field-nppe-upload-a-photo-of-you .field-content .no-photo-wrapper .add-pet:hover,
  .user-profile--my-details .user-profile--my-pets .views-field-field-nppe-upload-a-photo-of-you .field-content .no-photo-wrapper .add-pet:hover, .user-profile-pet-outer-wrapper .user-profile-pet-row-inner-wrapper.empty-row .add-pet:hover,
  .user-profile-pet-outer-wrapper .views-row.empty-row .add-pet:hover,
  .user-profile--my-pets .user-profile-pet-row-inner-wrapper.empty-row .add-pet:hover,
  .user-profile--my-pets .views-row.empty-row .add-pet:hover {
    text-decoration: none;
    text-align: center; }
  .add-pet-styling:before, .user-profile--my-details .user-profile-pet-outer-wrapper .user-profile-pet-row-inner-wrapper.empty-row .add-pet:before,
  .user-profile--my-details .user-profile-pet-outer-wrapper .views-row.empty-row .add-pet:before,
  .user-profile--my-details .user-profile--my-pets .user-profile-pet-row-inner-wrapper.empty-row .add-pet:before,
  .user-profile--my-details .user-profile--my-pets .views-row.empty-row .add-pet:before, .user-profile--my-details .user-profile-pet-outer-wrapper .views-field-field-nppe-upload-a-photo-of-you .field-content .no-photo-wrapper .add-pet:before,
  .user-profile--my-details .user-profile--my-pets .views-field-field-nppe-upload-a-photo-of-you .field-content .no-photo-wrapper .add-pet:before, .user-profile-pet-outer-wrapper .user-profile-pet-row-inner-wrapper.empty-row .add-pet:before,
  .user-profile-pet-outer-wrapper .views-row.empty-row .add-pet:before,
  .user-profile--my-pets .user-profile-pet-row-inner-wrapper.empty-row .add-pet:before,
  .user-profile--my-pets .views-row.empty-row .add-pet:before {
    content: "";
    height: 35px;
    width: 35px;
    display: block;
    margin: 0 auto;
    text-align: center;
    background-image: url(../assets/icon-plus.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center; }

.js-form-type-checkbox label {
  padding-left: 40px; }

.js-form-type-radio input {
  display: none; }

.js-form-type-radio label {
  display: inline-block;
  line-height: 30px;
  padding-left: 40px; }
  .js-form-type-radio label:before {
    vertical-align: middle;
    content: "";
    display: inline-block;
    background: #fff;
    border-radius: 100%;
    overflow: hidden;
    border: 1px solid #ebebec;
    box-shadow: 0 0 0 transparent;
    padding: 0;
    margin: 0 10px 0 -40px;
    position: relative;
    width: 30px;
    height: 30px; }
  .js-form-type-radio label:hover:before {
    content: "";
    background-color: #000;
    border: 1px solid #000;
    box-shadow: inset 0 0 0 2px #fff; }

.js-form-type-radio input:checked ~ label:before {
  content: "";
  background-color: #000;
  border: 1px solid #000;
  box-shadow: inset 0 0 0 2px #fff; }

.dashed-circle-with-plus-icon, .paragraph-user-profile-pet-entity-edit-form .field--name-field-nppe-profile-image .views-field-field-nppe-profile-image,
.user-form .field--name-field-nppe-profile-image .views-field-field-nppe-profile-image, .user-profile--my-details .user-profile--my-profile-picture .views-field-field-nppe-profile-image, .user-profile--my-details .user-profile-pet-outer-wrapper .user-profile-pet-row-inner-wrapper.empty-row,
.user-profile--my-details .user-profile-pet-outer-wrapper .views-row.empty-row,
.user-profile--my-details .user-profile--my-pets .user-profile-pet-row-inner-wrapper.empty-row,
.user-profile--my-details .user-profile--my-pets .views-row.empty-row, .user-profile-pet-outer-wrapper .user-profile-pet-row-inner-wrapper.empty-row,
.user-profile-pet-outer-wrapper .views-row.empty-row,
.user-profile--my-pets .user-profile-pet-row-inner-wrapper.empty-row,
.user-profile--my-pets .views-row.empty-row {
  width: 200px;
  height: 200px;
  border-radius: 100%;
  overflow: hidden;
  text-align: center;
  line-height: 200px;
  padding-top: 0; }
  .dashed-circle-with-plus-icon .no-photo, .paragraph-user-profile-pet-entity-edit-form .field--name-field-nppe-profile-image .views-field-field-nppe-profile-image .no-photo, .user-form .field--name-field-nppe-profile-image .views-field-field-nppe-profile-image .no-photo, .user-profile--my-details .user-profile--my-profile-picture .views-field-field-nppe-profile-image .no-photo, .user-profile-pet-outer-wrapper .user-profile-pet-row-inner-wrapper.empty-row .no-photo, .user-profile-pet-outer-wrapper .views-row.empty-row .no-photo, .user-profile--my-pets .user-profile-pet-row-inner-wrapper.empty-row .no-photo, .user-profile--my-pets .views-row.empty-row .no-photo {
    border: 2px dashed #8c8d8d;
    width: 200px;
    height: 200px;
    border-radius: 100%;
    overflow: hidden;
    text-align: center;
    line-height: 40px;
    padding-top: 60px;
    display: block; }
  .dashed-circle-with-plus-icon a, .paragraph-user-profile-pet-entity-edit-form .field--name-field-nppe-profile-image .views-field-field-nppe-profile-image a, .user-form .field--name-field-nppe-profile-image .views-field-field-nppe-profile-image a, .user-profile--my-details .user-profile--my-profile-picture .views-field-field-nppe-profile-image a, .user-profile--my-details .user-profile-pet-outer-wrapper .user-profile-pet-row-inner-wrapper.empty-row a, .user-profile--my-details .user-profile-pet-outer-wrapper .views-row.empty-row a, .user-profile--my-details .user-profile--my-pets .user-profile-pet-row-inner-wrapper.empty-row a, .user-profile--my-details .user-profile--my-pets .views-row.empty-row a, .user-profile-pet-outer-wrapper .user-profile-pet-row-inner-wrapper.empty-row a, .user-profile-pet-outer-wrapper .views-row.empty-row a, .user-profile--my-pets .user-profile-pet-row-inner-wrapper.empty-row a, .user-profile--my-pets .views-row.empty-row a {
    color: #000;
    text-transform: uppercase;
    text-decoration: none; }
    .dashed-circle-with-plus-icon a:hover, .paragraph-user-profile-pet-entity-edit-form .field--name-field-nppe-profile-image .views-field-field-nppe-profile-image a:hover, .user-form .field--name-field-nppe-profile-image .views-field-field-nppe-profile-image a:hover, .user-profile--my-details .user-profile--my-profile-picture .views-field-field-nppe-profile-image a:hover, .user-profile-pet-outer-wrapper .user-profile-pet-row-inner-wrapper.empty-row a:hover, .user-profile-pet-outer-wrapper .views-row.empty-row a:hover, .user-profile--my-pets .user-profile-pet-row-inner-wrapper.empty-row a:hover, .user-profile--my-pets .views-row.empty-row a:hover {
      text-decoration: none; }
    .dashed-circle-with-plus-icon a:before, .paragraph-user-profile-pet-entity-edit-form .field--name-field-nppe-profile-image .views-field-field-nppe-profile-image a:before, .user-form .field--name-field-nppe-profile-image .views-field-field-nppe-profile-image a:before, .user-profile--my-details .user-profile--my-profile-picture .views-field-field-nppe-profile-image a:before, .user-profile--my-details .user-profile-pet-outer-wrapper .user-profile-pet-row-inner-wrapper.empty-row a:before, .user-profile--my-details .user-profile-pet-outer-wrapper .views-row.empty-row a:before, .user-profile--my-details .user-profile--my-pets .user-profile-pet-row-inner-wrapper.empty-row a:before, .user-profile--my-details .user-profile--my-pets .views-row.empty-row a:before, .user-profile-pet-outer-wrapper .user-profile-pet-row-inner-wrapper.empty-row a:before, .user-profile-pet-outer-wrapper .views-row.empty-row a:before, .user-profile--my-pets .user-profile-pet-row-inner-wrapper.empty-row a:before, .user-profile--my-pets .views-row.empty-row a:before {
      content: "";
      height: 35px;
      width: 35px;
      display: block;
      margin: 0 auto;
      background-image: url(../assets/icon-plus.png);
      background-repeat: no-repeat;
      background-size: auto 100%;
      background-position: center center; }
  .dashed-circle-with-plus-icon img, .paragraph-user-profile-pet-entity-edit-form .field--name-field-nppe-profile-image .views-field-field-nppe-profile-image img, .user-form .field--name-field-nppe-profile-image .views-field-field-nppe-profile-image img, .user-profile--my-details .user-profile--my-profile-picture .views-field-field-nppe-profile-image img, .user-profile--my-details .user-profile-pet-outer-wrapper .user-profile-pet-row-inner-wrapper.empty-row img, .user-profile--my-details .user-profile-pet-outer-wrapper .views-row.empty-row img, .user-profile--my-details .user-profile--my-pets .user-profile-pet-row-inner-wrapper.empty-row img, .user-profile--my-details .user-profile--my-pets .views-row.empty-row img, .user-profile-pet-outer-wrapper .user-profile-pet-row-inner-wrapper.empty-row img, .user-profile-pet-outer-wrapper .views-row.empty-row img, .user-profile--my-pets .user-profile-pet-row-inner-wrapper.empty-row img, .user-profile--my-pets .views-row.empty-row img {
    margin-top: -73px;
    width: 200px;
    height: auto; }
    .dashed-circle-with-plus-icon img:after, .paragraph-user-profile-pet-entity-edit-form .field--name-field-nppe-profile-image .views-field-field-nppe-profile-image img:after, .user-form .field--name-field-nppe-profile-image .views-field-field-nppe-profile-image img:after, .user-profile--my-details .user-profile--my-profile-picture .views-field-field-nppe-profile-image img:after, .user-profile--my-details .user-profile-pet-outer-wrapper .user-profile-pet-row-inner-wrapper.empty-row img:after, .user-profile--my-details .user-profile-pet-outer-wrapper .views-row.empty-row img:after, .user-profile--my-details .user-profile--my-pets .user-profile-pet-row-inner-wrapper.empty-row img:after, .user-profile--my-details .user-profile--my-pets .views-row.empty-row img:after, .user-profile-pet-outer-wrapper .user-profile-pet-row-inner-wrapper.empty-row img:after, .user-profile-pet-outer-wrapper .views-row.empty-row img:after, .user-profile--my-pets .user-profile-pet-row-inner-wrapper.empty-row img:after, .user-profile--my-pets .views-row.empty-row img:after {
      content: "";
      border: 2px solid #fff;
      height: 200px;
      width: 200px;
      display: block;
      margin: 0 auto; }

.nppe-module-product-profile-admin-quiz h2 {
  text-align: left; }

.user-profile--my-details header {
  background-color: transparent;
  color: #000; }
  .user-profile--my-details header h2 {
    margin-top: 0;
    font-size: 20px;
    padding-left: 0;
    text-align: left;
    height: 40px;
    line-height: 40px; }

.user-profile--my-details .user-profile--my-profile-picture {
  padding-left: 15%; }
  @media screen and (max-width: 991px) {
    .user-profile--my-details .user-profile--my-profile-picture {
      padding-bottom: 30px;
      margin-bottom: 30px;
      border-bottom: 1px solid #f6f6f6; } }
  @media screen and (max-width: 991px) {
    .user-profile--my-details .user-profile--my-profile-picture .views-field-field-nppe-profile-image {
      width: 150px;
      height: 150px;
      line-height: 150px; }
      .user-profile--my-details .user-profile--my-profile-picture .views-field-field-nppe-profile-image img {
        width: 150px; } }
  @media screen and (max-width: 767px) {
    .user-profile--my-details .user-profile--my-profile-picture .views-field-field-nppe-profile-image {
      width: 150px;
      height: 150px;
      line-height: 150px; }
      .user-profile--my-details .user-profile--my-profile-picture .views-field-field-nppe-profile-image img {
        width: 150px; } }

.user-profile--my-details.nppe-proplan-user-profile {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: row;
  flex-direction: row; }
  .user-profile--my-details.nppe-proplan-user-profile > .views-row {
    display: block;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 45%;
    margin-right: 5%; }
    .user-profile--my-details.nppe-proplan-user-profile > .views-row header {
      background-color: transparent;
      color: #000; }
      .user-profile--my-details.nppe-proplan-user-profile > .views-row header h2 {
        margin-top: 0;
        padding-left: 50px;
        background-image: url(../assets/icon-user.png);
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position: left center; }
    .user-profile--my-details.nppe-proplan-user-profile > .views-row .views-field-mail,
    .user-profile--my-details.nppe-proplan-user-profile > .views-row .views-field-name {
      width: 100%;
      display: block;
      position: relative;
      height: 80px; }
      .user-profile--my-details.nppe-proplan-user-profile > .views-row .views-field-mail .field-content,
      .user-profile--my-details.nppe-proplan-user-profile > .views-row .views-field-name .field-content {
        border-bottom: 1px solid #ebebec; }
      .user-profile--my-details.nppe-proplan-user-profile > .views-row .views-field-mail .views-label,
      .user-profile--my-details.nppe-proplan-user-profile > .views-row .views-field-name .views-label {
        display: block;
        text-transform: uppercase;
        font-size: 1em;
        font-weight: 400;
        margin: 15px 0 5px; }
      .user-profile--my-details.nppe-proplan-user-profile > .views-row .views-field-mail a,
      .user-profile--my-details.nppe-proplan-user-profile > .views-row .views-field-name a {
        color: #000;
        font-size: 1em;
        text-decoration: none; }
        .user-profile--my-details.nppe-proplan-user-profile > .views-row .views-field-mail a:hover,
        .user-profile--my-details.nppe-proplan-user-profile > .views-row .views-field-name a:hover {
          text-decoration: none; }
      .user-profile--my-details.nppe-proplan-user-profile > .views-row .views-field-mail .edit-link a,
      .user-profile--my-details.nppe-proplan-user-profile > .views-row .views-field-name .edit-link a {
        position: absolute;
        right: 0;
        height: 32px;
        width: 32px;
        background-image: url(../assets/user-edit.png);
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position: left center;
        font-size: 0;
        margin-top: -25px; }
    .user-profile--my-details.nppe-proplan-user-profile > .views-row .views-field-nothing {
      width: 100%;
      display: block;
      position: relative;
      height: 80px; }
      .user-profile--my-details.nppe-proplan-user-profile > .views-row .views-field-nothing .views-label {
        display: block;
        text-transform: uppercase;
        font-size: 1em;
        font-weight: 400;
        margin: 15px 0 5px; }
      .user-profile--my-details.nppe-proplan-user-profile > .views-row .views-field-nothing .edit-link a {
        position: absolute;
        right: 0;
        height: 32px;
        width: 32px;
        background-image: url(../assets/user-edit.png);
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position: left center;
        font-size: 0;
        margin-top: -25px; }
  .user-profile--my-details.nppe-proplan-user-profile > .views-element-container {
    display: block;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 50%; }
    @media screen and (max-width: 991px) {
      .user-profile--my-details.nppe-proplan-user-profile > .views-element-container {
        width: 100%; } }
    .user-profile--my-details.nppe-proplan-user-profile > .views-element-container:last-child {
      display: block; }

.user-profile--my-details .user-profile-pet-outer-wrapper,
.user-profile--my-details .user-profile--my-pets {
  vertical-align: top; }
  .user-profile--my-details .user-profile-pet-outer-wrapper .user-profile-pet-row-inner-wrapper,
  .user-profile--my-details .user-profile-pet-outer-wrapper .views-row,
  .user-profile--my-details .user-profile--my-pets .user-profile-pet-row-inner-wrapper,
  .user-profile--my-details .user-profile--my-pets .views-row {
    display: inline-block;
    vertical-align: top;
    margin: 0 3% 3%; }
    .user-profile--my-details .user-profile-pet-outer-wrapper .user-profile-pet-row-inner-wrapper.empty-row,
    .user-profile--my-details .user-profile-pet-outer-wrapper .views-row.empty-row,
    .user-profile--my-details .user-profile--my-pets .user-profile-pet-row-inner-wrapper.empty-row,
    .user-profile--my-details .user-profile--my-pets .views-row.empty-row {
      border: 2px dashed #8c8d8d;
      width: 200px;
      height: 200px;
      border-radius: 100%;
      overflow: hidden;
      text-align: center;
      line-height: 40px;
      padding-top: 60px;
      display: inline-block; }
  .user-profile--my-details .user-profile-pet-outer-wrapper .views-field-field-nppe-upload-a-photo-of-you,
  .user-profile--my-details .user-profile--my-pets .views-field-field-nppe-upload-a-photo-of-you {
    border-radius: 100%;
    width: 200px;
    height: 200px;
    text-align: center;
    overflow: hidden; }
    @media screen and (max-width: 991px) {
      .user-profile--my-details .user-profile-pet-outer-wrapper .views-field-field-nppe-upload-a-photo-of-you,
      .user-profile--my-details .user-profile--my-pets .views-field-field-nppe-upload-a-photo-of-you {
        width: 150px;
        height: 150px; }
        .user-profile--my-details .user-profile-pet-outer-wrapper .views-field-field-nppe-upload-a-photo-of-you img,
        .user-profile--my-details .user-profile--my-pets .views-field-field-nppe-upload-a-photo-of-you img {
          width: 150px; } }
    .user-profile--my-details .user-profile-pet-outer-wrapper .views-field-field-nppe-upload-a-photo-of-you .field-content .no-photo-wrapper,
    .user-profile--my-details .user-profile--my-pets .views-field-field-nppe-upload-a-photo-of-you .field-content .no-photo-wrapper {
      height: 200px;
      width: 200px;
      line-height: 40px;
      padding-top: 60px;
      text-align: center;
      display: block;
      border: 2px dashed #8c8d8d;
      border-radius: 100%; }
    .user-profile--my-details .user-profile-pet-outer-wrapper .views-field-field-nppe-upload-a-photo-of-you img,
    .user-profile--my-details .user-profile--my-pets .views-field-field-nppe-upload-a-photo-of-you img {
      margin-top: 0;
      width: 200px;
      height: auto; }
  .user-profile--my-details .user-profile-pet-outer-wrapper .views-field-field-nppe-pet-name,
  .user-profile--my-details .user-profile--my-pets .views-field-field-nppe-pet-name {
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 20px; }
  .user-profile--my-details .user-profile-pet-outer-wrapper .views-field-nothing,
  .user-profile--my-details .user-profile--my-pets .views-field-nothing {
    text-align: center;
    font-size: 90%; }

.user-profile-pet-outer-wrapper,
.user-profile--my-pets {
  vertical-align: top; }
  .user-profile-pet-outer-wrapper .user-profile-pet-row-inner-wrapper,
  .user-profile-pet-outer-wrapper .views-row,
  .user-profile--my-pets .user-profile-pet-row-inner-wrapper,
  .user-profile--my-pets .views-row {
    display: inline-block;
    vertical-align: top;
    margin: 0 3% 3%; }
    .user-profile-pet-outer-wrapper .user-profile-pet-row-inner-wrapper.empty-row,
    .user-profile-pet-outer-wrapper .views-row.empty-row,
    .user-profile--my-pets .user-profile-pet-row-inner-wrapper.empty-row,
    .user-profile--my-pets .views-row.empty-row {
      border: 2px dashed #8c8d8d;
      width: 200px;
      height: 200px;
      border-radius: 100%;
      overflow: hidden;
      text-align: center;
      line-height: 40px;
      margin-top: 20px;
      padding-top: 60px;
      display: inline-block; }

.paragraph--type--user-profile-pet {
  display: inline-block; }
  .paragraph--type--user-profile-pet .paragraph__column {
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 20px; }
    .paragraph--type--user-profile-pet .paragraph__column img {
      border-radius: 100%;
      width: 200px;
      height: 200px;
      text-align: center;
      overflow: hidden; }
      @media screen and (max-width: 991px) {
        .paragraph--type--user-profile-pet .paragraph__column img {
          width: 150px;
          height: 150px; } }

.user-profile-pet-outer-wrapper .user-profile-pet-title-wrapper {
  text-transform: uppercase;
  font-size: 20px; }

.user-profile-pet-outer-wrapper .user-profile-pet-row-inner-wrapper {
  display: inline-block;
  margin: 0 20px; }

.filter-custom-quiz-user {
  margin-top: -400px;
  z-index: 9999;
  background: #f6f6f6;
  width: 101vw;
  min-width: 101vw;
  max-width: 101vw;
  left: -6vw;
  right: 0vw;
  position: relative;
  padding: 0 0; }
  .filter-custom-quiz-user:before {
    background-color: #f6f6f6;
    background-image: url(../assets/up-curve.png);
    background-size: 100% 100%;
    content: "";
    z-index: 1;
    position: relative;
    top: 0px;
    left: 0;
    display: block;
    width: 100vw;
    height: 140px;
    background-repeat: no-repeat;
    background-position: bottom center; }
    @media screen and (max-width: 991px) {
      .filter-custom-quiz-user:before {
        background-size: 100% 100%;
        height: 60px; } }
    @media screen and (max-width: 767px) {
      .filter-custom-quiz-user:before {
        background-size: 100% auto;
        height: 60px; } }
  .filter-custom-quiz-user:after {
    background-color: #f6f6f6;
    transform: rotate(180deg);
    background-image: url(../assets/up-curve.png);
    background-size: 100% 100%;
    content: "";
    z-index: 1;
    position: absolute;
    bottom: 0px;
    left: 0;
    display: block;
    width: 100vw;
    height: 140px;
    background-repeat: no-repeat;
    background-position: bottom center; }
    @media screen and (max-width: 991px) {
      .filter-custom-quiz-user:after {
        background-size: 100% 100%;
        height: 60px; } }
    @media screen and (max-width: 767px) {
      .filter-custom-quiz-user:after {
        background-size: 100% auto;
        height: 60px; } }

.nppe_module_content_product_profile.filter-custom-quiz-user select {
  background: #fff;
  appearance: none;
  border: 0;
  border-radius: 5px;
  box-shadow: 1px 1px 2px #ebebec;
  width: 220px;
  padding: 7px 12px;
  background-position: 96% center;
  background-repeat: no-repeat;
  background-size: auto 14px;
  background-image: url(../assets/arrow-down-grey.png); }
  .nppe_module_content_product_profile.filter-custom-quiz-user select option {
    appearance: none;
    display: block;
    color: #fff;
    padding: 2px 10px 5px;
    border-bottom: 1px solid #ebebec; }

.nppe_module_content_product_profile.filter-custom-quiz-user fieldset {
  border: 0; }
  .nppe_module_content_product_profile.filter-custom-quiz-user fieldset > .row {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ebebec; }

.nppe_module_content_product_profile.filter-custom-quiz-user .filter-custom-quiz__heading {
  margin: 20px 0 20px;
  font-size: 24px;
  font-weight: 300; }

.nppe_module_content_product_profile.filter-custom-quiz-user .filter-custom-quiz__message {
  text-align: left;
  color: #000;
  background: #ebebec;
  border-radius: 8px;
  overflow: hidden;
  padding: 15px 10px 15px 40px;
  display: block;
  margin-bottom: 20px; }
  .nppe_module_content_product_profile.filter-custom-quiz-user .filter-custom-quiz__message:before {
    margin-right: 15px;
    margin-left: -15px;
    content: "i";
    text-align: center;
    font-weight: 400;
    font-size: 120%;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    width: 30px;
    border-radius: 100%;
    border: 1px solid #000;
    color: #000; }

.nppe_module_content_product_profile.filter-custom-quiz-user .filter-custom-quiz__message:empty {
  display: none; }

.nppe_module_content_product_profile.filter-custom-quiz-user .filter-custom-quiz__hidden,
.nppe_module_content_product_profile.filter-custom-quiz-user .filter-custom-quiz__hiiden {
  margin: 20px 0 10px; }

.nppe_module_content_product_profile.filter-custom-quiz-user #edit-chooseyourpet .form-item-chooseyourpet {
  display: inline-block;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #ebebec;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  padding: 10px 20px 50px;
  margin: 0 10px 0;
  position: relative;
  width: 220px; }
  .nppe_module_content_product_profile.filter-custom-quiz-user #edit-chooseyourpet .form-item-chooseyourpet.active, .nppe_module_content_product_profile.filter-custom-quiz-user #edit-chooseyourpet .form-item-chooseyourpet:hover {
    border: 1px solid #000; }
    .nppe_module_content_product_profile.filter-custom-quiz-user #edit-chooseyourpet .form-item-chooseyourpet.active:before, .nppe_module_content_product_profile.filter-custom-quiz-user #edit-chooseyourpet .form-item-chooseyourpet:hover:before {
      background-color: #000;
      border: 1px solid #000;
      box-shadow: inset 0 0 0 2px #fff; }
  .nppe_module_content_product_profile.filter-custom-quiz-user #edit-chooseyourpet .form-item-chooseyourpet input {
    display: block;
    top: 10px;
    left: 10px;
    background-color: #fff;
    border-radius: 100%;
    line-height: 28px;
    height: 28px;
    width: 28px;
    display: block;
    font-size: 0;
    border: 1px solid #000;
    box-shadow: inset 0 0 0 2px transparent;
    z-index: 2;
    appearance: none;
    -moz-appearance: none; }
    .nppe_module_content_product_profile.filter-custom-quiz-user #edit-chooseyourpet .form-item-chooseyourpet input:checked {
      border: 1px solid #000;
      background-color: #000;
      box-shadow: inset 0 0 0 2px #fff; }
  .nppe_module_content_product_profile.filter-custom-quiz-user #edit-chooseyourpet .form-item-chooseyourpet label {
    text-align: center;
    font-weight: normal;
    width: 100%; }
    .nppe_module_content_product_profile.filter-custom-quiz-user #edit-chooseyourpet .form-item-chooseyourpet label:before {
      content: "";
      background: transparent;
      border-radius: 0;
      box-shadow: none;
      border: 0;
      background-repeat: no-repeat;
      background-size: 100% auto;
      background-position: center center;
      height: 200px;
      width: 200px;
      margin: 0 -15px;
      background-image: url(../assets/cat.jpg); }
  .nppe_module_content_product_profile.filter-custom-quiz-user #edit-chooseyourpet .form-item-chooseyourpet:first-child label:before {
    background-image: url(../assets/dog.png); }

.nppe_module_content_product_profile.filter-custom-quiz-user .filter-custom-quiz__name input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #ebebec;
  padding: 10px 0; }

.nppe_module_content_product_profile.filter-custom-quiz-user .filter-custom-quiz__image {
  width: 100%;
  clear: both; }
  .nppe_module_content_product_profile.filter-custom-quiz-user .filter-custom-quiz__image .description {
    display: none; }

.user-profile--delete-account .views-field-nothing {
  margin: 30px 0 60px;
  padding-top: 30px;
  border-top: 1px solid #ebebec; }
  .user-profile--delete-account .views-field-nothing .field-content a {
    color: #000;
    text-transform: uppercase;
    text-decoration: none; }
    .user-profile--delete-account .views-field-nothing .field-content a:hover:after {
      text-decoration: none; }
    .user-profile--delete-account .views-field-nothing .field-content a:after {
      text-decoration: none;
      color: #000;
      display: inline;
      content: "\203A";
      width: 20px;
      height: auto;
      margin-left: 5px; }

.js-form-type-checkbox {
  display: block;
  position: relative;
  padding-left: 29px;
  margin-bottom: 5px;
  padding-top: 3px;
  cursor: pointer;
  font-size: 16px; }

.js-form-type-checkbox input {
  position: absolute;
  z-index: -1;
  opacity: 0; }

.js-form-type-checkbox label:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  height: 22px;
  width: 22px;
  background: #fff;
  border: 1px solid #000; }

.js-form-type-checkbox input:checked ~ label:before {
  background: #fff; }

.js-form-type-checkbox label:after {
  content: "";
  position: absolute;
  box-sizing: unset;
  content: '';
  position: absolute;
  display: none; }

.js-form-type-checkbox input:checked ~ label:after {
  content: "";
  position: absolute;
  display: block; }

.js-form-type-checkbox label:after {
  content: "";
  position: absolute;
  left: 8px;
  top: 6px;
  width: 4px;
  height: 10px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg); }

.user-account-subscriptions form > div[aria-label="Status message"] {
  color: #fff;
  background: rgba(60, 118, 61, 0.6);
  padding: 10px 20px;
  border-radius: 2px;
  margin-bottom: 20px; }

.user-account-subscriptions .js-form-type-checkbox {
  width: 43%;
  display: inline-block;
  vertical-align: top;
  margin-right: 5%; }
  @media screen and (max-width: 991px) {
    .user-account-subscriptions .js-form-type-checkbox {
      width: 50%; } }
  .user-account-subscriptions .js-form-type-checkbox label {
    font-size: 1.4rem;
    font-weight: normal;
    padding-left: 0;
    padding-top: 0;
    margin-top: -2px; }

.path-user .nppe-module-product-profile-admin-quiz .close-button {
  height: 28px;
  width: 28px;
  background: transparent;
  background-image: url(../assets/close-x-button.png);
  display: block;
  float: right;
  position: relative;
  top: 0px;
  right: 28px;
  cursor: pointer;
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 1; }

.path-user .user-pass #branding,
.path-user .user-login-form #branding,
.path-user .user-register-form #branding {
  display: none !important; }

.path-user .user-pass .social_login,
.path-user .user-login-form .social_login,
.path-user .user-register-form .social_login {
  text-align: center; }
  .path-user .user-pass .social_login label,
  .path-user .user-login-form .social_login label,
  .path-user .user-register-form .social_login label {
    text-align: center;
    padding-bottom: 26px; }
  .path-user .user-pass .social_login iframe,
  .path-user .user-login-form .social_login iframe,
  .path-user .user-register-form .social_login iframe {
    width: 136px !important;
    height: 90px !important; }

.path-user .user-pass .p-user-or,
.path-user .user-login-form .p-user-or,
.path-user .user-register-form .p-user-or {
  text-align: center;
  background-image: url(../assets/purina-footer-bg.png);
  background-repeat: repeat-x;
  background-size: 1.99px;
  background-position: center 16px;
  margin-top: 26px; }
  .path-user .user-pass .p-user-or .text,
  .path-user .user-login-form .p-user-or .text,
  .path-user .user-register-form .p-user-or .text {
    display: inline-block;
    background: #FFF;
    padding: 4px; }

.path-user .user-pass label.p-user-sign-up-email,
.path-user .user-login-form label.p-user-sign-up-email,
.path-user .user-register-form label.p-user-sign-up-email {
  text-align: center;
  width: 100%; }

.path-user .user-pass .p-user-signup-message,
.path-user .user-login-form .p-user-signup-message,
.path-user .user-register-form .p-user-signup-message {
  text-align: center;
  margin-bottom: 32px; }

.user_profile_my_pets_wrapper .paragraph__column {
  position: relative; }
  .user_profile_my_pets_wrapper .paragraph__column button {
    display: none; }
  .user_profile_my_pets_wrapper .paragraph__column .contextual-links {
    display: inline-block; }
    .user_profile_my_pets_wrapper .paragraph__column .contextual-links li {
      display: inline-block; }
      .user_profile_my_pets_wrapper .paragraph__column .contextual-links li.paragraphs-editclone-form {
        display: none; }
  .user_profile_my_pets_wrapper .paragraph__column .contextual {
    position: absolute;
    background-color: rgba(47, 47, 47, 0.4);
    top: 0 !important;
    left: 15px;
    z-index: 500;
    padding-bottom: 0 !important;
    border-radius: 100%;
    height: 200px;
    width: 200px;
    padding-top: 60px;
    right: unset;
    text-align: center;
    display: none; }
    .user_profile_my_pets_wrapper .paragraph__column .contextual .contextual-links {
      width: 100%;
      text-align: center;
      background-color: transparent;
      border: transparent; }
      .user_profile_my_pets_wrapper .paragraph__column .contextual .contextual-links li {
        margin: 0 8px;
        background-color: transparent; }
        .user_profile_my_pets_wrapper .paragraph__column .contextual .contextual-links li a {
          background-color: transparent;
          font-size: 0; }
          .user_profile_my_pets_wrapper .paragraph__column .contextual .contextual-links li a:hover {
            background-color: transparent; }
        .user_profile_my_pets_wrapper .paragraph__column .contextual .contextual-links li.paragraphs-editdelete-form a,
        .user_profile_my_pets_wrapper .paragraph__column .contextual .contextual-links li.paragraphs-editedit-form a {
          background-image: url(../assets/icon-pet-edit.png);
          background-repeat: no-repeat;
          background-position: center center;
          background-size: 100% auto;
          height: 40px;
          width: 40px; }
        .user_profile_my_pets_wrapper .paragraph__column .contextual .contextual-links li.paragraphs-editdelete-form a {
          background-image: url(../assets/icon-pet-delete.png); }
    .user_profile_my_pets_wrapper .paragraph__column .contextual:first-child {
      background: transparent;
      display: none; }
      .user_profile_my_pets_wrapper .paragraph__column .contextual:first-child:hover {
        display: none; }
      .user_profile_my_pets_wrapper .paragraph__column .contextual:first-child ul {
        display: none; }
    .user_profile_my_pets_wrapper .paragraph__column .contextual:only-child {
      background-color: rgba(47, 47, 47, 0.4); }
  .user_profile_my_pets_wrapper .paragraph__column:hover .contextual:only-child,
  .user_profile_my_pets_wrapper .paragraph__column:hover .contextual:nth-child(2) {
    display: block; }

.paragraph-user-profile-pet-entity-edit-form .webform-type-checkboxes .form-item {
  padding: 0 0 0px;
  display: inline-block;
  width: 32%;
  vertical-align: top; }

.paragraph-user-profile-pet-entity-edit-form fieldset {
  border: 0; }

.page-cancel-user-account .user-cancel-form {
  margin-top: 40px;
  margin-bottom: 40px; }

.page-cancel-user-account #block-views-block-nppe-proplan-user-profile-block-2 {
  display: none !important; }

.page-cancel-user-account #block-views-block-nppe-proplan-user-profile-block-4 {
  display: none !important; }

.page-cancel-user-account #block-views-block-nppe-proplan-user-profile-block-1 {
  display: none !important; }

nav.breadcrumb {
  margin-bottom: 0;
  height: 50px;
  z-index: 1;
  position: relative; }
  nav.breadcrumb ul.list {
    position: absolute;
    margin-top: 5px;
    width: 97%;
    border-radius: 0;
    padding: 20px 0 15px;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-weight: 400; }
    nav.breadcrumb ul.list .home_item {
      margin-left: 0; }
      nav.breadcrumb ul.list .home_item:before {
        display: none; }
    nav.breadcrumb ul.list a {
      color: #fff;
      text-decoration: none;
      font-weight: 400; }
      nav.breadcrumb ul.list a:hover {
        text-decoration: none; }
    @media (max-width: 767px) {
      nav.breadcrumb ul.list {
        display: none; } }
  .page-node-type-dsu-product nav.breadcrumb ul.list {
    border-bottom: 1px solid #ebebec;
    color: #000; }
    .page-node-type-dsu-product nav.breadcrumb ul.list li.list__item:first-child:before {
      margin: 0; }
    .page-node-type-dsu-product nav.breadcrumb ul.list li.list__item:before {
      color: #ebebec; }
    .page-node-type-dsu-product nav.breadcrumb ul.list a {
      color: #000; }

.article-detail__container--image {
  margin-top: -71px; }

.main-container > .row > .outer-container > div > #block-nppe-proplanmain-theme-breadcrumbs {
  margin-bottom: -50px; }

#block-nppe-proplanmain-theme-breadcrumbs + #block-nppebasebanner {
  margin-top: -50px; }

.breakout, .store-locator {
  position: relative;
  display: table;
  width: 100vw;
  left: 50%; }
  @media screen and (max-width: 767px) {
    .breakout, .store-locator {
      left: 0; } }
  .breakout > *, .store-locator > * {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    left: -50%; }
    @media screen and (max-width: 767px) {
      .breakout > *, .store-locator > * {
        left: 0; } }

.ghost-button, .black-ghost-button, .btn.buynow, .store-locator #views-exposed-form-nppe-store-locator-page-1 .form-actions input.form-submit, .white-ghost-button, .banner__container--text-container .button,
a.button, ul.pager li > a, .btn, .paragraph-user-profile-pet-entity-edit-form .form-actions input,
.user-form .form-actions input,
.user-pass .form-actions input,
.user-register-form .form-actions input,
.user-login-form .form-actions input, .store-locator .item-list ul .views-field a {
  border-radius: 30px;
  background: transparent;
  color: #000;
  border: 1px solid #000;
  padding: 10px 30px;
  text-transform: uppercase;
  margin: 20px 0 0; }
  .ghost-button:hover, .black-ghost-button:hover, .store-locator #views-exposed-form-nppe-store-locator-page-1 .form-actions input.form-submit:hover, .white-ghost-button:hover, .banner__container--text-container .button:hover,
  a.button:hover, ul.pager li > a:hover, .btn:hover, .paragraph-user-profile-pet-entity-edit-form .form-actions input:hover,
  .user-form .form-actions input:hover,
  .user-pass .form-actions input:hover,
  .user-register-form .form-actions input:hover,
  .user-login-form .form-actions input:hover, .store-locator .item-list ul .views-field a:hover {
    border-radius: 30px;
    color: #fff;
    border-color: #000;
    background-color: #000;
    padding: 10px 30px;
    text-decoration: none; }

.black-ghost-button, .btn.buynow, .paragraph-user-profile-pet-entity-edit-form .form-actions input.buynow,
.user-form .form-actions input.buynow,
.user-pass .form-actions input.buynow,
.user-register-form .form-actions input.buynow,
.user-login-form .form-actions input.buynow, .store-locator #views-exposed-form-nppe-store-locator-page-1 .form-actions input.form-submit {
  color: #fff;
  background-color: #000;
  border: 1px solid #000;
  padding: 10px 30px;
  text-transform: uppercase;
  text-decoration: none; }
  .black-ghost-button:hover, .btn.buynow:hover, .paragraph-user-profile-pet-entity-edit-form .form-actions input.buynow:hover,
  .user-form .form-actions input.buynow:hover,
  .user-pass .form-actions input.buynow:hover,
  .user-register-form .form-actions input.buynow:hover,
  .user-login-form .form-actions input.buynow:hover, .store-locator #views-exposed-form-nppe-store-locator-page-1 .form-actions input.form-submit:hover {
    border-radius: 30px;
    color: #000;
    border-color: #000;
    background-color: #fff;
    padding: 10px 30px;
    text-decoration: none; }

.white-ghost-button {
  color: #fff;
  background-color: transparent;
  border: 1px solid #fff;
  padding: 10px 30px;
  text-transform: uppercase;
  text-decoration: none; }
  .white-ghost-button:hover {
    border-radius: 30px;
    color: #fff;
    border-color: #000;
    background-color: #000;
    padding: 10px 30px;
    text-decoration: none; }

.container, .tabs-outer-wrapper #block-tabs ul, .store-locator #views-exposed-form-nppe-store-locator-page-1, .store-locator > .map-wrapper, .store-locator > .views-element-container > .store-locator > .map-wrapper {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }

.container:before, .tabs-outer-wrapper #block-tabs ul:before, .store-locator #views-exposed-form-nppe-store-locator-page-1:before, .store-locator > .map-wrapper:before, .store-locator > .views-element-container > .store-locator > .map-wrapper:before, .container:after, .tabs-outer-wrapper #block-tabs ul:after, .store-locator #views-exposed-form-nppe-store-locator-page-1:after, .store-locator > .map-wrapper:after, .store-locator > .views-element-container > .store-locator > .map-wrapper:after {
  content: " ";
  display: table; }

.container:after, .tabs-outer-wrapper #block-tabs ul:after, .store-locator #views-exposed-form-nppe-store-locator-page-1:after, .store-locator > .map-wrapper:after, .store-locator > .views-element-container > .store-locator > .map-wrapper:after {
  clear: both; }

@media (min-width: 768px) {
  .container, .tabs-outer-wrapper #block-tabs ul, .store-locator #views-exposed-form-nppe-store-locator-page-1, .store-locator > .map-wrapper, .store-locator > .views-element-container > .store-locator > .map-wrapper {
    width: 750px; } }

@media (min-width: 992px) {
  .container, .tabs-outer-wrapper #block-tabs ul, .store-locator #views-exposed-form-nppe-store-locator-page-1, .store-locator > .map-wrapper, .store-locator > .views-element-container > .store-locator > .map-wrapper {
    width: 970px; } }

@media (min-width: 1200px) {
  .container, .tabs-outer-wrapper #block-tabs ul, .store-locator #views-exposed-form-nppe-store-locator-page-1, .store-locator > .map-wrapper, .store-locator > .views-element-container > .store-locator > .map-wrapper {
    width: 1170px; } }

.kss-swatch {
  display: inline-block;
  position: relative;
  margin-bottom: 5px;
  width: 145px;
  height: 140px;
  text-align: center;
  font-size: 1.4rem;
  color: #FFF;
  padding-top: 90px; }
  .kss-swatch.kss-swatch-light {
    border: 1px solid #F6F6F6;
    color: #000; }

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
  min-width: 180px; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      position: relative; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container .select2-search--inline {
    float: left; }
    .select2-container .select2-search--inline .select2-search__field {
      box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px;
      padding: 0; }
    .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }

.js-form-type-select .select2-container {
  max-width: 250px; }

.select2-dropdown {
  background: #fff;
  border: 0;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
  border-radius: 0 0 5px 5px;
  overflow: hidden;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }
  .select2-results__options > li:first-child {
    display: none; }

.select2-results__option {
  padding: 5px 20px;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  border-bottom: 1px solid #f6f6f6; }
  .select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-radius: 0 0 5px 5px; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
  .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

.select2-container--default .select2-selection--single {
  background: #f6f6f6;
  border: 0;
  border-radius: 0 0 0 0; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #000;
  line-height: 28px; }

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold; }

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #ebebec; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  background: transparent;
  height: 25px;
  position: absolute;
  top: 7px;
  right: 0;
  width: 25px;
  background-image: url(../assets/arrow-down-grey.png);
  background-repeat: no-repeat;
  background-size: 20px auto; }

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background: #fff;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #ebebec transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background: #fff;
  border: 1px solid #ebebec;
  border-radius: 4px;
  cursor: text; }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none; }
  .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #ebebec;
    margin-top: 5px;
    float: left; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #fff;
    border: 1px solid #ebebec;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #ebebec;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #ebebec; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background: #fff;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #ebebec; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 250px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #ebebec; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #f6f6f6; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #ebebec;
  color: #000; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

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

Main Components 

-------------------------------- */
.cd-products-comparison-table {
  margin-bottom: 6em; }

.cd-products-comparison-table::after {
  /* never visible - this is used in jQuery to check the current MQ */
  display: none;
  content: 'mobile'; }

.cd-products-comparison-table header {
  padding: 0 5% 25px; }

.cd-products-comparison-table header::after {
  clear: both;
  content: "";
  display: table; }

.cd-products-comparison-table h2 {
  float: left;
  font-weight: bold; }

.cd-products-comparison-table .actions {
  float: right; }

.cd-products-comparison-table .reset, .cd-products-comparison-table .filter {
  font-size: 1.4rem; }

.cd-products-comparison-table .reset {
  color: #404042;
  text-decoration: underline; }

.cd-products-comparison-table .filter {
  padding: .6em 1.5em;
  color: #ffffff;
  background-color: #cccccc;
  border-radius: 3px;
  margin-left: 1em;
  cursor: not-allowed;
  transition: background-color 0.3s; }

.cd-products-comparison-table .filter.active {
  cursor: pointer;
  background-color: #9dc997; }

.no-touch .cd-products-comparison-table .filter.active:hover {
  background-color: #a7cea1; }

@media only screen and (min-width: 1170px) {
  .cd-products-comparison-table {
    margin-bottom: 8em; }
  .cd-products-comparison-table::after {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop'; }
  .cd-products-comparison-table header {
    padding: 0 5% 40px; }
  .cd-products-comparison-table h2 {
    font-size: 2.4rem; }
  .cd-products-comparison-table .reset, .cd-products-comparison-table .filter {
    font-size: 1.6rem; }
  .cd-products-comparison-table .filter {
    padding: .6em 2em;
    margin-left: 1.6em; } }

.cd-products-table {
  position: relative;
  overflow: hidden; }

.cd-products-table .features {
  /* fixed left column - product properties list */
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 120px;
  border-style: none; }

.cd-products-table .features::after {
  /* color gradient on the right of .features -  visible while scrolling inside the .cd-products-table */
  content: '';
  position: absolute;
  top: 0;
  left: 100%;
  width: 4px;
  height: 100%;
  background-color: #ebebeb;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.06), transparent);
  opacity: 0; }

@media only screen and (min-width: 1170px) {
  .cd-products-table .features {
    width: 210px; } }

.cd-products-table.scrolling .features::after {
  opacity: 1; }

.cd-products-wrapper {
  overflow-x: auto;
  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
  -webkit-overflow-scrolling: touch;
  border-style: none; }

.cd-products-columns {
  /* products list wrapper */
  width: 1200px;
  margin-left: 120px; }

.cd-products-columns::after {
  clear: both;
  content: "";
  display: table; }

@media only screen and (min-width: 1170px) {
  .cd-products-columns {
    width: 2480px;
    margin-left: 210px; } }

.cd-products-columns .product {
  position: relative;
  float: left;
  width: 150px;
  text-align: center;
  transition: opacity 0.3s, visibility 0.3s, transform 0.3s; }

.filtering .cd-products-columns .product:not(.selected) {
  opacity: 0;
  visibility: hidden;
  transform: scale(0); }

.no-product-transition .cd-products-columns .product.selected {
  transition: opacity 0.3s, visibility 0.3s; }

.filtered .cd-products-columns .product:not(.selected) {
  position: absolute; }

@media only screen and (min-width: 1170px) {
  .cd-products-columns .product {
    width: 310px; } }

.cd-features-list li {
  font-size: 1.4rem;
  font-weight: normal;
  padding: 25px 40px;
  list-style: none;
  text-align: left;
  border-right: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb; }
  .cd-features-list li:last-child {
    display: none; }
  .cd-features-list li > ul > li {
    border: none; }

.cd-features-list li.rate {
  /* rating stars */
  padding: 21px 0; }

.cd-features-list li.rate span {
  display: inline-block;
  height: 22px;
  width: 110px;
  background: url(../img/cd-star.svg);
  color: transparent; }

@media only screen and (min-width: 1170px) {
  .cd-features-list li {
    font-size: 1.6rem; }
  .cd-features-list li.rate {
    padding: 22px 0; } }

.features .cd-features-list li,
.cd-products-table .features .top-info {
  /* fixed left column - items */
  font-size: 1.2rem;
  font-weight: bold;
  /* set line-height value equal to font-size of text inside product cells */
  line-height: 14px;
  padding: 25px 10px;
  text-align: left; }
  .features .cd-features-list li:first-child,
  .cd-products-table .features .top-info:first-child {
    background-color: transparent; }

@media only screen and (min-width: 1170px) {
  .features .cd-features-list li,
  .cd-products-table .features .top-info {
    text-transform: uppercase;
    line-height: 16px;
    padding: 25px 20px;
    letter-spacing: 1px; } }

.features .cd-features-list li {
  /* truncate text with dots */
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.cd-products-table .top-info {
  position: relative;
  height: 177px;
  width: 150px;
  text-align: center;
  padding: 1.25em 2.5em;
  border-color: #e6e6e6;
  border-style: solid;
  border-right-width: 1px;
  transition: height 0.3s;
  cursor: pointer;
  background: #ffffff; }

.cd-products-table .top-info::after {
  /* color gradient below .top-info -  visible when .top-info is fixed */
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 4px;
  width: 100%;
  background-color: transparent;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.06), transparent);
  opacity: 0; }

.cd-products-table .top-info h3 {
  padding: 1.25em 0 0.625em;
  font-weight: bold;
  font-size: 1.4rem; }

.cd-products-table .top-info img {
  display: block;
  backface-visibility: hidden; }

.cd-products-table .top-info h3, .cd-products-table .top-info img {
  transition: transform 0.3s; }

.cd-products-table .top-info .check {
  position: relative;
  display: inline-block;
  height: 16px;
  width: 16px;
  margin: 0 auto 1em; }

.cd-products-table .top-info .check::after, .cd-products-table .top-info .check::before {
  /* used to create the check icon and green circle dot - visible when product is selected */
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  height: 100%;
  width: 100%; }

.cd-products-table .top-info .check::before {
  /* green circle dot */
  border-radius: 50%;
  border: 1px solid #e6e6e6;
  background: #ffffff;
  transition: background-color 0.3s, transform 0.3s, border-color 0.3s; }

.cd-products-table .top-info .check::after {
  /* check icon */
  background: url(../img/cd-check.svg) no-repeat center center;
  background-size: 24px 24px;
  opacity: 0;
  transition: opacity 0.3s; }

@media only screen and (min-width: 1170px) {
  .cd-products-table .top-info {
    height: 280px;
    width: 310px; }
  .cd-products-table .top-info h3 {
    padding-top: 1.4em;
    font-size: 1.6rem; }
  .cd-products-table .top-info .check {
    margin-bottom: 1.5em; } }

.cd-products-table .features .top-info {
  /* models */
  width: 120px;
  cursor: auto;
  background: #fafafa; }

@media only screen and (min-width: 1170px) {
  .cd-products-table .features .top-info {
    width: 210px; } }

.cd-products-table .selected .top-info .check::before {
  /* green circle dot */
  background: #9dc997;
  border-color: #9dc997;
  transform: scale(1.5);
  animation: cd-bounce 0.3s; }

@keyframes cd-bounce {
  0% {
    transform: scale(1); }
  60% {
    transform: scale(1.6); }
  100% {
    transform: scale(1.5); } }

.cd-products-table .selected .top-info .check::after {
  /* check icon */
  opacity: 1; }

@media only screen and (min-width: 1170px) {
  .cd-products-table.top-fixed .cd-products-columns > li,
  .cd-products-table.top-scrolling .cd-products-columns > li,
  .cd-products-table.top-fixed .features,
  .cd-products-table.top-scrolling .features {
    padding-top: 160px; }
  .cd-products-table.top-fixed .top-info,
  .cd-products-table.top-scrolling .top-info {
    height: 160px;
    position: fixed;
    top: 0; }
  .no-cssgradients .cd-products-table.top-fixed .top-info, .no-cssgradients .cd-products-table.top-scrolling .top-info {
    border-bottom: 1px solid #e6e6e6; }
  .cd-products-table.top-fixed .top-info::after,
  .cd-products-table.top-scrolling .top-info::after {
    opacity: 1; }
  .cd-products-table.top-fixed .top-info h3,
  .cd-products-table.top-scrolling .top-info h3 {
    transform: translateY(-116px); }
  .cd-products-table.top-fixed .top-info img,
  .cd-products-table.top-scrolling .top-info img {
    transform: translateY(-62px) scale(0.4); }
  .cd-products-table.top-scrolling .top-info {
    position: absolute; } }

.cd-table-navigation a {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 15px;
  transform: translateY(55px);
  /* replace text with image */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent;
  height: 60px;
  width: 60px;
  background: rgba(64, 64, 66, 0.8) url("../img/cd-arrow.svg") no-repeat center center;
  border-radius: 100%;
  transition: background-color 0.3s, opacity 0.3s, visibility 0.3s, transform 0.3s;
  border: 1px solid #f6f6f6;
  box-shadow: 1px 0px 2px #999;
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 20px auto;
  background-image: url(../assets/arrow-left.png); }

.cd-table-navigation a.inactive {
  opacity: 0;
  visibility: hidden; }

.cd-table-navigation a.prev {
  right: 100px;
  transform: translateY(55px) translateX(15px) rotate(180deg); }

.no-touch .cd-table-navigation a:hover {
  background-color: #404042; }

@media only screen and (min-width: 1170px) {
  .cd-table-navigation a {
    transform: translateY(100px); }
  .cd-table-navigation a.prev {
    left: 210px;
    transform: translateY(100px) translateX(15px) rotate(180deg); }
  .top-fixed .cd-table-navigation a {
    position: fixed; }
  .top-fixed .cd-table-navigation a, .top-scrolling .cd-table-navigation a {
    transform: translateY(45px); }
  .top-fixed .cd-table-navigation a.prev, .top-scrolling .cd-table-navigation a.prev {
    transform: translateY(45px) translateX(15px) rotate(180deg); } }

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

No JS

-------------------------------- */
.no-js .actions {
  display: none; }

.no-js .cd-products-table .top-info {
  height: 145px; }

@media only screen and (min-width: 1170px) {
  .no-js .cd-products-table .top-info {
    height: 248px; } }

.no-js .cd-products-columns .check {
  display: none; }

.breakout, .store-locator {
  position: relative;
  display: table;
  width: 100vw;
  left: 50%; }
  @media screen and (max-width: 767px) {
    .breakout, .store-locator {
      left: 0; } }
  .breakout > *, .store-locator > * {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    left: -50%; }
    @media screen and (max-width: 767px) {
      .breakout > *, .store-locator > * {
        left: 0; } }

.ghost-button, .black-ghost-button, .btn.buynow, .store-locator #views-exposed-form-nppe-store-locator-page-1 .form-actions input.form-submit, .white-ghost-button, .banner__container--text-container .button,
a.button, ul.pager li > a, .btn, .paragraph-user-profile-pet-entity-edit-form .form-actions input,
.user-form .form-actions input,
.user-pass .form-actions input,
.user-register-form .form-actions input,
.user-login-form .form-actions input, .store-locator .item-list ul .views-field a {
  border-radius: 30px;
  background: transparent;
  color: #000;
  border: 1px solid #000;
  padding: 10px 30px;
  text-transform: uppercase;
  margin: 20px 0 0; }
  .ghost-button:hover, .black-ghost-button:hover, .store-locator #views-exposed-form-nppe-store-locator-page-1 .form-actions input.form-submit:hover, .white-ghost-button:hover, .banner__container--text-container .button:hover,
  a.button:hover, ul.pager li > a:hover, .btn:hover, .paragraph-user-profile-pet-entity-edit-form .form-actions input:hover,
  .user-form .form-actions input:hover,
  .user-pass .form-actions input:hover,
  .user-register-form .form-actions input:hover,
  .user-login-form .form-actions input:hover, .store-locator .item-list ul .views-field a:hover {
    border-radius: 30px;
    color: #fff;
    border-color: #000;
    background-color: #000;
    padding: 10px 30px;
    text-decoration: none; }

.black-ghost-button, .btn.buynow, .paragraph-user-profile-pet-entity-edit-form .form-actions input.buynow,
.user-form .form-actions input.buynow,
.user-pass .form-actions input.buynow,
.user-register-form .form-actions input.buynow,
.user-login-form .form-actions input.buynow, .store-locator #views-exposed-form-nppe-store-locator-page-1 .form-actions input.form-submit {
  color: #fff;
  background-color: #000;
  border: 1px solid #000;
  padding: 10px 30px;
  text-transform: uppercase;
  text-decoration: none; }
  .black-ghost-button:hover, .btn.buynow:hover, .paragraph-user-profile-pet-entity-edit-form .form-actions input.buynow:hover,
  .user-form .form-actions input.buynow:hover,
  .user-pass .form-actions input.buynow:hover,
  .user-register-form .form-actions input.buynow:hover,
  .user-login-form .form-actions input.buynow:hover, .store-locator #views-exposed-form-nppe-store-locator-page-1 .form-actions input.form-submit:hover {
    border-radius: 30px;
    color: #000;
    border-color: #000;
    background-color: #fff;
    padding: 10px 30px;
    text-decoration: none; }

.white-ghost-button {
  color: #fff;
  background-color: transparent;
  border: 1px solid #fff;
  padding: 10px 30px;
  text-transform: uppercase;
  text-decoration: none; }
  .white-ghost-button:hover {
    border-radius: 30px;
    color: #fff;
    border-color: #000;
    background-color: #000;
    padding: 10px 30px;
    text-decoration: none; }

.container, .tabs-outer-wrapper #block-tabs ul, .store-locator #views-exposed-form-nppe-store-locator-page-1, .store-locator > .map-wrapper, .store-locator > .views-element-container > .store-locator > .map-wrapper {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }

.container:before, .tabs-outer-wrapper #block-tabs ul:before, .store-locator #views-exposed-form-nppe-store-locator-page-1:before, .store-locator > .map-wrapper:before, .store-locator > .views-element-container > .store-locator > .map-wrapper:before, .container:after, .tabs-outer-wrapper #block-tabs ul:after, .store-locator #views-exposed-form-nppe-store-locator-page-1:after, .store-locator > .map-wrapper:after, .store-locator > .views-element-container > .store-locator > .map-wrapper:after {
  content: " ";
  display: table; }

.container:after, .tabs-outer-wrapper #block-tabs ul:after, .store-locator #views-exposed-form-nppe-store-locator-page-1:after, .store-locator > .map-wrapper:after, .store-locator > .views-element-container > .store-locator > .map-wrapper:after {
  clear: both; }

@media (min-width: 768px) {
  .container, .tabs-outer-wrapper #block-tabs ul, .store-locator #views-exposed-form-nppe-store-locator-page-1, .store-locator > .map-wrapper, .store-locator > .views-element-container > .store-locator > .map-wrapper {
    width: 750px; } }

@media (min-width: 992px) {
  .container, .tabs-outer-wrapper #block-tabs ul, .store-locator #views-exposed-form-nppe-store-locator-page-1, .store-locator > .map-wrapper, .store-locator > .views-element-container > .store-locator > .map-wrapper {
    width: 970px; } }

@media (min-width: 1200px) {
  .container, .tabs-outer-wrapper #block-tabs ul, .store-locator #views-exposed-form-nppe-store-locator-page-1, .store-locator > .map-wrapper, .store-locator > .views-element-container > .store-locator > .map-wrapper {
    width: 1170px; } }

.kss-swatch {
  display: inline-block;
  position: relative;
  margin-bottom: 5px;
  width: 145px;
  height: 140px;
  text-align: center;
  font-size: 1.4rem;
  color: #FFF;
  padding-top: 90px; }
  .kss-swatch.kss-swatch-light {
    border: 1px solid #F6F6F6;
    color: #000; }

@media (max-width: 767px) {
  .store-locator {
    margin-top: 120px; } }

.store-locator #views-exposed-form-nppe-store-locator-page-1 {
  background-color: #fff;
  padding-bottom: 30px; }
  .store-locator #views-exposed-form-nppe-store-locator-page-1 label {
    display: none; }
  .store-locator #views-exposed-form-nppe-store-locator-page-1 .form-text {
    padding-left: 15px;
    line-height: 34px;
    height: 38px;
    border: 1px solid #eee;
    float: left; }
    @media (max-width: 767px) {
      .store-locator #views-exposed-form-nppe-store-locator-page-1 .form-text {
        width: 100%; } }
  .store-locator #views-exposed-form-nppe-store-locator-page-1 .form-actions {
    display: inline-block; }
    .store-locator #views-exposed-form-nppe-store-locator-page-1 .form-actions input.form-submit {
      margin: 0 0 0 10px; }
      @media (max-width: 767px) {
        .store-locator #views-exposed-form-nppe-store-locator-page-1 .form-actions input.form-submit {
          width: 100%;
          margin-left: 0;
          margin-top: 20px; } }
    @media (max-width: 767px) {
      .store-locator #views-exposed-form-nppe-store-locator-page-1 .form-actions {
        width: 100%;
        padding-bottom: 30px;
        border-bottom: 1px solid #ccc; } }

.store-locator .item-list {
  width: 48%;
  display: inline-block;
  margin-bottom: 90px; }
  @media (max-width: 767px) {
    .store-locator .item-list {
      width: 100%; } }
  .store-locator .item-list > h3 {
    font-size: 20px;
    margin-left: 12px; }
  .store-locator .item-list ul {
    list-style-type: none; }
    .store-locator .item-list ul li {
      width: 100%;
      float: left;
      background-clip: content-box;
      padding: 10px 10px;
      background-color: #fff;
      border-radius: 30px;
      box-sizing: border-box; }
      @media (max-width: 767px) {
        .store-locator .item-list ul li {
          width: 100%; } }
    .store-locator .item-list ul h3.field-content {
      font-size: 14px;
      font-weight: bold;
      text-align: left;
      padding-top: 30px;
      padding-bottom: 20px; }
    .store-locator .item-list ul .views-field {
      padding: 0 30px; }
    .store-locator .item-list ul .views-field-title {
      position: relative; }
    .store-locator .item-list ul .views-field-title h3::after {
      content: "\e062";
      font-family: 'Glyphicons Halflings';
      right: 20px;
      top: 20px;
      position: absolute;
      font-size: 32px;
      color: #EC1A19; }
    .store-locator .item-list ul .views-field-field-website {
      float: left;
      padding: 0 10px 30px 30px;
      margin-top: 20px; }
    .store-locator .item-list ul .views-field:last-child {
      margin-top: 20px;
      padding-bottom: 30px; }
    .store-locator .item-list ul .views-field a {
      display: inline-block;
      margin-top: 0;
      font-size: 10px; }
      .store-locator .item-list ul .views-field a:after {
        content: "\0203A";
        padding-left: 5px; }
    .store-locator .item-list ul .views-field a:first-child {
      margin-top: 20px;
      font-size: 10px; }
  .store-locator .item-list:first-child ul .views-field-title h3:after {
    color: #000; }

.store-locator > .views-element-container {
  background: #f6f6f6;
  padding-top: 160px; }
  .store-locator > .views-element-container:before {
    background-color: #f6f6f6;
    background-image: url(../assets/up-curve.png);
    background-size: 100% 100%;
    content: "";
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 0;
    display: block;
    width: 100vw;
    height: 140px;
    background-repeat: no-repeat;
    background-position: bottom center; }
    @media screen and (max-width: 991px) {
      .store-locator > .views-element-container:before {
        background-size: 100% auto;
        height: 60px; } }
    @media screen and (max-width: 767px) {
      .store-locator > .views-element-container:before {
        background-size: 100% auto;
        height: 60px; } }

.h3-quote-articles {
  color: #9d9d9d;
  font-size: 27px;
  width: 60%;
  text-align: center;
  margin: 0 auto;
  line-height: 1.5em;
  font-style: italic; }

.paragraph.paragraph--type--bp-columns > .paragraph__column {
  padding: 20px; }

.products .flag-compare-products a,
.products-compare-box .flag-compare-products a {
  z-index: 9; }

.nppe-pro-plan-compare-link-wrapper {
  z-index: 99999; }

.timeline-cards-outer-wrapper .timeline-cards-inner-wrapper:before {
  height: 99%; }

.desktop {
  background: #000; }

.contact-us-page-block2 .banner__container .banner__container--text-container--without-background .banner__container--text-wrapper {
  padding-bottom: 17px; }

.product-detail__related-product--content .teaser-title {
  padding-bottom: 3px !important; }

.views-mobile-table {
  display: none; }

.health-checker.health-checker-dot-wrapper .health-checker.health-checker-hover-label {
  z-index: 9999; }

.health-checker.health-checker-dot-wrapper {
  z-index: unset; }

.health-checker.health-checker-wrapper a {
  z-index: 0; }

.health-checker.health-checker-wrapper {
  z-index: unset; }

.health-checker.health-checker-dot-wrapper .health-checker.health-checker-dot {
  z-index: 2; }

.timeline-cards .timeline-card-wrapper.for-product {
  margin-left: 65px; }

.timeline-cards .timeline-card-wrapper:nth-child(1) {
  margin: 0 5% 40px 0 !important; }

.timeline-cards .timeline-card-wrapper:nth-child(3) {
  margin: 0 5% 40px 0 !important; }

.grid .timeline-cards .timeline-card-wrapper.for-product {
  margin-left: 0 !important; }

.grid .timeline-cards-inner-wrapper.grid .timeline-cards .timeline-card-wrapper {
  margin: 0 !important; }

.grid .timeline-cards .timeline-card-wrapper:nth-child(1),
.grid .timeline-cards .timeline-card-wrapper:nth-child(2),
.grid .timeline-cards .timeline-card-wrapper:nth-child(3) {
  margin: 0 !important; }

@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .health-checker.health-checker-parent-image-wrapper {
    top: -19px !important;
    left: -72px !important; }
  .health-checker-inner-wrapper {
    transform: scale(1) !important;
    left: -1% !important; }
  .health-checker-view header p {
    margin-bottom: 77px; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .health-checker-inner-wrapper {
    display: block;
    transform: scale(0.73);
    position: relative;
    left: -21%;
    width: 100%; }
  .health-checker.health-checker-parent-image-wrapper {
    position: relative;
    top: -20px;
    left: -74px;
    z-index: 1;
    display: inline-block; }
  .health-checker.health-checker-parent-image-wrapper {
    position: relative;
    top: -20px;
    left: 6px;
    z-index: 1;
    display: inline-block; }
  header#navbar > .container .navbar-toggle, .tabs-outer-wrapper #block-tabs header#navbar > ul .navbar-toggle, .store-locator header#navbar > #views-exposed-form-nppe-store-locator-page-1 .navbar-toggle, header.store-locator#navbar > .map-wrapper .navbar-toggle, .store-locator > .views-element-container > header.store-locator#navbar > .map-wrapper .navbar-toggle {
    z-index: 9999; }
  .product-selector-block-image .image-content-box .box-image img {
    width: 95.8% !important; }
  .health-checker-view.choose-animal-page .health-checker.health-checker-parent-image > a {
    float: none;
    margin-right: -25px;
    width: 100%;
    display: inline-block; }
  .nppe-pro-plan-compare-link-wrapper .compare-this-product-link .views-row .views-field-nid {
    position: relative;
    margin: 0 auto;
    text-align: center;
    transform: translate(-18%); }
  .nppe-pro-plan-compare-link-wrapper .compare-this-product-link header {
    padding-right: 0; }
  .video_wrapper .video_thumbnail img {
    display: none; }
  .compare-this-product-link a {
    padding-left: 72px; }
  #block-nppemoduleproductprofilefilterblock {
    text-align: left;
    margin: 60px 18px 20px; }
  .wide-banners.push-text-right .banner__container--text h1, .wide-banners.push-text-far-right .banner__container--text h1 {
    color: #fff; }
  .banner__container--text-container {
    top: 66px; }
  #block-views-block-banner-extra-rows-block-2 {
    max-height: 319px; }
  .path-frontpage .page-tear__bottom--white-cream {
    max-height: 310px; }
  #block-views-block-banner-extra-rows-block-2 .banner__container--text-container {
    top: 40px !important; }
  #block-views-block-banner-extra-rows-block-2 .banner__container {
    height: 39vh !important; } }

@media only screen and (min-width: 1300px) and (max-width: 2200px) {
  .path-frontpage footer#footer.footer {
    bottom: -200px !important; } }

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .product-selector-block .image-content-box {
    background-color: transparent; }
  .product-selector-block .image-content-box .box-text {
    top: -300px;
    padding: 0 20px;
    width: 400px; }
  .product-selector-block .image-content-box .box-image img {
    width: 416px; }
  .product-selector-block .image-content-box .box-text .title h2 {
    margin-top: 50px !important;
    font-size: 21px !important; }
  .fake-button {
    margin: 34px 31px;
    width: 28% !important; }
  #block-nppemoduleproductprofilecustomquiz-2 {
    top: -248px; }
  .hero-flickety .banner__container--text {
    margin: 0 auto;
    text-align: center; }
  .hero-flickety .banner__container--text-container h1 {
    font-size: 25px; }
  .hero-flickety .banner__container--text-container {
    top: 125px; }
  .nppe-pro-plan-products {
    margin-top: -250px; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .hero-flickety {
    margin-top: -50px; } }

@supports (-ms-ime-align: auto) {
  .hero-flickety {
    margin-top: -50px; } }

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  /* IE10+ specific styles go here */
  .nppe_module_content_product_profile .filter-home__radio {
    margin-left: 10px; }
  .webform-submission-contact-us-add-form .js-form-type-radio label {
    padding-left: 35px; }
  .path-frontpage .hero-flickety {
    margin-top: -1px; }
  .hero-flickety {
    margin-top: -50px; }
  .js-form-type-radio label {
    padding-left: 0;
    margin-left: 5px !important; } }

body.path-frontpage .homepage__featured-product--container:hover .teaser-featured_product_description {
  padding: 0px 20px 40px;
  overflow: hidden;
  height: 90px; }

.page-node-type-dsu-product .homepage__featured-product--container .teaser-title a {
  height: 89px;
  overflow: hidden; }

.page-node-type-dsu-product .homepage__featured-product--container .teaser-title {
  height: 89px; }

.nppe-pro-plan-products .views-row {
  margin-bottom: 35px; }

.nppe_module_content_product_profile.filter-custom-quiz-user #edit-chooseyourpet .js-form-type-radio label {
  padding-left: 0; }

.blank-menu {
  padding: 10px;
  margin-left: -20px !important;
  cursor: default;
  font-weight: bold; }

header#navbar .navbar-collapse nav > ul.menu > li > ul.menu > .megamenu--top-tier .megamenu--tier-two,
header#navbar .navbar-collapse nav > ul.menu > li > ul.menu > .megamenu--top-tier .megamenu--tier-two > ul.menu .megamenu--tier-three {
  color: #000; }

.product-selector-block-image .image-content-box .box-image img {
  width: 99.8%; }

@media only screen and (max-width: 1394px) {
  .path-frontpage .page-tear__bottom--white-cream {
    max-height: 500px; }
  .path-frontpage footer#footer.footer {
    position: relative;
    bottom: 0px; } }

@media only screen and (min-width: 1394px) {
  .path-frontpage .page-tear__bottom--white-cream {
    max-height: 700px; }
  .path-frontpage footer#footer.footer {
    position: relative;
    bottom: -150px; } }

@media only screen and (max-width: 1000px) {
  .path-frontpage .page-tear__bottom--white-cream {
    max-height: 500px; }
  .path-frontpage footer#footer.footer {
    position: relative;
    bottom: 0px; } }

.filter-custom-quiz-user:after {
  display: none; }

.filter-custom-quiz-user:before {
  background-color: transparent;
  background-image: none;
  height: 0; }

.path-user .nppe-module-product-profile-admin-quiz .close-button {
  top: 15px;
  right: 0; }

.filter-custom-quiz-user {
  min-width: 62vw;
  margin-top: 0;
  left: 0;
  right: 0; }

.pro-plan-product-icons img {
  background-color: #000; }

.nppe-glossary-pre-processor-outer-wrapper {
  width: 1px;
  height: 1px;
  top: -100px;
  right: -100px;
  position: absolute;
  overflow: hidden;
  text-indent: -99999px; }

.paragraph--type--bp-carousel.slide .carousel-control {
  background: none; }

.paragraph--type--bp-carousel.slide .carousel-inner .paragraph__column {
  padding: 0; }

.paragraph--type--bp-carousel.slide .carousel-inner .paragraph__column .paragraph--type--bp-blank {
  position: absolute;
  z-index: 999;
  top: 30%;
  left: 20%;
  width: 35%; }

.paragraph--type--bp-carousel.slide .carousel-inner .paragraph__column .paragraph--type--bp-image:after {
  background-image: url(http://proplantemplate.test-purinaone.acsitefactory.com/sites/all/themes/custom/nppe_proplanmain_theme/dist/assets/down-curve.png);
  background-size: 100% 100%;
  content: "";
  z-index: 1;
  position: absolute;
  bottom: 0px;
  left: 0;
  display: block;
  width: 100%;
  height: 140px;
  background-repeat: no-repeat;
  background-position: bottom center; }

.hidden {
  display: none !important; }

header#navbar .navbar-collapse nav > ul.menu {
  margin-top: 0; }

#searchableinput {
  width: 100%;
  padding: 0 30px 0;
  color: #000; }

.wide-banners.push-text-right .banner__container--text-container .banner__container--text-wrapper {
  margin-top: 0; }

.wide-banners.push-text-far-right .banner__container--text-container .banner__container--text-wrapper {
  margin-top: 0px !important; }

.nppe-pro-plan-products.tab1default .owl-buttons,
.nppe-pro-plan-products.tab2default .owl-buttons,
.nppe-pro-plan-products.tab3default .owl-buttons,
.nppe-pro-plan-products.tab4default .owl-buttons,
#block-views-block-nppe-pro-plan-products-block-1 .owl-buttons {
  top: 20% !important; }

#block-views-block-banner-block-1-6 {
  display: none; }

.select2-selection--single .select2-selection__arrow b {
  display: none; }

.wide-banners .banner__container--text-wrapper {
  margin-top: -130px; }

.hidden-for-search {
  height: 1px;
  width: 1px;
  overflow: hidden;
  color: transparent; }

#block-views-block-nppe-pro-plan-search-block-block-1 .contextual {
  display: none !important; }

#block-nppe-pro-plan-mobile-search-block > div,
#block-views-block-nppe-pro-plan-search-block-block-1 > div {
  z-index: 0;
  right: 0vw;
  left: 0vw;
  top: 84px; }

#block-nppe-pro-plan-mobile-search-block .navbar-search-block-wrapper header:after,
#block-views-block-nppe-pro-plan-search-block-block-1 .navbar-search-block-wrapper header:after {
  display: none; }

.paragraph.paragraph--width--full.paragraph--type--bp-carousel .carousel-inner {
  background-color: #000; }

.nppe-module-product-profile-admin-home h2 {
  font-size: 40px;
  letter-spacing: 1px; }

.nppe-module-product-profile-admin-home form fieldset:nth-child(2) .filter-home__radio--item label {
  padding: 10px 20px;
  font-size: 15px; }

.nppe-module-product-profile-admin-home form fieldset:nth-child(2) .filter-home__radio--item label:hover {
  background-color: #000;
  color: #fff;
  border-color: #000; }

.purina-layouts__article--main-header-container .col-md-12 {
  padding-left: 0;
  padding-right: 0; }

.nppe_module_content_product_profile fieldset {
  width: 100%;
  max-width: 100%; }

.nppe-pro-plan-products.product-listing-page .homepage__featured-product--container {
  border-bottom: 1px solid #ccc; }

.nppe-product-selector-dropdown-block {
  padding-right: 0;
  padding-left: 0; }

.hidden-on-load-closer {
  height: 37px; }

.product-detail__related-product--content .bvr-rating {
  margin: 0 auto;
  width: 35%; }

@media screen and (max-width: 460px) {
  .mobile_search_wrapper {
    right: 0; }
  .mobile_search_wrapper h2.open-search {
    right: 50px !important; } }

@media screen and (min-width: 461px) and (max-width: 991px) {
  header#navbar > .container .navbar-toggle, .tabs-outer-wrapper #block-tabs header#navbar > ul .navbar-toggle, .store-locator header#navbar > #views-exposed-form-nppe-store-locator-page-1 .navbar-toggle, header.store-locator#navbar > .map-wrapper .navbar-toggle, .store-locator > .views-element-container > header.store-locator#navbar > .map-wrapper .navbar-toggle {
    margin-top: 21px; }
  header#navbar #main-navbar-collapse.navbar-collapse {
    height: 100vh !important;
    min-width: 93%; }
  .mobile_search_wrapper {
    position: absolute;
    right: 0;
    width: 100%; } }

@media screen and (min-width: 461px) {
  .product-detail__related-product---image img {
    max-height: auto; } }

@media screen and (max-width: 460px) {
  .custom-heading-banner .banner__container--image img {
    height: auto !important; }
  .nppe-module-product-profile-admin-home h2 {
    font-size: 28px;
    letter-spacing: 1px;
    margin-top: 0px;
    padding-bottom: 15px; }
  .article-list__article-listing--container .grid-listing__container--content .details__container .article-title {
    font-size: 18px; } }

.nppe-module-product-profile-admin-home {
  width: 100%;
  left: 0; }

.paragraph--type--bp-carousel.slide .carousel-control {
  z-index: 9999; }

.products .row .outer-container {
  min-height: 300px; }

.nppe-compare header a {
  float: right;
  margin-top: -22px;
  color: #000;
  text-decoration: underline; }

.custom-heading-banner .banner__container--text-wrapper {
  top: 0; }

.compare-this-product-link {
  text-align: center;
  margin-top: 14px; }

.nppe-pro-plan-products .views-row {
  margin-bottom: 20px; }

.compare-this-product-link a:before {
  left: 40px; }

.compare-this-product-link.Remove a:after {
  left: 48px; }

.paragraph--bp-accordion--container .bp-accordion--button {
  margin-bottom: 25px; }

.tabs-outer-wrapper #block-tabs ul {
  margin: 0 auto;
  text-align: center; }

.nppe-pro-plan-products.tab4default .owl-controls {
  margin: 0px 0 50px; }

.nppe_module_content_product_profile .form-item {
  width: 49%; }

#block-loginfakeblock {
  float: right;
  padding-top: 9px; }

.page-node-type-dsu-product h3 {
  vertical-align: top; }

.page-node-type-dsu-product .homepage__featured-product--container {
  min-height: 315px; }

.homepage__featured-product--container {
  min-height: 280px; }

.banner__container--image img {
  opacity: 0.8; }

.nppe-module-product-profile-admin-home h2 {
  width: 60%;
  min-width: 283px; }

.mobile_search_wrapper #block-nppe-pro-plan-mobile-search-block h2 {
  top: 7px; }

.banner__container--image .bottom-curve:after {
  bottom: -1px !important; }

@media screen and (max-width: 767px) {
  .wide-banners.push-text-right .banner__container--text, .wide-banners.push-text-far-right .banner__container--text {
    width: 100% !important;
    max-width: 100% !important; }
  .wide-banners.push-text-far-right .banner__container--text h1, .wide-banners.push-text-right .banner__container--text h1 {
    width: 85%; }
  .product-selector-block-image .image-content-box .box-image img {
    width: 99.8% !important; }
  .user-login-form {
    width: 100%; }
  .nppe-module-product-profile-admin-home form fieldset:last-of-type .filter-home__block-title {
    font-size: 25px;
    line-height: 1.3em; }
  .nppe-proplan-main-articles-mobile {
    margin-top: 30px; }
  .path-frontpage .hero-flickety .banner__container--image img {
    max-width: 130vw;
    width: 130vw; }
  .hero-flickety .banner__container--text {
    width: 80% !important;
    margin: 0 auto !important; }
  .hero-flickety .banner__container--text-container {
    top: 58px; }
  .product-detail__container--content .details__container .where-to-buy {
    padding: 10px 15px; }
  .nppe_module_content_product_profile .form-item {
    width: 100%;
    margin-bottom: 0; }
  #block-views-block-nppe-pro-plan-products-block-1 h2 {
    font-size: 30px !important;
    padding: 0 5px 19px 0 !important; }
  #block-views-block-nppe-pro-plan-products-block-1 header {
    line-height: 1.5em !important;
    padding: 0 25px !important; }
  .tab4default .owl-pagination {
    display: none !important; }
  .wide-banners.push-text-far-right .banner__container--text h1, .wide-banners.push-text-right .banner__container--text h1 {
    color: #fff;
    font-size: 26px; }
  .panel-body {
    padding: 0 !important; }
  .nppe_module_content_product_profile .form-item label {
    font-size: 16px; }
  .js-form-type-radio label {
    line-height: 40px; }
  .nppe-module-product-profile-admin-home form fieldset:last-of-type .filter-home__heading {
    background: none;
    text-transform: none;
    font-size: 18px;
    color: #FFF;
    max-width: 85%;
    margin: 0 auto; }
  .wide-banners.push-text-far-right .banner__container--text p,
  .wide-banners.push-text-right .banner__container--text p {
    color: #fff;
    font-size: 16px; }
  .wide-banners .banner__container--image .mobile img {
    opacity: 0.8; }
  #block-views-block-nppe-proplan-articles-homepage-block h2 {
    font-size: 35px;
    padding: 0 20px; }
  .path-frontpage .banner__container img {
    margin: 0 50%;
    transform: translate(-50%); }
  #block-views-block-nppe-pro-plan-products-block-1 .owl-pagination {
    display: none; }
  .nppe-proplan-main-articles-mobile {
    margin-bottom: 30px; }
  .nppe-pro-plan-compare-link-wrapper .compare-this-product-link header {
    font-size: 19px;
    line-height: 1.4em;
    float: none;
    padding-right: 0; }
  .nppe-pro-plan-compare-link-wrapper .compare-this-product-link .views-row {
    float: none; }
  .product-selector-block .image-content-box {
    margin: 0 15px;
    width: 92%; }
  .product-selector-block .image-content-box .box-image {
    margin: 0 15px; }
  #block-nppemoduleproductprofilecustomquiz-2 {
    margin: 0 15px; }
  .nppe_module_content_product_profile.filter-custom-quiz #edit-chooseyourpet .form-item-chooseyourpet {
    width: 95%;
    margin-bottom: 25px; }
  .nppe_module_content_product_profile.filter-custom-quiz #edit-chooseyourpet .form-item-chooseyourpet label {
    display: -ms-inline-grid;
    display: inline-grid; }
  .nppe_module_content_product_profile.filter-custom-quiz .filter-custom-quiz__hiiden {
    margin: 25px 0 15px;
    font-size: 20px; }
  .nppe_module_content_product_profile .form-item label:before {
    margin: 0 10px 0 0px; }
  .compare-this-product-link.Remove a:after {
    left: 28px; }
  .compare-this-product-link a:before {
    left: 20px; }
  .product-detail__container .details__container {
    padding: 10px 20px; }
  .purina-layouts__product {
    width: 92vw; }
  .video_wrapper .video_thumbnail .glyphicon {
    line-height: 195px; }
  .generic-block__container--text-block p {
    padding: 0 20px; }
  .articles .purina-layouts__article--main-header-container {
    padding: 0;
    border: none; }
  .nppe-pro-plan-article-title-date .views-field-title h1,
  .nppe-pro-plan-article-title-date .views-field-created {
    padding: 0 15px; }
  .purina-layouts__article--body img {
    margin-top: 20px;
    margin-bottom: 20px; }
  #block-views-block-nppe-pro-plan-related-articles-block-1 > div:before {
    top: -59px !important; }
  .purina-layouts__article--body img {
    margin-top: 0px; }
  .timeline-cards .timeline-card-wrapper .timeline-card.timeline-card--video .video_wrapper .video_thumbnail .glyphicon {
    line-height: 190px; }
  .timeline-cards .timeline-card-wrapper .timeline-card.timeline-card--banner .banner__container--image {
    margin-top: 55px; } }

.banner__container--text-container {
  top: 85px; }

.contact-faq-banner .banner__container--text {
  width: 100%; }

.nppe-module-product-profile-admin-home form fieldset:nth-child(2) .filter-home__heading span {
  width: 90%;
  text-align: center; }

.product-detail__related-product--content .teaser-title {
  padding: 10px; }

.paragraph--type--bp-simple ul li {
  margin: 0 20px !important; }

.contact-faq-banner .banner__container--text-wrapper {
  margin-top: 0px !important; }

.contact-us-page-block2 .banner__container .banner__container--text-container--without-background .banner__container--text-wrapper {
  padding-top: 10%; }

.nppe-module-product-profile-admin-home form fieldset:nth-child(2) .filter-home__heading span {
  margin: 0 auto; }

@media only screen and (max-width: 768px) {
  .all-mobile-menu a {
    display: block; }
  .health-checker-banner-bottom:after {
    height: 60px;
    transform: translateX(0%); }
  .health-checker-banner-bottom .banner__container--text-container {
    top: 20% !important; } }

@media only screen and (min-width: 768px) {
  .nppe-module-product-profile-admin-home h2 {
    width: 82%;
    text-align: center; }
  #block-views-block-nppe-pro-plan-products-block-1 {
    font-size: 18px; }
  #block-views-block-nppe-pro-plan-products-block-1 .owl-wrapper-outer, .owl-wrapper-outer {
    height: 434px;
    overflow: hidden; }
  .paragraph--type--bp-carousel.slide .carousel-indicators {
    bottom: 50px; }
  .paragraph--type--bp-carousel.slide .carousel-inner .paragraph__column .paragraph--type--bp-image::after {
    height: 115px; } }

@media only screen and (min-width: 992px) {
  header#navbar .navbar-collapse ul li a {
    padding: 0 20px; } }

@media only screen and (min-width: 1200px) {
  .nppe-module-product-profile-admin-home h2 {
    width: 60%; }
  .paragraph--type--bp-carousel.slide .carousel-indicators {
    bottom: 100px; }
  .paragraph--type--bp-carousel.slide .carousel-inner .paragraph__column .paragraph--type--bp-image::after {
    height: 125px; }
  #block-views-block-nppe-pro-plan-products-block-1 .owl-wrapper-outer, .owl-wrapper-outer {
    height: 400px;
    overflow: hidden; } }

.nppe-module-product-profile-admin-home form fieldset:last-of-type .filter-home__block-title {
  margin: 0px 0 10px !important; }

.filter-home__heading {
  font-size: 16px; }

.hero-flickety .banner__container--text {
  width: 45%; }

h2 {
  text-transform: uppercase; }

.nppe-module-product-profile-admin-home h2 {
  text-transform: inherit; }

.nppe-module-product-profile-admin-home form fieldset:last-of-type .filter-home__heading {
  font-size: 16px; }

.nppe-module-product-profile-admin-home {
  width: 90%;
  transform: translate(6%); }

.nppe-module-product-profile-admin-home form fieldset:last-of-type .btn:hover, .nppe-module-product-profile-admin-home form fieldset:last-of-type .paragraph-user-profile-pet-entity-edit-form .form-actions input:hover, .paragraph-user-profile-pet-entity-edit-form .form-actions .nppe-module-product-profile-admin-home form fieldset:last-of-type input:hover,
.nppe-module-product-profile-admin-home form fieldset:last-of-type .user-form .form-actions input:hover, .user-form .form-actions .nppe-module-product-profile-admin-home form fieldset:last-of-type input:hover,
.nppe-module-product-profile-admin-home form fieldset:last-of-type .user-pass .form-actions input:hover, .user-pass .form-actions .nppe-module-product-profile-admin-home form fieldset:last-of-type input:hover,
.nppe-module-product-profile-admin-home form fieldset:last-of-type .user-register-form .form-actions input:hover, .user-register-form .form-actions .nppe-module-product-profile-admin-home form fieldset:last-of-type input:hover,
.nppe-module-product-profile-admin-home form fieldset:last-of-type .user-login-form .form-actions input:hover, .user-login-form .form-actions .nppe-module-product-profile-admin-home form fieldset:last-of-type input:hover {
  border-color: black; }

@media screen and (max-width: 767px) {
  /* WUNJHBNPROPLAN-700@brett.gregson */
  #block-views-block-banner-extra-rows-block-2 {
    max-height: 580px !important; }
  .contact-faq-banner {
    max-height: 715px !important; }
  .contact-faq-banner .banner__container {
    height: 80vh !important; }
  .contact-us #block-views-block-banner-extra-rows-block-4 .breakout, .contact-us #block-views-block-banner-extra-rows-block-4 .store-locator,
  .contact-us #block-views-block-banner-extra-rows-block-3 .breakout,
  .contact-us #block-views-block-banner-extra-rows-block-3 .store-locator {
    left: -15px; }
  .nppe-compare header a {
    margin-top: 18px; }
  .views-mobile-table .owl-carousel .owl-wrapper-outer {
    overflow: visible; }
  .views-mobile-table h3 {
    font-size: 24px; }
  .views-flipped-table.nppe-compare table tbody .views-field {
    padding: 2px; }
  .views-flipped-table.nppe-compare table tbody tr > *:first-child {
    background-color: transparent;
    text-align: left;
    float: none;
    display: block;
    height: 32px;
    width: 27px;
    margin-top: 58px;
    line-height: 14px;
    transform: rotate(-90deg);
    border: none;
    font-size: 15px; }
  .paragraph-user-profile-pet-entity-edit-form .form-item {
    border: none; }
  .paragraph-user-profile-pet-entity-edit-form,
  .user-form,
  .user-pass,
  .user-register-form,
  .user-login-form {
    border: none; }
  .user-profile-pet-outer-wrapper .user-profile-pet-row-inner-wrapper.empty-row, .user-profile-pet-outer-wrapper .views-row.empty-row {
    width: 150px;
    height: 150px;
    padding-top: 45px;
    margin-left: 30px !important; }
  .user-profile--my-details .user-profile--my-pets .views-field-field-nppe-upload-a-photo-of-you .field-content .no-photo-wrapper {
    width: 150px;
    height: 150px;
    padding-top: 45px; }
  .user-form .form-item {
    border: none; }
  .user-profile-pet-outer-wrapper .user-profile-pet-row-inner-wrapper {
    display: inline-block;
    margin: 0 20px;
    width: 100%; }
  .user_profile_my_pets_wrapper.container, .tabs-outer-wrapper #block-tabs ul.user_profile_my_pets_wrapper, .store-locator .user_profile_my_pets_wrapper#views-exposed-form-nppe-store-locator-page-1, .store-locator > .user_profile_my_pets_wrapper.map-wrapper, .store-locator > .views-element-container > .store-locator > .user_profile_my_pets_wrapper.map-wrapper {
    margin: 0 auto;
    width: 100%;
    text-align: center; }
  .user-profile-my-pets-bottom-curve-outer-wrapper:after {
    left: -13px !important; }
  .user-profile-pet-outer-wrapper .user-profile-pet-title-wrapper {
    padding-left: 0; }
  .user-profile-pet-outer-wrapper .user-profile-pet-row-inner-wrapper {
    margin-left: 0px !important; }
  .delete body {
    width: 100% !important;
    text-align: center !important;
    margin-top: 200px !important; }
  header#navbar > .container .navbar-toggle, .tabs-outer-wrapper #block-tabs header#navbar > ul .navbar-toggle, .store-locator header#navbar > #views-exposed-form-nppe-store-locator-page-1 .navbar-toggle, header.store-locator#navbar > .map-wrapper .navbar-toggle, .store-locator > .views-element-container > header.store-locator#navbar > .map-wrapper .navbar-toggle {
    z-index: 9999; }
  .timeline-cards .timeline-card-wrapper.for-product {
    margin-left: 20px !important; }
  .timeline-cards .timeline-card-wrapper:nth-child(1) {
    margin: 20px !important; }
  .timeline-cards .timeline-card-wrapper:nth-child(2) {
    margin: 20px !important; }
  .timeline-cards .timeline-card-wrapper:nth-child(3) {
    margin: 20px !important; }
  .timeline-cards .timeline-card-wrapper:nth-child(even) {
    margin: 20px !important; }
  .timeline-cards .timeline-card-wrapper:nth-child(odd) {
    margin: 20px !important; }
  .health-checker-inner-wrapper {
    display: block;
    transform: scale(0.63);
    position: relative;
    left: -28%;
    width: 100%; }
  .health-checker-view.body-area-terms .item-list ul li {
    width: 100%; }
  .health-checker.health-checker-parent-image-wrapper {
    position: relative;
    top: -11px !important; } }

.health-checker-related-products-block .product-detail__related-product--content .teaser-title {
  padding: 10px;
  height: 89px;
  overflow: hidden; }

.breakout, .store-locator {
  z-index: 11 !important; }

.tabledrag-toggle-weight-wrapper {
  display: none; }

.header#navbar.navbar-collapse nav > ul.menu > li > ul.menu {
  width: 74vw !important; }

.header#navbar.navbar-collapse nav > ul.menu > li > ul.menu {
  left: -17px !important; }

.fake-button {
  text-align: center;
  margin-left: 29px; }

@media (max-width: 767px) {
  .why-proplan-block-timeline h2 {
    border-bottom: 0;
    text-align: center;
    transform: none;
    top: -32px; }
  abbr[title], acronym[title] {
    border-color: #000 !important; }
  header#navbar .navbar-collapse ul li a {
    padding: 0 26px 0 0 !important; }
  .blank-menu {
    color: #8b8b8b;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 0px; }
  .blank-menu-underline {
    color: #8b8b8b;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    padding-left: 0px; }
  .owl-theme .owl-controls .owl-page {
    display: none; }
  .fake-button {
    margin-left: 60px; } }

.image-content-box .box-text p {
  margin-top: 0; }

.whyproplan-container:hover .summary {
  text-shadow: rgba(0, 0, 0, 0.6) -1px -1px 2px, rgba(0, 0, 0, 0.6) 1px 1px 2px, rgba(0, 0, 0, 0.6) 1px -1px 2px, rgba(0, 0, 0, 0.6) -1px 1px 2px; }

.whyproplan-container:hover .title {
  text-shadow: rgba(0, 0, 0, 0.6) -1px -1px 2px, rgba(0, 0, 0, 0.6) 1px 1px 2px, rgba(0, 0, 0, 0.6) 1px -1px 2px, rgba(0, 0, 0, 0.6) -1px 1px 2px; }

.user-login-form .form-actions input,
.user-register-form .form-actions input,
.user-pass .form-actions input {
  border-radius: 30px;
  color: #fff;
  border-color: #000;
  background-color: #000;
  padding: 10px 90px;
  text-decoration: none; }

.user-login-form .form-actions input:hover,
.user-register-form .form-actions input:hover,
.user-pass .form-actions input:hover {
  background-color: #fff !important;
  color: #000 !important;
  padding: 10px 90px !important; }

.paragraph-user-profile-pet-entity-edit-form #edit-account input,
.user-form #edit-account input {
  width: 100%; }

.user-login-form .form-item input {
  width: 70%; }

.path-user #page .user-register-form,
.path-user #page .user-pass,
.path-user #page .user-login-form {
  width: 60vw; }

#block-hellos {
  width: 60vw; }

#edit-password-policy-status {
  display: none; }

@media screen and (min-device-width: 1024px) and (max-device-width: 1446px) and (-webkit-min-device-pixel-ratio: 1) {
  .path-frontpage footer#footer.footer {
    bottom: -79px !important; } }

@media (max-width: 991px) {
  header#navbar #main-navbar-collapse.navbar-collapse ul li:first-child {
    border-bottom: none !important; } }

.webform-submission-contact-us-add-form fieldset#edit-communications--wrapper {
  border-bottom: 1px solid #d6d6d6; }

.webform-submission-contact-us-add-form #edit-communications {
  padding-bottom: 26px; }

.webform-submission-contact-us-add-form .js-form-type-radio {
  margin-right: 30px; }

.webform-submission-contact-us-add-form div#edit-markup-01 {
  padding-top: 26px; }

.webform-submission-contact-us-add-form .webform-button--submit {
  text-transform: uppercase; }

.webform-submission-contact-us-add-form #edit-actions {
  padding-top: 40px; }

.pager {
  padding-top: 50px; }

.page-node-type-dsu-product nav.breadcrumb ul.list {
  border-bottom: 1px solid rgba(214, 214, 214, 0.2); }

nav.breadcrumb ul.list {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

.path-sitemap .sitemap-menu a.hidden-lg.hidden-md {
  display: block !important; }

.pretty-path-facets .views-exposed-form details.form-item summary:before {
  border-left: 19px solid #f7f7f7; }

.hide {
  display: none !important; }

.health-checker-view.body-area-terms .item-list ul li a.is-active {
  border: 3px solid #cecece;
  background-color: #dcdcdc; }

.warning {
  background: #f2dede !important;
  border: 1px solid #ebcccc; }

.attention {
  background-color: #fcf8e3 !important;
  border-color: #faf2cc; }

.low {
  background-color: #dff0d8 !important;
  border-color: #d0e9c6; }

.warning-block-wrapper > .warning-wrapper:nth-child(2) {
  display: none; }

.why-proplan .timeline-cards .timeline-card-wrapper .timeline-card {
  display: none; }

.why-proplan .nppe_timeline_card_date_small {
  display: none; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #block-nppe-pro-plan-mobile-search-block .navbar-search-block-wrapper header input#searchableinput,
  #block-views-block-nppe-pro-plan-search-block-block-1 .navbar-search-block-wrapper header input#searchableinput {
    padding: 5px 25px; }
  .packshot__container {
    width: 33%; }
  .path-frontpage footer.footer#footer {
    bottom: 0px; }
  .nppe_module_content_product_profile > div > .col-lg-6 {
    display: block; } }

@supports (-ms-ime-align: auto) {
  #block-nppe-pro-plan-mobile-search-block .navbar-search-block-wrapper header input#searchableinput,
  #block-views-block-nppe-pro-plan-search-block-block-1 .navbar-search-block-wrapper header input#searchableinput {
    padding: 0px 15px; }
  .packshot__container {
    width: 33%; }
  .nppe_module_content_product_profile > div > .col-lg-6 {
    display: block; } }

.flickity-page-dots .dot.is-selected {
  opacity: 1;
  background: #fff; }

header#navbar .navbar-collapse nav > ul.menu > li > ul.menu {
  width: 69vw;
  cursor: default; }

header#navbar #main-navbar-collapse.navbar-collapse nav > ul.menu > li > ul.menu > .megamenu--top-tier .megamenu--tier-two > ul.menu .megamenu--tier-three.col-xs-6 {
  margin-bottom: 10px; }

.products-related-breakout {
  background-color: #f6f6f6;
  transform: translateX(-50%);
  margin-bottom: -10px; }

.products-related-breakout .nppe-pro-plan-related-products {
  transform: translateX(81%);
  padding-bottom: 40px;
  margin-bottom: 0px; }

@media screen and (max-width: 991px) {
  .products-related-breakout .nppe-pro-plan-related-products {
    transform: translateX(65%); } }

@media screen and (max-width: 767px) {
  .products-related-breakout .nppe-pro-plan-related-products {
    transform: translateX(65%); } }

.nppe-pro-plan-related-products-articles-page {
  padding-bottom: 50px; }

.nppe-pro-plan-related-products-articles-page .homepage__featured-product--container {
  width: 250px !important;
  padding: 25px 15px;
  border-radius: 5px;
  border: 1px solid #ebebec;
  box-shadow: 1px 2px 4px #ebebec;
  margin: 5px 7px 15px;
  float: left; }

li.megamenu--parent {
  cursor: pointer; }

header#navbar .navbar-collapse nav > ul.menu > li > ul.menu > .megamenu--top-tier > ul.menu {
  cursor: default; }

.purina-layouts__article--body-container .paragraph > .paragraph__column .paragraph > .paragraph__column {
  width: auto;
  height: auto;
  overflow: hidden;
  border-radius: 7px; }

.purina-search-page h3 {
  margin-bottom: 30px; }

.purina-search-page-products .views-row {
  border: none;
  padding: 0;
  margin: 0; }

.purina-search-page-products .homepage__featured-product--container {
  margin-bottom: 30px; }

.purina-search-page-articles .views-field-title {
  text-decoration: underline; }

.purina-search-page-articles .views-field-title a {
  color: #000; }

.navbar-search-block-wrapper.searchable-area .cols-0 tr {
  display: none; }

.navbar-search-block-wrapper.searchable-area .cols-0 tr:nth-child(-n+3) {
  display: block; }

.video_wrapper {
  height: 500px; }

.video_wrapper .video {
  height: 500px; }

.video_wrapper .video iframe {
  max-height: 500px; }

.all-mobile-menu a {
  display: none; }

.path-frontpage .custom-heading-banner .banner__container--image {
  height: 700px; }

.custom-heading-banner .banner__container--image {
  margin-top: 7px; }

.nppe-benefit-icons-product {
  border-radius: 0px;
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0px;
  display: inherit;
  margin: 0 auto;
  transform: translateX(0);
  width: 950px;
  margin-top: -92px;
  margin-bottom: 50px; }

.nppe-benefit-icons-product h2 {
  display: none; }

.nppe-benefit-icons-product .pro-plan-benefit-icons {
  border-radius: 5px;
  background: #fff;
  border: 1px solid #ebebec;
  box-shadow: 1px 2px 4px #ebebec;
  width: 450px;
  position: relative;
  padding: 8px;
  display: inline-table;
  margin: 12px;
  float: left; }

.nppe-benefit-icons-product .pro-plan-benefit-icons .pro-plan-benefit-description {
  margin: auto;
  display: contents;
  box-shadow: none;
  float: left;
  vertical-align: middle;
  position: absolute; }

.nppe-benefit-icons-product .pro-plan-benefit-icons .pro-plan-benefit-description > div {
  vertical-align: middle;
  margin: 5px; }

.nppe-benefit-icons-product .pro-plan-benefit-icons .pro-plan-benefit-image {
  display: inline-block;
  border: none;
  box-shadow: none;
  width: 95px;
  height: auto;
  float: left;
  margin: 0px;
  vertical-align: middle; }

.nppe-benefit-icons-product .pro-plan-benefit-icons .pro-plan-benefit-image img {
  width: 70px; }

.product-benefits-icons-comparison {
  float: left;
  margin: 5px; }

.product-benefits-icons-comparison h2 {
  display: none; }

.product-benefits-icons-comparison .pro-plan-benefit-icons .pro-plan-benefit-image img {
  width: 30px; }

abbr[title], acronym[title] {
  border-color: #000 !important; }

/* WUNJHBNPROPLAN-696@brett.gregson */
.menu-item .blank-menu-underline {
  cursor: default;
  text-decoration: none; }

header#navbar > .container > .navbar-header, .tabs-outer-wrapper #block-tabs header#navbar > ul > .navbar-header, .store-locator header#navbar > #views-exposed-form-nppe-store-locator-page-1 > .navbar-header, header.store-locator#navbar > .map-wrapper > .navbar-header, .store-locator > .views-element-container > header.store-locator#navbar > .map-wrapper > .navbar-header {
  z-index: 9999; }

/* @rod.tusse */
.tooltip {
  opacity: 1;
  background: black;
  opacity: 0.8;
  color: white;
  padding: 10px;
  border-radius: 5px;
  position: absolute !important;
  z-index: 99999 !important;
  max-width: 300px; }

#block-views-block-nppe-pro-plan-search-block-block-1 .navbar-search-block-wrapper table tr:nth-child(-n+4) {
  display: none; }

#block-views-block-nppe-pro-plan-search-block-block-1 .navbar-search-block-wrapper table tr:nth-child(-n+3) {
  display: block;
  clear: both; }

#block-views-block-nppe-pro-plan-search-block-block-1 .navbar-search-block-wrapper table tr td img {
  float: left !important; }

#block-views-block-nppe-pro-plan-search-block-block-1 .navbar-search-block-wrapper table tr td {
  display: inline; }

#block-views-block-nppe-pro-plan-search-block-block-1 .navbar-search-block-wrapper table {
  min-height: 250px;
  border-right: 1px solid #e6e6e6; }

span.blank-menu-underline {
  font-weight: bold;
  text-decoration: underline !important; }

input#edit-petname {
  border: none !important;
  background: none !important;
  -webkit-appearance: none !important; }

.nppe_module_content_product_profile .form-item-petname {
  border-bottom: none; }

h3 {
  margin: 0px 0 4px; }

.contact-us-banner-block-new .info-block p,
.contact-us-banner-block-new .info-block a {
  border: none !important;
  color: #6b6b6b !important; }

.banner-mobile__health-checker {
  margin-top: 23px; }

.wide-banners.push-text-far-right.contact-us-page-block2 .banner__container--text h1 {
  padding-top: 40px; }

@media screen and (max-width: 991px) and (min-width: 768px) {
  .banner-background-full .banner__container--image img {
    opacity: 1;
    background-color: #000;
    min-width: 161vw; }
  .wide-banners.push-text-right .banner__container--text h1, .wide-banners.push-text-far-right .banner__container--text h1,
  .wide-banners.push-text-far-right .banner__container--text p, .wide-banners.push-text-right .banner__container--text p {
    color: #000; }
  .banner__container--text-container .button {
    border-color: #000;
    color: #000; }
  .health-checker-banner-bottom:after {
    transform: translateX(-50%); }
  .health-checker-banner-bottom .container, .health-checker-banner-bottom .tabs-outer-wrapper #block-tabs ul, .tabs-outer-wrapper #block-tabs .health-checker-banner-bottom ul, .health-checker-banner-bottom .store-locator #views-exposed-form-nppe-store-locator-page-1, .store-locator .health-checker-banner-bottom #views-exposed-form-nppe-store-locator-page-1, .health-checker-banner-bottom .store-locator > .map-wrapper, .health-checker-banner-bottom .store-locator > .views-element-container > .store-locator > .map-wrapper {
    margin-top: 30px !important; }
  .wide-banners.push-text-right .banner__container--text h1, .wide-banners.push-text-far-right .banner__container--text h1 {
    font-size: 26px; }
  .wide-banners.push-text-right .banner__container--text, .wide-banners.push-text-far-right .banner__container--text {
    max-width: 70%; }
  .path-frontpage .banner__container--text-container {
    top: 5% !important; } }

@media screen and (min-device-width: 1152px) and (max-device-width: 1279px) and (-webkit-min-device-pixel-ratio: 1) {
  header#navbar .navbar-collapse nav > ul.menu > li > ul.menu > .megamenu--top-tier.megamenu--with-image .megamenu--with-image--above-image {
    display: none; }
  header#navbar .navbar-collapse ul li span {
    line-height: 25px; }
  header#navbar .navbar-collapse nav > ul.menu > li > ul.menu {
    left: -23vw;
    width: 95vw; }
  header#navbar .navbar-collapse ul li span {
    padding: 0 15px !important; }
  header#navbar .navbar-collapse ul li a, header#navbar .navbar-collapse ul li span {
    padding: 0 22px !important; }
  .fake-button {
    margin: 43px 31px !important;
    width: 32% !important; }
  .product-selector-block .image-content-box .box-image img {
    width: 427px; }
  #block-nppemoduleproductprofilecustomquiz-2 {
    top: -287px; }
  .nppe-pro-plan-products {
    margin-top: -329px; } }

@media screen and (min-device-width: 1200px) and (max-device-width: 1380px) and (-webkit-min-device-pixel-ratio: 1) {
  /* banners HP */
  .wide-banners.push-text-far-right .banner__container--text h1, .wide-banners.push-text-right .banner__container--text h1 {
    font-size: 26px;
    padding-bottom: 8px; }
  .wide-banners.push-text-far-right .banner__container--text-container .banner__container--text-wrapper {
    margin-left: 0; }
  .wide-banners.push-text-right .banner__container--text-container .banner__container--text-wrapper, .wide-banners.push-text-far-right .banner__container--text-container .banner__container--text-wrapper {
    width: 50%; }
  header#navbar .navbar-collapse nav > ul.menu > li > ul.menu {
    left: -16vw; }
  header#navbar .navbar-collapse nav > ul.menu > li > ul.menu > .megamenu--top-tier.megamenu--with-image .megamenu--with-image--above-image {
    display: none; }
  .nppe-pro-plan-products {
    margin-top: -30px; }
  .product-selector-block .image-content-box .box-image img {
    width: 516px; }
  .fake-button {
    margin: 9px 31px; }
  #block-nppemoduleproductprofilecustomquiz-2 {
    top: -18px; }
  .fake-button {
    margin: 14px 31px !important; } }

.navbar-search-block-wrapper form.views-exposed-form, .ajax-progress-fullscreen {
  display: none !important; }

.filter-tags-wrapper li a:before {
  transform: rotate(45deg); }

.filter-tags-wrapper li a:after {
  transform: rotate(-45deg); }

.filter-tags-wrapper li a:before, .filter-tags-wrapper li a:after {
  position: absolute;
  left: 15px;
  top: 0;
  content: ' ';
  height: 15px;
  width: 2px;
  background-color: #333; }

.filter-tags-wrapper li:before, .filter-tags-wrapper li:after {
  position: absolute;
  left: 0;
  top: 0;
  content: none;
  height: 0px;
  width: 0px;
  background-color: none; }

.pretty-path-facets .views-exposed-form details.form-item summary:after {
  cursor: pointer; }

.nppe-benefit-icons-product .pro-plan-benefit-icons .pro-plan-benefit-description {
  border: none;
  width: 75%;
  background-color: transparent; }

.nppe-product-selector-dropdown-block-wrapper {
  margin-top: 0; }

.nppe-pro-plan-compare-link-wrapper {
  margin-top: -15px; }

.hide-compare {
  display: none; }

/*
.navbar-search-block-wrapper table{

  display: none !important;

}
*/
.whyproplan-container {
  margin: 0 0 60px 0;
  width: 100%; }

.why-proplan-block-timeline h2 {
  top: -23px;
  max-width: 600px;
  text-align: center; }

.products-related-breakout {
  transform: translateX(-10%); }

@media screen and (max-width: 320px) {
  .products-related-breakout .nppe-pro-plan-related-products {
    transform: translateX(13%); }
  .path-frontpage .banner_responsive_container .banner_responsive_img {
    min-height: 112vh; }
  #block-views-block-nppe-pro-plan-products-block-1 .owl-wrapper-outer, .owl-wrapper-outer {
    height: 340px; }
  .nppe-module-product-profile-admin-home h2 {
    font-size: 27px; }
  .nppe-module-product-profile-admin-home form fieldset:nth-child(2) .filter-home__radio--item #edit-chooseyourpet div:first-of-type label {
    width: 100%; }
  .nppe-module-product-profile-admin-home form fieldset:nth-child(2) .filter-home__radio--item #edit-chooseyourpet div:last-of-type label {
    width: 100%; }
  #block-views-block-nppe-pro-plan-products-block-1 h2 {
    font-size: 26px !important; }
  #block-views-block-nppe-pro-plan-products-block-1 header {
    font-size: 18px !important; }
  .wide-banners.push-text-far-right .banner__container--text h1, .wide-banners.push-text-right .banner__container--text h1 {
    font-size: 18px !important; }
  .wide-banners.push-text-far-right .banner__container--text p,
  .wide-banners.push-text-right .banner__container--text p {
    font-size: 13px; }
  .banner__container--text-container .button {
    padding: 10px 8px !important;
    font-size: 11px !important; } }

@media screen and (max-width: 375px) {
  .products-related-breakout .nppe-pro-plan-related-products {
    transform: translateX(8%); }
  .wide-banners.push-text-far-right .banner__container--text h1, .wide-banners.push-text-right .banner__container--text h1 {
    font-size: 21px; }
  .wide-banners.push-text-far-right .banner__container--text h1 {
    width: 100%; }
  .wide-banners.push-text-far-right .banner__container--text p,
  .wide-banners.push-text-right .banner__container--text p {
    padding: 0 0 0px;
    margin-bottom: -3px !important; }
  .banner__container--text-container .button {
    padding: 10px 10px !important;
    font-size: 13px; }
  .nppe-module-product-profile-admin-home h2,
  .nppe-module-product-profile-admin-home form fieldset:nth-child(2) .filter-home__heading span {
    width: 100%; } }

@media screen and (max-width: 411px) {
  .products-related-breakout .nppe-pro-plan-related-products {
    transform: translateX(12%); } }

@media screen and (max-width: 414px) {
  .products-related-breakout .nppe-pro-plan-related-products {
    transform: translateX(12%); } }

@media screen and (max-width: 736px) {
  #_evh-ric {
    padding: 10px;
    width: 100% !important; }
  .products-related-breakout .nppe-pro-plan-related-products {
    transform: translateX(12%); }
  .products-related-breakout {
    transform: translateX(-6%); }
  #block-views-block-nppe-recently-viewed-nppe-recently-viewed .nppe-recently-viewed-top-curve-outer-wrapper:before {
    height: 60px;
    top: 1px; } }

@media screen and (max-width: 767px) {
  .health-checker-inner-wrapper .choose-animal-page {
    transform: scale(1) !important; }
  .health-checker.health-checker-dot-wrapper .health-checker.health-checker-hover-label {
    left: 0;
    display: inline-block;
    box-shadow: none; }
  .health-checker.health-checker-dot-wrapper .health-checker.health-checker-hover-label:after {
    background-image: none; }
  .health-checker-inner-wrapper {
    position: relative;
    height: auto;
    display: inline-block;
    left: 0;
    top: -120px; }
  .health-checker-view .views-row {
    top: 0;
    left: 0;
    position: relative;
    margin: 20px -65px; }
  .health-checker.health-checker-dot-wrapper .health-checker.health-checker-dot {
    left: 13px;
    margin: unset; }
  .health-checker-hover-label {
    top: 15px !important; }
  .choose-animal-page .health-checker.health-checker-wrapper {
    box-shadow: none;
    border: none; }
  .health-checker.health-checker-wrapper {
    position: relative;
    top: 0;
    display: block;
    left: 0;
    border: 1px solid #eee;
    box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
    border-radius: 13px; }
  .health-checker.health-checker-dot-wrapper {
    position: inherit;
    margin: 0 auto;
    padding: 10px;
    text-align: center; }
  .banner__container--image .mobile {
    margin-top: 73px; }
  .path-frontpage .banner__container--image .mobile {
    margin-top: 0px; }
  .custom-heading-banner .banner__container .banner__container--image img, #block-nppebasebanner .banner__container .banner__container--image img, .with-curved-image .banner__container .banner__container--image img {
    width: 100% !important;
    height: 100% !important;
    max-width: auto !important;
    min-height: auto !important; }
  .article-list__article-listing--container .grid-listing__container--content .details__container .article-title {
    margin: 15px 0 0px; }
  .nppe-module-product-profile-admin-home h2 {
    text-align: center; }
  .timeline-cards .timeline-card-wrapper.with-banner + .timeline-card-wrapper + .timeline-card-wrapper {
    margin: 0% 0 0 5% !important; }
  .timeline-card-wrapper .nppe_timeline_card_image .nppe_timeline_card-date-image-summary {
    margin: 20px !important; }
  .mobile_search_wrapper #block-nppe-pro-plan-mobile-search-block h2.close-search {
    position: absolute;
    display: block !important;
    top: 6px;
    z-index: 99999;
    background-image: url(../assets/close-x-button.png);
    filter: brightness(0) invert(1); }
  .footer__navigation {
    width: 95%; }
  .footer__copyright {
    width: 95%;
    margin-left: 16px; }
  .nppe-new-pet-tabbed-page .timeline-cards .timeline-card-wrapper:nth-child(even) {
    margin: 70px 0 67px 5% !important; }
  .nppe-new-pet-tabbed-page .timeline-cards .timeline-card-wrapper:nth-child(odd) {
    margin: 0px 6% 0px 22px !important; }
  .timeline-cards .timeline-card-wrapper {
    padding-bottom: 0 !important; }
  #block-views-block-nppe-pro-plan-products-block-1 .owl-carousel {
    margin-bottom: -50px !important; }
  #block-views-block-nppe-pro-plan-products-block-1 .owl-wrapper-outer {
    padding-bottom: 0px; }
  .banner__container--text-container .button {
    padding: 10px 18px; }
  .wide-banners.push-text-right .banner__container--text-container .banner__container--text-wrapper, .wide-banners.push-text-far-right .banner__container--text-container .banner__container--text-wrapper {
    width: 99%; }
  #block-views-block-nppe-recently-viewed-nppe-recently-viewed .nppe-recently-viewed-top-curve-outer-wrapper:before {
    height: 60px;
    top: 1px; }
  .path-frontpage .banner_responsive_container .banner_responsive_img {
    min-height: 95vh; }
  .custom-heading-banner .banner__container--image {
    height: 640px !important; }
  footer#footer .footer__navigation ul li {
    border-bottom: 1px solid #525252;
    width: 100%;
    padding: 5px 0 5px;
    margin: 0 0 0; }
  .health-checker-view footer p a.warning-start-again-button {
    margin-bottom: 25px; }
  .nppe-module-product-profile-admin-home {
    height: 700px; }
  #block-views-block-banner-extra-rows-block-2 {
    max-height: 100% !important; }
  .nppe-module-product-profile-admin-home h2,
  .nppe-module-product-profile-admin-home form fieldset:last-of-type .filter-home__block-title {
    font-size: 29px !important; }
  .timeline-cards-outer-wrapper {
    padding: 20% 0 28px; } }

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  footer#footer .footer__navigation ul li {
    display: inline-block;
    width: auto; }
  .footer__navigation {
    width: 90%; }
  .footer__copyright {
    width: 90%;
    padding-left: 13px; }
  footer#footer .footer__navigation ul li {
    border-bottom: none; }
  .nppe-module-product-profile-admin-home h2 {
    font-size: 36px !important; }
  .wide-banners.push-text-right .banner__container--text h1, .wide-banners.push-text-far-right .banner__container--text h1 {
    font-size: 23px !important; } }

.fake-button {
  padding: 5px 9px !important;
  font-size: 13px !important; }

.nppe-module-product-profile-admin-home h2,
.nppe-module-product-profile-admin-home form fieldset:last-of-type .filter-home__block-title {
  font-size: 40px; }

.nppe_module_content_product_profile button {
  padding: 10px 35px !important; }

.path-frontpage .banner__container--text-container {
  top: 10%; }

.health-checker-banner-bottom .banner__container--text-container {
  top: 30%; }

.article-detail__container--image .desktop img, .article-detail__container--image .tablet img, .article-detail__container--image .mobile img {
  opacity: 1 !important; }

.banner_responsive_container .banner_responsive_img {
  opacity: 1 !important; }

.product-detail__related-product--content .teaser-title {
  height: 89px; }

.homepage__featured-product--container .product-detail__related-product--content .teaser-title {
  height: 170px; }

.products .flag-compare-products a,
.products-compare-box .flag-compare-products a {
  z-index: 9999; }

.product-detail__container--content .details__container .where-to-buy:hover {
  background-color: #000;
  color: #fff; }

.article-detail__container--image .tablet:after {
  background-image: url(/sites/all/themes/custom/nppe_proplanmain_theme/dist/assets/down-curve.png);
  background-size: 100% 100%;
  content: "";
  z-index: 1;
  position: absolute;
  bottom: -2px;
  left: 0;
  display: block;
  width: 100vw;
  height: 100px;
  background-repeat: no-repeat;
  background-position: bottom center; }

.addtoany_list a img {
  width: 40px; }

.nppe-pro-plan-article-title-date .views-field-addtoany-share {
  padding-right: 20px; }

.why-proplan-block-timeline .timeline-card {
  display: none; }

.product-detail__container--content .details__container .where-to-buy {
  border: 1px solid #2f2f2f !important; }

.a2a_mini {
  width: auto !important;
  min-width: 100px !important; }

.a2a_kit .addtoany_share {
  display: none; }

.btn.buynow:hover, .paragraph-user-profile-pet-entity-edit-form .form-actions input.buynow:hover,
.user-form .form-actions input.buynow:hover,
.user-pass .form-actions input.buynow:hover,
.user-register-form .form-actions input.buynow:hover,
.user-login-form .form-actions input.buynow:hover {
  background-color: #1d1d1d !important;
  color: #fff !important; }

.collapsing {
  padding: 5px 10px; }

/*
table.cols-0.table-ts {
    display: inline-block!important;
}
*/
.timeline-card-wrapper.with-banner {
  display: none !important; }

/* NEWSLETTER STYLING*/
#block-newslettersignupform .newsletter h1 {
  color: #2f2f2f;
  text-align: left; }

.nppe-proplan-main-articles footer a.homepage-articles-view-all {
  display: block !important;
  width: 27% !important;
  margin: 0 auto; }

/* Hiding register buttons */
a.filter-home__control.btn.btn-register {
  display: none; }

fieldset[data-step="8"] .filter-custom-quiz__message {
  display: none !important; }

a.filter-custom-quiz__control.btn.btn-register {
  display: none !important; }

.views-flipped-table.nppe-compare .table-wrap table {
  margin-top: 5.4%; }

.flickity-prev-next-button.next,
.flickity-prev-next-button .flickity-button-icon {
  display: none; }

.banner__container--button {
  margin-top: -28px; }

.article-list__article-listing--container .grid-listing__container--content .details__container .article-description {
  min-height: 140px; }

.wide-banners.push-text-far-right .banner__container--text-container .banner__container--text-wrapper {
  margin-left: 0 !important; }

a#_evh-link {
  z-index: 9999; }

.store-locator .item-list > h3 {
  display: none; }

.store-locator .item-list ul .views-field-title h3:after {
  color: #000 !important; }

@media (min-width: 1281px) {
  .store-locator .item-list {
    margin-bottom: 0 !important; } }

.purina-layouts__article--body-container .paragraph > .paragraph__column .paragraph > .paragraph__column {
  overflow: unset !important; }

.products .flag-compare-products a,
.products-compare-box .flag-compare-products a {
  z-index: 9; }

.nppe-pro-plan-compare-link-wrapper {
  z-index: 99999; }

.purina-layouts__article--body img {
  max-width: 100%; }

body.path-frontpage .homepage__featured-product--container:hover {
  background: #ffffff;
  color: #171717 !important; }

.homepage__featured-product--container .product-detail__related-product--content .teaser-title:hover {
  color: #171717 !important; }

body.path-frontpage .product-detail__related-product--container:hover .teaser-title,
body.path-frontpage .product-detail__featured-product--container:hover .teaser-title,
body.path-frontpage .homepage__related-product--container:hover .teaser-title,
body.path-frontpage .homepage__featured-product--container:hover .teaser-title {
  color: #000 !important; }

.paragraph.paragraph--type--bp-columns > .paragraph__column {
  padding: 20px 0; }

.map-wrapper .views-field.views-field-nothing-1, .map-wrapper .views-field.views-field-nothing {
  display: inline-block; }

@media screen and (max-width: 767px) {
  .health-checker.health-checker-dot-wrapper.active .health-checker.health-checker-hover-label, .health-checker.health-checker-dot-wrapper:hover .health-checker.health-checker-hover-label {
    box-shadow: none !important; }
  .health-checker.health-checker-dot-wrapper.active .health-checker.health-checker-hover-label:after, .health-checker.health-checker-dot-wrapper:hover .health-checker.health-checker-hover-label:after {
    background-image: none; }
  .health-checker-parent-image-wrapper img {
    width: 100% !important; } }

@media screen and (min-device-width: 1200px) and (max-device-width: 1380px) and (-webkit-min-device-pixel-ratio: 1) {
  /* banners HP */
  .wide-banners.push-text-far-right .banner__container--text h1, .wide-banners.push-text-right .banner__container--text h1 {
    font-size: 26px;
    padding-bottom: 8px; }
  .wide-banners.push-text-far-right .banner__container--text-container .banner__container--text-wrapper {
    margin-left: 0; }
  .wide-banners.push-text-right .banner__container--text-container .banner__container--text-wrapper, .wide-banners.push-text-far-right .banner__container--text-container .banner__container--text-wrapper {
    width: 50%; }
  header#navbar .navbar-collapse nav > ul.menu > li > ul.menu {
    left: -16vw; }
  header#navbar .navbar-collapse nav > ul.menu > li > ul.menu > .megamenu--top-tier.megamenu--with-image .megamenu--with-image--above-image {
    display: none; }
  .nppe-pro-plan-products {
    margin-top: -30px; }
  .product-selector-block .image-content-box .box-image img {
    width: 516px; }
  .fake-button {
    margin: 9px 31px; }
  #block-nppemoduleproductprofilecustomquiz-2 {
    top: -18px; }
  .fake-button {
    margin: 14px 31px !important; } }

@media screen and (max-width: 767px) {
  .health-checker-view.choose-animal-page .health-checker.health-checker-parent-image > a {
    margin-right: -10px; }
  .choose-animal-page .health-checker-inner-wrapper {
    top: 0; }
  .health-checker.health-checker-dot-wrapper .health-checker.health-checker-hover-label {
    left: 0;
    display: inline-block;
    box-shadow: none; }
  .health-checker.health-checker-dot-wrapper .health-checker.health-checker-hover-label:after {
    background-image: none; }
  .health-checker-inner-wrapper {
    position: relative;
    height: auto;
    display: inline-block;
    left: 0;
    top: -120px; }
  .health-checker-view .views-row {
    top: 0;
    left: 0;
    position: relative;
    margin: 20px -65px; }
  .health-checker.health-checker-dot-wrapper .health-checker.health-checker-dot {
    left: 13px;
    margin: unset; }
  .health-checker-hover-label {
    top: 15px !important; }
  .choose-animal-page .health-checker.health-checker-wrapper {
    box-shadow: none;
    border: none; }
  .health-checker.health-checker-wrapper {
    position: relative;
    top: 0;
    display: block;
    left: 0;
    border: 1px solid #eee;
    box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
    border-radius: 13px; }
  .health-checker.health-checker-dot-wrapper {
    position: inherit;
    margin: 0 auto;
    padding: 10px;
    text-align: center; }
  .health-checker.health-checker-dot-wrapper.active .health-checker.health-checker-hover-label, .health-checker.health-checker-dot-wrapper:hover .health-checker.health-checker-hover-label {
    box-shadow: none !important; }
  .health-checker.health-checker-dot-wrapper.active .health-checker.health-checker-hover-label:after, .health-checker.health-checker-dot-wrapper:hover .health-checker.health-checker-hover-label:after {
    background-image: none; }
  .health-checker-parent-image-wrapper img {
    width: 100% !important; } }

@media screen and (max-width: 320px) {
  .wide-banners.push-text-far-right .banner__container--text h1, .wide-banners.push-text-right .banner__container--text h1 {
    font-size: 18px !important; }
  .wide-banners.push-text-far-right .banner__container--text p,
  .wide-banners.push-text-right .banner__container--text p {
    font-size: 13px; }
  .banner__container--text-container .button {
    padding: 10px 8px !important;
    font-size: 11px !important; }
  .fake-button {
    padding: 3px 8px !important;
    font-size: 11px !important; } }

.map-wrapper .views-field.views-field-nothing-1, .map-wrapper .views-field.views-field-nothing {
  display: inline-block; }

.product-detail__related-product--content .bvr-rating {
  min-height: 22px; }

.purina-layouts__article--body-container .paragraph > .paragraph__column .paragraph > .paragraph__column {
  overflow: unset !important; }

.products .flag-compare-products a,
.products-compare-box .flag-compare-products a {
  z-index: 9; }

.nppe-pro-plan-compare-link-wrapper {
  z-index: 99999; }

.purina-layouts__article--body img {
  max-width: 100%; }

body.path-frontpage .homepage__featured-product--container:hover {
  background: #ffffff;
  color: #171717 !important; }

.homepage__featured-product--container .product-detail__related-product--content .teaser-title:hover {
  color: #171717 !important; }

body.path-frontpage .product-detail__related-product--container:hover .teaser-title,
body.path-frontpage .product-detail__featured-product--container:hover .teaser-title,
body.path-frontpage .homepage__related-product--container:hover .teaser-title,
body.path-frontpage .homepage__featured-product--container:hover .teaser-title {
  color: #000 !important; }

.paragraph.paragraph--type--bp-columns > .paragraph__column {
  padding: 20px 0; }

.article-list__article-listing--container .grid-listing__container--content .details__container .article-description {
  min-height: 140px; }

.flickity-prev-next-button.next,
.flickity-prev-next-button .flickity-button-icon {
  display: none; }

body {
  font-family: "Nunito";
  line-height: 2.5rem; }

*:focus {
  outline: none; }

ul.pager__items.js-pager__items {
  margin-top: 100px;
  z-index: 1; }

.pager {
  clear: both;
  padding-top: 30px; }
  .pager li a {
    border: 1px solid #000;
    border-radius: 25px;
    color: #000;
    font-weight: 100; }
    .pager li a:hover {
      background-color: #000;
      color: #fff; }
  .pager .is-active a {
    background-color: #e8e8e8;
    color: #979797;
    border-color: #e8e8e8; }
  .pager .pager__item--first a {
    display: none; }
  .pager .pager__item--last a {
    display: none; }
  .pager .pager__item--previous,
  .pager .pager__item--next {
    font-size: 25px;
    position: relative;
    top: 3px; }

.map-wrapper {
  padding-bottom: 40px; }

.geolocation-common-map-container {
  border-radius: 8px; }

.store-locator .item-list {
  padding-top: 40px; }
  @media screen and (max-width: 991px) {
    .store-locator .item-list {
      padding-top: 0; } }
  @media screen and (max-width: 991px) {
    .store-locator .item-list .field-content {
      font-size: 16px; } }
  @media screen and (max-width: 991px) {
    .store-locator .item-list ul h3.field-content {
      font-size: 17px !important; } }
  @media screen and (max-width: 991px) {
    .store-locator .item-list ul .views-field {
      padding: 0 15px; } }
  @media screen and (max-width: 991px) {
    .store-locator .item-list ul .views-field-field-website,
    .store-locator .item-list ul .views-field-field-location {
      padding: 0 15px 30px 15px; }
      .store-locator .item-list ul .views-field-field-website a,
      .store-locator .item-list ul .views-field-field-location a {
        font-size: 13px !important;
        padding: 10px 20px; } }
  @media screen and (max-width: 991px) {
    .store-locator .item-list ul li {
      border-bottom: 1px solid #ccc;
      border-radius: 0;
      padding: 0; } }
  .store-locator .item-list h3 {
    font-size: 22px;
    padding-bottom: 10px;
    font-weight: 400; }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .store-locator .views-element-container:before {
    height: 79px; } }

.banner__container--image img {
  opacity: 1; }

.banner__container--image:after {
  height: 80px; }

.banner_responsive_container {
  background-color: #000; }
  .banner_responsive_container .banner_responsive_img {
    opacity: 0.88;
    min-height: 680px !important; }
    @media screen and (max-width: 991px) {
      .banner_responsive_container .banner_responsive_img {
        min-height: 450px;
        opacity: 0.8; } }

@media screen and (max-width: 991px) {
  .custom-heading-banner .banner__container--text-wrapper {
    left: 0;
    top: -50px; }
    .custom-heading-banner .banner__container--text-wrapper .banner__container--text {
      width: 100%; }
      .custom-heading-banner .banner__container--text-wrapper .banner__container--text h1 {
        font-size: 40px;
        color: #fff;
        padding-bottom: 10px;
        width: 65%; } }

.page-node-type-landing-page #block-nppebasebanner .banner__container {
  background-color: #000; }
  .page-node-type-landing-page #block-nppebasebanner .banner__container img {
    opacity: 0.88; }

.article-detail__container--image .desktop,
.article-detail__container--image .tablet,
.article-detail__container--image .mobile {
  background-color: transparent; }
  .article-detail__container--image .desktop img, .article-detail__container--image .tablet img, .article-detail__container--image .mobile img {
    opacity: 0.88; }

.paragraph .paragraph--width--full .paragraph--type--bp-carousel .carousel-inner {
  background-color: #000 !important; }

.custom-heading-banner .banner__container--text-wrapper .banner__container--text {
  width: 45%; }
  @media screen and (max-width: 767px) {
    .custom-heading-banner .banner__container--text-wrapper .banner__container--text h1 {
      width: 100%; } }

@media screen and (max-width: 767px) {
  .nppe-module-product-profile-admin-home {
    margin-top: 90px !important; } }

.nppe-module-product-profile-admin-home h1 {
  font-size: 45px;
  width: 60%;
  margin: 20rem auto 0;
  min-width: 283px; }
  @media screen and (max-width: 767px) {
    .nppe-module-product-profile-admin-home h1 {
      font-weight: 400;
      width: 100%; } }

@media screen and (max-width: 767px) {
  .nppe-module-product-profile-admin-home form fieldset:last-of-type .filter-home__heading {
    background: none;
    text-transform: none;
    font-size: 18px;
    color: #FFF;
    max-width: 85%;
    margin: 0 auto; } }

.nppe-module-product-profile-admin-home form fieldset:last-of-type .filter-home__block-title {
  font-weight: 300; }

.nppe-module-product-profile-admin-home form fieldset:nth-child(2) .filter-home__heading span {
  text-align: center;
  margin: 0 auto;
  font-size: 18px;
  width: 100%;
  padding-top: 15px; }

@media screen and (max-width: 991px) {
  .nppe_module_content_product_profile .form-item {
    width: 100%;
    margin-bottom: 0; } }
  @media screen and (max-width: 991px) and (max-width: 991px) {
    .nppe_module_content_product_profile .form-item label {
      font-size: 16px; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .nppe_module_content_product_profile .form-item {
    width: 100%;
    margin-bottom: 0; } }
  @media screen and (min-width: 768px) and (max-width: 991px) and (min-width: 768px) and (max-width: 991px) {
    .nppe_module_content_product_profile .form-item label {
      font-size: 16px; } }
  @media screen and (min-width: 768px) and (max-width: 991px) and (min-width: 768px) and (max-width: 991px) {
    .nppe_module_content_product_profile .form-item label {
      font-size: 16px; } }

@media screen and (max-width: 767px) {
  .nppe_module_content_product_profile .filter-custom-quiz #edit-chooseyourpet .form-item-chooseyourpet {
    width: 95%;
    margin-bottom: 25px; }
    .nppe_module_content_product_profile .filter-custom-quiz #edit-chooseyourpet .form-item-chooseyourpet label {
      display: -ms-inline-grid;
      display: inline-grid; }
      .nppe_module_content_product_profile .filter-custom-quiz #edit-chooseyourpet .form-item-chooseyourpet label:before {
        margin: 0 10px 0 0px; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .nppe_module_content_product_profile .filter-custom-quiz #edit-chooseyourpet .form-item-chooseyourpet {
    width: 95%;
    margin-bottom: 25px; }
    .nppe_module_content_product_profile .filter-custom-quiz #edit-chooseyourpet .form-item-chooseyourpet label {
      display: -ms-inline-grid;
      display: inline-grid; }
      .nppe_module_content_product_profile .filter-custom-quiz #edit-chooseyourpet .form-item-chooseyourpet label:before {
        margin: 0 10px 0 0px; } }

@media screen and (max-width: 767px) {
  .nppe_module_content_product_profile .filter-custom-quiz .filter-custom-quiz__hiiden {
    margin: 25px 0 15px;
    font-size: 20px; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .nppe_module_content_product_profile .filter-custom-quiz .filter-custom-quiz__hiiden {
    margin: 25px 0 15px;
    font-size: 20px; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .nppe_module_content_product_profile .filter-custom-quiz-user #edit-chooseyourpet .form-item-chooseyourpet {
    width: 265px; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .user-profile--my-details .user-profile--my-pets .views-field-field-nppe-upload-a-photo-of-you {
    width: 100%;
    height: 100%; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .user-profile--my-details .user-profile--my-profile-picture {
    padding: 7%; } }

.user-profile--my-details .nppe-proplan-user-profile.views-row {
  padding: 7% !important; }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .user_profile_my_pets_wrapper .paragraph__column .contextual {
    height: 155px;
    width: 155px;
    padding-top: 35px;
    left: 12px;
    top: -3px !important; } }

@media screen and (max-width: 767px) {
  .user_profile_my_pets_wrapper .paragraph__column .contextual {
    height: 150px;
    width: 150px;
    padding-top: 40px; } }

@media screen and (max-width: 767px) {
  .user_profile_my_pets_wrapper.container, .tabs-outer-wrapper #block-tabs ul.user_profile_my_pets_wrapper, .store-locator .user_profile_my_pets_wrapper#views-exposed-form-nppe-store-locator-page-1, .store-locator > .user_profile_my_pets_wrapper.map-wrapper, .store-locator > .views-element-container > .store-locator > .user_profile_my_pets_wrapper.map-wrapper {
    padding-left: 0;
    padding-top: 30px;
    padding-bottom: 30px; } }

@media screen and (max-width: 767px) {
  .user-profile-my-pets-top-curve-outer-wrapper:before {
    height: 40px !important;
    top: 21px !important; } }

@media screen and (max-width: 767px) {
  .user-profile-my-pets-bottom-curve-outer-wrapper:after {
    height: 40px !important;
    top: 0px; } }

@media screen and (max-width: 767px) {
  .user-profile-pet-outer-wrapper .user-profile-pet-title-wrapper {
    padding-left: 20px; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .paragraph-user-profile-pet-entity-edit-form {
    margin-top: 12%; } }

.user-logged-in .toolbar-fixed {
  padding-top: 0px !important; }

@media screen and (max-width: 767px) {
  .user-logged-in #block-nppe-proplanmain-theme-breadcrumbs {
    margin-bottom: 30px; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .nppe-module-product-profile-admin-home form fieldset:nth-child(2) .filter-home__radio {
    margin-left: 0; } }

.nppe-module-product-profile-admin-home form fieldset:nth-child(2) .filter-home__radio--item label {
  padding: 10px 35px;
  font-size: 16px; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .nppe-module-product-profile-admin-home form fieldset:nth-child(2) .filter-home__radio--item label {
      padding: 10px 25px; } }
  .nppe-module-product-profile-admin-home form fieldset:nth-child(2) .filter-home__radio--item label:hover {
    background-color: #000;
    color: #fff;
    border-color: #000; }

@media screen and (max-width: 767px) {
  .nppe-module-product-profile-admin-home form fieldset:nth-child(2) .filter-home__radio--item #edit-chooseyourpet div:first-of-type label {
    margin: 0 auto 20px;
    text-align: center;
    clear: both;
    width: 80%;
    display: block;
    float: none; } }
  @media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 991px) {
    .nppe-module-product-profile-admin-home form fieldset:nth-child(2) .filter-home__radio--item #edit-chooseyourpet div:first-of-type label {
      width: 60%; } }

@media screen and (max-width: 767px) {
  .nppe-module-product-profile-admin-home form fieldset:nth-child(2) .filter-home__radio--item #edit-chooseyourpet div:last-of-type label {
    margin: 0 auto 20px;
    text-align: center;
    clear: both;
    width: 80%;
    display: block;
    float: none; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .nppe-module-product-profile-admin-home form fieldset:nth-child(2) .filter-home__radio--item #edit-chooseyourpet div:first-of-type label {
    margin: 0 auto 20px;
    text-align: center;
    clear: both;
    width: 80%;
    display: block;
    float: none; }
  .nppe-module-product-profile-admin-home form fieldset:nth-child(2) .filter-home__radio--item #edit-chooseyourpet div:last-of-type label {
    margin: 0 auto 20px;
    text-align: center;
    clear: both;
    width: 80%;
    display: block;
    float: none; } }

.nppe-module-product-profile-admin-home h2 {
  line-height: 1.1em; }
  @media screen and (max-width: 991px) {
    .nppe-module-product-profile-admin-home h2 {
      font-size: 28px;
      letter-spacing: 1px;
      margin-top: 0px;
      padding-bottom: 15px; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .nppe-module-product-profile-admin-home h2 {
      width: 82%;
      text-align: center; } }

@media screen and (max-width: 991px) {
  .banner_responsive_container .banner_responsive_img {
    min-height: 81vh !important; } }

@media screen and (max-width: 767px) {
  .product-selector-block .image-content-box {
    margin: 0;
    width: 100%;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px; } }

.product-selector-block .image-content-box .box-image img {
  position: relative;
  width: 515px;
  z-index: 1; }
  @media screen and (max-width: 991px) {
    .product-selector-block .image-content-box .box-image img {
      display: none; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .product-selector-block .image-content-box .box-image img {
      width: 96%; } }

@media screen and (max-width: 767px) {
  .product-selector-block .image-content-box .box-image {
    margin: 0 15px; } }

.product-selector-block .image-content-box .box-text {
  position: relative;
  top: -290px;
  z-index: 2; }
  @media screen and (max-width: 767px) {
    .product-selector-block .image-content-box .box-text {
      padding: 0 18px; } }
  .product-selector-block .image-content-box .box-text .title h2 {
    text-transform: none !important;
    margin: 10px;
    color: #fff; }
  .product-selector-block .image-content-box .box-text p {
    color: #e0e0e0;
    padding-left: 10px;
    font-weight: 400;
    line-height: 1.5em;
    font-size: 14px; }
  @media screen and (max-width: 1199px) {
    .product-selector-block .image-content-box .box-text {
      top: 0;
      min-height: 290px;
      padding: 0 35px; } }
  .product-selector-block .image-content-box .box-text h4 {
    padding-top: 20px; }

@media screen and (max-width: 1199px) {
  .product-selector-block .image-content-box {
    background-color: #000;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin-bottom: 0; } }

.product-selector-block .product-selector-block-image {
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px; }
  @media screen and (max-width: 767px) {
    .product-selector-block .product-selector-block-image {
      max-height: 140px;
      margin: 0px;
      width: 100%; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .product-selector-block .product-selector-block-image {
      max-height: 272px; } }
  @media screen and (max-width: 1199px) {
    .product-selector-block .product-selector-block-image {
      margin-top: -18px; }
      .product-selector-block .product-selector-block-image .box-text {
        display: none; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .product-selector-block .product-selector-block-image .image-content-box .box-image img {
      width: 95.8%; } }
  @media screen and (max-width: 767px) {
    .product-selector-block .product-selector-block-image .image-content-box .box-image img {
      width: 100%; } }

.nppe-product-selector-dropdown-block {
  margin-bottom: -250px;
  padding-right: 0;
  padding-left: 0; }
  .nppe-product-selector-dropdown-block .product-selector-block-image .image-content-box .box-image img {
    border-radius: 0px 10px 10px 0px;
    width: 100% !important; }
    @media screen and (max-width: 1199px) {
      .nppe-product-selector-dropdown-block .product-selector-block-image .image-content-box .box-image img {
        border-radius: 0px 0px 10px 10px; } }
  @media screen and (max-width: 1199px) {
    .nppe-product-selector-dropdown-block {
      margin-bottom: -20px;
      padding-right: 15px;
      padding-left: 15px; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  #block-nppe-proplanmain-theme-content .nppe-pro-plan-products {
    margin-top: 115px; } }

.fake-button {
  position: relative;
  bottom: -260px;
  z-index: 9999;
  color: #fff;
  border: 1px solid #fff;
  width: 300px;
  padding: 12px 25px;
  border-radius: 30px;
  margin-left: 40px;
  cursor: pointer;
  font-weight: 400;
  font-size: 16px; }
  @media screen and (max-width: 767px) {
    .fake-button {
      font-size: 13px;
      bottom: -275px;
      width: 78% !important; } }
  @media screen and (max-width: 1199px) {
    .fake-button {
      width: 70%;
      margin: 0 auto !important;
      text-align: center !important; } }

.purina-layouts__article--main-header-container .col-md-12 {
  padding-left: 0;
  padding-right: 0; }

.purina-layouts__article--body img {
  border-radius: 7px;
  margin-top: 0px;
  margin-bottom: 0px; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .purina-layouts__article--body img {
      width: 100%; } }

.nppe-pro-plan-related-articles img {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.nppe-pro-plan-products .product-listing-page .homepage__featured-product--container {
  border-bottom: 1px solid #ccc;
  padding-bottom: 13px;
  margin-bottom: 17px; }

.product-detail__related-product--content .bvr-rating {
  margin: 0 auto;
  width: 35%; }

.product-detail__related-product--content .teaser-title {
  padding: 10px;
  font-weight: 400 !important; }

.nppe-pro-plan-products .js-form-item {
  background: #fff;
  display: inline-block;
  padding: 1px 5px;
  position: relative;
  border-bottom: 1px solid #cecece; }
  .nppe-pro-plan-products .js-form-item select {
    border: none;
    background-color: transparent; }

.nppe-pro-plan-products .select2-dropdown {
  margin-top: 5px; }

.nppe-pro-plan-products .select2-container {
  min-width: 100%;
  padding: 0 15px; }

.nppe-pro-plan-products .select2-container .select2-selection--single {
  height: 35px; }
  .nppe-pro-plan-products .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 5px;
    padding-right: 20px; }

.nppe-pro-plan-products .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 12px; }

.nppe-pro-plan-products .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 37px; }

.nppe-pro-plan-products .form-checkboxes .js-form-item {
  padding: 10px 6px 8px 0px !important;
  width: 100%;
  border-bottom: 1px solid #e8e8e8 !important; }

@media screen and (max-width: 1199px) {
  .homepage__featured-product--container .owl-buttons {
    top: 35% !important; }
  .banner__container--text-container {
    top: 84px; }
  .product-detail__related-product---image img {
    width: 100%;
    max-height: 100%; }
  #block-views-block-nppe-pro-plan-products-block-1 {
    margin-top: 0;
    font-size: 24px; } }
  @media screen and (max-width: 1199px) and (min-width: 768px) and (max-width: 991px) {
    #block-views-block-nppe-pro-plan-products-block-1 {
      font-size: 18px; } }
  @media screen and (max-width: 1199px) and (max-width: 767px) {
    #block-views-block-nppe-pro-plan-products-block-1 header {
      padding: 25px !important; } }
  @media screen and (max-width: 1199px) and (max-width: 991px) {
    #block-views-block-nppe-pro-plan-products-block-1 header {
      line-height: 1.5em !important; } }
  @media screen and (max-width: 1199px) and (max-width: 991px) {
    #block-views-block-nppe-pro-plan-products-block-1 h2 {
      font-size: 35px !important;
      padding: 0 27px !important; } }
  @media screen and (max-width: 1199px) and (max-width: 767px) {
    #block-views-block-nppe-pro-plan-products-block-1 .owl-pagination {
      display: none !important; } }
  @media screen and (max-width: 1199px) and (min-width: 768px) and (max-width: 991px) {
    #block-views-block-nppe-pro-plan-products-block-1 .owl-pagination {
      display: none !important; } }

@media screen and (max-width: 1199px) {
    #block-views-block-nppe-pro-plan-products-block-1 .owl-wrapper-outer {
      height: auto; } }
    @media screen and (max-width: 1199px) and (min-width: 768px) and (max-width: 991px) {
      #block-views-block-nppe-pro-plan-products-block-1 .owl-wrapper-outer {
        height: 434px;
        overflow: hidden; } }

.nppe-module-product-profile-admin-home {
  width: 100%;
  left: 0; }
  @media screen and (max-width: 991px) {
    .nppe-module-product-profile-admin-home form fieldset:nth-child(2) .filter-home__heading span {
      width: 84%;
      margin: 0 auto; } }
  @media screen and (max-width: 767px) {
    .nppe-module-product-profile-admin-home form fieldset:nth-child(2) .filter-home__heading span {
      width: 90%; } }

@media screen and (max-width: 991px) {
  .nppe-module-product-profile-admin-home form fieldset:nth-child(2) .filter-home__radio--item label {
    padding: 9px 23px; } }

@media screen and (max-width: 991px) {
  .paragraph--type--bp-carousel .slide .carousel-control {
    z-index: 9999; } }

@media screen and (max-width: 767px) {
  .paragraph--type--bp-carousel .slide .carousel-indicators {
    bottom: 80px !important; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .paragraph--type--bp-carousel .slide .carousel-indicators {
    bottom: 50px; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .paragraph--type--bp-carousel .slide .carousel-inner .paragraph__column .paragraph--type--bp-image:after {
    height: 115px; } }

@media screen and (max-width: 767px) {
  .wide-banners .push-text-far-right .banner__container--text {
    width: 82% !important; }
    .wide-banners .push-text-far-right .banner__container--text h1 {
      color: #fff;
      font-weight: 300;
      font-size: 30px;
      line-height: 1.5em; }
    .wide-banners .push-text-far-right .banner__container--text p {
      color: #fff;
      font-size: 16px; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .wide-banners .push-text-far-right .banner__container--text-container .banner__container--text-wrapper {
    margin-top: -45px !important; } }

@media screen and (max-width: 767px) {
  .wide-banners .push-text-right .banner__container--text {
    width: 82% !important; } }
  @media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 991px) {
    .wide-banners .push-text-right .banner__container--text {
      margin-top: -45%; } }

@media screen and (max-width: 767px) {
    .wide-banners .push-text-right .banner__container--text h1 {
      color: #fff;
      font-weight: 300;
      font-size: 30px;
      line-height: 1.5em; }
    .wide-banners .push-text-right .banner__container--text p {
      color: #fff;
      font-size: 16px; } }

@media screen and (max-width: 767px) {
  .wide-banners .banner__container--image .mobile {
    background-color: #000; }
    .wide-banners .banner__container--image .mobile img {
      opacity: 0.8; } }

@media screen and (max-width: 991px) {
  .wide-banners .banner__container--text-container .banner__container--text-wrapper {
    margin-top: -20px; } }

@media screen and (max-width: 991px) {
  .article-list__article-listing--container .grid-listing__container--content .details__container .article-title {
    font-size: 18px; } }

@media screen and (max-width: 767px) {
  .nppe-proplan-main-articles-mobile .nppe-proplan-main-articles-mobile {
    margin-bottom: 30px; } }

@media screen and (max-width: 991px) {
  .nppe-proplan-main-articles-mobile .owl-theme .owl-controls {
    margin-top: -10px;
    margin-bottom: 20px; } }

@media screen and (max-width: 991px) {
  #special-tabs .panel-body {
    padding-bottom: 40px; } }

.nppe-compare header a {
  float: right;
  margin-top: -22px;
  color: #000;
  text-decoration: underline; }

.custom-heading-banner .banner__container--text-wrapper {
  top: 0; }

.compare-this-product-link {
  text-align: center;
  margin-top: 14px; }
  .compare-this-product-link a:before {
    left: 40px; }

.nppe-pro-plan-products .views-row {
  margin-bottom: 20px; }

.compare-this-product-link .Remove a:after {
  left: 48px; }
  @media screen and (max-width: 767px) {
    .compare-this-product-link .Remove a:after {
      left: 28px; } }

@media screen and (max-width: 767px) {
  .compare-this-product-link .Remove a:before {
    left: 20px; } }

.paragraph--bp-accordion--container .bp-accordion--button {
  margin-bottom: 25px; }

.path-user #page .user-login-form {
  margin-bottom: 40px;
  padding-bottom: 20px;
  border-radius: 7px; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .path-user #page .user-login-form {
      width: 80vw; } }

.path-user #page .user-register-form {
  text-align: left;
  margin: 70px auto 0 !important;
  padding: 60px 80px 20px;
  position: relative;
  width: 50vw;
  min-width: 280px;
  border-radius: 7px; }
  @media screen and (max-width: 767px) {
    .path-user #page .user-register-form {
      margin: 6px auto 0 !important;
      padding: 15px 20px 20px !important;
      min-width: 300px; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .path-user #page .user-register-form {
      width: 80vw;
      margin: 30px auto 0; } }

.path-user #page .user-pass {
  margin-bottom: 40px;
  border-radius: 7px; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .path-user #page .user-pass {
      width: 80vw; } }

.path-user .tabs-outer-wrapper a {
  text-transform: uppercase; }
  .path-user .tabs-outer-wrapper a.is-active {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
    @media screen and (max-width: 767px) {
      .path-user .tabs-outer-wrapper a.is-active {
        background-color: #fff;
        padding: 0; } }

@media screen and (max-width: 767px) {
  .path-user .tabs-outer-wrapper li {
    background-color: #fff;
    display: block;
    width: 100%;
    margin: 10px;
    padding: 14px;
    border-radius: 5px;
    position: relative;
    left: -25px; } }

@media screen and (max-width: 767px) {
  .path-user .tabs-outer-wrapper li:active {
    background-color: #e4e4e4; } }

@media screen and (max-width: 767px) {
  .path-user .tabs-outer-wrapper .tabs-inner-wrapper {
    background-color: #ebebeb; } }

#block-hellos {
  width: 50vw; }
  @media screen and (max-width: 767px) {
    #block-hellos {
      min-width: 300px;
      padding: 0 30px 25px; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    #block-hellos {
      width: 80vw; } }

.nppe-pro-plan-products .views-exposed-form {
  margin-left: -15px; }

.nppe-pro-plan-products .views-exposed-form {
  margin-bottom: 25px;
  margin-top: 10px; }
  @media screen and (max-width: 991px) {
    .nppe-pro-plan-products .views-exposed-form .form-item {
      width: 100%; }
      .nppe-pro-plan-products .views-exposed-form .form-item summary:after {
        float: right; } }

@media screen and (max-width: 767px) {
  .tab4default .owl-pagination {
    display: none !important; } }

@media screen and (max-width: 767px) {
  .js-form-type-radio label {
    line-height: 40px; } }

@media screen and (max-width: 767px) {
  #block-views-block-nppe-proplan-articles-homepage-block h2 {
    font-size: 35px;
    padding: 0 20px; } }

@media screen and (max-width: 767px) {
  .path-frontpage .banner__container img {
    margin: 0 50%;
    transform: translate(-50%); } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .path-frontpage .banner__container {
    height: 37vh; } }

@media screen and (max-width: 767px) {
  .nppe-pro-plan-compare-link-wrapper .compare-this-product-link header {
    font-size: 19px;
    line-height: 1.4em;
    float: none;
    padding-right: 0; } }

.nppe-pro-plan-compare-link-wrapper .compare-this-product-link .views-row {
  float: none; }

@media screen and (max-width: 767px) {
  #block-nppemoduleproductprofilecustomquiz-2 {
    margin: 0 15px; } }

@media screen and (max-width: 767px) {
  .video_wrapper .video_thumbnail .glyphicon {
    line-height: 195px; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .video_wrapper .video_thumbnail .glyphicon {
    line-height: 413px !important; } }

@media screen and (max-width: 767px) {
  .generic-block__container--text-block p {
    padding: 0 20px; } }

@media screen and (max-width: 767px) {
  .articles .purina-layouts__article--main-header-container {
    padding: 0;
    border: none; } }

@media screen and (max-width: 767px) {
  .page-node-type-dsu-article .purina-layouts__article--main-header-container {
    padding: 0;
    border: none; } }

@media screen and (max-width: 767px) {
  .nppe-pro-plan-article-title-date .views-field-created {
    padding: 0 15px; }
  .nppe-pro-plan-article-title-date .views-field-title h1 {
    padding: 0 15px; } }

@media screen and (max-width: 767px) {
  .purina-layouts__article--body img {
    margin-top: 0px;
    margin-bottom: 20px; } }

@media screen and (max-width: 767px) {
  #block-views-block-nppe-pro-plan-related-articles-block-1 div:before {
    top: -59px !important; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  #block-views-block-nppe-pro-plan-related-articles-block-1 div:before {
    height: 120px !important; } }

.timeline-cards .timeline-card-wrapper .timeline-card {
  margin-bottom: 20px; }
  @media screen and (max-width: 767px) {
    .timeline-cards .timeline-card-wrapper .timeline-card .timeline-card--banner .banner__container--image {
      margin-top: 55px; } }

.timeline-cards-inner-wrapper .grid .timeline-cards .timeline-card-wrapper .timeline-card {
  height: 365px;
  max-height: 365px; }

.nppe_timeline_card_date .with-banner {
  top: -10px; }

.contact-faq-banner .banner__container--text {
  width: 100%; }

.contact-faq-banner .banner__container--text-wrapper {
  margin-top: 0px !important; }

.paragraph--type--bp-simple ul li {
  margin: 0 20px !important; }

.contact-us-page-block2 .banner__container .banner__container--text-container--without-background .banner__container--text-wrapper {
  padding-top: 10%; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .contact-us-page-block2 .banner__container .banner__container--text-container--without-background .banner__container--text-wrapper {
      padding-top: 15%; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  header #navbar .navbar-collapse ul li a {
    padding: 0 20px; } }

@media screen and (max-width: 767px) {
  header #navbar .navbar-collapse ul li a {
    padding: 0 26px 0 0 !important; } }

header #navbar .navbar-collapse .open-search {
  width: 90% !important; }
  @media screen and (max-width: 767px) {
    header #navbar .navbar-collapse .open-search .navbar-search-block-wrapper {
      display: block !important; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    header #navbar .navbar-collapse .open-search .navbar-search-block-wrapper {
      display: block !important; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  #block-views-block-nppe-pro-plan-search-block-block-1 .navbar-search-block-wrapper header .searchable-area {
    width: 85%; } }

@media screen and (max-width: 767px) {
  #navbar .navbar-collapse .menu-ac {
    width: 150px !important;
    margin-left: -85px; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  #navbar .navbar-collapse .menu-ac {
    width: 5px !important;
    margin-left: -25px; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .container, .tabs-outer-wrapper #block-tabs ul, .store-locator #views-exposed-form-nppe-store-locator-page-1, .store-locator > .map-wrapper, .store-locator > .views-element-container > .store-locator > .map-wrapper {
    width: 100% !important; } }

.hero-flickety {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  left: 50%;
  transform: translate(-50%);
  width: 100vw;
  margin-top: -98px; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .hero-flickety {
      margin-top: 43px; } }
  @media screen and (max-width: 767px) {
    .hero-flickety {
      margin-top: -20px; } }
  .hero-flickety .gallery-cell {
    width: 100%; }
  .hero-flickety .banner_responsive_container .banner_responsive_img {
    min-height: 635px; }
  .hero-flickety:after {
    background-image: url(../assets/down-curve.png);
    background-size: 100% 100%;
    content: "";
    z-index: 1;
    position: absolute;
    bottom: 8px;
    left: 0;
    display: block;
    width: 100vw;
    height: 140px;
    background-repeat: no-repeat;
    background-position: bottom center; }
    @media screen and (max-width: 767px) {
      .hero-flickety:after {
        bottom: 20px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .hero-flickety:after {
        height: 100px;
        bottom: 20px; } }
    @media screen and (max-width: 767px) {
      .hero-flickety:after {
        height: 50px; } }
  .hero-flickety .banner__container--image {
    background-color: #000; }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .hero-flickety .banner__container--image img {
        min-height: 630px; } }
  .hero-flickety .banner__container--text-container {
    top: 155px;
    color: #fff;
    text-shadow: 0px 0px 22px rgba(0, 0, 0, 0.29);
    font-size: 18px;
    line-height: 1.5em; }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .hero-flickety .banner__container--text-container {
        top: 200px;
        left: 40px; } }
    @media screen and (max-width: 767px) {
      .hero-flickety .banner__container--text-container {
        top: 90px;
        text-align: center;
        left: 0; } }
    .hero-flickety .banner__container--text-container h1 {
      margin-left: 0;
      line-height: 1.3em; }
      @media screen and (min-width: 768px) and (max-width: 991px) {
        .hero-flickety .banner__container--text-container h1 {
          font-size: 45px; } }
      @media screen and (max-width: 767px) {
        .hero-flickety .banner__container--text-container h1 {
          font-size: 35px; } }
  .hero-flickety .flickity-prev-next-button {
    background-color: transparent; }
    .hero-flickety .flickity-prev-next-button:hover {
      background-color: transparent; }

.flickity-rtl .flickity-prev-next-button.previous {
  right: 0px; }

.flickity-rtl .flickity-prev-next-button.next {
  left: 0px; }

@media screen and (max-width: 767px) {
  .banner-margin-left {
    margin-left: -15px; } }

@media screen and (max-width: 767px) {
  #block-views-block-nppe-recently-viewed-nppe-recently-viewed {
    margin-left: -40px; }
    #block-views-block-nppe-recently-viewed-nppe-recently-viewed .nppe-recently-viewed-top-curve-outer-wrapper:before {
      background-size: 100% auto;
      height: 35px;
      top: 27px; } }
    @media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 991px) {
      #block-views-block-nppe-recently-viewed-nppe-recently-viewed .nppe-recently-viewed-top-curve-outer-wrapper:before {
        top: 60px !important;
        height: 82px !important; } }

@media screen and (max-width: 767px) {
  .nppe-new-pet-tabbed-page .nav li a {
    width: 48%;
    float: left; } }

.nppe-new-pet-tabbed-page .panel-heading ul.nav-tabs li.tab-pane a {
  padding: 10px 45px 10px; }

#block-views-block-banner-extra-rows-block-4 .wide-banners.push-text-far-right .banner__container--text p {
  color: #6b6b6b; }

#block-views-block-banner-extra-rows-block-4 .wide-banners.push-text-right .banner__container--text p {
  color: #6b6b6b; }

.contact-us-banner-block-new {
  background-color: #fff;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 10px; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .contact-us-banner-block-new {
      transform: translate(5%); } }
  .contact-us-banner-block-new .info-block {
    padding-top: 40px; }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .contact-us-banner-block-new .info-block {
        padding-top: 25px;
        text-align: center; } }
    .contact-us-banner-block-new .info-block:last-of-type:last-child:before {
      position: absolute;
      width: 1px;
      height: 150px;
      background-color: #efefef;
      content: '';
      margin-left: -60px;
      margin-top: -9px; }
    .contact-us-banner-block-new .info-block h3 {
      padding-bottom: 10px; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .contact-us-banner-block-new {
      height: 269px; } }

.filter-custom-quiz-user {
  min-width: 62vw;
  margin-top: 0;
  left: 0;
  right: 0; }
  .filter-custom-quiz-user:after {
    display: none; }
  .filter-custom-quiz-user:before {
    background-color: transparent;
    background-image: none;
    height: 0; }

.path-user .nppe-module-product-profile-admin-quiz .close-button {
  top: 15px;
  right: 0; }

@-moz-document url-prefix() {
  .hero-flickety {
    position: relative;
    -moz-transform: translate(-50%);
    margin-top: -4.5%; }
  .path-frontpage .hero-flickety {
    margin-top: 0; } }

.header-text-size {
  font-size: 18px;
  line-height: 1.5em; }

.nppe-proplan-main-articles header p {
  font-size: 18px;
  line-height: 1.5em; }

.nppe_recently_viewed_header p {
  font-size: 18px;
  line-height: 1.5em; }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .banner-background-full .banner__container--image img {
    opacity: 0.8;
    background-color: #000;
    min-width: 130vw;
    width: 100%; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .article-list__article-listing--container .grid-listing__container--content .details__container .article-title {
    height: auto !important; } }

.product-selector-block-image .image-content-box .box-image img {
  width: 95.8% !important; }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .black-band-wrapper {
    display: block; } }

@media screen and (max-width: 767px) {
  .black-band-wrapper {
    display: block;
    top: 7px; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .black-band-wrapper #block-views-block-nppe-proplan-user-profile-block-3 {
    margin-top: 52px;
    background-color: #1b1819;
    padding: 8px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px; } }

@media screen and (max-width: 767px) {
  .black-band-wrapper #block-views-block-nppe-proplan-user-profile-block-3 {
    margin-top: 15px;
    margin-right: 65px; } }

@media screen and (max-width: 767px) {
  .black-band-wrapper #block-views-block-nppe-proplan-user-profile-block-3 .views-row .views-field-name {
    display: none; } }

@media screen and (max-width: 767px) {
  .black-band-wrapper #block-views-block-nppe-proplan-user-profile-block-3 .views-row .views-field-field-nppe-profile-image {
    display: block; } }

@media screen and (max-width: 767px) {
  .no-pets {
    width: 100%;
    margin-left: -15px; } }

@media screen and (max-width: 767px) {
  .no-pets .user-profile-my-pets-top-curve-outer-wrapper:before {
    height: 38px;
    top: 22px; } }

@media screen and (max-width: 767px) {
  .no-pets .user-profile-my-pets-top-curve-outer-wrapper:after {
    height: 35px !important; } }

@media screen and (max-width: 767px) {
  .no-pets .user_profile_my_pets_wrapper .container, .no-pets .user_profile_my_pets_wrapper .tabs-outer-wrapper #block-tabs ul, .tabs-outer-wrapper #block-tabs .no-pets .user_profile_my_pets_wrapper ul, .no-pets .user_profile_my_pets_wrapper .store-locator #views-exposed-form-nppe-store-locator-page-1, .store-locator .no-pets .user_profile_my_pets_wrapper #views-exposed-form-nppe-store-locator-page-1, .no-pets .user_profile_my_pets_wrapper .store-locator > .map-wrapper, .no-pets .user_profile_my_pets_wrapper .store-locator > .views-element-container > .store-locator > .map-wrapper {
    text-align: center; } }

@media screen and (max-width: 767px) {
  .no-pets .user-profile--my-details .user-profile--my-pets .views-field-field-nppe-upload-a-photo-of-you .field-content .no-photo-wrapper {
    height: 150px;
    width: 150px;
    padding-top: 43px; } }

@media screen and (max-width: 767px) {
  .mobile_search_wrapper #block-nppe-pro-plan-mobile-search-block h2 {
    margin-right: 6px; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  #block-nppemoduleproductprofilefilterblock {
    margin: 10px 25px 20px; } }

@media screen and (max-width: 767px) {
  #block-nppemoduleproductprofilefilterblock {
    padding: 60px 20px 20px; } }

.paragraph--view-mode--nppe-overview-tab {
  display: none; }
  .paragraph--view-mode--nppe-overview-tab:first-child {
    display: block; }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .nppe-compare header {
    margin-top: 80px; } }

@media screen and (max-width: 767px) {
  .nppe-compare header {
    margin-top: 40px; } }

.nppe-product-selector-dropdown-block-wrapper {
  margin-top: 70px; }
  @media screen and (max-width: 767px) {
    .nppe-product-selector-dropdown-block-wrapper {
      margin-top: 0; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .path-frontpage .hero-flickety:after {
    bottom: 110px; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .nppe_module_content_product_profile .filter-home__heading {
    margin-left: 0px;
    padding: 0px; } }

.nppe_module_content_product_profile .filter-home__textfield {
  padding-left: 5%; }

@media screen and (max-width: 767px) {
  .user-profile-my-pets-top-curve {
    margin-left: -15px; } }

@media screen and (max-width: 767px) {
  .user_profile_my_pets_wrapper {
    margin-left: -15px; } }

header#navbar .navbar-collapse nav > ul.menu > li > ul.menu > .megamenu--top-tier .megamenu--tier-two {
  color: #000; }
  header#navbar .navbar-collapse nav > ul.menu > li > ul.menu > .megamenu--top-tier .megamenu--tier-two > ul.menu .megamenu--tier-three {
    color: #000;
    text-decoration: none; }

header#navbar .navbar-collapse nav > ul.menu > li > ul.menu {
  left: -13vw;
  width: 69vw; }

.blank-menu-underline {
  padding: 10px;
  text-decoration: underline; }
  @media screen and (max-width: 767px) {
    .blank-menu-underline {
      color: #8b8b8b;
      font-weight: bold;
      text-transform: uppercase;
      text-decoration: none;
      padding-left: 0px; } }

@media screen and (max-width: 767px) {
  .blank-menu {
    color: #8b8b8b;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 0px; } }

nav.breadcrumb {
  z-index: 9999; }
  @media screen and (max-width: 767px) {
    nav.breadcrumb {
      display: none; } }

.filter-message-hide {
  display: none !important; }

.nppe_module_content_product_profile .filter-home__heading span {
  font-weight: 400; }

.nppe_module_content_product_profile button {
  padding: 10px 55px !important; }

.filter-custom-quiz__sterilised-size .form-item,
.filter-custom-quiz__conditions .form-item,
.filter-custom-quiz__diets .form-item {
  width: 32% !important; }
  @media screen and (max-width: 991px) {
    .filter-custom-quiz__sterilised-size .form-item,
    .filter-custom-quiz__conditions .form-item,
    .filter-custom-quiz__diets .form-item {
      width: 50% !important; } }
  @media screen and (max-width: 767px) {
    .filter-custom-quiz__sterilised-size .form-item,
    .filter-custom-quiz__conditions .form-item,
    .filter-custom-quiz__diets .form-item {
      width: 100% !important; } }

.filter-custom-quiz__sterilised-size .form-item {
  clear: both; }

.filter-custom-quiz__control.btn-back {
  margin-left: 0 !important;
  margin-right: 20px !important; }

.filter-custom-quiz__control.btn-next {
  float: none !important; }

.filter-custom-quiz .form-group {
  margin-left: -15px; }

.nppe_module_content_product_profile .filter-custom-quiz .filter-custom-quiz__message {
  margin-right: -28px; }

.banner__container--text-container {
  top: 35% !important; }
  @media screen and (max-width: 767px) {
    .banner__container--text-container {
      top: 20% !important; } }

.addtoany_list a img {
  border: none !important; }

.a2a_mini {
  width: 215px !important; }

a.a2a_i,
i.a2a_i {
  border-right: 1px solid #eaeaea !important; }

#edit-communications--wrapper legend,
#edit-companies--wrapper legend {
  display: none; }

@media screen and (max-width: 767px) {
  .nppe-pro-plan-compare-link-wrapper .compare-this-product-link {
    line-height: 55px !important;
    height: 137px !important; }
    .nppe-pro-plan-compare-link-wrapper .compare-this-product-link header {
      font-weight: 400; } }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-weight: 400 !important; }

.btn-disabled {
  background-color: grey; }

.pretty-path-facets .views-exposed-form details.form-item {
  padding: 10px 20px; }
  @media screen and (max-width: 767px) {
    .pretty-path-facets .views-exposed-form details.form-item {
      background: #fff; } }
  .pretty-path-facets .views-exposed-form details.form-item summary {
    line-height: 2.3em;
    font-size: 16px;
    font-weight: 400;
    margin-left: -5px; }
    @media screen and (max-width: 767px) {
      .pretty-path-facets .views-exposed-form details.form-item summary:after {
        margin-top: 13px; } }
    .pretty-path-facets .views-exposed-form details.form-item summary:before {
      content: " ";
      border-left: 19px solid #f6f6f6;
      height: 27px;
      position: absolute;
      float: left;
      margin-left: -8px; }
      @media screen and (max-width: 767px) {
        .pretty-path-facets .views-exposed-form details.form-item summary:before {
          border-left: 19px solid #fff !important; } }
      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .pretty-path-facets .views-exposed-form details.form-item summary:before {
          height: 0px; } }
      @supports (-ms-ime-align: auto) {
        .pretty-path-facets .views-exposed-form details.form-item summary:before {
          height: 0px; } }
  .pretty-path-facets .views-exposed-form details.form-item .form-checkboxes {
    background: #fff !important;
    box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.36) !important;
    padding: 0 10px 0 30px;
    width: 258px; }
    @media screen and (max-width: 767px) {
      .pretty-path-facets .views-exposed-form details.form-item .form-checkboxes {
        width: 100%;
        padding-left: 33px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .pretty-path-facets .views-exposed-form details.form-item .form-checkboxes {
        width: 100%;
        padding-left: 33px; } }

.product-listing-page header h3 {
  font-weight: 400; }

@media screen and (max-width: 767px) {
  .search-store .col-sm-12 {
    margin-left: -13px; } }

@media screen and (max-width: 767px) {
  .search-store .col-sm-12 p {
    font-size: 16px;
    padding: 10px; } }

@media screen and (max-width: 767px) {
  .store-locator {
    margin-top: 45px; } }

@media screen and (max-width: 767px) {
  .store-locator .views-element-container {
    padding-top: 10px;
    background-color: #fff; } }

@media screen and (max-width: 767px) {
  .store-locator .views-element-container:before {
    display: none; } }

.path-frontpage .views-element-container header {
  width: 70%;
  margin: 0 auto;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .path-frontpage .views-element-container header {
      width: 100%; } }

@media screen and (max-width: 767px) {
  .contact-faq-banner .banner__container--text-container {
    top: 5% !important; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .contact-faq-banner .banner__container--text-container {
    top: 5% !important; } }

@media (min-width: 992px) {
  .wide-banners.push-text-right .banner__container--text h1, .wide-banners.push-text-far-right .banner__container--text h1 {
    color: #000 !important;
    margin-bottom: -25px; } }

@media (min-width: 992px) {
  .path-frontpage .banner__container--text-container {
    top: 6% !important; } }

@media (min-width: 1200px) {
  .path-frontpage .banner__container--text-container {
    top: 20% !important; } }

.article-list__article-listing--container .details__container {
  min-height: 195px; }

.product-detail__related-product--content .teaser-title:hover {
  text-decoration: underline; }

.article-detail__container--image .desktop:after {
  background-image: url(../assets/down-curve.png);
  background-size: 100% 100%;
  content: "";
  z-index: 1;
  position: absolute;
  bottom: -2px;
  left: 0;
  display: block;
  width: 100vw;
  height: 140px;
  background-repeat: no-repeat;
  background-position: bottom center; }

.contact-faq-banner .desktop:after:nth-last-child(1) {
  background-image: url(../assets/up-curve.png);
  background-size: 100% 100%;
  content: "";
  z-index: 1;
  position: absolute;
  bottom: -2px;
  left: 0;
  display: block;
  width: 100vw;
  height: 140px;
  background-repeat: no-repeat;
  background-position: bottom center; }

.flickity-prev-next-button svg {
  top: 20%;
  width: 80%;
  height: 85%; }
  .flickity-prev-next-button svg .arrow {
    fill: #fff; }

.flickity-rtl .flickity-prev-next-button.previous {
  right: 100px; }
  @media screen and (max-width: 767px) {
    .flickity-rtl .flickity-prev-next-button.previous {
      right: 5px; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .flickity-rtl .flickity-prev-next-button.previous {
      right: 20px; } }

.flickity-rtl .flickity-prev-next-button.next {
  left: 100px; }
  @media screen and (max-width: 767px) {
    .flickity-rtl .flickity-prev-next-button.next {
      left: 5px; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .flickity-rtl .flickity-prev-next-button.next {
      left: 20px; } }

.up-curve:after {
  background-image: url(../assets/up-curve.png);
  background-size: 100% 100%;
  content: "";
  z-index: 1;
  position: absolute;
  top: 0px;
  left: 0;
  display: block;
  width: 100vw;
  height: 140px;
  background-repeat: no-repeat;
  background-position: bottom center; }

.timeline-cards .timeline-card-wrapper:nth-child(odd) {
  margin: 70px 0 0 5%; }

.generic-block__container--text-block table {
  margin: 20px 0 20px;
  border-radius: 2px;
  width: 100%;
  background: #fff;
  padding: 4px;
  border: 0;
  border-collapse: separate; }
  .generic-block__container--text-block table td {
    padding: 10px 30px;
    border-bottom: 1px solid #f1f1f1; }
    .generic-block__container--text-block table td:first-child {
      border-right: 1px solid #f1f1f1; }

.flickity-page-dots {
  z-index: 9999;
  bottom: 87px; }
  .flickity-page-dots .dot {
    background: transparent;
    border: 1px solid #fff;
    width: 14px;
    height: 14px;
    opacity: 1; }
    .flickity-page-dots .dot .is-selected {
      opacity: 1;
      background: #fff; }

.nppe-module-product-profile-admin-home h1 {
  font-weight: 400; }

.product-detail__related-product--content .teaser-title {
  min-height: 125px; }

.mobile-filters-heading {
  display: none; }
  @media screen and (max-width: 767px) {
    .mobile-filters-heading {
      font-size: 21px;
      text-transform: uppercase;
      font-weight: 500;
      padding-left: 17px;
      display: block; } }

.hide {
  display: none; }

/* This was from CSS Editor */
#whyproplan-wrapper {
  max-width: 1160px;
  width: 100%;
  margin: 0 auto; }

.whyproplan-column {
  float: left;
  margin: 10px 17px;
  width: 22%; }

.whyproplan-container {
  width: 220px;
  height: 220px;
  margin: 15px;
  text-align: center; }
  .whyproplan-container .title {
    display: none; }
  .whyproplan-container:hover .image-wrapper {
    width: 160px;
    height: 160px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    transition: all .2s ease-in-out; }
    .whyproplan-container:hover .image-wrapper img {
      display: inline;
      margin: 0 auto;
      height: 100%;
      width: auto;
      margin-left: -25%; }
    .whyproplan-container:hover .image-wrapper .summary {
      text-shadow: none !important; }
  .whyproplan-container .image-wrapper {
    width: 150px;
    height: 150px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto; }
    .whyproplan-container .image-wrapper img {
      display: inline;
      margin: 0 auto;
      height: 100%;
      width: auto;
      margin-left: -25%; }

.filter-tags-wrapper {
  margin-top: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #f8f8f8; }
  .filter-tags-wrapper .filter-tag {
    color: #999999;
    text-transform: uppercase;
    padding: 10px 20px; }
  .filter-tags-wrapper li {
    list-style: none;
    display: inline; }

.filter-tags-wrapper {
  margin-top: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #f8f8f8;
  padding-bottom: 15px; }
  .filter-tags-wrapper .filter-tag {
    color: #464646;
    padding: 13px 27px;
    font-size: 16px;
    text-transform: uppercase; }
  .filter-tags-wrapper li {
    list-style: none;
    display: inline;
    opacity: 0.3;
    position: relative; }
    .filter-tags-wrapper li:hover {
      opacity: 1; }
    .filter-tags-wrapper li:before, .filter-tags-wrapper li:after {
      position: absolute;
      left: 15px;
      top: 0;
      content: ' ';
      height: 15px;
      width: 2px;
      background-color: #333; }
    .filter-tags-wrapper li:before {
      transform: rotate(45deg); }
    .filter-tags-wrapper li:after {
      transform: rotate(-45deg); }

.health-checker-wrapper .is-active {
  background-color: #000 !important; }

.nppe-new-pet-tabbed-page .timeline-cards .timeline-card-wrapper:nth-child(even) {
  margin: 70px 0 0 5% !important; }

.nppe-new-pet-tabbed-page .timeline-cards .timeline-card-wrapper:nth-child(odd) {
  margin: 0 5% 40px 0 !important; }

@media screen and (max-width: 767px) {
  .why-pro-plan-write-up img {
    width: 100%; } }

.why-pro-plan-write-up .heading-first {
  width: 85%;
  text-align: center;
  margin: 0 auto; }

@media screen and (max-width: 767px) {
  #whyproplan-wrapper .whyproplan-column {
    float: none;
    margin: 0 auto;
    width: 50%;
    text-align: center; } }

@media screen and (max-width: 767px) {
  #whyproplan-wrapper .whyproplan-column .summary {
    padding-top: 10px; } }

@media screen and (max-width: 767px) {
  .whyproplan-container {
    margin: 15px 0; } }

.whyproplan-container:hover .summary {
  text-shadow: none !important; }

@media screen and (max-width: 767px) {
  .why-proplan .banner__container--text-container {
    top: 50% !important; } }

a.button {
  font-weight: 500 !important; }

@media screen and (max-width: 767px) {
  #block-views-block-nppe-pro-plan-products-block-1 .owl-wrapper-outer {
    height: 100% !important; } }

@media screen and (min-width: 1100px) and (max-width: 1280px) {
  .nppe-module-product-profile-admin-home h1 {
    font-size: 40px !important; } }

@media screen and (min-width: 1024px) and (max-width: 1099px) {
  .nppe-module-product-profile-admin-home h1 {
    font-size: 30px !important;
    width: 75% !important; }
  .nppe-module-product-profile-admin-home form fieldset:nth-child(2) .filter-home__heading span {
    width: 75% !important; } }

.products .action-flag:before,
.products-compare-box .action-flag:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  height: 22px;
  width: 22px;
  background: #fff;
  border: 1px solid #000; }

.products .action-unflag:after,
.products-compare-box .action-unflag:after {
  content: "";
  position: absolute;
  left: 8px;
  top: 7px;
  width: 6px;
  height: 10px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg); }

.products .action-unflag:before,
.products-compare-box .action-unflag:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  height: 22px;
  width: 22px;
  background: #fff;
  border: 1px solid #000; }

.products .flag-compare-products,
.products-compare-box .flag-compare-products {
  position: relative;
  margin-top: 17px;
  margin-left: 25px; }
  .products .flag-compare-products a,
  .products-compare-box .flag-compare-products a {
    margin-left: 0;
    color: #000;
    width: 100%;
    padding-left: 28px;
    font-weight: 400;
    position: relative; }

a.all-mobile-menu {
  display: none; }
  @media screen and (max-width: 767px) {
    a.all-mobile-menu {
      display: block; } }

.nppe-module-product-profile-admin-home form fieldset:last-of-type .filter-home__block-title {
  font-weight: 400;
  text-transform: none;
  font-size: 36px;
  line-height: 45px; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .hero-flickety {
    margin-top: -50px; } }

@supports (-ms-ime-align: auto) {
  .hero-flickety {
    margin-top: -50px; } }

.flickity-page-dots .dot.is-selected {
  background: #fff; }

.main-container {
  padding-top: 125px; }
  @media screen and (max-width: 991px) {
    .main-container {
      padding-top: 0px; } }
  @media screen and (max-width: 767px) {
    .main-container {
      padding-top: 70px; } }

.not-sticky {
  transform: rotate(360deg); }

.sticky {
  position: fixed !important;
  left: 0 !important;
  width: 100%;
  top: 125px;
  transform: translateZ(1em);
  animation: slide-down 0.7s;
  z-index: 999999999; }
  @media screen and (max-width: 991px) {
    .sticky {
      top: 95px; } }

.hide-compare {
  animation: slide-up 0.3s forwards; }

@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-100%); }
  100% {
    opacity: 0.9;
    transform: translateY(0); } }

@keyframes slide-up {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(-100%);
    height: 0; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #block-nppe-pro-plan-mobile-search-block .navbar-search-block-wrapper header input#searchableinput,
  #block-views-block-nppe-pro-plan-search-block-block-1 .navbar-search-block-wrapper header input#searchableinput {
    padding: 15px 10px; }
  .packshot__container {
    width: 33%; } }

@supports (-ms-ime-align: auto) {
  #block-nppe-pro-plan-mobile-search-block .navbar-search-block-wrapper header input#searchableinput,
  #block-views-block-nppe-pro-plan-search-block-block-1 .navbar-search-block-wrapper header input#searchableinput {
    padding: 0px 10px; }
  .packshot__container {
    width: 33%; } }

@media screen and (max-width: 767px) {
  .path-frontpage .banner__container--image .bottom-curve:after {
    bottom: 60px;
    position: relative; } }

@media screen and (max-width: 767px) {
  .path-frontpage .banner_responsive_container .banner_responsive_img {
    min-height: 92vh !important; } }

@media screen and (max-width: 767px) {
  .main-container {
    padding-top: 33px; } }

@media screen and (max-width: 767px) {
  .main-container h1 {
    line-height: 1.3em; } }

@media screen and (max-width: 767px) {
  .nppe_module_content_product_profile button {
    margin-bottom: 0; } }

@media screen and (max-width: 767px) {
  .nppe_module_content_product_profile .btn-back {
    margin-top: 15px; } }

@media screen and (max-width: 767px) {
  .health-checker-view footer p a .warning-start-again-button {
    margin-bottom: 15px; } }

@media screen and (max-width: 767px) {
  body .path-frontpage .homepage__featured-product--container:hover {
    background: #fff; }
    body .path-frontpage .homepage__featured-product--container:hover .teaser-title {
      color: #000 !important; } }

@media screen and (max-width: 767px) {
  .health-checker-term-description {
    display: block; } }

.health-checker-banner-bottom:after {
  background-image: url(../assets/up-curve.png);
  background-size: 100% 100%;
  content: "";
  z-index: 99999;
  position: absolute;
  top: 0;
  display: block;
  width: 100vw;
  transform: translateX(-50%);
  height: 140px; }

.health-checker-banner-bottom .banner__container--text-container {
  top: 30% !important; }

.footer__navigation {
  width: 75%; }

.footer__copyright {
  width: 25%; }

.ajax-progress-throbber .throbber,
div#search-loading {
  background: transparent url(../assets/spinner.gif) no-repeat 0 center;
  background-size: 90% auto;
  display: inline;
  width: 25px;
  padding: 1px 5px 2px; }

.paragraph.paragraph--type--bp-columns .paragraph__column {
  padding: 20px; }

.h3-quote-articles {
  color: #9d9d9d;
  font-size: 27px;
  width: 60%;
  text-align: center;
  margin: 0 auto;
  line-height: 1.5em;
  font-style: italic; }

.products-related-breakout {
  background-color: #f6f6f6;
  transform: translateX(-50%);
  margin-bottom: -10px; }
  .products-related-breakout .nppe-pro-plan-related-products {
    transform: translateX(85%);
    padding-bottom: 40px;
    margin-bottom: 0px; }
    @media screen and (max-width: 991px) {
      .products-related-breakout .nppe-pro-plan-related-products {
        transform: translateX(65%); } }
    @media screen and (max-width: 767px) {
      .products-related-breakout .nppe-pro-plan-related-products {
        transform: translateX(65%); } }

.nppe-pro-plan-related-products-articles-page {
  padding-bottom: 50px; }
  .nppe-pro-plan-related-products-articles-page .homepage__featured-product--container {
    width: 250px !important;
    padding: 25px 15px;
    border-radius: 5px;
    border: 1px solid #ebebec;
    box-shadow: 1px 2px 4px #ebebec;
    margin: 5px 7px 15px;
    float: left; }

.nppe-benefit-icons-product {
  border-radius: 0px;
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0px;
  display: inherit;
  margin: 0 auto;
  transform: translateX(0);
  width: 950px;
  margin-top: -92px;
  margin-bottom: 50px; }
  .nppe-benefit-icons-product h2 {
    display: none; }
  .nppe-benefit-icons-product .pro-plan-benefit-icons {
    border-radius: 5px;
    background: #fff;
    border: 1px solid #ebebec;
    box-shadow: 1px 2px 4px #ebebec;
    width: 450px;
    position: relative;
    padding: 8px;
    display: inline-table;
    margin: 12px;
    float: left; }
    .nppe-benefit-icons-product .pro-plan-benefit-icons .pro-plan-benefit-description {
      margin: auto;
      display: contents;
      box-shadow: none;
      float: left;
      vertical-align: middle;
      position: absolute; }
      .nppe-benefit-icons-product .pro-plan-benefit-icons .pro-plan-benefit-description > div {
        vertical-align: middle;
        margin: 5px; }
    .nppe-benefit-icons-product .pro-plan-benefit-icons .pro-plan-benefit-image {
      display: inline-block;
      border: none;
      box-shadow: none;
      width: 95px;
      height: auto;
      float: left;
      margin: 0px;
      vertical-align: middle; }
      .nppe-benefit-icons-product .pro-plan-benefit-icons .pro-plan-benefit-image img {
        width: 70px; }

.product-benefits-icons-comparison {
  float: left;
  margin: 5px; }
  .product-benefits-icons-comparison h2 {
    display: none; }
  .product-benefits-icons-comparison .pro-plan-benefit-icons .pro-plan-benefit-image img {
    width: 30px; }

.purina-layouts__article--body-container .paragraph > .paragraph__column .paragraph > .paragraph__column {
  width: auto;
  height: auto;
  overflow: hidden;
  border-radius: 7px; }

#block-views-block-nppe-pro-plan-search-block-block-1 .navbar-search-block-wrapper table tr:nth-child(-n+4) {
  display: none; }

#block-views-block-nppe-pro-plan-search-block-block-1 .navbar-search-block-wrapper table tr:nth-child(-n+3) {
  display: block; }

input#edit-petname {
  -webkit-appearance: none;
  border: none;
  background: none; }

.navbar-search-block-wrapper table {
  display: none !important; }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .nppe-module-product-profile-admin-home h1 {
    font-size: 36px !important;
    margin: 11rem auto 0; }
  .wide-banners.push-text-right .banner__container--text h1, .wide-banners.push-text-far-right .banner__container--text h1 {
    font-size: 23px !important; }
  .nppe-module-product-profile-admin-home {
    height: 700px; }
  #block-views-block-banner-extra-rows-block-2 {
    max-height: 100% !important; } }

@media screen and (max-width: 767px) {
  footer#footer .footer__navigation ul li {
    border-bottom: 1px solid #525252;
    width: 100%;
    padding: 5px 0 5px;
    margin: 0 0 0; }
  .health-checker-view footer p a.warning-start-again-button {
    margin-bottom: 25px; }
  .custom-heading-banner .banner__container--image {
    height: 486px !important; }
  .path-frontpage .banner_responsive_container .banner_responsive_img {
    min-height: 124vh !important; }
  .whyproplan-container {
    margin: 0 0 60px 0;
    width: 100%; }
  .timeline-cards-outer-wrapper {
    padding: 20% 0 28px; }
  .why-proplan-block-timeline h2 {
    top: -23px; }
  .products-related-breakout {
    transform: translateX(-10%); }
  .products-related-breakout {
    transform: translateX(10%); } }

@media screen and (max-width: 320px) {
  .products-related-breakout .nppe-pro-plan-related-products {
    transform: translateX(13%); } }

@media screen and (max-width: 375px) {
  .products-related-breakout .nppe-pro-plan-related-products {
    transform: translateX(8%); } }

@media screen and (max-width: 411px) {
  .products-related-breakout .nppe-pro-plan-related-products {
    transform: translateX(12%); } }

@media screen and (max-width: 414px) {
  .products-related-breakout .nppe-pro-plan-related-products {
    transform: translateX(12%); } }

@media screen and (max-width: 736px) {
  .products-related-breakout .nppe-pro-plan-related-products {
    transform: translateX(12%); }
  .products-related-breakout {
    transform: translateX(-6%); }
  #block-views-block-nppe-recently-viewed-nppe-recently-viewed .nppe-recently-viewed-top-curve-outer-wrapper:before {
    height: 60px;
    top: 1px; } }

@media screen and (max-width: 736px) {
  #block-views-block-nppe-recently-viewed-nppe-recently-viewed .nppe-recently-viewed-top-curve-outer-wrapper:before {
    height: 60px;
    top: 1px; } }

.views-field-addtoany-share img {
  background-image: url(../assets/icon-share.png);
  background-repeat: no-repeat;
  width: 40px;
  border: 0; }

.feeding-guide-table-wrap {
  overflow-x: auto; }

.paragraph--type--view-carousel {
  margin-top: 50px;
  border-top: 1px solid #ccc; }

.puppy-kits-carousal-head h2 {
  text-align: center; }

.nppe-puppy-kit-pages header {
  text-align: center;
  background: #fff;
  color: #000;
  padding: 25px 0; }
  .nppe-puppy-kit-pages header h2 {
    margin: 20px 0; }

.nppe-puppy-kit-pages .owl-wrapper-outer {
  height: 400px;
  padding-bottom: 10px;
  margin-left: 27px; }

.nppe-puppy-kit-pages .owl-carousel {
  width: 95%;
  margin: 10px auto 10px;
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

.nppe-puppy-kit-pages .puppy-kit-item {
  width: 300px !important;
  padding: 10px 15px;
  border-radius: 5px;
  border: 1px solid #ebebec;
  box-shadow: 1px 2px 4px #ebebec;
  margin: 5px 7px 15px;
  text-align: center; }
  .nppe-puppy-kit-pages .puppy-kit-item .views-field-field-carousal-image {
    padding: 10px 0 10px; }
  .nppe-puppy-kit-pages .puppy-kit-item .views-field-field-carousal-description {
    padding: 10px 0 10px; }

.nppe-puppy-kit-pages .owl-controls {
  margin: 40px 0 50px; }

.nppe-puppy-kit-pages .owl-buttons {
  position: absolute;
  top: 30% !important;
  width: 100%; }
  .nppe-puppy-kit-pages .owl-buttons .owl-prev,
  .nppe-puppy-kit-pages .owl-buttons .owl-next {
    opacity: 1 !important;
    font-size: 0 !important;
    left: -30px;
    height: 60px;
    width: 60px;
    position: absolute;
    border-radius: 100% !important;
    border: 1px solid #f6f6f6;
    box-shadow: 1px 2px 3px #999;
    background-color: #fff !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 20px auto !important;
    background-image: url(../assets/arrow-left.png) !important; }
    @media screen and (max-width: 767px) {
      .nppe-puppy-kit-pages .owl-buttons .owl-prev,
      .nppe-puppy-kit-pages .owl-buttons .owl-next {
        border: 0;
        box-shadow: 0 0 0 transparent; } }
  .nppe-puppy-kit-pages .owl-buttons .owl-next {
    right: -30px;
    left: auto;
    background-image: url(../assets/arrow-right.png) !important; }

.nppe-puppy-kit-pages .owl-page > span {
  background: #fff;
  border: 1px solid #000; }

.nppe-puppy-kit-pages .owl-page .active > span {
  background: #000;
  border: 1px solid #000; }
